@zentauri-ui/zentauri-components 0.0.93 → 1.1.0

package/dist/ui/inputs.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/ui/inputs/animations.ts","../../src/ui/inputs/input.tsx","../../src/ui/inputs/variants.ts"],"sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nexport const Input = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInput.displayName = \"Input\";\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  [\n    \"w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"placeholder:text-slate-500\",\n    \"focus-visible:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"read-only:cursor-default read-only:bg-white/[0.03]\",\n    \"file:h-8\"\n  ],\n  {\n    variants: {\n      as: {\n        input: \"\",\n        textarea: \"h-auto! resize-y py-2 align-top\",\n        file: [\n          // Reset native padding so we control it fully\n          \"p-0! cursor-pointer\",\n          // File-selector button base styles\n          \"file:cursor-pointer file:border-0 file:border-r file:border-white/10\",\n          \"file:bg-white/10 file:text-slate-200 file:font-medium\",\n          \"file:transition-colors file:duration-200\",\n          \"hover:file:bg-white/15\",\n          // Content area padding\n          \"[&:not(:disabled)]:file:hover:text-white\",\n          \"disabled:file:cursor-not-allowed\",\n        ],\n        checkbox: [\n          \"shrink-0 cursor-pointer appearance-none relative\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 [&:not(:checked)]:bg-transparent\",\n          \"transition-[color,box-shadow,border-color,background-color]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n          \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\"\n        ],\n        radio: [\n          \"shrink-0 cursor-pointer appearance-none rounded-full\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 bg-transparent! read-only:bg-transparent!\",\n          \"ring-2 ring-white/20 ring-offset-2 ring-offset-slate-950\",\n          \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n        ],\n      },\n      appearance: {\n        default: \"border-white/10 focus-visible:border-white/20\",\n        warning: \"border-yellow-500/80 text-yellow-50 placeholder:text-yellow-300/70 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n        error:\n          \"border-rose-500/80 text-rose-50 placeholder:text-rose-300/70 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n        success:\n          \"border-emerald-500/70 text-emerald-50 placeholder:text-emerald-300/70 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n        info: \"border-blue-500/80 text-blue-50 placeholder:text-blue-300/70 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n        violet: \"border-violet-500/80 text-violet-50 placeholder:text-violet-300/70 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n        amber: \"border-amber-500/80 text-amber-50 placeholder:text-amber-300/70 focus-visible:border-amber-400 focus-visible:ring-amber-400/80\",\n        pink: \"border-pink-500/80 text-pink-50 placeholder:text-pink-300/70 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n        indigo: \"border-indigo-500/80 text-indigo-50 placeholder:text-indigo-300/70 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80\",\n        orange: \"border-orange-500/80 text-orange-50 placeholder:text-orange-300/70 focus-visible:border-orange-400 focus-visible:ring-orange-400/80\",\n\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4 text-sm\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n      },\n      ring: {\n        true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      as: \"input\",\n      appearance: \"default\",\n      size: \"md\",\n      ring: true,\n    },\n    compoundVariants: [\n      // ── textarea size overrides ──────────────────────────────────────────\n      {\n        as: \"textarea\",\n        size: \"sm\",\n        class: \"min-h-[5rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"md\",\n        class: \"min-h-[6rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"lg\",\n        class: \"min-h-[7.5rem]\",\n      },\n      // ── file input: size – height & file-button padding ──────────────────\n      {\n        as: \"file\",\n        size: \"sm\",\n        class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n      },\n      {\n        as: \"file\",\n        size: \"md\",\n        class: \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n      },\n      {\n        as: \"file\",\n        size: \"lg\",\n        class: \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n      },\n      // ── file input: appearance – file-button accent colour ───────────────\n      {\n        as: \"file\",\n        appearance: \"default\",\n        class: \"file:text-slate-200\",\n      },\n      {\n        as: \"file\",\n        appearance: \"warning\",\n        class: \"file:bg-yellow-500/20 file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"error\",\n        class: \"file:bg-rose-500/20 file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"success\",\n        class: \"file:bg-emerald-500/20 file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"info\",\n        class: \"file:bg-blue-500/20 file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"violet\",\n        class: \"file:bg-violet-500/20 file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"amber\",\n        class: \"file:bg-amber-500/20 file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"pink\",\n        class: \"file:bg-pink-500/20 file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"indigo\",\n        class: \"file:bg-indigo-500/20 file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n      },\n      // ── checkbox / radio: size (overrides text-field height & padding) ───\n      {\n        as: \"checkbox\",\n        size: \"sm\",\n        class:\n          \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"md\",\n        class:\n          \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"lg\",\n        class:\n          \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n      },\n      // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n      {\n        as: \"checkbox\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:text-slate-200 hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:text-yellow-300 hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:text-rose-300 hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:text-emerald-300 hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:text-blue-300 hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:after:bg-violet-400 checked:border-violet-400 checked:text-violet-300 hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400! checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:text-pink-300 hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n      },\n      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n      {\n        as: \"radio\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-400 focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-400 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n      },\n    ],\n  },\n);\n"],"mappings":"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","names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"]}
+{"version":3,"sources":["../../src/ui/inputs/animations.ts","../../src/ui/inputs/variants.ts","../../src/ui/inputs/input.tsx"],"names":["className","appearance","size","animation","ring","ref","ariaInvalidProp","errorMessage","id","as","rest","controlId","errorId","motionProps","ariaInvalid"],"mappings":"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","file":"inputs.mjs","sourcesContent":["import type { InputAnimationPresets } from \"./types\";\n\nexport const inputAnimationPresets: InputAnimationPresets = {\n  none: {},\n  lift: {\n    whileHover: { y: -1 },\n    whileFocus: { y: -1 },\n    transition: { type: \"spring\", stiffness: 480, damping: 32 },\n  },\n  press: {\n    whileTap: { scale: 0.99 },\n    transition: { type: \"spring\", stiffness: 520, damping: 30 },\n  },\n  glow: {\n    whileFocus: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.2), 0 12px 28px rgba(15,23,42,0.35)\",\n    },\n    whileHover: {\n      boxShadow:\n        \"0 0 0 1px rgba(255,255,255,0.12), 0 8px 20px rgba(15,23,42,0.25)\",\n    },\n    transition: { duration: 0.2, ease: \"easeOut\" },\n  },\n  tilt: {\n    whileHover: { scale: 1.005 },\n    whileFocus: { scale: 1.008 },\n    whileTap: { scale: 0.995 },\n    transition: { type: \"spring\", stiffness: 380, damping: 24 },\n  },\n  bounce: {\n    whileFocus: { y: -2, scale: 1.01 },\n    whileHover: { y: -1, scale: 1.005 },\n    transition: { type: \"spring\", bounce: 0.35, duration: 0.4 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const inputVariants = cva(\n  [\n    \"w-full min-w-0 rounded-xl border bg-white/5 text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n    \"ring-offset-slate-950 transition-colors\",\n    \"placeholder:text-slate-500\",\n    \"focus-visible:outline-none\",\n    \"disabled:cursor-not-allowed disabled:opacity-50\",\n    \"read-only:cursor-default read-only:bg-white/[0.03]\",\n    \"file:h-8\",\n  ],\n  {\n    variants: {\n      as: {\n        input: \"\",\n        textarea: \"h-auto! resize-y py-2 align-top\",\n        file: [\n          // Reset native padding so we control it fully\n          \"p-0! cursor-pointer\",\n          // File-selector button base styles\n          \"file:cursor-pointer file:border-0 file:border-r file:border-white/10\",\n          \"file:bg-white/10 file:text-slate-200 file:font-medium\",\n          \"file:transition-colors file:duration-200\",\n          \"hover:file:bg-white/15\",\n          // Content area padding\n          \"[&:not(:disabled)]:file:hover:text-white\",\n          \"disabled:file:cursor-not-allowed\",\n        ],\n        checkbox: [\n          \"shrink-0 cursor-pointer appearance-none relative\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 [&:not(:checked)]:bg-transparent\",\n          \"transition-[color,box-shadow,border-color,background-color]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n          \"checked:after:absolute checked:after:content-[''] checked:after:size-3 checked:after:top-1/2 checked:after:left-1/2 checked:after:-translate-x-1/2 checked:after:-translate-y-1/2 checked:after:rounded-full checked:after:bg-current\",\n        ],\n        radio: [\n          \"shrink-0 cursor-pointer appearance-none rounded-full\",\n          \"min-h-0! shadow-none outline-none\",\n          \"border-2 border-white/30 bg-transparent! read-only:bg-transparent!\",\n          \"ring-2 ring-white/20 ring-offset-2 ring-offset-slate-950\",\n          \"transition-[color,box-shadow,background-color,border-color,box-shadow]\",\n          \"disabled:cursor-not-allowed disabled:opacity-50\",\n          \"read-only:cursor-default\",\n        ],\n      },\n      appearance: {\n        default: \"border-white/10 focus-visible:border-white/20\",\n        warning:\n          \"border-yellow-500/80 text-yellow-50 placeholder:text-yellow-300/70 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n        error:\n          \"border-rose-500/80 text-rose-50 placeholder:text-rose-300/70 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n        success:\n          \"border-emerald-500/70 text-emerald-50 placeholder:text-emerald-300/70 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n        info: \"border-blue-500/80 text-blue-50 placeholder:text-blue-300/70 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n        violet:\n          \"border-violet-500/80 text-violet-50 placeholder:text-violet-300/70 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n        amber:\n          \"border-amber-500/80 text-amber-50 placeholder:text-amber-300/70 focus-visible:border-amber-400 focus-visible:ring-amber-400/80\",\n        pink: \"border-pink-500/80 text-pink-50 placeholder:text-pink-300/70 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n        indigo:\n          \"border-indigo-500/80 text-indigo-50 placeholder:text-indigo-300/70 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80\",\n        orange:\n          \"border-orange-500/80 text-orange-50 placeholder:text-orange-300/70 focus-visible:border-orange-400 focus-visible:ring-orange-400/80\",\n      },\n      size: {\n        sm: \"h-8 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4 text-sm\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n      },\n      ring: {\n        true: \"focus-visible:ring-2 focus-visible:ring-offset-2\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      as: \"input\",\n      appearance: \"default\",\n      size: \"md\",\n      ring: true,\n    },\n    compoundVariants: [\n      // ── textarea size overrides ──────────────────────────────────────────\n      {\n        as: \"textarea\",\n        size: \"sm\",\n        class: \"min-h-[5rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"md\",\n        class: \"min-h-[6rem]\",\n      },\n      {\n        as: \"textarea\",\n        size: \"lg\",\n        class: \"min-h-[7.5rem]\",\n      },\n      // ── file input: size – height & file-button padding ──────────────────\n      {\n        as: \"file\",\n        size: \"sm\",\n        class: \"h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs\",\n      },\n      {\n        as: \"file\",\n        size: \"md\",\n        class:\n          \"h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm\",\n      },\n      {\n        as: \"file\",\n        size: \"lg\",\n        class:\n          \"h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base\",\n      },\n      // ── file input: appearance – file-button accent colour ───────────────\n      {\n        as: \"file\",\n        appearance: \"default\",\n        class: \"file:text-slate-200\",\n      },\n      {\n        as: \"file\",\n        appearance: \"warning\",\n        class:\n          \"file:bg-yellow-500/20 file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"error\",\n        class:\n          \"file:bg-rose-500/20 file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"success\",\n        class:\n          \"file:bg-emerald-500/20 file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"info\",\n        class:\n          \"file:bg-blue-500/20 file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"violet\",\n        class:\n          \"file:bg-violet-500/20 file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"amber\",\n        class:\n          \"file:bg-amber-500/20 file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"pink\",\n        class:\n          \"file:bg-pink-500/20 file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30\",\n      },\n      {\n        as: \"file\",\n        appearance: \"indigo\",\n        class:\n          \"file:bg-indigo-500/20 file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30\",\n      },\n      // ── checkbox / radio: size (overrides text-field height & padding) ───\n      {\n        as: \"checkbox\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"checkbox\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! rounded-md! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"sm\",\n        class: \"h-4! w-4! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"md\",\n        class: \"h-5! w-5! min-h-0! px-0! py-0!\",\n      },\n      {\n        as: \"radio\",\n        size: \"lg\",\n        class: \"h-6! w-6! min-h-0! px-0! py-0!\",\n      },\n      // ── checkbox: appearance (border + tick color; fill stays transparent) ─\n      {\n        as: \"checkbox\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:text-slate-200 hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:text-yellow-300 hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:text-rose-300 hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:text-emerald-300 hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:text-blue-300 hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:after:bg-violet-400 checked:border-violet-400 checked:text-violet-300 hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400! checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:text-pink-300 hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80\",\n      },\n      {\n        as: \"checkbox\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!\",\n      },\n      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─\n      {\n        as: \"radio\",\n        appearance: \"default\",\n        class:\n          \"border-slate-400/70! checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-300 focus-visible:border-slate-300 focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-slate-300/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"warning\",\n        class:\n          \"border-yellow-500/70! checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-400 focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-yellow-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"error\",\n        class:\n          \"border-rose-500/70! checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-400 focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-rose-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"success\",\n        class:\n          \"border-emerald-500/70! checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-400 focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-emerald-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"info\",\n        class:\n          \"border-blue-500/70! checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-400 focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-blue-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"violet\",\n        class:\n          \"border-violet-500/70! checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-400 focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-violet-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"amber\",\n        class:\n          \"border-amber-500/70! checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-400 focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-amber-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"pink\",\n        class:\n          \"border-pink-500/70! checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-400 focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-pink-400/90!\",\n      },\n      {\n        as: \"radio\",\n        appearance: \"indigo\",\n        class:\n          \"border-indigo-500/70! checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-400 focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-slate-950! checked:ring-indigo-400/90!\",\n      },\n    ],\n  },\n);\n","\"use client\";\n\nimport { useId } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn } from \"../../lib/utils\";\nimport { inputAnimationPresets } from \"./animations\";\nimport type { InputProps } from \"./types\";\nimport { inputVariants } from \"./variants\";\n\nexport const Input = (props: InputProps) => {\n  const generatedId = useId();\n\n  if (props.as === \"textarea\") {\n    const {\n      className,\n      appearance,\n      size,\n      animation = \"none\",\n      ring = true,\n      ref,\n      \"aria-invalid\": ariaInvalidProp,\n      errorMessage,\n      id,\n      as,\n      ...rest\n    } = props;\n\n    const controlId = id ?? generatedId;\n    const errorId = `${controlId}-error`;\n    const motionProps = inputAnimationPresets[animation];\n    const ariaInvalid =\n      ariaInvalidProp !== undefined\n        ? ariaInvalidProp\n        : appearance === \"error\"\n          ? true\n          : undefined;\n\n    return (\n      <>\n        <motion.textarea\n          ref={ref}\n          id={controlId}\n          data-slot=\"input\"\n          className={cn(\n            inputVariants({ appearance, size, ring, as }),\n            className,\n          )}\n          initial={false}\n          aria-invalid={ariaInvalid}\n          aria-describedby={\n            errorMessage && appearance === \"error\" ? errorId : undefined\n          }\n          {...motionProps}\n          {...rest}\n        />\n        {errorMessage && appearance === \"error\" && (\n          <p\n            id={errorId}\n            className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n          >\n            {errorMessage}\n          </p>\n        )}\n      </>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    animation = \"none\",\n    ring = true,\n    ref,\n    \"aria-invalid\": ariaInvalidProp,\n    errorMessage,\n    id,\n    as,\n    ...rest\n  } = props;\n\n  const controlId = id ?? generatedId;\n  const errorId = `${controlId}-error`;\n  const motionProps = inputAnimationPresets[animation];\n  const ariaInvalid =\n    ariaInvalidProp !== undefined\n      ? ariaInvalidProp\n      : appearance === \"error\"\n        ? true\n        : undefined;\n\n  return (\n    <>\n      <motion.input\n        ref={ref}\n        id={controlId}\n        data-slot=\"input\"\n        className={cn(\n          inputVariants({ appearance, size, ring, as: as ?? \"input\" }),\n          className,\n        )}\n        initial={false}\n        aria-invalid={ariaInvalid}\n        aria-describedby={\n          errorMessage && appearance === \"error\" ? errorId : undefined\n        }\n        {...motionProps}\n        {...rest}\n      />\n      {errorMessage && appearance === \"error\" && (\n        <p\n          id={errorId}\n          className=\"text-sm text-rose-500 mt-2 pl-4 wrap-break-word\"\n        >\n          {errorMessage}\n        </p>\n      )}\n    </>\n  );\n};\n\nInput.displayName = \"Input\";\n"]}

