@tetrascience-npm/tetrascience-react-ui 0.7.0 → 1.0.0

package/dist/ui/skeleton.js

@@ -0,0 +1,24 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as t } from "../lib/utils.js";
+function n({ className: e, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "skeleton",
+      className: t(
+        "relative overflow-hidden rounded-md bg-black/15 dark:bg-white/15",
+        "[mask-image:-webkit-radial-gradient(white,black)]",
+        "before:absolute before:inset-0 before:will-change-transform",
+        "before:animate-[shimmer_2s_linear_0.5s_infinite_backwards]",
+        "before:bg-gradient-to-r before:from-transparent before:via-white/30 before:to-transparent",
+        "dark:before:via-white/10",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  n as Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/ui/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../src/components/ui/skeleton.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\"\n\nfunction Skeleton({ className, ...props }: React.ComponentProps<\"div\">) {\n  return (\n    <div\n      data-slot=\"skeleton\"\n      className={cn(\n        \"relative overflow-hidden rounded-md bg-black/15 dark:bg-white/15\",\n        \"[mask-image:-webkit-radial-gradient(white,black)]\",\n        \"before:absolute before:inset-0 before:will-change-transform\",\n        \"before:animate-[shimmer_2s_linear_0.5s_infinite_backwards]\",\n        \"before:bg-gradient-to-r before:from-transparent before:via-white/30 before:to-transparent\",\n        \"dark:before:via-white/10\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Skeleton }\n"],"names":["Skeleton","className","props","jsx","cn"],"mappings":";;AAEA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AACtE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/ui/slider.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("radix-ui"),d=require("react"),u=require("../lib/utils.cjs");function b(r){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(r){for(const e in r)if(e!=="default"){const a=Object.getOwnPropertyDescriptor(r,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:()=>r[e]})}}return t.default=r,Object.freeze(t)}const f=b(d);function h({className:r,defaultValue:t,value:e,min:a=0,max:o=100,...c}){const s=f.useMemo(()=>Array.isArray(e)?e:Array.isArray(t)?t:[a,o],[e,t,a,o]);return l.jsxs(i.Slider.Root,{"data-slot":"slider",defaultValue:t,value:e,min:a,max:o,className:u.cn("relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",r),...c,children:[l.jsx(i.Slider.Track,{"data-slot":"slider-track",className:"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",children:l.jsx(i.Slider.Range,{"data-slot":"slider-range",className:"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full"})}),Array.from({length:s.length},(g,n)=>l.jsx(i.Slider.Thumb,{"aria-label":s.length>1?`Value ${n+1}`:"Value","data-slot":"slider-thumb",className:"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"},n))]})}exports.Slider=h;
+//# sourceMappingURL=slider.cjs.map

package/dist/ui/slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.cjs","sources":["../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () =>\n      Array.isArray(value)\n        ? value\n        : Array.isArray(defaultValue)\n          ? defaultValue\n          : [min, max],\n    [value, defaultValue, min, max]\n  )\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          aria-label={_values.length > 1 ? `Value ${index + 1}` : \"Value\"}\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"],"names":["Slider","className","defaultValue","value","min","max","props","_values","React","jsxs","SliderPrimitive","cn","jsx","_","index"],"mappings":"sdAKA,SAASA,EAAO,CACd,UAAAC,EACA,aAAAC,EACA,MAAAC,EACA,IAAAC,EAAM,EACN,IAAAC,EAAM,IACN,GAAGC,CACL,EAAsD,CACpD,MAAMC,EAAUC,EAAM,QACpB,IACE,MAAM,QAAQL,CAAK,EACfA,EACA,MAAM,QAAQD,CAAY,EACxBA,EACA,CAACE,EAAKC,CAAG,EACjB,CAACF,EAAOD,EAAcE,EAAKC,CAAG,CAAA,EAGhC,OACEI,EAAAA,KAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,aAAAR,EACA,MAAAC,EACA,IAAAC,EACA,IAAAC,EACA,UAAWM,EAAAA,GACT,4KACAV,CAAA,EAED,GAAGK,EAEJ,SAAA,CAAAM,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,wIAEV,SAAAE,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,6EAAA,CAAA,CACZ,CAAA,EAED,MAAM,KAAK,CAAE,OAAQH,EAAQ,QAAU,CAACM,EAAGC,IAC1CF,EAAAA,IAACF,EAAAA,OAAgB,MAAhB,CACC,aAAYH,EAAQ,OAAS,EAAI,SAASO,EAAQ,CAAC,GAAK,QACxD,YAAU,eAEV,UAAU,0PAAA,EADLA,CAAA,CAGR,CAAA,CAAA,CAAA,CAGP"}

package/dist/ui/slider.js

@@ -0,0 +1,61 @@
+import { jsxs as c, jsx as o } from "react/jsx-runtime";
+import { Slider as r } from "radix-ui";
+import * as h from "react";
+import { cn as f } from "../lib/utils.js";
+function g({
+  className: d,
+  defaultValue: a,
+  value: e,
+  min: t = 0,
+  max: l = 100,
+  ...n
+}) {
+  const i = h.useMemo(
+    () => Array.isArray(e) ? e : Array.isArray(a) ? a : [t, l],
+    [e, a, t, l]
+  );
+  return /* @__PURE__ */ c(
+    r.Root,
+    {
+      "data-slot": "slider",
+      defaultValue: a,
+      value: e,
+      min: t,
+      max: l,
+      className: f(
+        "relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col",
+        d
+      ),
+      ...n,
+      children: [
+        /* @__PURE__ */ o(
+          r.Track,
+          {
+            "data-slot": "slider-track",
+            className: "relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1",
+            children: /* @__PURE__ */ o(
+              r.Range,
+              {
+                "data-slot": "slider-range",
+                className: "absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full"
+              }
+            )
+          }
+        ),
+        Array.from({ length: i.length }, (u, s) => /* @__PURE__ */ o(
+          r.Thumb,
+          {
+            "aria-label": i.length > 1 ? `Value ${s + 1}` : "Value",
+            "data-slot": "slider-thumb",
+            className: "relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
+          },
+          s
+        ))
+      ]
+    }
+  );
+}
+export {
+  g as Slider
+};
+//# sourceMappingURL=slider.js.map

