root:
  base: >-
    fixed top-0 left-0 right-0 md:inset-0 z-[1300]
    w-full h-[calc(100%-1rem)] max-h-full p-4
    overflow-x-hidden overflow-y-auto
    justify-center items-center
  backdrop?:
    false: pointer-events-none
  placement:
    top_left: justify-start items-start
    top_center: justify-center items-start
    top_right: justify-end items-start
    center_left: justify-start items-center
    center: justify-center items-center
    center_right: justify-end items-center
    bottom_left: justify-start items-end
    bottom_center: justify-center items-end
    bottom_right: justify-end items-end
root/hidden:
  base: hidden
root/visible:
  base: flex
backdrop:
  base: fixed inset-0 z-[-1] bg-gray-900 bg-opacity-50 dark:bg-opacity-80
content:
  base: relative w-full max-h-full
  backdrop?:
    false: pointer-events-auto
  size:
    sm: max-w-md
    base: max-w-lg
    lg: max-w-4xl
    xl: max-w-7xl
close_icon_button:
  root:
    base: >-
      w-8 h-8 rounded-lg
      inline-flex justify-center items-center
      text-sm text-gray-400 hover:text-gray-900 dark:hover:text-white
      bg-transparent hover:bg-gray-200 dark:hover:bg-gray-600
  visual:
    base: w-3 h-3