package/dist/ui/modal.d.mts

@@ -40,7 +40,7 @@ type ModalSectionProps = {
     children?: ReactNode;
 };
 
-declare function Modal({ open, defaultOpen, onOpenChange, children }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ open, defaultOpen, onOpenChange, children, }: ModalProps): react_jsx_runtime.JSX.Element;
 declare namespace Modal {
     var displayName: string;
 }

package/dist/ui/modal.d.ts

@@ -40,7 +40,7 @@ type ModalSectionProps = {
     children?: ReactNode;
 };
 
-declare function Modal({ open, defaultOpen, onOpenChange, children }: ModalProps): react_jsx_runtime.JSX.Element;
+declare function Modal({ open, defaultOpen, onOpenChange, children, }: ModalProps): react_jsx_runtime.JSX.Element;
 declare namespace Modal {
     var displayName: string;
 }

package/dist/ui/modal.js

@@ -1,24 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+"use client";
+'use strict';
 
-var _chunkE5UX537Jjs = require('../chunk-E5UX537J.js');
-
-// src/ui/modal/modal.tsx
-
-
-
-
-var _framermotion = require('framer-motion');
-
-
-
-
-
-
-
-
-
-var _react = require('react');
-var _reactdom = require('react-dom');
+var chunkWZ2GOU2J_js = require('../chunk-WZ2GOU2J.js');
+var framerMotion = require('framer-motion');
+var react = require('react');
+var reactDom = require('react-dom');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
 
 // src/ui/modal/animations.ts
 var modalOverlayAnimationPresets = {
@@ -48,13 +36,10 @@ var modalOverlayAnimationPresets = {
     transition: { type: "spring", stiffness: 380, damping: 30 }
   }
 };
