@zentauri-ui/zentauri-components 1.5.31 → 1.6.2

package/dist/{chunk-QZTEFGZF.mjs → chunk-OVTWPGMW.mjs}

@@ -13,9 +13,9 @@ var emptyStateVariants = cva(
         lg: "gap-4 p-8 text-base"
       },
       appearance: {
-        default: "text-slate-50",
-        ghost: "text-slate-200",
-        card: "rounded-2xl border border-white/10 bg-white/5 p-8 text-slate-50 shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
+        default: "text-slate-900 dark:text-slate-50",
+        ghost: "text-slate-700 dark:text-slate-200",
+        card: "rounded-2xl border border-black/10 dark:border-white/10 bg-white/90 dark:bg-white/5 p-8 text-slate-900 dark:text-slate-50 shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.35)]"
       },
       align: {
         start: "items-start text-left",
@@ -40,16 +40,19 @@ var emptyStateTitleVariants = cva("font-semibold tracking-tight", {
   },
   defaultVariants: { size: "md" }
 });
-var emptyStateDescriptionVariants = cva("max-w-md text-slate-400", {
-  variants: {
-    size: {
-      sm: "text-xs",
-      md: "text-sm",
-      lg: "text-base"
-    }
-  },
-  defaultVariants: { size: "md" }
-});
+var emptyStateDescriptionVariants = cva(
+  "max-w-md text-slate-500 dark:text-slate-400",
+  {
+    variants: {
+      size: {
+        sm: "text-xs",
+        md: "text-sm",
+        lg: "text-base"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+);
 var EmptyStateSizeContext = createContext("md");
 function useEmptyStateSize() {
   return useContext(EmptyStateSizeContext);
@@ -137,5 +140,5 @@ function EmptyStateAction({
 EmptyStateAction.displayName = "EmptyStateAction";
 
 export { EmptyStateAction, EmptyStateBase, EmptyStateDescription, EmptyStateIcon, EmptyStateTitle, emptyStateDescriptionVariants, emptyStateTitleVariants, emptyStateVariants };
-//# sourceMappingURL=chunk-QZTEFGZF.mjs.map
-//# sourceMappingURL=chunk-QZTEFGZF.mjs.map
+//# sourceMappingURL=chunk-OVTWPGMW.mjs.map
+//# sourceMappingURL=chunk-OVTWPGMW.mjs.map

package/dist/chunk-OVTWPGMW.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/empty-state/variants.ts","../src/ui/empty-state/empty-state-base.tsx"],"names":[],"mappings":"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","file":"chunk-OVTWPGMW.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const emptyStateVariants = cva(\n  \"flex w-full flex-col items-center text-center\",\n  {\n    variants: {\n      size: {\n        sm: \"gap-2 p-4 text-sm\",\n        md: \"gap-3 p-6 text-sm\",\n        lg: \"gap-4 p-8 text-base\",\n      },\n      appearance: {\n        default: \"text-slate-900 dark:text-slate-50\",\n        ghost: \"text-slate-700 dark:text-slate-200\",\n        card: \"rounded-2xl border border-black/10 dark:border-white/10 bg-white/90 dark:bg-white/5 p-8 text-slate-900 dark:text-slate-50 shadow-[0_8px_24px_rgba(15,23,42,0.12)] dark:shadow-[0_18px_48px_rgba(15,23,42,0.35)]\",\n      },\n      align: {\n        start: \"items-start text-left\",\n        center: \"items-center text-center\",\n        end: \"items-end text-right\",\n      },\n    },\n    defaultVariants: {\n      size: \"md\",\n      appearance: \"default\",\n      align: \"center\",\n    },\n  },\n);\n\nexport const emptyStateTitleVariants = cva(\"font-semibold tracking-tight\", {\n  variants: {\n    size: {\n      sm: \"text-base\",\n      md: \"text-lg\",\n      lg: \"text-xl\",\n    },\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const emptyStateDescriptionVariants = cva(\n  \"max-w-md text-slate-500 dark:text-slate-400\",\n  {\n    variants: {\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  EmptyStateProps,\n  EmptyStateSectionProps,\n  EmptyStateSize,\n} from \"./types\";\nimport {\n  emptyStateDescriptionVariants,\n  emptyStateTitleVariants,\n  emptyStateVariants,\n} from \"./variants\";\n\nexport const EmptyStateSizeContext = createContext<EmptyStateSize>(\"md\");\n\nfunction useEmptyStateSize(): EmptyStateSize {\n  return useContext(EmptyStateSizeContext);\n}\n\nexport function EmptyStateBase(props: EmptyStateProps) {\n  const {\n    className,\n    size = \"md\",\n    appearance,\n    align,\n    children,\n    ref,\n    liveRegion = false,\n    as: Wrapper = \"section\",\n    ...rest\n  } = props;\n  const ctx = useMemo(() => size ?? \"md\", [size]);\n\n  const liveAria =\n    typeof liveRegion === \"string\"\n      ? liveRegion\n      : liveRegion === true\n        ? \"polite\"\n        : undefined;\n\n  return (\n    <EmptyStateSizeContext.Provider value={ctx}>\n      <Wrapper\n        ref={ref}\n        data-slot=\"empty-state\"\n        aria-live={liveAria}\n        className={cn(\n          emptyStateVariants({ size, appearance, align }),\n          className,\n        )}\n        {...rest}\n      >\n        {children}\n      </Wrapper>\n    </EmptyStateSizeContext.Provider>\n  );\n}\n\nEmptyStateBase.displayName = \"EmptyState\";\n\nexport function EmptyStateIcon({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div\n      data-slot=\"empty-state-icon\"\n      className={cn(\"text-slate-300\", className)}\n    >\n      {children}\n    </div>\n  );\n}\n\nEmptyStateIcon.displayName = \"EmptyStateIcon\";\n\nexport function EmptyStateTitle({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <h2\n      data-slot=\"empty-state-title\"\n      className={cn(emptyStateTitleVariants({ size }), className)}\n    >\n      {children}\n    </h2>\n  );\n}\n\nEmptyStateTitle.displayName = \"EmptyStateTitle\";\n\nexport function EmptyStateDescription({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  const size = useEmptyStateSize();\n  return (\n    <p\n      data-slot=\"empty-state-description\"\n      className={cn(emptyStateDescriptionVariants({ size }), className)}\n    >\n      {children}\n    </p>\n  );\n}\n\nEmptyStateDescription.displayName = \"EmptyStateDescription\";\n\nexport function EmptyStateAction({\n  className,\n  children,\n}: EmptyStateSectionProps) {\n  return (\n    <div data-slot=\"empty-state-action\" className={cn(\"mt-2\", className)}>\n      {children}\n    </div>\n  );\n}\n\nEmptyStateAction.displayName = \"EmptyStateAction\";\n"]}

package/dist/{chunk-7OHC4ERB.mjs → chunk-PPVJ4INP.mjs}

@@ -1,4 +1,4 @@
-import { buttonVariants } from './chunk-5TV7EL3H.mjs';
+import { buttonVariants } from './chunk-EZS47EZW.mjs';
 import { cn } from './chunk-4D54YOL6.mjs';
 import { jsx } from 'react/jsx-runtime';
 
@@ -56,5 +56,5 @@ var Button = (props) => {
 Button.displayName = "Button";
 
 export { Button };
-//# sourceMappingURL=chunk-7OHC4ERB.mjs.map
-//# sourceMappingURL=chunk-7OHC4ERB.mjs.map
+//# sourceMappingURL=chunk-PPVJ4INP.mjs.map
+//# sourceMappingURL=chunk-PPVJ4INP.mjs.map

package/dist/{chunk-7OHC4ERB.mjs.map → chunk-PPVJ4INP.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","ref","rest","jsx"],"mappings":";;;;AAOO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAC,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKD,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAH,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGK,KAAAA;AAAA,QAEH,QAAA,EAAAF;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;ACtDlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-7OHC4ERB.mjs","sourcesContent":["\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","ref","rest","jsx"],"mappings":";;;;AAOO,IAAM,UAAA,GAAa,CAAC,KAAA,KAAuB;AAChD,EAAA,IAAI,KAAA,CAAM,OAAO,MAAA,EAAQ;AACvB,IAAA,MAAM;AAAA,MACJ,SAAA,EAAAA,UAAAA;AAAA,MACA,UAAA,EAAAC,WAAAA;AAAA,MACA,IAAA,EAAAC,KAAAA;AAAA,MACA,QAAA,EAAAC,SAAAA;AAAA,MACA,GAAA,EAAAC,IAAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,GAAGC;AAAA,KACL,GAAI,KAAA;AAEJ,IAAA,uBACE,GAAA;AAAA,MAAC,GAAA;AAAA,MAAA;AAAA,QACC,GAAA,EAAKD,IAAAA;AAAA,QACL,IAAA;AAAA,QACA,MAAA;AAAA,QACA,GAAA,EAAK,MAAA,KAAW,QAAA,GAAW,qBAAA,GAAwB,MAAA;AAAA,QACnD,WAAA,EAAU,QAAA;AAAA,QACV,SAAA,EAAW,EAAA,CAAG,cAAA,CAAe,EAAE,UAAA,EAAAH,aAAY,IAAA,EAAAC,KAAAA,EAAM,CAAA,EAAGF,UAAS,CAAA;AAAA,QAC5D,GAAGK,KAAAA;AAAA,QAEH,QAAA,EAAAF;AAAA;AAAA,KACH;AAAA,EAEJ;AAEA,EAAA,MAAM;AAAA,IACJ,SAAA;AAAA,IACA,UAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA,GAAO,QAAA;AAAA,IACP,QAAA;AAAA,IACA,GAAA;AAAA,IACA,GAAG;AAAA,GACL,GAAI,KAAA;AAEJ,EAAA,uBACE,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,GAAA;AAAA,MACA,IAAA;AAAA,MACA,WAAA,EAAU,QAAA;AAAA,MACV,SAAA,EAAW,GAAG,cAAA,CAAe,EAAE,YAAY,IAAA,EAAM,GAAG,SAAS,CAAA;AAAA,MAC5D,GAAG,IAAA;AAAA,MAEH;AAAA;AAAA,GACH;AAEJ,CAAA;AAEA,UAAA,CAAW,WAAA,GAAc,QAAA;ACtDlB,IAAM,MAAA,GAAS,CAAC,KAAA,KAAuB;AAC5C,EAAA,uBAAOG,GAAAA,CAAC,UAAA,EAAA,EAAY,GAAG,KAAA,EAAO,CAAA;AAChC;AAEA,MAAA,CAAO,WAAA,GAAc,QAAA","file":"chunk-PPVJ4INP.mjs","sourcesContent":["\"use client\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}

package/dist/{chunk-LN77JJTY.mjs → chunk-PSIAOIXJ.mjs}

@@ -4,26 +4,26 @@ import { createContext, useContext, useMemo } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 var tableVariants = cva(
-  "w-full table-auto border-collapse caption-bottom text-sm text-slate-200 md:table-fixed",
+  "w-full table-auto border-collapse caption-bottom text-sm text-slate-700 dark:text-slate-200 md:table-fixed",
   {
     variants: {
       appearance: {
         default: "",
         striped: "",
-        bordered: "border border-white/10",
+        bordered: "border border-black/10 dark:border-white/10",
         ghost: "",
-        sky: "border border-sky-600",
-        rose: "border border-rose-600",
-        purple: "border border-purple-600",
-        pink: "border border-pink-600",
-        orange: "border border-orange-600",
-        yellow: "border border-yellow-600",
-        teal: "border border-teal-600",
-        indigo: "border border-indigo-600",
-        emerald: "border border-emerald-600",
-        gray: "border border-gray-600",
-        amber: "border border-amber-600",
-        violet: "border border-violet-600"
+        sky: "border border-sky-800 dark:border-sky-600",
+        rose: "border border-rose-800 dark:border-rose-600",
+        purple: "border border-purple-800 dark:border-purple-600",
+        pink: "border border-pink-800 dark:border-pink-600",
+        orange: "border border-orange-800 dark:border-orange-600",
+        yellow: "border border-yellow-800 dark:border-yellow-600",
+        teal: "border border-teal-800 dark:border-teal-600",
+        indigo: "border border-indigo-800 dark:border-indigo-600",
+        emerald: "border border-emerald-800 dark:border-emerald-600",
+        gray: "border border-gray-800 dark:border-gray-600",
+        amber: "border border-amber-800 dark:border-amber-600",
+        violet: "border border-violet-800 dark:border-violet-600"
       },
       size: {
         sm: "text-xs",
@@ -43,26 +43,26 @@ var tableVariants = cva(
   }
 );
 var tableRowVariants = cva(
-  "border-b border-white/5 transition-colors data-[state=selected]:bg-white/[0.06]",
+  "border-b border-black/5 dark:border-white/5 transition-colors data-[state=selected]:bg-black/[0.06] dark:data-[state=selected]:bg-white/[0.06]",
   {
     variants: {
       appearance: {
         default: "",
-        striped: "odd:bg-white/[0.03]",
+        striped: "odd:bg-black/[0.03] dark:odd:bg-white/[0.03]",
         bordered: "",
-        ghost: "border-transparent hover:bg-white/[0.03]",
-        sky: "border-sky-600 hover:bg-sky-600",
-        rose: "border-rose-600 hover:bg-rose-900",
-        purple: "border-purple-600 hover:bg-purple-900",
-        pink: "border-pink-600 hover:bg-pink-900",
-        orange: "border-orange-600 hover:bg-orange-900",
-        yellow: "border-yellow-600 hover:bg-yellow-900",
-        teal: "border-teal-600 hover:bg-teal-900",
-        indigo: "border-indigo-600 hover:bg-indigo-900",
-        emerald: "border-emerald-600 hover:bg-emerald-900",
-        gray: "border-gray-600 hover:bg-gray-900",
-        amber: "border-amber-600 hover:bg-amber-900",
-        violet: "border-violet-600 hover:bg-violet-900"
+        ghost: "border-transparent hover:bg-black/[0.03] dark:hover:bg-white/[0.03]",
+        sky: "border-sky-800 dark:border-sky-600 hover:bg-sky-800 dark:hover:bg-sky-600 hover:text-sky-100",
+        rose: "border-rose-800 dark:border-rose-600 hover:bg-rose-500 dark:hover:bg-rose-900 hover:text-rose-100",
+        purple: "border-purple-800 dark:border-purple-600 hover:bg-purple-500 dark:hover:bg-purple-900 hover:text-purple-100",
+        pink: "border-pink-800 dark:border-pink-600 hover:bg-pink-500 dark:hover:bg-pink-900 hover:text-pink-100",
+        orange: "border-orange-800 dark:border-orange-600 hover:bg-orange-500 dark:hover:bg-orange-900 hover:text-orange-100",
+        yellow: "border-yellow-800 dark:border-yellow-600 hover:bg-yellow-500 dark:hover:bg-yellow-900 hover:text-yellow-100",
+        teal: "border-teal-800 dark:border-teal-600 hover:bg-teal-500 dark:hover:bg-teal-900 hover:text-teal-100",
+        indigo: "border-indigo-800 dark:border-indigo-600 hover:bg-indigo-500 dark:hover:bg-indigo-900 hover:text-indigo-100",
+        emerald: "border-emerald-800 dark:border-emerald-600 hover:bg-emerald-500 dark:hover:bg-emerald-900 hover:text-emerald-100",
+        gray: "border-gray-800 dark:border-gray-600 hover:bg-gray-500 dark:hover:bg-gray-900 hover:text-gray-100",
+        amber: "border-amber-800 dark:border-amber-600 hover:bg-amber-500 dark:hover:bg-amber-900 hover:text-amber-100",
+        violet: "border-violet-800 dark:border-violet-600 hover:bg-violet-500 dark:hover:bg-violet-900 hover:text-violet-100"
       }
     },
     defaultVariants: { appearance: "default" }
@@ -73,22 +73,22 @@ var tableCellVariants = cva(
   {
     variants: {
       appearance: {
-        default: "border-white/10",
-        striped: "border-white/10",
-        bordered: "border-white/10",
-        ghost: "border-white/10",
-        sky: "border-sky-600",
-        rose: "border-rose-600",
-        purple: "border-purple-600",
-        pink: "border-pink-600",
-        orange: "border-orange-600",
-        yellow: "border-yellow-600",
-        teal: "border-teal-600",
-        indigo: "border-indigo-600",
-        emerald: "border-emerald-600",
-        gray: "border-gray-600",
-        amber: "border-amber-600",
-        violet: "border-violet-600"
+        default: "border-black/10 dark:border-white/10",
+        striped: "border-black/10 dark:border-white/10",
+        bordered: "border-black/10 dark:border-white/10",
+        ghost: "border-black/10 dark:border-white/10",
+        sky: "border-sky-800 dark:border-sky-600",
+        rose: "border-rose-800 dark:border-rose-600",
+        purple: "border-purple-800 dark:border-purple-600",
+        pink: "border-pink-800 dark:border-pink-600",
+        orange: "border-orange-800 dark:border-orange-600",
+        yellow: "border-yellow-800 dark:border-yellow-600",
+        teal: "border-teal-800 dark:border-teal-600",
+        indigo: "border-indigo-800 dark:border-indigo-600",
+        emerald: "border-emerald-800 dark:border-emerald-600",
+        gray: "border-gray-800 dark:border-gray-600",
+        amber: "border-amber-800 dark:border-amber-600",
+        violet: "border-violet-800 dark:border-violet-600"
       },
       size: {
         sm: "p-2",
@@ -165,7 +165,7 @@ function TableBase(props) {
 TableBase.displayName = "Table";
 function TableHeader({ className, children }) {
   const { stickyHeader } = useTableContext("TableHeader");
-  const stickyClass = stickyHeader ? "sticky top-0 z-10 bg-slate-950/95 backdrop-blur" : "";
+  const stickyClass = stickyHeader ? "sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur" : "";
   return /* @__PURE__ */ jsx("thead", { "data-slot": "table-header", className: cn(stickyClass, className), children });
 }
 TableHeader.displayName = "TableHeader";
@@ -274,5 +274,5 @@ function TableCaption({ className, children }) {
 TableCaption.displayName = "TableCaption";
 
 export { TableBase, TableBody, TableCaption, TableCell, TableContext, TableFooter, TableHead, TableHeader, TableRow, tableCellVariants, tableRowVariants, tableVariants, useTableContext };
-//# sourceMappingURL=chunk-LN77JJTY.mjs.map
-//# sourceMappingURL=chunk-LN77JJTY.mjs.map
+//# sourceMappingURL=chunk-PSIAOIXJ.mjs.map
+//# sourceMappingURL=chunk-PSIAOIXJ.mjs.map

package/dist/chunk-PSIAOIXJ.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":[],"mappings":"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","file":"chunk-PSIAOIXJ.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const tableVariants = cva(\n  \"w-full table-auto border-collapse caption-bottom text-sm text-slate-700 dark:text-slate-200 md:table-fixed\",\n  {\n    variants: {\n      appearance: {\n        default: \"\",\n        striped: \"\",\n        bordered: \"border border-black/10 dark:border-white/10\",\n        ghost: \"\",\n        sky: \"border border-sky-800 dark:border-sky-600\",\n        rose: \"border border-rose-800 dark:border-rose-600\",\n        purple: \"border border-purple-800 dark:border-purple-600\",\n        pink: \"border border-pink-800 dark:border-pink-600\",\n        orange: \"border border-orange-800 dark:border-orange-600\",\n        yellow: \"border border-yellow-800 dark:border-yellow-600\",\n        teal: \"border border-teal-800 dark:border-teal-600\",\n        indigo: \"border border-indigo-800 dark:border-indigo-600\",\n        emerald: \"border border-emerald-800 dark:border-emerald-600\",\n        gray: \"border border-gray-800 dark:border-gray-600\",\n        amber: \"border border-amber-800 dark:border-amber-600\",\n        violet: \"border border-violet-800 dark:border-violet-600\",\n      },\n      size: {\n        sm: \"text-xs\",\n        md: \"text-sm\",\n        lg: \"text-base\",\n      },\n      stickyHeader: {\n        true: \"\",\n        false: \"\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      stickyHeader: false,\n    },\n  },\n);\n\nexport const tableRowVariants = cva(\n  \"border-b border-black/5 dark:border-white/5 transition-colors data-[state=selected]:bg-black/[0.06] dark:data-[state=selected]:bg-white/[0.06]\",\n  {\n    variants: {\n      appearance: {\n        default: \"\",\n        striped: \"odd:bg-black/[0.03] dark:odd:bg-white/[0.03]\",\n        bordered: \"\",\n        ghost:\n          \"border-transparent hover:bg-black/[0.03] dark:hover:bg-white/[0.03]\",\n        sky: \"border-sky-800 dark:border-sky-600 hover:bg-sky-800 dark:hover:bg-sky-600 hover:text-sky-100\",\n        rose: \"border-rose-800 dark:border-rose-600 hover:bg-rose-500 dark:hover:bg-rose-900 hover:text-rose-100\",\n        purple:\n          \"border-purple-800 dark:border-purple-600 hover:bg-purple-500 dark:hover:bg-purple-900 hover:text-purple-100\",\n        pink: \"border-pink-800 dark:border-pink-600 hover:bg-pink-500 dark:hover:bg-pink-900 hover:text-pink-100\",\n        orange:\n          \"border-orange-800 dark:border-orange-600 hover:bg-orange-500 dark:hover:bg-orange-900 hover:text-orange-100\",\n        yellow:\n          \"border-yellow-800 dark:border-yellow-600 hover:bg-yellow-500 dark:hover:bg-yellow-900 hover:text-yellow-100\",\n        teal: \"border-teal-800 dark:border-teal-600 hover:bg-teal-500 dark:hover:bg-teal-900 hover:text-teal-100\",\n        indigo:\n          \"border-indigo-800 dark:border-indigo-600 hover:bg-indigo-500 dark:hover:bg-indigo-900 hover:text-indigo-100\",\n        emerald:\n          \"border-emerald-800 dark:border-emerald-600 hover:bg-emerald-500 dark:hover:bg-emerald-900 hover:text-emerald-100\",\n        gray: \"border-gray-800 dark:border-gray-600 hover:bg-gray-500 dark:hover:bg-gray-900 hover:text-gray-100\",\n        amber:\n          \"border-amber-800 dark:border-amber-600 hover:bg-amber-500 dark:hover:bg-amber-900 hover:text-amber-100\",\n        violet:\n          \"border-violet-800 dark:border-violet-600 hover:bg-violet-500 dark:hover:bg-violet-900 hover:text-violet-100\",\n      },\n    },\n    defaultVariants: { appearance: \"default\" },\n  },\n);\n\nexport const tableCellVariants = cva(\n  \"min-w-0 border p-3 align-middle break-words\",\n  {\n    variants: {\n      appearance: {\n        default: \"border-black/10 dark:border-white/10\",\n        striped: \"border-black/10 dark:border-white/10\",\n        bordered: \"border-black/10 dark:border-white/10\",\n        ghost: \"border-black/10 dark:border-white/10\",\n        sky: \"border-sky-800 dark:border-sky-600\",\n        rose: \"border-rose-800 dark:border-rose-600\",\n        purple: \"border-purple-800 dark:border-purple-600\",\n        pink: \"border-pink-800 dark:border-pink-600\",\n        orange: \"border-orange-800 dark:border-orange-600\",\n        yellow: \"border-yellow-800 dark:border-yellow-600\",\n        teal: \"border-teal-800 dark:border-teal-600\",\n        indigo: \"border-indigo-800 dark:border-indigo-600\",\n        emerald: \"border-emerald-800 dark:border-emerald-600\",\n        gray: \"border-gray-800 dark:border-gray-600\",\n        amber: \"border-amber-800 dark:border-amber-600\",\n        violet: \"border-violet-800 dark:border-violet-600\",\n      },\n      size: {\n        sm: \"p-2\",\n        md: \"p-3\",\n        lg: \"p-4\",\n      },\n      textAlign: {\n        left: \"text-left\",\n        center: \"text-center\",\n        right: \"text-right\",\n      },\n    },\n    defaultVariants: { appearance: \"default\", size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type {\n  TableCtx,\n  TableCellProps,\n  TableHeadCellProps,\n  TableProps,\n  TableSectionProps,\n} from \"./types\";\nimport { tableCellVariants, tableRowVariants, tableVariants } from \"./variants\";\n\nexport const TableContext = createContext<TableCtx | null>(null);\n\nexport function useTableContext(component: string): TableCtx {\n  const ctx = useContext(TableContext);\n  if (!ctx) {\n    throw new Error(`${component} must be used within <Table>`);\n  }\n  return ctx;\n}\n\nexport function TableBase(props: TableProps) {\n  const {\n    className,\n    appearance = \"default\",\n    size = \"md\",\n    textAlign = \"left\",\n    stickyHeader = false,\n    scrollAreaAriaLabel,\n    children,\n    ref,\n    ...rest\n  } = props;\n  const ctx = useMemo(\n    () => ({\n      appearance: appearance ?? \"default\",\n      size: size ?? \"md\",\n      stickyHeader: Boolean(stickyHeader),\n      rowAnimation: \"none\" as const,\n      textAlign,\n    }),\n    [appearance, size, stickyHeader, textAlign],\n  );\n\n  return (\n    <TableContext.Provider value={ctx}>\n      <div\n        data-slot=\"table-scroll\"\n        tabIndex={0}\n        role=\"region\"\n        aria-label={scrollAreaAriaLabel ?? \"Scrollable table\"}\n        className={cn(\n          \"relative w-full overflow-auto\",\n          \"outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n        )}\n      >\n        <table\n          ref={ref}\n          data-slot=\"table\"\n          className={cn(\n            tableVariants({ appearance, size, stickyHeader }),\n            \"w-full min-w-0 table\",\n            className,\n          )}\n          {...rest}\n        >\n          {children}\n        </table>\n      </div>\n    </TableContext.Provider>\n  );\n}\n\nTableBase.displayName = \"Table\";\n\nexport function TableHeader({ className, children }: TableSectionProps) {\n  const { stickyHeader } = useTableContext(\"TableHeader\");\n  const stickyClass = stickyHeader\n    ? \"sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur\"\n    : \"\";\n  return (\n    <thead data-slot=\"table-header\" className={cn(stickyClass, className)}>\n      {children}\n    </thead>\n  );\n}\n\nTableHeader.displayName = \"TableHeader\";\n\nexport function TableBody({ className, children }: TableSectionProps) {\n  return (\n    <tbody data-slot=\"table-body\" className={cn(className)}>\n      {children}\n    </tbody>\n  );\n}\n\nTableBody.displayName = \"TableBody\";\n\nexport function TableFooter({ className, children }: TableSectionProps) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t border-white/10 bg-white/3 font-medium\",\n        className,\n      )}\n    >\n      {children}\n    </tfoot>\n  );\n}\n\nTableFooter.displayName = \"TableFooter\";\n\nexport function TableRow({\n  className,\n  children,\n  ref,\n  as: Wrapper = \"tr\",\n  ...rest\n}: TableSectionProps & { ref?: React.Ref<HTMLTableRowElement> }) {\n  const { appearance } = useTableContext(\"TableRow\");\n\n  return (\n    <tr\n      ref={ref}\n      data-slot=\"table-row\"\n      className={cn(tableRowVariants({ appearance }), className)}\n      {...rest}\n    >\n      {children}\n    </tr>\n  );\n}\n\nTableRow.displayName = \"TableRow\";\n\nexport function TableHead({\n  className,\n  children,\n  scope = \"col\",\n  sortDirection,\n  ref,\n  ...rest\n}: TableHeadCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableHead\");\n  return (\n    <th\n      ref={ref}\n      data-slot=\"table-head\"\n      scope={scope}\n      aria-sort={sortDirection}\n      className={cn(\n        tableCellVariants({ appearance, size, textAlign }),\n        className,\n      )}\n      {...rest}\n    >\n      {children}\n    </th>\n  );\n}\n\nTableHead.displayName = \"TableHead\";\n\nexport function TableCell({\n  className,\n  children,\n  ref,\n  scope,\n  ...rest\n}: TableCellProps) {\n  const { appearance, size, textAlign } = useTableContext(\"TableCell\");\n  const cellClassName = cn(\n    tableCellVariants({ appearance, size, textAlign }),\n    className,\n  );\n\n  if (scope !== undefined) {\n    return (\n      <th\n        ref={ref}\n        data-slot=\"table-cell\"\n        scope={scope}\n        className={cellClassName}\n        {...rest}\n      >\n        {children}\n      </th>\n    );\n  }\n\n  return (\n    <td ref={ref} data-slot=\"table-cell\" className={cellClassName} {...rest}>\n      {children}\n    </td>\n  );\n}\n\nTableCell.displayName = \"TableCell\";\n\nexport function TableCaption({ className, children }: TableSectionProps) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-3 text-left text-xs text-slate-500\", className)}\n    >\n      {children}\n    </caption>\n  );\n}\n\nTableCaption.displayName = \"TableCaption\";\n"]}

package/dist/chunk-QNF4JPFP.js

@@ -0,0 +1,339 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+
+// src/ui/inputs/variants.ts
+var inputVariants = classVarianceAuthority.cva(
+  [
+    "w-full min-w-0 rounded-xl border bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
+    "ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors",
+    "placeholder:text-slate-500 dark:placeholder:text-slate-500",
+    "focus-visible:outline-none",
+    "disabled:cursor-not-allowed disabled:opacity-50",
+    "read-only:cursor-default read-only:bg-black/[0.03] dark:bg-white/[0.03]",
+    "file:h-8"
+  ],
+  {
+    variants: {
+      as: {
+        input: "",
+        textarea: "h-auto! resize-y py-2 align-top",
+        file: [
+          // Reset native padding so we control it fully
+          "p-0! cursor-pointer",
+          // File-selector button base styles
+          "file:cursor-pointer file:border-0 file:border-r file:border-black/10 dark:file:border-white/10",
+          "file:bg-black/10 dark:file:bg-white/10 file:text-slate-700 dark:file:text-slate-200 file:font-medium",
+          "file:transition-colors file:duration-200",
+          "hover:file:bg-black/15 dark:hover:file:bg-white/15",
+          // Content area padding
+          "[&:not(:disabled)]:file:hover:text-white",
+          "disabled:file:cursor-not-allowed"
+        ],
+        checkbox: [
+          "shrink-0 cursor-pointer appearance-none relative",
+          "min-h-0! shadow-none outline-none",
+          "border-2 border-black/30 dark:border-white/30 [&:not(:checked)]:bg-transparent",
+          "transition-[color,box-shadow,border-color,background-color]",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "read-only:cursor-default",
+          "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"
+        ],
+        radio: [
+          "shrink-0 cursor-pointer appearance-none rounded-full",
+          "min-h-0! shadow-none outline-none",
+          "border-2 border-black/30 dark:border-white/30 bg-transparent! read-only:bg-transparent!",
+          "ring-2 ring-black/20 dark:ring-white/20 ring-offset-2 ring-offset-slate-50 dark:ring-offset-slate-950",
+          "transition-[color,box-shadow,background-color,border-color,box-shadow]",
+          "disabled:cursor-not-allowed disabled:opacity-50",
+          "read-only:cursor-default"
+        ],
+        date: "w-auto shrink-0"
+      },
+      appearance: {
+        default: "border-black/10 dark:border-white/10 focus-visible:border-black/20 dark:focus-visible:border-white/20",
+        warning: "border-yellow-500/80 text-yellow-950 dark:text-yellow-50 placeholder:text-yellow-800 dark:placeholder:text-yellow-300/70 focus-visible:border-yellow-600 dark:focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80",
+        error: "border-rose-500/80 text-rose-950 dark:text-rose-50 placeholder:text-rose-800 dark:placeholder:text-rose-300/70 focus-visible:border-rose-600 dark:focus-visible:border-rose-400 focus-visible:ring-rose-400/80",
+        success: "border-emerald-500/70 text-emerald-950 dark:text-emerald-50 placeholder:text-emerald-800 dark:placeholder:text-emerald-300/70 focus-visible:border-emerald-600 dark:focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80",
+        info: "border-blue-500/80 text-blue-950 dark:text-blue-50 placeholder:text-blue-800 dark:placeholder:text-blue-300/70 focus-visible:border-blue-600 dark:focus-visible:border-blue-400 focus-visible:ring-blue-400/80",
+        violet: "border-violet-500/80 text-violet-950 dark:text-violet-50 placeholder:text-violet-800 dark:placeholder:text-violet-300/70 focus-visible:border-violet-600 dark:focus-visible:border-violet-400 focus-visible:ring-violet-400/80",
+        amber: "border-amber-500/80 text-amber-950 dark:text-amber-50 placeholder:text-amber-800 dark:placeholder:text-amber-300/70 focus-visible:border-amber-600 dark:focus-visible:border-amber-400 focus-visible:ring-amber-400/80",
+        pink: "border-pink-500/80 text-pink-950 dark:text-pink-50 placeholder:text-pink-800 dark:placeholder:text-pink-300/70 focus-visible:border-pink-600 dark:focus-visible:border-pink-400 focus-visible:ring-pink-400/80",
+        indigo: "border-indigo-500/80 text-indigo-950 dark:text-indigo-50 placeholder:text-indigo-800 dark:placeholder:text-indigo-300/70 focus-visible:border-indigo-600 dark:focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80",
+        orange: "border-orange-500/80 text-orange-950 dark:text-orange-50 placeholder:text-orange-800 dark:placeholder:text-orange-300/70 focus-visible:border-orange-600 dark:focus-visible:border-orange-400 focus-visible:ring-orange-400/80"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        md: "h-9 md:h-11 px-4 text-sm",
+        lg: "h-10 md:h-12 px-5 text-base"
+      },
+      ring: {
+        true: "focus-visible:ring-2 focus-visible:ring-offset-2",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      as: "input",
+      appearance: "default",
+      size: "md",
+      ring: true
+    },
+    compoundVariants: [
+      // ── textarea size overrides ──────────────────────────────────────────
+      {
+        as: "textarea",
+        size: "sm",
+        class: "min-h-[5rem]"
+      },
+      {
+        as: "textarea",
+        size: "md",
+        class: "min-h-[6rem]"
+      },
+      {
+        as: "textarea",
+        size: "lg",
+        class: "min-h-[7.5rem]"
+      },
+      // ── file input: size – height & file-button padding ──────────────────
+      {
+        as: "file",
+        size: "sm",
+        class: "h-8 text-xs pl-1 file:h-8 file:px-3 file:text-xs"
+      },
+      {
+        as: "file",
+        size: "md",
+        class: "h-9 md:h-11 text-sm pl-1 file:h-9 md:file:h-11 file:px-4 file:text-sm"
+      },
+      {
+        as: "file",
+        size: "lg",
+        class: "h-10 md:h-12 text-base pl-1 file:h-10 md:file:h-12 file:px-5 file:text-base"
+      },
+      // ── file input: appearance – file-button accent colour ───────────────
+      {
+        as: "file",
+        appearance: "default",
+        class: "file:text-slate-700 dark:file:text-slate-200"
+      },
+      {
+        as: "file",
+        appearance: "warning",
+        class: "file:bg-yellow-500/20 file:text-yellow-800 dark:file:text-yellow-200 file:border-yellow-500/40 hover:file:bg-yellow-500/30"
+      },
+      {
+        as: "file",
+        appearance: "error",
+        class: "file:bg-rose-500/20 file:text-rose-800 dark:file:text-rose-200 file:border-rose-500/40 hover:file:bg-rose-500/30"
+      },
+      {
+        as: "file",
+        appearance: "success",
+        class: "file:bg-emerald-500/20 file:text-emerald-800 dark:file:text-emerald-200 file:border-emerald-500/40 hover:file:bg-emerald-500/30"
+      },
+      {
+        as: "file",
+        appearance: "info",
+        class: "file:bg-blue-500/20 file:text-blue-800 dark:file:text-blue-200 file:border-blue-500/40 hover:file:bg-blue-500/30"
+      },
+      {
+        as: "file",
+        appearance: "violet",
+        class: "file:bg-violet-500/20 file:text-violet-800 dark:file:text-violet-200 file:border-violet-500/40 hover:file:bg-violet-500/30"
+      },
+      {
+        as: "file",
+        appearance: "amber",
+        class: "file:bg-amber-500/20 file:text-amber-800 dark:file:text-amber-200 file:border-amber-500/40 hover:file:bg-amber-500/30"
+      },
+      {
+        as: "file",
+        appearance: "pink",
+        class: "file:bg-pink-500/20 file:text-pink-800 dark:file:text-pink-200 file:border-pink-500/40 hover:file:bg-pink-500/30"
+      },
+      {
+        as: "file",
+        appearance: "indigo",
+        class: "file:bg-indigo-500/20 file:text-indigo-800 dark:file:text-indigo-200 file:border-indigo-500/40 hover:file:bg-indigo-500/30"
+      },
+      // ── checkbox / radio: size (overrides text-field height & padding) ───
+      {
+        as: "checkbox",
+        size: "sm",
+        class: "h-4! w-4! min-h-0! rounded-[0.35rem]! px-0! py-0!"
+      },
+      {
+        as: "checkbox",
+        size: "md",
+        class: "h-5! w-5! min-h-0! rounded-md! px-0! py-0!"
+      },
+      {
+        as: "checkbox",
+        size: "lg",
+        class: "h-6! w-6! min-h-0! rounded-md! px-0! py-0!"
+      },
+      {
+        as: "radio",
+        size: "sm",
+        class: "h-4! w-4! min-h-0! px-0! py-0!"
+      },
+      {
+        as: "radio",
+        size: "md",
+        class: "h-5! w-5! min-h-0! px-0! py-0!"
+      },
+      {
+        as: "radio",
+        size: "lg",
+        class: "h-6! w-6! min-h-0! px-0! py-0!"
+      },
+      // ── checkbox: appearance (border + tick color; fill stays transparent) ─
+      {
+        as: "checkbox",
+        appearance: "default",
+        class: "border-slate-400/70! checked:border-slate-700 dark:checked:border-slate-200 checked:text-slate-700 dark:checked:text-slate-200 hover:border-slate-600 dark:hover:border-slate-300 focus-visible:border-slate-600 dark:focus-visible:border-slate-300 focus-visible:ring-slate-500/70 dark:focus-visible:ring-slate-400/70"
+      },
+      {
+        as: "checkbox",
+        appearance: "warning",
+        class: "border-yellow-500/70! checked:border-yellow-600 dark:checked:border-yellow-400 checked:text-yellow-700 dark:checked:text-yellow-300 hover:border-yellow-600 dark:hover:border-yellow-400 focus-visible:border-yellow-600 dark:focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80"
+      },
+      {
+        as: "checkbox",
+        appearance: "error",
+        class: "border-rose-500/70! checked:border-rose-600 dark:checked:border-rose-400 checked:text-rose-700 dark:checked:text-rose-300 hover:border-rose-600 dark:hover:border-rose-400 focus-visible:border-rose-600 dark:focus-visible:border-rose-400 focus-visible:ring-rose-400/80"
+      },
+      {
+        as: "checkbox",
+        appearance: "success",
+        class: "border-emerald-500/70! checked:border-emerald-600 dark:checked:border-emerald-400 checked:text-emerald-700 dark:checked:text-emerald-300 hover:border-emerald-600 dark:hover:border-emerald-400 focus-visible:border-emerald-600 dark:focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80"
+      },
+      {
+        as: "checkbox",
+        appearance: "info",
+        class: "border-blue-500/70! checked:border-blue-600 dark:checked:border-blue-400 checked:text-blue-700 dark:checked:text-blue-300 hover:border-blue-600 dark:hover:border-blue-400 focus-visible:border-blue-600 dark:focus-visible:border-blue-400 focus-visible:ring-blue-400/80"
+      },
+      {
+        as: "checkbox",
+        appearance: "violet",
+        class: "border-violet-500/70! checked:after:bg-violet-600 dark:checked:after:bg-violet-400 checked:border-violet-600 dark:checked:border-violet-400 checked:text-violet-700 dark:checked:text-violet-300 hover:border-violet-600 dark:hover:border-violet-400 focus-visible:border-violet-600 dark:focus-visible:border-violet-400 focus-visible:ring-violet-400/80"
+      },
+      {
+        as: "checkbox",
+        appearance: "amber",
+        class: "border-amber-500/70! checked:border-amber-400! checked:text-amber-700 dark:checked:text-amber-300 hover:border-amber-400! focus-visible:border-amber-400! focus-visible:ring-amber-400/80!"
+      },
+      {
+        as: "checkbox",
+        appearance: "pink",
+        class: "border-pink-500/70! checked:border-pink-600 dark:checked:border-pink-400 checked:text-pink-700 dark:checked:text-pink-300 hover:border-pink-600 dark:hover:border-pink-400 focus-visible:border-pink-600 dark:focus-visible:border-pink-400 focus-visible:ring-pink-400/80"
+      },
+      {
+        as: "checkbox",
+        appearance: "indigo",
+        class: "border-indigo-500/70! checked:border-indigo-400! checked:text-indigo-700 dark:checked:text-indigo-300 hover:border-indigo-400! focus-visible:border-indigo-400! focus-visible:ring-indigo-400/80!"
+      },
+      // ── radio: appearance (transparent fill, inner dot, coloured offset ring) ─
+      {
+        as: "radio",
+        appearance: "default",
+        class: "border-slate-400/70! checked:border-slate-700 dark:checked:border-slate-200 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(226,232,240)]! hover:border-slate-600 dark:hover:border-slate-300 focus-visible:border-slate-600 dark:focus-visible:border-slate-300 focus-visible:ring-slate-500/70 dark:focus-visible:ring-slate-400/70 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-slate-300/90!"
+      },
+      {
+        as: "radio",
+        appearance: "warning",
+        class: "border-yellow-500/70! checked:border-yellow-600 dark:checked:border-yellow-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(250,204,21)]! hover:border-yellow-600 dark:hover:border-yellow-400 focus-visible:border-yellow-600 dark:focus-visible:border-yellow-400 focus-visible:ring-yellow-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-yellow-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "error",
+        class: "border-rose-500/70! checked:border-rose-600 dark:checked:border-rose-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,113,133)]! hover:border-rose-600 dark:hover:border-rose-400 focus-visible:border-rose-600 dark:focus-visible:border-rose-400 focus-visible:ring-rose-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-rose-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "success",
+        class: "border-emerald-500/70! checked:border-emerald-600 dark:checked:border-emerald-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(52,211,153)]! hover:border-emerald-600 dark:hover:border-emerald-400 focus-visible:border-emerald-600 dark:focus-visible:border-emerald-400 focus-visible:ring-emerald-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-emerald-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "info",
+        class: "border-blue-500/70! checked:border-blue-600 dark:checked:border-blue-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(96,165,250)]! hover:border-blue-600 dark:hover:border-blue-400 focus-visible:border-blue-600 dark:focus-visible:border-blue-400 focus-visible:ring-blue-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-blue-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "violet",
+        class: "border-violet-500/70! checked:border-violet-600 dark:checked:border-violet-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(167,139,250)]! hover:border-violet-600 dark:hover:border-violet-400 focus-visible:border-violet-600 dark:focus-visible:border-violet-400 focus-visible:ring-violet-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-violet-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "amber",
+        class: "border-amber-500/70! checked:border-amber-600 dark:checked:border-amber-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(251,191,36)]! hover:border-amber-600 dark:hover:border-amber-400 focus-visible:border-amber-600 dark:focus-visible:border-amber-400 focus-visible:ring-amber-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-amber-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "pink",
+        class: "border-pink-500/70! checked:border-pink-600 dark:checked:border-pink-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(244,114,182)]! hover:border-pink-600 dark:hover:border-pink-400 focus-visible:border-pink-600 dark:focus-visible:border-pink-400 focus-visible:ring-pink-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-pink-400/90!"
+      },
+      {
+        as: "radio",
+        appearance: "indigo",
+        class: "border-indigo-500/70! checked:border-indigo-600 dark:checked:border-indigo-400 checked:bg-transparent! checked:shadow-[inset_0_0_0_0.28rem_rgb(129,140,248)]! hover:border-indigo-600 dark:hover:border-indigo-400 focus-visible:border-indigo-600 dark:focus-visible:border-indigo-400 focus-visible:ring-indigo-400/80 checked:ring-2! checked:ring-offset-2! checked:ring-offset-white! dark:checked:ring-offset-slate-950! checked:ring-indigo-400/90!"
+      },
+      {
+        as: "date",
+        appearance: "default",
+        class: "bg-white dark:bg-black border border-black/10 dark:border-white/80 text-black dark:text-white"
+      },
+      {
+        as: "date",
+        appearance: "warning",
+        class: "bg-yellow-900 dark:bg-transparent text-yellow-50 dark:text-yellow-50"
+      },
+      {
+        as: "date",
+        appearance: "error",
+        class: "bg-rose-900 dark:bg-transparent text-rose-50 dark:text-rose-50"
+      },
+      {
+        as: "date",
+        appearance: "success",
+        class: "bg-emerald-900 dark:bg-transparent text-emerald-50 dark:text-emerald-50"
+      },
+      {
+        as: "date",
+        appearance: "info",
+        class: "bg-blue-900 dark:bg-transparent text-blue-50 dark:text-blue-50"
+      },
+      {
+        as: "date",
+        appearance: "violet",
+        class: "bg-violet-900 dark:bg-transparent text-violet-50 dark:text-violet-50"
+      },
+      {
+        as: "date",
+        appearance: "amber",
+        class: "bg-amber-900 dark:bg-transparent text-amber-50 dark:text-amber-50"
+      },
+      {
+        as: "date",
+        appearance: "pink",
+        class: "bg-pink-900 dark:bg-transparent text-pink-50 dark:text-pink-50"
+      },
+      {
+        as: "date",
+        appearance: "indigo",
+        class: "bg-indigo-900 dark:bg-transparent text-indigo-50 dark:text-indigo-50"
+      },
+      {
+        as: "date",
+        appearance: "orange",
+        class: "bg-orange-900 dark:bg-transparent text-orange-50 dark:text-orange-50"
+      }
+    ]
+  }
+);
+
+exports.inputVariants = inputVariants;
+//# sourceMappingURL=chunk-QNF4JPFP.js.map
+//# sourceMappingURL=chunk-QNF4JPFP.js.map