package/dist/ui/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../src/components/ui/slider.tsx"],"sourcesContent":["import { Slider as SliderPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Slider({\n  className,\n  defaultValue,\n  value,\n  min = 0,\n  max = 100,\n  ...props\n}: React.ComponentProps<typeof SliderPrimitive.Root>) {\n  const _values = React.useMemo(\n    () =>\n      Array.isArray(value)\n        ? value\n        : Array.isArray(defaultValue)\n          ? defaultValue\n          : [min, max],\n    [value, defaultValue, min, max]\n  )\n\n  return (\n    <SliderPrimitive.Root\n      data-slot=\"slider\"\n      defaultValue={defaultValue}\n      value={value}\n      min={min}\n      max={max}\n      className={cn(\n        \"relative flex w-full touch-none items-center select-none data-disabled:opacity-50 data-vertical:h-full data-vertical:min-h-40 data-vertical:w-auto data-vertical:flex-col\",\n        className\n      )}\n      {...props}\n    >\n      <SliderPrimitive.Track\n        data-slot=\"slider-track\"\n        className=\"relative grow overflow-hidden rounded-full bg-muted data-horizontal:h-1 data-horizontal:w-full data-vertical:h-full data-vertical:w-1\"\n      >\n        <SliderPrimitive.Range\n          data-slot=\"slider-range\"\n          className=\"absolute bg-primary select-none data-horizontal:h-full data-vertical:w-full\"\n        />\n      </SliderPrimitive.Track>\n      {Array.from({ length: _values.length }, (_, index) => (\n        <SliderPrimitive.Thumb\n          aria-label={_values.length > 1 ? `Value ${index + 1}` : \"Value\"}\n          data-slot=\"slider-thumb\"\n          key={index}\n          className=\"relative block size-3 shrink-0 rounded-full border border-ring bg-white transition-[color,box-shadow] select-none after:absolute after:-inset-2 focus-visible:shadow-focus focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50\"\n        />\n      ))}\n    </SliderPrimitive.Root>\n  )\n}\n\nexport { Slider }\n"],"names":["Slider","className","defaultValue","value","min","max","props","_values","React","jsxs","SliderPrimitive","cn","jsx","_","index"],"mappings":";;;;AAKA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,GAAGC;AACL,GAAsD;AACpD,QAAMC,IAAUC,EAAM;AAAA,IACpB,MACE,MAAM,QAAQL,CAAK,IACfA,IACA,MAAM,QAAQD,CAAY,IACxBA,IACA,CAACE,GAAKC,CAAG;AAAA,IACjB,CAACF,GAAOD,GAAcE,GAAKC,CAAG;AAAA,EAAA;AAGhC,SACE,gBAAAI;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,cAAAR;AAAA,MACA,OAAAC;AAAA,MACA,KAAAC;AAAA,MACA,KAAAC;AAAA,MACA,WAAWM;AAAA,QACT;AAAA,QACAV;AAAA,MAAA;AAAA,MAED,GAAGK;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAM;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACC,aAAU;AAAA,YACV,WAAU;AAAA,YAEV,UAAA,gBAAAE;AAAA,cAACF,EAAgB;AAAA,cAAhB;AAAA,gBACC,aAAU;AAAA,gBACV,WAAU;AAAA,cAAA;AAAA,YAAA;AAAA,UACZ;AAAA,QAAA;AAAA,QAED,MAAM,KAAK,EAAE,QAAQH,EAAQ,UAAU,CAACM,GAAGC,MAC1C,gBAAAF;AAAA,UAACF,EAAgB;AAAA,UAAhB;AAAA,YACC,cAAYH,EAAQ,SAAS,IAAI,SAASO,IAAQ,CAAC,KAAK;AAAA,YACxD,aAAU;AAAA,YAEV,WAAU;AAAA,UAAA;AAAA,UADLA;AAAA,QAAA,CAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/ui/sonner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("lucide-react"),a=require("sonner"),n=require("../hooks/use-is-dark.cjs"),t=({...s})=>{const o=n.useIsDark()?"dark":"light";return r.jsx(a.Toaster,{theme:o,className:"toaster group",icons:{success:r.jsx(e.CircleCheckIcon,{className:"size-4"}),info:r.jsx(e.InfoIcon,{className:"size-4"}),warning:r.jsx(e.TriangleAlertIcon,{className:"size-4"}),error:r.jsx(e.OctagonXIcon,{className:"size-4"}),loading:r.jsx(e.Loader2Icon,{className:"size-4 animate-spin"})},style:{"--normal-bg":"var(--popover)","--normal-text":"var(--popover-foreground)","--normal-border":"var(--border)","--border-radius":"var(--radius)","--success-bg":"var(--positive)","--success-text":"var(--positive-foreground)","--success-border":"var(--positive)","--error-bg":"var(--destructive)","--error-text":"var(--destructive-foreground)","--error-border":"var(--destructive)","--warning-bg":"var(--warning)","--warning-text":"var(--warning-foreground)","--warning-border":"var(--warning)","--info-bg":"var(--info)","--info-text":"var(--info-foreground)","--info-border":"var(--info)"},toastOptions:{classNames:{toast:"cn-toast"}},...s})};exports.Toaster=t;
+//# sourceMappingURL=sonner.cjs.map

package/dist/ui/sonner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.cjs","sources":["../../src/components/ui/sonner.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const isDark = useIsDark();\n  const theme = isDark ? \"dark\" : \"light\";\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n          // richColors: map sonner's status palette onto our AA-verified\n          // solid status tokens (sonner's own rich palette is a tint that\n          // fails WCAG AA contrast).\n          \"--success-bg\": \"var(--positive)\",\n          \"--success-text\": \"var(--positive-foreground)\",\n          \"--success-border\": \"var(--positive)\",\n          \"--error-bg\": \"var(--destructive)\",\n          \"--error-text\": \"var(--destructive-foreground)\",\n          \"--error-border\": \"var(--destructive)\",\n          \"--warning-bg\": \"var(--warning)\",\n          \"--warning-text\": \"var(--warning-foreground)\",\n          \"--warning-border\": \"var(--warning)\",\n          \"--info-bg\": \"var(--info)\",\n          \"--info-text\": \"var(--info-foreground)\",\n          \"--info-border\": \"var(--info)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"names":["Toaster","props","theme","useIsDark","jsx","Sonner","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon"],"mappings":"yMAMMA,EAAU,CAAC,CAAE,GAAGC,KAA0B,CAE9C,MAAMC,EADSC,EAAAA,UAAA,EACQ,OAAS,QAEhC,OACEC,EAAAA,IAACC,EAAAA,QAAA,CACC,MAAAH,EACA,UAAU,gBACV,MAAO,CACL,QACEE,EAAAA,IAACE,EAAAA,gBAAA,CAAgB,UAAU,QAAA,CAAS,EAEtC,KACEF,EAAAA,IAACG,EAAAA,SAAA,CAAS,UAAU,QAAA,CAAS,EAE/B,QACEH,EAAAA,IAACI,EAAAA,kBAAA,CAAkB,UAAU,QAAA,CAAS,EAExC,MACEJ,EAAAA,IAACK,EAAAA,aAAA,CAAa,UAAU,QAAA,CAAS,EAEnC,QACEL,EAAAA,IAACM,EAAAA,YAAA,CAAY,UAAU,qBAAA,CAAsB,CAAA,EAGjD,MACE,CACE,cAAe,iBACf,gBAAiB,4BACjB,kBAAmB,gBACnB,kBAAmB,gBAInB,eAAgB,kBAChB,iBAAkB,6BAClB,mBAAoB,kBACpB,aAAc,qBACd,eAAgB,gCAChB,iBAAkB,qBAClB,eAAgB,iBAChB,iBAAkB,4BAClB,mBAAoB,iBACpB,YAAa,cACb,cAAe,yBACf,gBAAiB,aAAA,EAGrB,aAAc,CACZ,WAAY,CACV,MAAO,UAAA,CACT,EAED,GAAGT,CAAA,CAAA,CAGV"}

package/dist/ui/sonner.js

@@ -0,0 +1,52 @@
+import { jsx as r } from "react/jsx-runtime";
+import { Loader2Icon as a, OctagonXIcon as s, TriangleAlertIcon as n, InfoIcon as t, CircleCheckIcon as i } from "lucide-react";
+import { Toaster as c } from "sonner";
+import { useIsDark as v } from "../hooks/use-is-dark.js";
+const l = ({ ...o }) => {
+  const e = v() ? "dark" : "light";
+  return /* @__PURE__ */ r(
+    c,
+    {
+      theme: e,
+      className: "toaster group",
+      icons: {
+        success: /* @__PURE__ */ r(i, { className: "size-4" }),
+        info: /* @__PURE__ */ r(t, { className: "size-4" }),
+        warning: /* @__PURE__ */ r(n, { className: "size-4" }),
+        error: /* @__PURE__ */ r(s, { className: "size-4" }),
+        loading: /* @__PURE__ */ r(a, { className: "size-4 animate-spin" })
+      },
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)",
+        "--border-radius": "var(--radius)",
+        // richColors: map sonner's status palette onto our AA-verified
+        // solid status tokens (sonner's own rich palette is a tint that
+        // fails WCAG AA contrast).
+        "--success-bg": "var(--positive)",
+        "--success-text": "var(--positive-foreground)",
+        "--success-border": "var(--positive)",
+        "--error-bg": "var(--destructive)",
+        "--error-text": "var(--destructive-foreground)",
+        "--error-border": "var(--destructive)",
+        "--warning-bg": "var(--warning)",
+        "--warning-text": "var(--warning-foreground)",
+        "--warning-border": "var(--warning)",
+        "--info-bg": "var(--info)",
+        "--info-text": "var(--info-foreground)",
+        "--info-border": "var(--info)"
+      },
+      toastOptions: {
+        classNames: {
+          toast: "cn-toast"
+        }
+      },
+      ...o
+    }
+  );
+};
+export {
+  l as Toaster
+};
+//# sourceMappingURL=sonner.js.map