-
-// src/ui/modal/variants.ts
-var _classvarianceauthority = require('class-variance-authority');
-var modalOverlayVariants = _classvarianceauthority.cva.call(void 0, 
+var modalOverlayVariants = classVarianceAuthority.cva(
   "fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm data-[state=open]:animate-in"
 );
-var modalTriggerVariants = _classvarianceauthority.cva.call(void 0, 
+var modalTriggerVariants = classVarianceAuthority.cva(
   "relative inline-flex shrink-0 cursor-pointer rounded-md border",
   {
     variants: {
@@ -89,7 +74,7 @@ var modalTriggerVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-var modalContentVariants = _classvarianceauthority.cva.call(void 0, 
+var modalContentVariants = classVarianceAuthority.cva(
   "fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-white/10 bg-slate-950 p-6 text-slate-50 shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none",
   {
     variants: {
@@ -138,12 +123,9 @@ var modalContentVariants = _classvarianceauthority.cva.call(void 0,
     }
   }
 );
-
-// src/ui/modal/modal.tsx
-var _jsxruntime = require('react/jsx-runtime');
-var ModalContext = _react.createContext.call(void 0, null);
+var ModalContext = react.createContext(null);
 function useModalContext(component) {
-  const ctx = _react.useContext.call(void 0, ModalContext);
+  const ctx = react.useContext(ModalContext);
   if (!ctx) {
     throw new Error(`${component} must be used within <Modal>`);
   }
@@ -151,7 +133,7 @@ function useModalContext(component) {
 }
 var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex="-1"])';
 function useBodyScrollLock(locked) {
-  _react.useEffect.call(void 0, () => {
+  react.useEffect(() => {
     if (!locked) {
       return;
     }
@@ -162,24 +144,29 @@ function useBodyScrollLock(locked) {
     };
   }, [locked]);
 }
-function Modal({ open, defaultOpen = false, onOpenChange, children }) {
+function Modal({
+  open,
+  defaultOpen = false,
+  onOpenChange,
+  children
+}) {
   const isControlled = open !== void 0;
-  const [uncontrolledOpen, setUncontrolledOpen] = _react.useState.call(void 0, defaultOpen);
+  const [uncontrolledOpen, setUncontrolledOpen] = react.useState(defaultOpen);
   const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;
-  const setOpen = _react.useCallback.call(void 0, 
+  const setOpen = react.useCallback(
     (next) => {
       if (!isControlled) {
         setUncontrolledOpen(next);
       }
-      _optionalChain([onOpenChange, 'optionalCall', _ => _(next)]);
+      onOpenChange?.(next);
     },
     [isControlled, onOpenChange]
   );
-  const baseId = _react.useId.call(void 0, );
+  const baseId = react.useId();
   const titleId = `${baseId}-title`;
   const descriptionId = `${baseId}-description`;
-  const contentRef = _react.useRef.call(void 0, null);
-  const ctx = _react.useMemo.call(void 0, 
+  const contentRef = react.useRef(null);
+  const ctx = react.useMemo(
     () => ({
       open: resolvedOpen,
       setOpen,
@@ -189,20 +176,27 @@ function Modal({ open, defaultOpen = false, onOpenChange, children }) {
     }),
     [descriptionId, resolvedOpen, setOpen, titleId]
   );
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ModalContext.Provider, { value: ctx, children });
+  return /* @__PURE__ */ jsxRuntime.jsx(ModalContext.Provider, { value: ctx, children });
 }
 Modal.displayName = "Modal";
-function ModalTrigger({ className, children, appearance, onClick, ref, ...rest }) {
+function ModalTrigger({
+  className,
+  children,
+  appearance,
+  onClick,
+  ref,
+  ...rest
+}) {
   const { setOpen } = useModalContext("ModalTrigger");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       ref,
       type: "button",
       "data-slot": "modal-trigger",
-      className: _chunkE5UX537Jjs.cn.call(void 0, modalTriggerVariants({ appearance }), className),
+      className: chunkWZ2GOU2J_js.cn(modalTriggerVariants({ appearance }), className),
       onClick: (event) => {
-        _optionalChain([onClick, 'optionalCall', _2 => _2(event)]);
+        onClick?.(event);
         if (!event.defaultPrevented) {
           setOpen(true);
         }
@@ -225,11 +219,11 @@ function ModalContent({
   style
 }) {
   const { open, setOpen, titleId, descriptionId, contentRef } = useModalContext("ModalContent");
-  const reduceMotion = _framermotion.useReducedMotion.call(void 0, );
+  const reduceMotion = framerMotion.useReducedMotion();
   const overlayMotion = modalOverlayAnimationPresets[reduceMotion ? "fade" : animation];
   const panelMotion = modalOverlayAnimationPresets[reduceMotion ? "fade" : animation];
   useBodyScrollLock(open);
-  _react.useEffect.call(void 0, () => {
+  react.useEffect(() => {
     if (!open) {
       return;
     }
@@ -241,7 +235,7 @@ function ModalContent({
     window.addEventListener("keydown", handleKeyDown);
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [open, setOpen]);
-  _react.useEffect.call(void 0, () => {
+  react.useEffect(() => {
     if (!open) {
       return;
     }
@@ -252,7 +246,7 @@ function ModalContent({
     const focusables = Array.from(
       node.querySelectorAll(FOCUSABLE_SELECTOR)
     ).filter((element) => element.offsetParent !== null || element === node);
-    const target = _nullishCoalesce(focusables[0], () => ( node));
+    const target = focusables[0] ?? node;
     const previouslyFocused = document.activeElement;
     target.focus();
     const handleFocusIn = (event) => {
@@ -264,17 +258,17 @@ function ModalContent({
     document.addEventListener("focusin", handleFocusIn);
     return () => {
       document.removeEventListener("focusin", handleFocusIn);
-      _optionalChain([previouslyFocused, 'optionalAccess', _3 => _3.focus, 'optionalCall', _4 => _4()]);
+      previouslyFocused?.focus?.();
     };
   }, [contentRef, open]);
   const portalTarget = typeof document !== "undefined" ? document.body : null;
   if (!portalTarget) {
     return null;
   }
-  return _reactdom.createPortal.call(void 0, 
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _framermotion.AnimatePresence, { children: open ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "fixed inset-0 z-50", "data-slot": "modal-portal", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _framermotion.motion.button,
+  return reactDom.createPortal(
+    /* @__PURE__ */ jsxRuntime.jsx(framerMotion.AnimatePresence, { children: open ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "fixed inset-0 z-50", "data-slot": "modal-portal", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.button,
         {
           type: "button",
           "aria-hidden": true,
@@ -288,8 +282,8 @@ function ModalContent({
           transition: overlayMotion.transition
         }
       ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _framermotion.motion.div,
+      /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
         {
           ref: (node) => {
             contentRef.current = node;
@@ -305,7 +299,10 @@ function ModalContent({
           "aria-describedby": descriptionId,
           "data-slot": "modal-content",
           tabIndex: -1,
-          className: _chunkE5UX537Jjs.cn.call(void 0, modalContentVariants({ size, position, appearance }), className),
+          className: chunkWZ2GOU2J_js.cn(
+            modalContentVariants({ size, position, appearance }),
+            className
+          ),
           initial: animation === "none" ? false : panelMotion.initial,
           animate: animation === "none" ? void 0 : panelMotion.animate,
           exit: animation === "none" ? void 0 : panelMotion.exit,
@@ -321,58 +318,99 @@ function ModalContent({
 }
 ModalContent.displayName = "ModalContent";
 function ModalHeader({ className, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "header", { "data-slot": "modal-header", className: _chunkE5UX537Jjs.cn.call(void 0, "mb-4 flex flex-col gap-2", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "header",
+    {
+      "data-slot": "modal-header",
+      className: chunkWZ2GOU2J_js.cn("mb-4 flex flex-col gap-2", className),
+      children
+    }
+  );
 }
 ModalHeader.displayName = "ModalHeader";
 function ModalBody({ className, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { "data-slot": "modal-body", className: _chunkE5UX537Jjs.cn.call(void 0, "text-sm text-slate-300", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "modal-body",
+      className: chunkWZ2GOU2J_js.cn("text-sm text-slate-300", className),
+      children
+    }
+  );
 }
 ModalBody.displayName = "ModalBody";
 function ModalFooter({ className, children }) {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "footer", { "data-slot": "modal-footer", className: _chunkE5UX537Jjs.cn.call(void 0, "mt-6 flex justify-end gap-2", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "footer",
+    {
+      "data-slot": "modal-footer",
+      className: chunkWZ2GOU2J_js.cn("mt-6 flex justify-end gap-2", className),
+      children
+    }
+  );
 }
 ModalFooter.displayName = "ModalFooter";
 function ModalTitle({ className, children }) {
   const { titleId } = useModalContext("ModalTitle");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { id: titleId, "data-slot": "modal-title", className: _chunkE5UX537Jjs.cn.call(void 0, "text-lg font-semibold", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "h2",
+    {
+      id: titleId,
+      "data-slot": "modal-title",
+      className: chunkWZ2GOU2J_js.cn("text-lg font-semibold", className),
+      children
+    }
+  );
 }
 ModalTitle.displayName = "ModalTitle";
 function ModalDescription({ className, children }) {
   const { descriptionId } = useModalContext("ModalDescription");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { id: descriptionId, "data-slot": "modal-description", className: _chunkE5UX537Jjs.cn.call(void 0, "text-sm text-slate-400", className), children });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "p",
+    {
+      id: descriptionId,
+      "data-slot": "modal-description",
+      className: chunkWZ2GOU2J_js.cn("text-sm text-slate-400", className),
+      children
+    }
+  );
 }
 ModalDescription.displayName = "ModalDescription";
-function ModalClose({ className, children, ...rest }) {
+function ModalClose({
+  className,
+  children,
+  ...rest
+}) {
   const { setOpen } = useModalContext("ModalClose");
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ jsxRuntime.jsx(
     "button",
     {
       type: "button",
       "data-slot": "modal-close",
-      className: _chunkE5UX537Jjs.cn.call(void 0, 
+      className: chunkWZ2GOU2J_js.cn(
         "absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30",
         className
       ),
       "aria-label": "Close dialog",
       onClick: () => setOpen(false),
       ...rest,
-      children: _nullishCoalesce(children, () => ( "\xD7"))
+      children: children ?? "\xD7"
     }
   );
 }
 ModalClose.displayName = "ModalClose";
 
-
-
-
-
-
-
-
-
-
-
-
-
-exports.Modal = Modal; exports.ModalBody = ModalBody; exports.ModalClose = ModalClose; exports.ModalContent = ModalContent; exports.ModalDescription = ModalDescription; exports.ModalFooter = ModalFooter; exports.ModalHeader = ModalHeader; exports.ModalTitle = ModalTitle; exports.ModalTrigger = ModalTrigger; exports.modalContentVariants = modalContentVariants; exports.modalOverlayAnimationPresets = modalOverlayAnimationPresets; exports.modalOverlayVariants = modalOverlayVariants;
+exports.Modal = Modal;
+exports.ModalBody = ModalBody;
+exports.ModalClose = ModalClose;
+exports.ModalContent = ModalContent;
+exports.ModalDescription = ModalDescription;
+exports.ModalFooter = ModalFooter;
+exports.ModalHeader = ModalHeader;
+exports.ModalTitle = ModalTitle;
+exports.ModalTrigger = ModalTrigger;
+exports.modalContentVariants = modalContentVariants;
+exports.modalOverlayAnimationPresets = modalOverlayAnimationPresets;
+exports.modalOverlayVariants = modalOverlayVariants;
+//# sourceMappingURL=modal.js.map
 //# sourceMappingURL=modal.js.map

package/dist/ui/modal.js.map

@@ -1 +1 @@
-{"version":3,"sources":["/Users/shubham/Desktop/Repos/NEXT%20JS/zentauri-ui/packages/components/dist/ui/modal.js"],"names":[],"mappings":"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AAC,GAAG,EAAE;AACZ,IAAI,MAAM,IAAI,KAAK,CAAC,CAAC,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,wBAAA;AACA,QAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,sBAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,EAAA;AACA,EAAA;AACA,oBAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,sBAAA;AACA,QAAA;AACA,QAAA;AACA,UAAA;AACA,YAAA;AACA,YAAA;AACA,cAAA;AACA,YAAA;AACA,cAAA;AACA,YAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,UAAA;AACA,QAAA;AACA,MAAA;AACA,IAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA;AACA;AACA;AACA,EAAA;AACA,EAAA;AACA,IAAA;AACA,IAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,QAAA;AACA,QAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,MAAA;AACA,IAAA;AACA,EAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/Users/shubham/Desktop/Repos/NEXT JS/zentauri-ui/packages/components/dist/ui/modal.js","sourcesContent":[null]}
+{"version":3,"sources":["../../src/ui/modal/animations.ts","../../src/ui/modal/variants.ts","../../src/ui/modal/modal.tsx"],"names":["cva","createContext","useContext","useEffect","useState","useCallback","useId","useRef","useMemo","jsx","cn","useReducedMotion","createPortal","AnimatePresence","jsxs","motion"],"mappings":"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","file":"modal.js","sourcesContent":["import type { HTMLMotionProps } from \"framer-motion\";\n\nimport type { ModalAnimation } from \"./types\";\n\ntype ModalPresetMotionProps = Pick<\n  HTMLMotionProps<\"div\">,\n  \"initial\" | \"animate\" | \"exit\" | \"transition\"\n>;\n\nexport type ModalAnimationPresets = Record<\n  ModalAnimation,\n  ModalPresetMotionProps\n>;\n\nexport const modalOverlayAnimationPresets: ModalAnimationPresets = {\n  none: {},\n  fade: {\n    initial: { opacity: 0 },\n    animate: { opacity: 1 },\n    exit: { opacity: 0 },\n    transition: { duration: 0.2 },\n  },\n  scale: {\n    initial: { opacity: 0, scale: 0.96 },\n    animate: { opacity: 1, scale: 1 },\n    exit: { opacity: 0, scale: 0.96 },\n    transition: { type: \"spring\", stiffness: 420, damping: 32 },\n  },\n  \"slide-up\": {\n    initial: { opacity: 0, y: 24 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: 16 },\n    transition: { type: \"spring\", stiffness: 380, damping: 30 },\n  },\n  \"slide-down\": {\n    initial: { opacity: 0, y: -24 },\n    animate: { opacity: 1, y: 0 },\n    exit: { opacity: 0, y: -16 },\n    transition: { type: \"spring\", stiffness: 380, damping: 30 },\n  },\n};\n","import { cva } from \"class-variance-authority\";\n\nexport const modalOverlayVariants = cva(\n  \"fixed inset-0 z-50 bg-slate-950/70 backdrop-blur-sm data-[state=open]:animate-in\",\n);\n\nexport const modalTriggerVariants = cva(\n  \"relative inline-flex shrink-0 cursor-pointer rounded-md border\",\n  {\n    variants: {\n      appearance: {\n        default: \"bg-slate-950\",\n        glass: \"border-white/15 bg-slate-950/70 backdrop-blur-xl\",\n        sky: \"border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n        rose: \"border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n        purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        emerald: \"border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n        gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        amber: \"border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n        violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\":\n          \"border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n    },\n  },\n);\n\nexport const modalContentVariants = cva(\n  \"fixed left-1/2 z-50 w-[calc(100%-2rem)] max-h-[min(90vh,720px)] translate-x-[-50%] overflow-y-auto border border-white/10 bg-slate-950 p-6 text-slate-50 shadow-[0_24px_80px_rgba(15,23,42,0.55)] focus:outline-none\",\n  {\n    variants: {\n      size: {\n        sm: \"max-w-md\",\n        md: \"max-w-lg\",\n        lg: \"max-w-2xl\",\n        xl: \"max-w-4xl\",\n        full: \"max-w-[calc(100%-2rem)]\",\n      },\n      position: {\n        center: \"top-1/2 translate-y-[-50%]\",\n        top: \"top-10 translate-y-0\",\n        bottom: \"bottom-10 translate-y-0\",\n      },\n      appearance: {\n        default: \"bg-slate-950\",\n        glass: \"border-white/15 bg-slate-950/70 backdrop-blur-xl\",\n        sky: \"border-sky-600 bg-sky-950/70 backdrop-blur-xl\",\n        rose: \"border-rose-600 bg-rose-950/70 backdrop-blur-xl\",\n        purple: \"border-purple-600 bg-purple-950/70 backdrop-blur-xl\",\n        pink: \"border-pink-600 bg-pink-950/70 backdrop-blur-xl\",\n        orange: \"border-orange-600 bg-orange-950/70 backdrop-blur-xl\",\n        yellow: \"border-yellow-600 bg-yellow-950/70 backdrop-blur-xl\",\n        teal: \"border-teal-600 bg-teal-950/70 backdrop-blur-xl\",\n        indigo: \"border-indigo-600 bg-indigo-950/70 backdrop-blur-xl\",\n        emerald: \"border-emerald-600 bg-emerald-950/70 backdrop-blur-xl\",\n        gray: \"border-gray-600 bg-gray-950/70 backdrop-blur-xl\",\n        amber: \"border-amber-600 bg-amber-950/70 backdrop-blur-xl\",\n        violet: \"border-violet-600 bg-violet-950/70 backdrop-blur-xl\",\n        \"gradient-blue\":\n          \"border-gradient-to-r from-blue-600 to-purple-600 bg-gradient-to-r from-blue-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-green\":\n          \"border-gradient-to-r from-green-600 to-lime-600 bg-gradient-to-r from-green-950/70 to-lime-950/70 backdrop-blur-xl\",\n        \"gradient-red\":\n          \"border-gradient-to-r from-red-600 to-pink-600 bg-gradient-to-r from-red-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-yellow\":\n          \"border-gradient-to-r from-yellow-600 to-orange-600 bg-gradient-to-r from-yellow-950/70 to-orange-950/70 backdrop-blur-xl\",\n        \"gradient-purple\":\n          \"border-gradient-to-r from-purple-600 to-pink-600 bg-gradient-to-r from-purple-950/70 to-pink-950/70 backdrop-blur-xl\",\n        \"gradient-teal\":\n          \"border-gradient-to-r from-teal-600 to-cyan-600 bg-gradient-to-r from-teal-950/70 to-cyan-950/70 backdrop-blur-xl\",\n        \"gradient-indigo\":\n          \"border-gradient-to-r from-indigo-600 to-purple-600 bg-gradient-to-r from-indigo-950/70 to-purple-950/70 backdrop-blur-xl\",\n        \"gradient-pink\":\n          \"border-gradient-to-r from-pink-600 to-rose-600 bg-gradient-to-r from-pink-950/70 to-rose-950/70 backdrop-blur-xl\",\n        \"gradient-orange\":\n          \"border-gradient-to-r from-orange-600 to-red-600 bg-gradient-to-r from-orange-950/70 to-red-950/70 backdrop-blur-xl\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      position: \"center\",\n      appearance: \"default\",\n    },\n  },\n);\n","\"use client\";\n\nimport { AnimatePresence, motion, useReducedMotion } from \"framer-motion\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport { modalOverlayAnimationPresets } from \"./animations\";\nimport type {\n  ModalContentProps,\n  ModalProps,\n  ModalSectionProps,\n  ModalTriggerProps,\n} from \"./types\";\nimport {\n  modalContentVariants,\n  modalOverlayVariants,\n  modalTriggerVariants,\n} from \"./variants\";\n\ntype ModalCtx = {\n  open: boolean;\n  setOpen: (next: boolean) => void;\n  titleId: string;\n  descriptionId: string;\n  contentRef: React.RefObject<HTMLDivElement | null>;\n};\n\nconst ModalContext = createContext<ModalCtx | null>(null);\n\nfunction useModalContext(component: string): ModalCtx {\n  const ctx = useContext(ModalContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Modal>`);\n  }\n  return ctx;\n}\n\nconst FOCUSABLE_SELECTOR =\n  'a[href], button:not([disabled]), textarea, input, select, [tabindex]:not([tabindex=\"-1\"])';\n\nfunction useBodyScrollLock(locked: boolean) {\n  useEffect(() => {\n    if (!locked) {\n      return;\n    }\n    const previousOverflow = document.body.style.overflow;\n    document.body.style.overflow = \"hidden\";\n    return () => {\n      document.body.style.overflow = previousOverflow;\n    };\n  }, [locked]);\n}\n\nexport function Modal({\n  open,\n  defaultOpen = false,\n  onOpenChange,\n  children,\n}: ModalProps) {\n  const isControlled = open !== undefined;\n  const [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen);\n  const resolvedOpen = isControlled ? Boolean(open) : uncontrolledOpen;\n\n  const setOpen = useCallback(\n    (next: boolean) => {\n      if (!isControlled) {\n        setUncontrolledOpen(next);\n      }\n      onOpenChange?.(next);\n    },\n    [isControlled, onOpenChange],\n  );\n\n  const baseId = useId();\n  const titleId = `${baseId}-title`;\n  const descriptionId = `${baseId}-description`;\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  const ctx = useMemo(\n    () => ({\n      open: resolvedOpen,\n      setOpen,\n      titleId,\n      descriptionId,\n      contentRef,\n    }),\n    [descriptionId, resolvedOpen, setOpen, titleId],\n  );\n\n  return <ModalContext.Provider value={ctx}>{children}</ModalContext.Provider>;\n}\n\nModal.displayName = \"Modal\";\n\nexport function ModalTrigger({\n  className,\n  children,\n  appearance,\n  onClick,\n  ref,\n  ...rest\n}: ModalTriggerProps) {\n  const { setOpen } = useModalContext(\"ModalTrigger\");\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      data-slot=\"modal-trigger\"\n      className={cn(modalTriggerVariants({ appearance }), className)}\n      onClick={(event) => {\n        onClick?.(event);\n        if (!event.defaultPrevented) {\n          setOpen(true);\n        }\n      }}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n}\n\nModalTrigger.displayName = \"ModalTrigger\";\n\nexport function ModalContent({\n  className,\n  size,\n  position,\n  appearance,\n  animation = \"scale\",\n  children,\n  ref,\n  id,\n  style,\n}: ModalContentProps) {\n  const { open, setOpen, titleId, descriptionId, contentRef } =\n    useModalContext(\"ModalContent\");\n  const reduceMotion = useReducedMotion();\n  const overlayMotion =\n    modalOverlayAnimationPresets[reduceMotion ? \"fade\" : animation];\n  const panelMotion =\n    modalOverlayAnimationPresets[reduceMotion ? \"fade\" : animation];\n\n  useBodyScrollLock(open);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === \"Escape\") {\n        setOpen(false);\n      }\n    };\n    window.addEventListener(\"keydown\", handleKeyDown);\n    return () => window.removeEventListener(\"keydown\", handleKeyDown);\n  }, [open, setOpen]);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n    const node = contentRef.current;\n    if (!node) {\n      return;\n    }\n    const focusables = Array.from(\n      node.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR),\n    ).filter((element) => element.offsetParent !== null || element === node);\n    const target = focusables[0] ?? node;\n    const previouslyFocused = document.activeElement as HTMLElement | null;\n    target.focus();\n\n    const handleFocusIn = (event: FocusEvent) => {\n      if (!node.contains(event.target as Node)) {\n        event.stopPropagation();\n        target.focus();\n      }\n    };\n    document.addEventListener(\"focusin\", handleFocusIn);\n    return () => {\n      document.removeEventListener(\"focusin\", handleFocusIn);\n      previouslyFocused?.focus?.();\n    };\n  }, [contentRef, open]);\n\n  const portalTarget = typeof document !== \"undefined\" ? document.body : null;\n\n  if (!portalTarget) {\n    return null;\n  }\n\n  return createPortal(\n    <AnimatePresence>\n      {open ? (\n        <div className=\"fixed inset-0 z-50\" data-slot=\"modal-portal\">\n          <motion.button\n            type=\"button\"\n            aria-hidden\n            tabIndex={-1}\n            data-slot=\"modal-overlay\"\n            className={modalOverlayVariants()}\n            onClick={() => setOpen(false)}\n            initial={animation === \"none\" ? false : overlayMotion.initial}\n            animate={animation === \"none\" ? undefined : overlayMotion.animate}\n            exit={animation === \"none\" ? undefined : overlayMotion.exit}\n            transition={overlayMotion.transition}\n          />\n          <motion.div\n            ref={(node) => {\n              contentRef.current = node;\n              if (typeof ref === \"function\") {\n                ref(node);\n              } else if (ref) {\n                (ref as React.RefObject<HTMLDivElement | null>).current = node;\n              }\n            }}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby={titleId}\n            aria-describedby={descriptionId}\n            data-slot=\"modal-content\"\n            tabIndex={-1}\n            className={cn(\n              modalContentVariants({ size, position, appearance }),\n              className,\n            )}\n            initial={animation === \"none\" ? false : panelMotion.initial}\n            animate={animation === \"none\" ? undefined : panelMotion.animate}\n            exit={animation === \"none\" ? undefined : panelMotion.exit}\n            transition={panelMotion.transition}\n            id={id}\n            style={style}\n          >\n            {children}\n          </motion.div>\n        </div>\n      ) : null}\n    </AnimatePresence>,\n    portalTarget,\n  );\n}\n\nModalContent.displayName = \"ModalContent\";\n\nexport function ModalHeader({ className, children }: ModalSectionProps) {\n  return (\n    <header\n      data-slot=\"modal-header\"\n      className={cn(\"mb-4 flex flex-col gap-2\", className)}\n    >\n      {children}\n    </header>\n  );\n}\n\nModalHeader.displayName = \"ModalHeader\";\n\nexport function ModalBody({ className, children }: ModalSectionProps) {\n  return (\n    <div\n      data-slot=\"modal-body\"\n      className={cn(\"text-sm text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nModalBody.displayName = \"ModalBody\";\n\nexport function ModalFooter({ className, children }: ModalSectionProps) {\n  return (\n    <footer\n      data-slot=\"modal-footer\"\n      className={cn(\"mt-6 flex justify-end gap-2\", className)}\n    >\n      {children}\n    </footer>\n  );\n}\n\nModalFooter.displayName = \"ModalFooter\";\n\nexport function ModalTitle({ className, children }: ModalSectionProps) {\n  const { titleId } = useModalContext(\"ModalTitle\");\n  return (\n    <h2\n      id={titleId}\n      data-slot=\"modal-title\"\n      className={cn(\"text-lg font-semibold\", className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nModalTitle.displayName = \"ModalTitle\";\n\nexport function ModalDescription({ className, children }: ModalSectionProps) {\n  const { descriptionId } = useModalContext(\"ModalDescription\");\n  return (\n    <p\n      id={descriptionId}\n      data-slot=\"modal-description\"\n      className={cn(\"text-sm text-slate-400\", className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nModalDescription.displayName = \"ModalDescription\";\n\nexport function ModalClose({\n  className,\n  children,\n  ...rest\n}: ModalSectionProps) {\n  const { setOpen } = useModalContext(\"ModalClose\");\n  return (\n    <button\n      type=\"button\"\n      data-slot=\"modal-close\"\n      className={cn(\n        \"absolute right-4 top-4 inline-flex size-9 items-center justify-center rounded-md text-slate-200 transition hover:bg-white/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/30\",\n        className,\n      )}\n      aria-label=\"Close dialog\"\n      onClick={() => setOpen(false)}\n      {...rest}\n    >\n      {children ?? \"×\"}\n    </button>\n  );\n}\n\nModalClose.displayName = \"ModalClose\";\n"]}