@zentauri-ui/zentauri-components 1.6.3 → 1.7.1

package/dist/chunk-EU63V22F.mjs

@@ -1,126 +0,0 @@
-import { cn } from './chunk-4D54YOL6.mjs';
-import { cva } from 'class-variance-authority';
-import { HiXMark } from 'react-icons/hi2';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var buttonLikeSolidAppearances = {
-  default: "bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)]",
-  secondary: "bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50",
-  destructive: "bg-rose-500 dark:bg-rose-700 text-slate-900 dark:text-white",
-  outline: "border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50",
-  ghost: "bg-transparent text-slate-700 dark:text-slate-200",
-  glass: "border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md",
-  emerald: "bg-emerald-500 dark:bg-emerald-800 text-slate-100 dark:text-white",
-  indigo: "bg-indigo-800 dark:bg-indigo-600 text-slate-100 dark:text-white",
-  purple: "bg-purple-800 dark:bg-purple-600 text-slate-100 dark:text-white",
-  pink: "bg-pink-800 dark:bg-pink-600 text-slate-100 dark:text-white",
-  rose: "bg-rose-500 dark:bg-rose-700 text-slate-100 dark:text-white",
-  sky: "bg-sky-500 dark:bg-sky-700 text-slate-100 dark:text-white",
-  teal: "bg-teal-500 dark:bg-teal-700 text-slate-100 dark:text-white",
-  yellow: "bg-yellow-500 dark:bg-yellow-800 text-slate-100 dark:text-white",
-  orange: "bg-orange-500 dark:bg-orange-800 text-slate-100 dark:text-white",
-  "gradient-blue": "bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-slate-100 dark:text-white",
-  "gradient-green": "bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-slate-100 dark:text-white",
-  "gradient-red": "bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-slate-100 dark:text-white",
-  "gradient-yellow": "bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-slate-100 dark:text-white",
-  "gradient-purple": "bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-slate-100 dark:text-white",
-  "gradient-teal": "bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-slate-100 dark:text-white",
-  "gradient-indigo": "bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-slate-100 dark:text-white",
-  "gradient-pink": "bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-slate-100 dark:text-white",
-  "gradient-orange": "bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-slate-100 dark:text-white"
-};
-var badgeAppearances = {
-  ...buttonLikeSolidAppearances,
-  outline: "border border-black/15 dark:border-white/15 bg-transparent text-slate-700 dark:text-slate-200 shadow-none",
-  ghost: "bg-transparent text-slate-600 dark:text-slate-300 shadow-none"
-};
-var badgeVariants = cva(
-  [
-    "inline-flex max-w-full items-center justify-center gap-1 font-medium",
-    "whitespace-nowrap ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2",
-    "select-none"
-  ],
-  {
-    variants: {
-      appearance: badgeAppearances,
-      size: {
-        sm: "h-6 min-h-6 px-2 text-[0.65rem] leading-none",
-        md: "h-7 min-h-7 px-2.5 text-xs leading-none",
-        lg: "h-8 min-h-8 px-3 text-sm leading-none"
-      },
-      shape: {
-        pill: "rounded-full",
-        square: "rounded-md",
-        dot: "h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]"
-      }
-    },
-    defaultVariants: {
-      appearance: "default",
-      size: "md",
-      shape: "pill"
-    }
-  }
-);
-var badgeCloseButtonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/40 dark:focus-visible:ring-white/40",
-  {
-    variants: {
-      size: {
-        sm: "size-4",
-        md: "size-5",
-        lg: "size-6"
-      }
-    },
-    defaultVariants: { size: "md" }
-  }
-);
-function BadgeBase({
-  className,
-  appearance,
-  size,
-  shape,
-  closable = false,
-  liveRegion = false,
-  onClose,
-  closeLabel = "Remove",
-  children,
-  ref,
-  "aria-label": ariaLabel,
-  as: Wrapper = "span",
-  ...rest
-}) {
-  const isDot = shape === "dot";
-  const resolvedAriaLabel = ariaLabel ?? (isDot ? "Status indicator" : void 0);
-  const landmarkRole = liveRegion === true || isDot ? "status" : void 0;
-  return /* @__PURE__ */ jsxs(
-    Wrapper,
-    {
-      ref,
-      role: landmarkRole,
-      "data-slot": "badge",
-      "aria-label": resolvedAriaLabel,
-      className: cn(badgeVariants({ appearance, size, shape }), className),
-      ...rest,
-      children: [
-        !isDot ? children : null,
-        closable ? /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            "data-slot": "badge-close",
-            "aria-label": closeLabel,
-            onClick: onClose,
-            className: badgeCloseButtonVariants({ size }),
-            children: /* @__PURE__ */ jsx(HiXMark, { className: "size-3.5", "aria-hidden": true })
-          }
-        ) : null
-      ]
-    }
-  );
-}
-BadgeBase.displayName = "Badge";
-
-export { BadgeBase, badgeCloseButtonVariants, badgeVariants };
-//# sourceMappingURL=chunk-EU63V22F.mjs.map
-//# sourceMappingURL=chunk-EU63V22F.mjs.map