package/dist/ui/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","sources":["../../src/components/ui/sonner.tsx"],"sourcesContent":["import { CircleCheckIcon, InfoIcon, TriangleAlertIcon, OctagonXIcon, Loader2Icon } from \"lucide-react\"\nimport { Toaster as Sonner, type ToasterProps } from \"sonner\"\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n  const isDark = useIsDark();\n  const theme = isDark ? \"dark\" : \"light\";\n\n  return (\n    <Sonner\n      theme={theme as ToasterProps[\"theme\"]}\n      className=\"toaster group\"\n      icons={{\n        success: (\n          <CircleCheckIcon className=\"size-4\" />\n        ),\n        info: (\n          <InfoIcon className=\"size-4\" />\n        ),\n        warning: (\n          <TriangleAlertIcon className=\"size-4\" />\n        ),\n        error: (\n          <OctagonXIcon className=\"size-4\" />\n        ),\n        loading: (\n          <Loader2Icon className=\"size-4 animate-spin\" />\n        ),\n      }}\n      style={\n        {\n          \"--normal-bg\": \"var(--popover)\",\n          \"--normal-text\": \"var(--popover-foreground)\",\n          \"--normal-border\": \"var(--border)\",\n          \"--border-radius\": \"var(--radius)\",\n          // richColors: map sonner's status palette onto our AA-verified\n          // solid status tokens (sonner's own rich palette is a tint that\n          // fails WCAG AA contrast).\n          \"--success-bg\": \"var(--positive)\",\n          \"--success-text\": \"var(--positive-foreground)\",\n          \"--success-border\": \"var(--positive)\",\n          \"--error-bg\": \"var(--destructive)\",\n          \"--error-text\": \"var(--destructive-foreground)\",\n          \"--error-border\": \"var(--destructive)\",\n          \"--warning-bg\": \"var(--warning)\",\n          \"--warning-text\": \"var(--warning-foreground)\",\n          \"--warning-border\": \"var(--warning)\",\n          \"--info-bg\": \"var(--info)\",\n          \"--info-text\": \"var(--info-foreground)\",\n          \"--info-border\": \"var(--info)\",\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        classNames: {\n          toast: \"cn-toast\",\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"names":["Toaster","props","theme","useIsDark","jsx","Sonner","CircleCheckIcon","InfoIcon","TriangleAlertIcon","OctagonXIcon","Loader2Icon"],"mappings":";;;;AAMA,MAAMA,IAAU,CAAC,EAAE,GAAGC,QAA0B;AAE9C,QAAMC,IADSC,EAAA,IACQ,SAAS;AAEhC,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,OAAAH;AAAA,MACA,WAAU;AAAA,MACV,OAAO;AAAA,QACL,SACE,gBAAAE,EAACE,GAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,QAEtC,MACE,gBAAAF,EAACG,GAAA,EAAS,WAAU,SAAA,CAAS;AAAA,QAE/B,SACE,gBAAAH,EAACI,GAAA,EAAkB,WAAU,SAAA,CAAS;AAAA,QAExC,OACE,gBAAAJ,EAACK,GAAA,EAAa,WAAU,SAAA,CAAS;AAAA,QAEnC,SACE,gBAAAL,EAACM,GAAA,EAAY,WAAU,sBAAA,CAAsB;AAAA,MAAA;AAAA,MAGjD,OACE;AAAA,QACE,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,mBAAmB;AAAA,QACnB,mBAAmB;AAAA;AAAA;AAAA;AAAA,QAInB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,aAAa;AAAA,QACb,eAAe;AAAA,QACf,iBAAiB;AAAA,MAAA;AAAA,MAGrB,cAAc;AAAA,QACZ,YAAY;AAAA,UACV,OAAO;AAAA,QAAA;AAAA,MACT;AAAA,MAED,GAAGT;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/ui/spinner.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),n=require("class-variance-authority"),r=require("lucide-react"),u=require("../lib/utils.cjs"),a=n.cva("animate-spin",{variants:{size:{sm:"size-5",default:"size-6",md:"size-8",lg:"size-12"}},defaultVariants:{size:"default"}});function c({className:i,size:e="default",...s}){return t.jsx(r.Loader2Icon,{"data-slot":"spinner","data-size":e,role:"status","aria-label":"Loading",className:u.cn(a({size:e}),i),...s})}exports.Spinner=c;exports.spinnerVariants=a;
+//# sourceMappingURL=spinner.cjs.map

package/dist/ui/spinner.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.cjs","sources":["../../src/components/ui/spinner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Loader2Icon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst spinnerVariants = cva(\"animate-spin\", {\n  variants: {\n    size: {\n      sm: \"size-5\",\n      default: \"size-6\",\n      md: \"size-8\",\n      lg: \"size-12\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\nfunction Spinner({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"svg\"> & VariantProps<typeof spinnerVariants>) {\n  return (\n    <Loader2Icon\n      data-slot=\"spinner\"\n      data-size={size}\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner, spinnerVariants }\n"],"names":["spinnerVariants","cva","Spinner","className","size","props","jsx","Loader2Icon","cn"],"mappings":"mNAKMA,EAAkBC,EAAAA,IAAI,eAAgB,CAC1C,SAAU,CACR,KAAM,CACJ,GAAI,SACJ,QAAS,SACT,GAAI,SACJ,GAAI,SAAA,CACN,EAEF,gBAAiB,CACf,KAAM,SAAA,CAEV,CAAC,EAED,SAASC,EAAQ,CACf,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAAuE,CACrE,OACEC,EAAAA,IAACC,EAAAA,YAAA,CACC,YAAU,UACV,YAAWH,EACX,KAAK,SACL,aAAW,UACX,UAAWI,EAAAA,GAAGR,EAAgB,CAAE,KAAAI,CAAA,CAAM,EAAGD,CAAS,EACjD,GAAGE,CAAA,CAAA,CAGV"}

package/dist/ui/spinner.js

@@ -0,0 +1,39 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cva as r } from "class-variance-authority";
+import { Loader2Icon as s } from "lucide-react";
+import { cn as n } from "../lib/utils.js";
+const o = r("animate-spin", {
+  variants: {
+    size: {
+      sm: "size-5",
+      default: "size-6",
+      md: "size-8",
+      lg: "size-12"
+    }
+  },
+  defaultVariants: {
+    size: "default"
+  }
+});
+function p({
+  className: i,
+  size: a = "default",
+  ...t
+}) {
+  return /* @__PURE__ */ e(
+    s,
+    {
+      "data-slot": "spinner",
+      "data-size": a,
+      role: "status",
+      "aria-label": "Loading",
+      className: n(o({ size: a }), i),
+      ...t
+    }
+  );
+}
+export {
+  p as Spinner,
+  o as spinnerVariants
+};
+//# sourceMappingURL=spinner.js.map