package/dist/chunk-EU63V22F.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/badge/variants.ts","../src/ui/badge/badge-base.tsx"],"names":[],"mappings":"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","file":"chunk-EU63V22F.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\n/**\n * Tailwind class maps mirroring `buttons/variants.ts` appearance tokens.\n * Reused by primitives that should stay visually aligned with Button.\n */\nexport const buttonLikeSolidAppearances = {\n  default:\n    \"bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)]\",\n  secondary: \"bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50\",\n  destructive: \"bg-rose-500 dark:bg-rose-700 text-slate-900 dark:text-white\",\n  outline:\n    \"border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50\",\n  ghost: \"bg-transparent text-slate-700 dark:text-slate-200\",\n  glass:\n    \"border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md\",\n  emerald: \"bg-emerald-500 dark:bg-emerald-800 text-slate-100 dark:text-white\",\n  indigo: \"bg-indigo-800 dark:bg-indigo-600 text-slate-100 dark:text-white\",\n  purple: \"bg-purple-800 dark:bg-purple-600 text-slate-100 dark:text-white\",\n  pink: \"bg-pink-800 dark:bg-pink-600 text-slate-100 dark:text-white\",\n  rose: \"bg-rose-500 dark:bg-rose-700 text-slate-100 dark:text-white\",\n  sky: \"bg-sky-500 dark:bg-sky-700 text-slate-100 dark:text-white\",\n  teal: \"bg-teal-500 dark:bg-teal-700 text-slate-100 dark:text-white\",\n  yellow: \"bg-yellow-500 dark:bg-yellow-800 text-slate-100 dark:text-white\",\n  orange: \"bg-orange-500 dark:bg-orange-800 text-slate-100 dark:text-white\",\n  \"gradient-blue\":\n    \"bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-slate-100 dark:text-white\",\n  \"gradient-green\":\n    \"bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-slate-100 dark:text-white\",\n  \"gradient-red\":\n    \"bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-slate-100 dark:text-white\",\n  \"gradient-yellow\":\n    \"bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-slate-100 dark:text-white\",\n  \"gradient-purple\":\n    \"bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-slate-100 dark:text-white\",\n  \"gradient-teal\":\n    \"bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-slate-100 dark:text-white\",\n  \"gradient-indigo\":\n    \"bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-slate-100 dark:text-white\",\n  \"gradient-pink\":\n    \"bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-slate-100 dark:text-white\",\n  \"gradient-orange\":\n    \"bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-slate-100 dark:text-white\",\n} as const;\n\nexport type ButtonLikeSolidAppearance = keyof typeof buttonLikeSolidAppearances;\n\nconst badgeAppearances = {\n  ...buttonLikeSolidAppearances,\n  outline:\n    \"border border-black/15 dark:border-white/15 bg-transparent text-slate-700 dark:text-slate-200 shadow-none\",\n  ghost: \"bg-transparent text-slate-600 dark:text-slate-300 shadow-none\",\n} as const;\n\nexport const badgeVariants = cva(\n  [\n    \"inline-flex max-w-full items-center justify-center gap-1 font-medium\",\n    \"whitespace-nowrap ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: badgeAppearances,\n      size: {\n        sm: \"h-6 min-h-6 px-2 text-[0.65rem] leading-none\",\n        md: \"h-7 min-h-7 px-2.5 text-xs leading-none\",\n        lg: \"h-8 min-h-8 px-3 text-sm leading-none\",\n      },\n      shape: {\n        pill: \"rounded-full\",\n        square: \"rounded-md\",\n        dot: \"h-2.5 min-h-2.5 w-2.5 min-w-2.5 rounded-full p-0 px-0 text-[0]\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n      shape: \"pill\",\n    },\n  },\n);\n\nexport const badgeCloseButtonVariants = cva(\n  \"inline-flex shrink-0 items-center justify-center rounded-md p-0.5 text-current transition focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-black/40 dark:focus-visible:ring-white/40\",\n  {\n    variants: {\n      size: {\n        sm: \"size-4\",\n        md: \"size-5\",\n        lg: \"size-6\",\n      },\n    },\n    defaultVariants: { size: \"md\" },\n  },\n);\n","\"use client\";\n\nimport { HiXMark } from \"react-icons/hi2\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { BadgeBaseProps } from \"./types\";\nimport { badgeCloseButtonVariants, badgeVariants } from \"./variants\";\n\nexport function BadgeBase({\n  className,\n  appearance,\n  size,\n  shape,\n  closable = false,\n  liveRegion = false,\n  onClose,\n  closeLabel = \"Remove\",\n  children,\n  ref,\n  \"aria-label\": ariaLabel,\n  as: Wrapper = \"span\",\n  ...rest\n}: BadgeBaseProps) {\n  const isDot = shape === \"dot\";\n  const resolvedAriaLabel =\n    ariaLabel ?? (isDot ? \"Status indicator\" : undefined);\n  const landmarkRole =\n    liveRegion === true || isDot ? (\"status\" as const) : undefined;\n\n  return (\n    <Wrapper\n      ref={ref}\n      role={landmarkRole}\n      data-slot=\"badge\"\n      aria-label={resolvedAriaLabel}\n      className={cn(badgeVariants({ appearance, size, shape }), className)}\n      {...rest}\n    >\n      {!isDot ? children : null}\n      {closable ? (\n        <button\n          type=\"button\"\n          data-slot=\"badge-close\"\n          aria-label={closeLabel}\n          onClick={onClose}\n          className={badgeCloseButtonVariants({ size })}\n        >\n          <HiXMark className=\"size-3.5\" aria-hidden />\n        </button>\n      ) : null}\n    </Wrapper>\n  );\n}\n\nBadgeBase.displayName = \"Badge\";\n"]}