package/dist/ui/spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.js","sources":["../../src/components/ui/spinner.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Loader2Icon } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst spinnerVariants = cva(\"animate-spin\", {\n  variants: {\n    size: {\n      sm: \"size-5\",\n      default: \"size-6\",\n      md: \"size-8\",\n      lg: \"size-12\",\n    },\n  },\n  defaultVariants: {\n    size: \"default\",\n  },\n})\n\nfunction Spinner({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<\"svg\"> & VariantProps<typeof spinnerVariants>) {\n  return (\n    <Loader2Icon\n      data-slot=\"spinner\"\n      data-size={size}\n      role=\"status\"\n      aria-label=\"Loading\"\n      className={cn(spinnerVariants({ size }), className)}\n      {...props}\n    />\n  )\n}\n\nexport { Spinner, spinnerVariants }\n"],"names":["spinnerVariants","cva","Spinner","className","size","props","jsx","Loader2Icon","cn"],"mappings":";;;;AAKA,MAAMA,IAAkBC,EAAI,gBAAgB;AAAA,EAC1C,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB;AAAA,IACf,MAAM;AAAA,EAAA;AAEV,CAAC;AAED,SAASC,EAAQ;AAAA,EACf,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAuE;AACrE,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,MAAK;AAAA,MACL,cAAW;AAAA,MACX,WAAWI,EAAGR,EAAgB,EAAE,MAAAI,EAAA,CAAM,GAAGD,CAAS;AAAA,MACjD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/ui/switch.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("radix-ui"),d=require("../lib/utils.cjs");function s({className:t,size:i="default",...r}){return a.jsx(e.Switch.Root,{"data-slot":"switch","data-size":i,className:d.cn("peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",t),...r,children:a.jsx(e.Switch.Thumb,{"data-slot":"switch-thumb",className:"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"})})}exports.Switch=s;
+//# sourceMappingURL=switch.cjs.map

package/dist/ui/switch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.cjs","sources":["../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["Switch","className","size","props","jsx","SwitchPrimitive","cn"],"mappings":"yKAOA,SAASA,EAAO,CACd,UAAAC,EACA,KAAAC,EAAO,UACP,GAAGC,CACL,EAEG,CACD,OACEC,EAAAA,IAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,YAAWH,EACX,UAAWI,EAAAA,GACT,gkBACAL,CAAA,EAED,GAAGE,EAEJ,SAAAC,EAAAA,IAACC,EAAAA,OAAgB,MAAhB,CACC,YAAU,eACV,UAAU,+eAAA,CAAA,CACZ,CAAA,CAGN"}

package/dist/ui/switch.js

@@ -0,0 +1,32 @@
+import { jsx as a } from "react/jsx-runtime";
+import { Switch as t } from "radix-ui";
+import { cn as i } from "../lib/utils.js";
+function n({
+  className: e,
+  size: r = "default",
+  ...d
+}) {
+  return /* @__PURE__ */ a(
+    t.Root,
+    {
+      "data-slot": "switch",
+      "data-size": r,
+      className: i(
+        "peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        e
+      ),
+      ...d,
+      children: /* @__PURE__ */ a(
+        t.Thumb,
+        {
+          "data-slot": "switch-thumb",
+          className: "pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground"
+        }
+      )
+    }
+  );
+}
+export {
+  n as Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/ui/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../src/components/ui/switch.tsx"],"sourcesContent":["\"use client\"\n\nimport { Switch as SwitchPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Switch({\n  className,\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof SwitchPrimitive.Root> & {\n  size?: \"sm\" | \"default\"\n}) {\n  return (\n    <SwitchPrimitive.Root\n      data-slot=\"switch\"\n      data-size={size}\n      className={cn(\n        \"peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:border-ring focus-visible:shadow-focus aria-invalid:border-destructive aria-invalid:shadow-focus data-[size=default]:h-[18.4px] data-[size=default]:w-[32px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px] dark:aria-invalid:border-destructive/50 data-checked:bg-primary data-unchecked:bg-input dark:data-unchecked:bg-input/80 data-disabled:cursor-not-allowed data-disabled:opacity-50\",\n        className\n      )}\n      {...props}\n    >\n      <SwitchPrimitive.Thumb\n        data-slot=\"switch-thumb\"\n        className=\"pointer-events-none block rounded-full bg-background ring-0 transition-transform group-data-[size=default]/switch:size-4 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] dark:data-checked:bg-primary-foreground group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0 dark:data-unchecked:bg-foreground\"\n      />\n    </SwitchPrimitive.Root>\n  )\n}\n\nexport { Switch }\n"],"names":["Switch","className","size","props","jsx","SwitchPrimitive","cn"],"mappings":";;;AAOA,SAASA,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWH;AAAA,MACX,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAgB;AAAA,QAAhB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IACZ;AAAA,EAAA;AAGN;"}

package/dist/ui/table.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../lib/utils.cjs");function c({className:e,containerClassName:t,variant:r,layout:n="auto",...l}){return a.jsx("div",{"data-slot":"table-container","data-variant":r,tabIndex:0,className:o.cn("relative w-full overflow-auto bg-card",r==="card"&&"rounded-lg border",t),children:a.jsx("table",{"data-slot":"table",className:o.cn("w-full caption-bottom text-sm",n==="fixed"&&"table-fixed",e),...l})})}function d({className:e,variant:t,...r}){return a.jsx("thead",{"data-slot":"table-header",className:o.cn("bg-muted/50 [&_tr]:border-b",t==="sticky"&&"sticky top-0 z-10 bg-background",e),...r})}function i({className:e,...t}){return a.jsx("tbody",{"data-slot":"table-body",className:o.cn("[&_tr:last-child]:border-0",e),...t})}function s({className:e,...t}){return a.jsx("tfoot",{"data-slot":"table-footer",className:o.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",e),...t})}function b({className:e,...t}){return a.jsx("tr",{"data-slot":"table-row",className:o.cn("group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50",e),...t})}function u({className:e,variant:t,truncate:r,...n}){return a.jsx("th",{"data-slot":"table-head",className:o.cn("h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",t==="numeric"&&"text-right",t==="action"&&"w-10",r&&"truncate",e),...n})}function m({className:e,variant:t,truncate:r,...n}){return a.jsx("td",{"data-slot":"table-cell",className:o.cn("p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0","in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",t==="numeric"&&"text-right tabular-nums",t==="action"&&"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",r&&"truncate",e),...n})}function p({className:e,...t}){return a.jsx("caption",{"data-slot":"table-caption",className:o.cn("mt-4 text-sm text-muted-foreground",e),...t})}exports.Table=c;exports.TableBody=i;exports.TableCaption=p;exports.TableCell=m;exports.TableFooter=s;exports.TableHead=u;exports.TableHeader=d;exports.TableRow=b;
+//# sourceMappingURL=table.cjs.map