package/dist/chunk-EZS47EZW.mjs

@@ -1,70 +0,0 @@
-import { cva } from 'class-variance-authority';
-
-// src/ui/buttons/variants.ts
-var buttonVariants = cva(
-  [
-    "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl",
-    "text-sm font-medium ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors",
-    "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2",
-    "disabled:pointer-events-none disabled:opacity-50",
-    "select-none"
-  ],
-  {
-    variants: {
-      appearance: {
-        default: "bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-black dark:hover:bg-white",
-        secondary: "bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50 hover:bg-slate-300 dark:hover:bg-slate-700",
-        destructive: "bg-rose-500 dark:bg-rose-700 text-white hover:bg-rose-500 dark:hover:bg-rose-800",
-        outline: "border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50 hover:bg-black/10 dark:hover:bg-white/10",
-        ghost: "bg-transparent text-slate-700 dark:text-slate-200 hover:bg-black/5 dark:hover:bg-white/5",
-        link: "bg-transparent text-cyan-700 dark:text-cyan-300 underline-offset-4 hover:underline",
-        glass: "border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md hover:bg-black/15 dark:hover:bg-white/15",
-        emerald: "bg-emerald-500 dark:bg-emerald-800 text-white hover:bg-emerald-500 dark:hover:bg-emerald-900",
-        indigo: "bg-indigo-800 dark:bg-indigo-600 text-white hover:bg-indigo-800 dark:hover:bg-indigo-600",
-        purple: "bg-purple-800 dark:bg-purple-600 text-white hover:bg-purple-800 dark:hover:bg-purple-600",
-        pink: "bg-pink-800 dark:bg-pink-600 text-white hover:bg-pink-800 dark:hover:bg-pink-600",
-        rose: "bg-rose-800 dark:bg-rose-600 text-white hover:bg-rose-800 dark:hover:bg-rose-600",
-        sky: "bg-sky-500 dark:bg-sky-700 text-white hover:bg-sky-500 dark:hover:bg-sky-800",
-        teal: "bg-teal-500 dark:bg-teal-700 text-white hover:bg-teal-500 dark:hover:bg-teal-800",
-        yellow: "bg-yellow-500 dark:bg-yellow-800 text-white hover:bg-yellow-500 dark:hover:bg-yellow-900",
-        orange: "bg-orange-500 dark:bg-orange-800 text-white hover:bg-orange-500 dark:hover:bg-orange-900",
-        gray: "bg-gray-500 dark:bg-gray-700 text-white hover:bg-gray-500 dark:hover:bg-gray-800",
-        amber: "bg-amber-500 dark:bg-amber-800 text-white hover:bg-amber-500 dark:hover:bg-amber-900",
-        violet: "bg-violet-800 dark:bg-violet-600 text-white hover:bg-violet-800 dark:hover:bg-violet-600",
-        "gradient-blue": "bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-white hover:from-blue-800 dark:hover:from-blue-600 hover:to-purple-800 dark:hover:to-purple-600",
-        "gradient-green": "bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-white hover:from-green-800 dark:hover:from-green-600 hover:to-lime-800 dark:hover:to-lime-600",
-        "gradient-red": "bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-white hover:from-red-800 dark:hover:from-red-600 hover:to-pink-800 dark:hover:to-pink-600",
-        "gradient-yellow": "bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-white hover:from-yellow-800 dark:hover:from-yellow-600 hover:to-orange-800 dark:hover:to-orange-600",
-        "gradient-purple": "bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-white hover:from-purple-800 dark:hover:from-purple-600 hover:to-pink-800 dark:hover:to-pink-600",
-        "gradient-teal": "bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-white hover:from-teal-800 dark:hover:from-teal-600 hover:to-cyan-800 dark:hover:to-cyan-600",
-        "gradient-indigo": "bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-white hover:from-indigo-800 dark:hover:from-indigo-600 hover:to-purple-800 dark:hover:to-purple-600",
-        "gradient-pink": "bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-white hover:from-pink-800 dark:hover:from-pink-600 hover:to-rose-800 dark:hover:to-rose-600",
-        "gradient-orange": "bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-white hover:from-orange-800 dark:hover:from-orange-600 hover:to-red-800 dark:hover:to-red-600"
-      },
-      size: {
-        sm: "h-7 md:h-9 px-3 text-xs",
-        md: "h-9 md:h-11 px-4",
-        lg: "h-10 md:h-12 px-5 text-base",
-        xl: "h-12 md:h-14 px-6 text-lg",
-        "2xl": "h-14 md:h-16 px-6 md:px-8 text-xl",
-        "3xl": "h-16 md:h-18 px-8 md:px-10 text-2xl",
-        "4xl": "h-18 md:h-20 px-10 md:px-12 text-2xl",
-        "5xl": "h-20 md:h-22 px-12 md:px-14 text-2xl",
-        "6xl": "h-22 md:h-24 px-14 md:px-16 text-2xl",
-        "7xl": "h-24 md:h-26 px-16 md:px-18 text-2xl",
-        "8xl": "h-26 md:h-28 px-20 text-2xl",
-        "9xl": "h-24 md:h-30 px-18 md:px-22 text-2xl",
-        "10xl": "h-26 md:h-32 px-20 md:px-24 text-2xl",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      appearance: "default",
-      size: "md"
-    }
-  }
-);
-
-export { buttonVariants };
-//# sourceMappingURL=chunk-EZS47EZW.mjs.map
-//# sourceMappingURL=chunk-EZS47EZW.mjs.map

package/dist/chunk-EZS47EZW.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAEO,IAAM,cAAA,GAAiB,GAAA;AAAA,EAC5B;AAAA,IACE,4EAAA;AAAA,IACA,uFAAA;AAAA,IACA,4IAAA;AAAA,IACA,kDAAA;AAAA,IACA;AAAA,GACF;AAAA,EACA;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAY;AAAA,QACV,OAAA,EACE,uLAAA;AAAA,QACF,SAAA,EACE,6GAAA;AAAA,QACF,WAAA,EACE,kFAAA;AAAA,QACF,OAAA,EACE,mJAAA;AAAA,QACF,KAAA,EACE,0FAAA;AAAA,QACF,IAAA,EAAM,oFAAA;AAAA,QACN,KAAA,EACE,mKAAA;AAAA,QACF,OAAA,EACE,8FAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,IAAA,EAAM,kFAAA;AAAA,QACN,IAAA,EAAM,kFAAA;AAAA,QACN,GAAA,EAAK,8EAAA;AAAA,QACL,IAAA,EAAM,kFAAA;AAAA,QACN,MAAA,EACE,0FAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,IAAA,EAAM,kFAAA;AAAA,QACN,KAAA,EACE,sFAAA;AAAA,QACF,MAAA,EACE,0FAAA;AAAA,QACF,eAAA,EACE,uLAAA;AAAA,QACF,gBAAA,EACE,mLAAA;AAAA,QACF,cAAA,EACE,2KAAA;AAAA,QACF,iBAAA,EACE,+LAAA;AAAA,QACF,iBAAA,EACE,uLAAA;AAAA,QACF,eAAA,EACE,+KAAA;AAAA,QACF,iBAAA,EACE,+LAAA;AAAA,QACF,eAAA,EACE,+KAAA;AAAA,QACF,iBAAA,EACE;AAAA,OACJ;AAAA,MACA,IAAA,EAAM;AAAA,QACJ,EAAA,EAAI,yBAAA;AAAA,QACJ,EAAA,EAAI,kBAAA;AAAA,QACJ,EAAA,EAAI,6BAAA;AAAA,QACJ,EAAA,EAAI,2BAAA;AAAA,QACJ,KAAA,EAAO,mCAAA;AAAA,QACP,KAAA,EAAO,qCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,KAAA,EAAO,6BAAA;AAAA,QACP,KAAA,EAAO,sCAAA;AAAA,QACP,MAAA,EAAQ,sCAAA;AAAA,QACR,IAAA,EAAM;AAAA;AACR,KACF;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ","file":"chunk-EZS47EZW.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nexport const buttonVariants = cva(\n  [\n    \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-xl\",\n    \"text-sm font-medium ring-offset-slate-50 dark:ring-offset-slate-950 transition-colors\",\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-600 dark:focus-visible:ring-slate-300 focus-visible:ring-offset-2\",\n    \"disabled:pointer-events-none disabled:opacity-50\",\n    \"select-none\",\n  ],\n  {\n    variants: {\n      appearance: {\n        default:\n          \"bg-slate-900 dark:bg-slate-50 text-slate-50 dark:text-slate-950 shadow-[0_1px_2px_rgba(15,23,42,0.08)] dark:shadow-[0_1px_2px_rgba(15,23,42,0.12)] hover:bg-black dark:hover:bg-white\",\n        secondary:\n          \"bg-slate-200 dark:bg-slate-800 text-slate-900 dark:text-slate-50 hover:bg-slate-300 dark:hover:bg-slate-700\",\n        destructive:\n          \"bg-rose-500 dark:bg-rose-700 text-white hover:bg-rose-500 dark:hover:bg-rose-800\",\n        outline:\n          \"border border-black/10 dark:border-white/10 bg-black/5 dark:bg-white/5 text-slate-900 dark:text-slate-50 hover:bg-black/10 dark:hover:bg-white/10\",\n        ghost:\n          \"bg-transparent text-slate-700 dark:text-slate-200 hover:bg-black/5 dark:hover:bg-white/5\",\n        link: \"bg-transparent text-cyan-700 dark:text-cyan-300 underline-offset-4 hover:underline\",\n        glass:\n          \"border border-black/15 dark:border-white/15 bg-black/10 dark:bg-white/10 text-slate-900 dark:text-white backdrop-blur-md hover:bg-black/15 dark:hover:bg-white/15\",\n        emerald:\n          \"bg-emerald-500 dark:bg-emerald-800 text-white hover:bg-emerald-500 dark:hover:bg-emerald-900\",\n        indigo:\n          \"bg-indigo-800 dark:bg-indigo-600 text-white hover:bg-indigo-800 dark:hover:bg-indigo-600\",\n        purple:\n          \"bg-purple-800 dark:bg-purple-600 text-white hover:bg-purple-800 dark:hover:bg-purple-600\",\n        pink: \"bg-pink-800 dark:bg-pink-600 text-white hover:bg-pink-800 dark:hover:bg-pink-600\",\n        rose: \"bg-rose-800 dark:bg-rose-600 text-white hover:bg-rose-800 dark:hover:bg-rose-600\",\n        sky: \"bg-sky-500 dark:bg-sky-700 text-white hover:bg-sky-500 dark:hover:bg-sky-800\",\n        teal: \"bg-teal-500 dark:bg-teal-700 text-white hover:bg-teal-500 dark:hover:bg-teal-800\",\n        yellow:\n          \"bg-yellow-500 dark:bg-yellow-800 text-white hover:bg-yellow-500 dark:hover:bg-yellow-900\",\n        orange:\n          \"bg-orange-500 dark:bg-orange-800 text-white hover:bg-orange-500 dark:hover:bg-orange-900\",\n        gray: \"bg-gray-500 dark:bg-gray-700 text-white hover:bg-gray-500 dark:hover:bg-gray-800\",\n        amber:\n          \"bg-amber-500 dark:bg-amber-800 text-white hover:bg-amber-500 dark:hover:bg-amber-900\",\n        violet:\n          \"bg-violet-800 dark:bg-violet-600 text-white hover:bg-violet-800 dark:hover:bg-violet-600\",\n        \"gradient-blue\":\n          \"bg-linear-to-r from-blue-800 dark:from-blue-600 to-purple-800 dark:to-purple-600 text-white hover:from-blue-800 dark:hover:from-blue-600 hover:to-purple-800 dark:hover:to-purple-600\",\n        \"gradient-green\":\n          \"bg-linear-to-r from-green-800 dark:from-green-600 to-lime-800 dark:to-lime-600 text-white hover:from-green-800 dark:hover:from-green-600 hover:to-lime-800 dark:hover:to-lime-600\",\n        \"gradient-red\":\n          \"bg-linear-to-r from-red-800 dark:from-red-600 to-pink-800 dark:to-pink-600 text-white hover:from-red-800 dark:hover:from-red-600 hover:to-pink-800 dark:hover:to-pink-600\",\n        \"gradient-yellow\":\n          \"bg-linear-to-r from-yellow-800 dark:from-yellow-600 to-orange-800 dark:to-orange-600 text-white hover:from-yellow-800 dark:hover:from-yellow-600 hover:to-orange-800 dark:hover:to-orange-600\",\n        \"gradient-purple\":\n          \"bg-linear-to-r from-purple-800 dark:from-purple-600 to-pink-800 dark:to-pink-600 text-white hover:from-purple-800 dark:hover:from-purple-600 hover:to-pink-800 dark:hover:to-pink-600\",\n        \"gradient-teal\":\n          \"bg-linear-to-r from-teal-800 dark:from-teal-600 to-cyan-800 dark:to-cyan-600 text-white hover:from-teal-800 dark:hover:from-teal-600 hover:to-cyan-800 dark:hover:to-cyan-600\",\n        \"gradient-indigo\":\n          \"bg-linear-to-r from-indigo-800 dark:from-indigo-600 to-purple-800 dark:to-purple-600 text-white hover:from-indigo-800 dark:hover:from-indigo-600 hover:to-purple-800 dark:hover:to-purple-600\",\n        \"gradient-pink\":\n          \"bg-linear-to-r from-pink-800 dark:from-pink-600 to-rose-800 dark:to-rose-600 text-white hover:from-pink-800 dark:hover:from-pink-600 hover:to-rose-800 dark:hover:to-rose-600\",\n        \"gradient-orange\":\n          \"bg-linear-to-r from-orange-800 dark:from-orange-600 to-red-800 dark:to-red-600 text-white hover:from-orange-800 dark:hover:from-orange-600 hover:to-red-800 dark:hover:to-red-600\",\n      },\n      size: {\n        sm: \"h-7 md:h-9 px-3 text-xs\",\n        md: \"h-9 md:h-11 px-4\",\n        lg: \"h-10 md:h-12 px-5 text-base\",\n        xl: \"h-12 md:h-14 px-6 text-lg\",\n        \"2xl\": \"h-14 md:h-16 px-6 md:px-8 text-xl\",\n        \"3xl\": \"h-16 md:h-18 px-8 md:px-10 text-2xl\",\n        \"4xl\": \"h-18 md:h-20 px-10 md:px-12 text-2xl\",\n        \"5xl\": \"h-20 md:h-22 px-12 md:px-14 text-2xl\",\n        \"6xl\": \"h-22 md:h-24 px-14 md:px-16 text-2xl\",\n        \"7xl\": \"h-24 md:h-26 px-16 md:px-18 text-2xl\",\n        \"8xl\": \"h-26 md:h-28 px-20 text-2xl\",\n        \"9xl\": \"h-24 md:h-30 px-18 md:px-22 text-2xl\",\n        \"10xl\": \"h-26 md:h-32 px-20 md:px-24 text-2xl\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n"]}

package/dist/chunk-GHJN3Z3V.js

@@ -1,292 +0,0 @@
-'use strict';
-
-var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
-var classVarianceAuthority = require('class-variance-authority');
-var react = require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-var tableVariants = classVarianceAuthority.cva(
-  "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-black/10 dark:border-white/10",
-        ghost: "",
-        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",
-        md: "text-sm",
-        lg: "text-base"
-      },
-      stickyHeader: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      appearance: "default",
-      size: "md",
-      stickyHeader: false
-    }
-  }
-);
-var tableRowVariants = classVarianceAuthority.cva(
-  "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-black/[0.03] dark:odd:bg-white/[0.03]",
-        bordered: "",
-        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" }
-  }
-);
-var tableCellVariants = classVarianceAuthority.cva(
-  "min-w-0 border p-3 align-middle break-words",
-  {
-    variants: {
-      appearance: {
-        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",
-        md: "p-3",
-        lg: "p-4"
-      },
-      textAlign: {
-        left: "text-left",
-        center: "text-center",
-        right: "text-right"
-      }
-    },
-    defaultVariants: { appearance: "default", size: "md" }
-  }
-);
-var TableContext = react.createContext(null);
-function useTableContext(component) {
-  const ctx = react.useContext(TableContext);
-  if (!ctx) {
-    throw new Error(`${component} must be used within <Table>`);
-  }
-  return ctx;
-}
-function TableBase(props) {
-  const {
-    className,
-    appearance = "default",
-    size = "md",
-    textAlign = "left",
-    stickyHeader = false,
-    scrollAreaAriaLabel,
-    children,
-    ref,
-    ...rest
-  } = props;
-  const ctx = react.useMemo(
-    () => ({
-      appearance: appearance ?? "default",
-      size: size ?? "md",
-      stickyHeader: Boolean(stickyHeader),
-      rowAnimation: "none",
-      textAlign
-    }),
-    [appearance, size, stickyHeader, textAlign]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(TableContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      "data-slot": "table-scroll",
-      tabIndex: 0,
-      role: "region",
-      "aria-label": scrollAreaAriaLabel ?? "Scrollable table",
-      className: chunkZS5756ZC_js.cn(
-        "relative w-full overflow-auto",
-        "outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950"
-      ),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "table",
-        {
-          ref,
-          "data-slot": "table",
-          className: chunkZS5756ZC_js.cn(
-            tableVariants({ appearance, size, stickyHeader }),
-            "w-full min-w-0 table",
-            className
-          ),
-          ...rest,
-          children
-        }
-      )
-    }
-  ) });
-}
-TableBase.displayName = "Table";
-function TableHeader({ className, children }) {
-  const { stickyHeader } = useTableContext("TableHeader");
-  const stickyClass = stickyHeader ? "sticky top-0 z-10 dark:bg-slate-950/95 bg-slate-50/95 backdrop-blur" : "";
-  return /* @__PURE__ */ jsxRuntime.jsx("thead", { "data-slot": "table-header", className: chunkZS5756ZC_js.cn(stickyClass, className), children });
-}
-TableHeader.displayName = "TableHeader";
-function TableBody({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("tbody", { "data-slot": "table-body", className: chunkZS5756ZC_js.cn(className), children });
-}
-TableBody.displayName = "TableBody";
-function TableFooter({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tfoot",
-    {
-      "data-slot": "table-footer",
-      className: chunkZS5756ZC_js.cn(
-        "border-t border-white/10 bg-white/3 font-medium",
-        className
-      ),
-      children
-    }
-  );
-}
-TableFooter.displayName = "TableFooter";
-function TableRow({
-  className,
-  children,
-  ref,
-  as: Wrapper = "tr",
-  ...rest
-}) {
-  const { appearance } = useTableContext("TableRow");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "tr",
-    {
-      ref,
-      "data-slot": "table-row",
-      className: chunkZS5756ZC_js.cn(tableRowVariants({ appearance }), className),
-      ...rest,
-      children
-    }
-  );
-}
-TableRow.displayName = "TableRow";
-function TableHead({
-  className,
-  children,
-  scope = "col",
-  sortDirection,
-  ref,
-  ...rest
-}) {
-  const { appearance, size, textAlign } = useTableContext("TableHead");
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "th",
-    {
-      ref,
-      "data-slot": "table-head",
-      scope,
-      "aria-sort": sortDirection,
-      className: chunkZS5756ZC_js.cn(
-        tableCellVariants({ appearance, size, textAlign }),
-        className
-      ),
-      ...rest,
-      children
-    }
-  );
-}
-TableHead.displayName = "TableHead";
-function TableCell({
-  className,
-  children,
-  ref,
-  scope,
-  ...rest
-}) {
-  const { appearance, size, textAlign } = useTableContext("TableCell");
-  const cellClassName = chunkZS5756ZC_js.cn(
-    tableCellVariants({ appearance, size, textAlign }),
-    className
-  );
-  if (scope !== void 0) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "th",
-      {
-        ref,
-        "data-slot": "table-cell",
-        scope,
-        className: cellClassName,
-        ...rest,
-        children
-      }
-    );
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx("td", { ref, "data-slot": "table-cell", className: cellClassName, ...rest, children });
-}
-TableCell.displayName = "TableCell";
-function TableCaption({ className, children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "caption",
-    {
-      "data-slot": "table-caption",
-      className: chunkZS5756ZC_js.cn("mt-3 text-left text-xs text-slate-500", className),
-      children
-    }
-  );
-}
-TableCaption.displayName = "TableCaption";
-
-exports.TableBase = TableBase;
-exports.TableBody = TableBody;
-exports.TableCaption = TableCaption;
-exports.TableCell = TableCell;
-exports.TableContext = TableContext;
-exports.TableFooter = TableFooter;
-exports.TableHead = TableHead;
-exports.TableHeader = TableHeader;
-exports.TableRow = TableRow;
-exports.tableCellVariants = tableCellVariants;
-exports.tableRowVariants = tableRowVariants;
-exports.tableVariants = tableVariants;
-exports.useTableContext = useTableContext;
-//# sourceMappingURL=chunk-GHJN3Z3V.js.map
-//# sourceMappingURL=chunk-GHJN3Z3V.js.map

package/dist/chunk-GHJN3Z3V.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/ui/table/variants.ts","../src/ui/table/table-base.tsx"],"names":["cva","createContext","useContext","useMemo","jsx","cn"],"mappings":"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","file":"chunk-GHJN3Z3V.js","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"]}