package/dist/ui/table.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.cjs","sources":["../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n  className,\n  containerClassName,\n  variant,\n  layout = \"auto\",\n  ...props\n}: React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n  variant?: \"default\" | \"card\"\n  layout?: \"auto\" | \"fixed\"\n}) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      data-variant={variant}\n      tabIndex={0}\n      className={cn(\n        \"relative w-full overflow-auto bg-card\",\n        variant === \"card\" && \"rounded-lg border\",\n        containerClassName,\n      )}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", layout === \"fixed\" && \"table-fixed\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"thead\"> & {\n  variant?: \"default\" | \"sticky\"\n}) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        \"bg-muted/50 [&_tr]:border-b\",\n        variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  variant,\n  truncate,\n  ...props\n}: React.ComponentProps<\"th\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n  truncate?: boolean\n}) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n        variant === \"numeric\" && \"text-right\",\n        variant === \"action\" && \"w-10\",\n        truncate && \"truncate\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({\n  className,\n  variant,\n  truncate,\n  ...props\n}: React.ComponentProps<\"td\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n  truncate?: boolean\n}) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n        variant === \"numeric\" && \"text-right tabular-nums\",\n        variant === \"action\" &&\n          \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n        truncate && \"truncate\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","layout","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","truncate","TableCell","TableCaption"],"mappings":"mJAIA,SAASA,EAAM,CACb,UAAAC,EACA,mBAAAC,EACA,QAAAC,EACA,OAAAC,EAAS,OACT,GAAGC,CACL,EAIG,CACD,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,kBACV,eAAcH,EACd,SAAU,EACV,UAAWI,EAAAA,GACT,wCACAJ,IAAY,QAAU,oBACtBD,CAAA,EAGF,SAAAI,EAAAA,IAAC,QAAA,CACC,YAAU,QACV,UAAWC,EAAAA,GAAG,gCAAiCH,IAAW,SAAW,cAAeH,CAAS,EAC5F,GAAGI,CAAA,CAAA,CACN,CAAA,CAGN,CAEA,SAASG,EAAY,CACnB,UAAAP,EACA,QAAAE,EACA,GAAGE,CACL,EAEG,CACD,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,8BACAJ,IAAY,UAAY,kCACxBF,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAR,EAAW,GAAGI,GAAwC,CACzE,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GAAG,6BAA8BN,CAAS,EACpD,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASK,EAAY,CAAE,UAAAT,EAAW,GAAGI,GAAwC,CAC3E,OACEC,EAAAA,IAAC,QAAA,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,0DACAN,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASM,EAAS,CAAE,UAAAV,EAAW,GAAGI,GAAqC,CACrE,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,YACV,UAAWC,EAAAA,GACT,iKACAN,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASO,EAAU,CACjB,UAAAX,EACA,QAAAE,EACA,SAAAU,EACA,GAAGR,CACL,EAGG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,+GACA,+DACAJ,IAAY,WAAa,aACzBA,IAAY,UAAY,OACxBU,GAAY,WACZZ,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASS,EAAU,CACjB,UAAAb,EACA,QAAAE,EACA,SAAAU,EACA,GAAGR,CACL,EAGG,CACD,OACEC,EAAAA,IAAC,KAAA,CACC,YAAU,aACV,UAAWC,EAAAA,GACT,mEACA,gEACAJ,IAAY,WAAa,0BACzBA,IAAY,UACV,uHACFU,GAAY,WACZZ,CAAA,EAED,GAAGI,CAAA,CAAA,CAGV,CAEA,SAASU,EAAa,CACpB,UAAAd,EACA,GAAGI,CACL,EAAoC,CAClC,OACEC,EAAAA,IAAC,UAAA,CACC,YAAU,gBACV,UAAWC,EAAAA,GAAG,qCAAsCN,CAAS,EAC5D,GAAGI,CAAA,CAAA,CAGV"}

package/dist/ui/table.js

@@ -0,0 +1,153 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../lib/utils.js";
+function c({
+  className: e,
+  containerClassName: t,
+  variant: r,
+  layout: n = "auto",
+  ...d
+}) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "table-container",
+      "data-variant": r,
+      tabIndex: 0,
+      className: o(
+        "relative w-full overflow-auto bg-card",
+        r === "card" && "rounded-lg border",
+        t
+      ),
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          "data-slot": "table",
+          className: o("w-full caption-bottom text-sm", n === "fixed" && "table-fixed", e),
+          ...d
+        }
+      )
+    }
+  );
+}
+function s({
+  className: e,
+  variant: t,
+  ...r
+}) {
+  return /* @__PURE__ */ a(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: o(
+        "bg-muted/50 [&_tr]:border-b",
+        t === "sticky" && "sticky top-0 z-10 bg-background",
+        e
+      ),
+      ...r
+    }
+  );
+}
+function b({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: o("[&_tr:last-child]:border-0", e),
+      ...t
+    }
+  );
+}
+function u({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: o(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function m({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: o(
+        "group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function p({
+  className: e,
+  variant: t,
+  truncate: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: o(
+        "h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        "in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14",
+        t === "numeric" && "text-right",
+        t === "action" && "w-10",
+        r && "truncate",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function f({
+  className: e,
+  variant: t,
+  truncate: r,
+  ...n
+}) {
+  return /* @__PURE__ */ a(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: o(
+        "p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        "in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5",
+        t === "numeric" && "text-right tabular-nums",
+        t === "action" && "opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity",
+        r && "truncate",
+        e
+      ),
+      ...n
+    }
+  );
+}
+function h({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: o("mt-4 text-sm text-muted-foreground", e),
+      ...t
+    }
+  );
+}
+export {
+  c as Table,
+  b as TableBody,
+  h as TableCaption,
+  f as TableCell,
+  u as TableFooter,
+  p as TableHead,
+  s as TableHeader,
+  m as TableRow
+};
+//# sourceMappingURL=table.js.map

package/dist/ui/table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../src/components/ui/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Table({\n  className,\n  containerClassName,\n  variant,\n  layout = \"auto\",\n  ...props\n}: React.ComponentProps<\"table\"> & {\n  containerClassName?: string\n  variant?: \"default\" | \"card\"\n  layout?: \"auto\" | \"fixed\"\n}) {\n  return (\n    <div\n      data-slot=\"table-container\"\n      data-variant={variant}\n      tabIndex={0}\n      className={cn(\n        \"relative w-full overflow-auto bg-card\",\n        variant === \"card\" && \"rounded-lg border\",\n        containerClassName,\n      )}\n    >\n      <table\n        data-slot=\"table\"\n        className={cn(\"w-full caption-bottom text-sm\", layout === \"fixed\" && \"table-fixed\", className)}\n        {...props}\n      />\n    </div>\n  )\n}\n\nfunction TableHeader({\n  className,\n  variant,\n  ...props\n}: React.ComponentProps<\"thead\"> & {\n  variant?: \"default\" | \"sticky\"\n}) {\n  return (\n    <thead\n      data-slot=\"table-header\"\n      className={cn(\n        \"bg-muted/50 [&_tr]:border-b\",\n        variant === \"sticky\" && \"sticky top-0 z-10 bg-background\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableBody({ className, ...props }: React.ComponentProps<\"tbody\">) {\n  return (\n    <tbody\n      data-slot=\"table-body\"\n      className={cn(\"[&_tr:last-child]:border-0\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableFooter({ className, ...props }: React.ComponentProps<\"tfoot\">) {\n  return (\n    <tfoot\n      data-slot=\"table-footer\"\n      className={cn(\n        \"border-t bg-muted/50 font-medium [&>tr]:last:border-b-0\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableRow({ className, ...props }: React.ComponentProps<\"tr\">) {\n  return (\n    <tr\n      data-slot=\"table-row\"\n      className={cn(\n        \"group/row border-b transition-colors hover:bg-accent/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-accent/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  variant,\n  truncate,\n  ...props\n}: React.ComponentProps<\"th\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n  truncate?: boolean\n}) {\n  return (\n    <th\n      data-slot=\"table-head\"\n      className={cn(\n        \"h-12 px-4 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:h-8 in-data-[density=relaxed]:h-14\",\n        variant === \"numeric\" && \"text-right\",\n        variant === \"action\" && \"w-10\",\n        truncate && \"truncate\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({\n  className,\n  variant,\n  truncate,\n  ...props\n}: React.ComponentProps<\"td\"> & {\n  variant?: \"default\" | \"numeric\" | \"action\"\n  truncate?: boolean\n}) {\n  return (\n    <td\n      data-slot=\"table-cell\"\n      className={cn(\n        \"p-4 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0\",\n        \"in-data-[density=compact]:py-2 in-data-[density=relaxed]:py-5\",\n        variant === \"numeric\" && \"text-right tabular-nums\",\n        variant === \"action\" &&\n          \"opacity-0 group-hover/row:opacity-100 group-focus-within/row:opacity-100 focus-within:opacity-100 transition-opacity\",\n        truncate && \"truncate\",\n        className,\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableCaption({\n  className,\n  ...props\n}: React.ComponentProps<\"caption\">) {\n  return (\n    <caption\n      data-slot=\"table-caption\"\n      className={cn(\"mt-4 text-sm text-muted-foreground\", className)}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableHeader,\n  TableBody,\n  TableFooter,\n  TableHead,\n  TableRow,\n  TableCell,\n  TableCaption,\n}\n"],"names":["Table","className","containerClassName","variant","layout","props","jsx","cn","TableHeader","TableBody","TableFooter","TableRow","TableHead","truncate","TableCell","TableCaption"],"mappings":";;AAIA,SAASA,EAAM;AAAA,EACb,WAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,GAAGC;AACL,GAIG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,gBAAcH;AAAA,MACd,UAAU;AAAA,MACV,WAAWI;AAAA,QACT;AAAA,QACAJ,MAAY,UAAU;AAAA,QACtBD;AAAA,MAAA;AAAA,MAGF,UAAA,gBAAAI;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,aAAU;AAAA,UACV,WAAWC,EAAG,iCAAiCH,MAAW,WAAW,eAAeH,CAAS;AAAA,UAC5F,GAAGI;AAAA,QAAA;AAAA,MAAA;AAAA,IACN;AAAA,EAAA;AAGN;AAEA,SAASG,EAAY;AAAA,EACnB,WAAAP;AAAA,EACA,SAAAE;AAAA,EACA,GAAGE;AACL,GAEG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ,MAAY,YAAY;AAAA,QACxBF;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAR,GAAW,GAAGI,KAAwC;AACzE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,8BAA8BN,CAAS;AAAA,MACpD,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASK,EAAY,EAAE,WAAAT,GAAW,GAAGI,KAAwC;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAS,EAAE,WAAAV,GAAW,GAAGI,KAAqC;AACrE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAU;AAAA,EACjB,WAAAX;AAAA,EACA,SAAAE;AAAA,EACA,UAAAU;AAAA,EACA,GAAGR;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ,MAAY,aAAa;AAAA,QACzBA,MAAY,YAAY;AAAA,QACxBU,KAAY;AAAA,QACZZ;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAU;AAAA,EACjB,WAAAb;AAAA,EACA,SAAAE;AAAA,EACA,UAAAU;AAAA,EACA,GAAGR;AACL,GAGG;AACD,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACAJ,MAAY,aAAa;AAAA,QACzBA,MAAY,YACV;AAAA,QACFU,KAAY;AAAA,QACZZ;AAAA,MAAA;AAAA,MAED,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAa;AAAA,EACpB,WAAAd;AAAA,EACA,GAAGI;AACL,GAAoC;AAClC,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,sCAAsCN,CAAS;AAAA,MAC5D,GAAGI;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/ui/tabs.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("class-variance-authority"),r=require("radix-ui"),i=require("../lib/utils.cjs");function d({className:t,orientation:a="horizontal",...s}){return e.jsx(r.Tabs.Root,{"data-slot":"tabs","data-orientation":a,className:i.cn("group/tabs flex gap-2 data-horizontal:flex-col",t),...s})}const n=o.cva("group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",{variants:{variant:{default:"bg-muted",line:"gap-1 bg-transparent"}},defaultVariants:{variant:"default"}});function l({className:t,variant:a="default",...s}){return e.jsx(r.Tabs.List,{"data-slot":"tabs-list","data-variant":a,className:i.cn(n({variant:a}),t),...s})}function c({className:t,...a}){return e.jsx(r.Tabs.Trigger,{"data-slot":"tabs-trigger",className:i.cn("relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-active:shadow-elevation-3 group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4","group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary","data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-[color-mix(in_oklab,var(--card),white_20%)] dark:data-active:text-foreground","not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground","after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",t),...a})}function u({className:t,...a}){return e.jsx(r.Tabs.Content,{"data-slot":"tabs-content",className:i.cn("flex-1 text-sm outline-none",t),...a})}exports.Tabs=d;exports.TabsContent=u;exports.TabsList=l;exports.TabsTrigger=c;exports.tabsListVariants=n;
+//# sourceMappingURL=tabs.cjs.map

package/dist/ui/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.cjs","sources":["../../src/components/ui/tabs.tsx"],"sourcesContent":["\"use client\"\n\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Tabs as TabsPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Tabs({\n  className,\n  orientation = \"horizontal\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Root>) {\n  return (\n    <TabsPrimitive.Root\n      data-slot=\"tabs\"\n      data-orientation={orientation}\n      className={cn(\n        \"group/tabs flex gap-2 data-horizontal:flex-col\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nconst tabsListVariants = cva(\n  \"group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-muted\",\n        line: \"gap-1 bg-transparent\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n    },\n  }\n)\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.List> &\n  VariantProps<typeof tabsListVariants>) {\n  return (\n    <TabsPrimitive.List\n      data-slot=\"tabs-list\"\n      data-variant={variant}\n      className={cn(tabsListVariants({ variant }), className)}\n      {...props}\n    />\n  )\n}\n\nfunction TabsTrigger({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Trigger>) {\n  return (\n    <TabsPrimitive.Trigger\n      data-slot=\"tabs-trigger\"\n      className={cn(\n        \"relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-active:shadow-elevation-3 group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n        \"data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-[color-mix(in_oklab,var(--card),white_20%)] dark:data-active:text-foreground\",\n        \"not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground\",\n        \"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 text-sm outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive","cn","tabsListVariants","cva","TabsList","variant","TabsTrigger","TabsContent"],"mappings":"+MAQA,SAASA,EAAK,CACZ,UAAAC,EACA,YAAAC,EAAc,aACd,GAAGC,CACL,EAAoD,CAClD,OACEC,EAAAA,IAACC,EAAAA,KAAc,KAAd,CACC,YAAU,OACV,mBAAkBH,EAClB,UAAWI,EAAAA,GACT,iDACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,MAAMI,EAAmBC,EAAAA,IACvB,0OACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,WACT,KAAM,sBAAA,CACR,EAEF,gBAAiB,CACf,QAAS,SAAA,CACX,CAEJ,EAEA,SAASC,EAAS,CAChB,UAAAR,EACA,QAAAS,EAAU,UACV,GAAGP,CACL,EACyC,CACvC,OACEC,EAAAA,IAACC,EAAAA,KAAc,KAAd,CACC,YAAU,YACV,eAAcK,EACd,UAAWJ,EAAAA,GAAGC,EAAiB,CAAE,QAAAG,CAAA,CAAS,EAAGT,CAAS,EACrD,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASQ,EAAY,CACnB,UAAAV,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,KAAc,QAAd,CACC,YAAU,eACV,UAAWC,EAAAA,GACT,6pBACA,+XACA,yKACA,+EACA,oYACAL,CAAA,EAED,GAAGE,CAAA,CAAA,CAGV,CAEA,SAASS,EAAY,CACnB,UAAAX,EACA,GAAGE,CACL,EAAuD,CACrD,OACEC,EAAAA,IAACC,EAAAA,KAAc,QAAd,CACC,YAAU,eACV,UAAWC,EAAAA,GAAG,8BAA+BL,CAAS,EACrD,GAAGE,CAAA,CAAA,CAGV"}

package/dist/ui/tabs.js

@@ -0,0 +1,92 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import { Tabs as r } from "radix-ui";
+import { cn as i } from "../lib/utils.js";
+function b({
+  className: t,
+  orientation: a = "horizontal",
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    r.Root,
+    {
+      "data-slot": "tabs",
+      "data-orientation": a,
+      className: i(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        t
+      ),
+      ...o
+    }
+  );
+}
+const s = n(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function g({
+  className: t,
+  variant: a = "default",
+  ...o
+}) {
+  return /* @__PURE__ */ e(
+    r.List,
+    {
+      "data-slot": "tabs-list",
+      "data-variant": a,
+      className: i(s({ variant: a }), t),
+      ...o
+    }
+  );
+}
+function p({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    r.Trigger,
+    {
+      "data-slot": "tabs-trigger",
+      className: i(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-active:shadow-elevation-3 group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary",
+        "data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-[color-mix(in_oklab,var(--card),white_20%)] dark:data-active:text-foreground",
+        "not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground",
+        "after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        t
+      ),
+      ...a
+    }
+  );
+}
+function v({
+  className: t,
+  ...a
+}) {
+  return /* @__PURE__ */ e(
+    r.Content,
+    {
+      "data-slot": "tabs-content",
+      className: i("flex-1 text-sm outline-none", t),
+      ...a
+    }
+  );
+}
+export {
+  b as Tabs,
+  v as TabsContent,
+  g as TabsList,
+  p as TabsTrigger,
+  s as tabsListVariants
+};
+//# sourceMappingURL=tabs.js.map