@tetrascience-npm/tetrascience-react-ui 0.6.0 → 0.7.0-beta.101.1

package/dist/components/ui/slider.js

@@ -1,4 +1,4 @@
-import { jsxs as c, jsx as l } from "react/jsx-runtime";
+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";
@@ -7,12 +7,12 @@ function w({
   defaultValue: a,
   value: e,
   min: t = 0,
-  max: o = 100,
+  max: l = 100,
   ...s
 }) {
   const d = h.useMemo(
-    () => Array.isArray(e) ? e : Array.isArray(a) ? a : [t, o],
-    [e, a, t, o]
+    () => Array.isArray(e) ? e : Array.isArray(a) ? a : [t, l],
+    [e, a, t, l]
   );
   return /* @__PURE__ */ c(
     r.Root,
@@ -21,19 +21,19 @@ function w({
       defaultValue: a,
       value: e,
       min: t,
-      max: o,
+      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",
         i
       ),
       ...s,
       children: [
-        /* @__PURE__ */ l(
+        /* @__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__ */ l(
+            children: /* @__PURE__ */ o(
               r.Range,
               {
                 "data-slot": "slider-range",
@@ -42,11 +42,11 @@ function w({
             )
           }
         ),
-        Array.from({ length: d.length }, (u, n) => /* @__PURE__ */ l(
+        Array.from({ length: d.length }, (b, n) => /* @__PURE__ */ o(
           r.Thumb,
           {
             "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 hover:shadow-focus focus-visible:shadow-focus focus-visible:outline-hidden active:shadow-focus disabled:pointer-events-none disabled:opacity-50"
+            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
         ))

package/dist/components/ui/slider.js.map

@@ -1 +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          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 hover:shadow-focus focus-visible:shadow-focus focus-visible:outline-hidden active:shadow-focus 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,aAAU;AAAA,YAEV,WAAU;AAAA,UAAA;AAAA,UADLI;AAAA,QAAA,CAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"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          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,aAAU;AAAA,YAEV,WAAU;AAAA,UAAA;AAAA,UADLI;AAAA,QAAA,CAGR;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/ui/table.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("../../lib/utils.cjs");function d({className:e,containerClassName:t,variant:r,layout:l="auto",...n}){return a.jsx("div",{"data-slot":"table-container","data-variant":r,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",l==="fixed"&&"table-fixed",e),...n})})}function c({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-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50",e),...t})}function u({className:e,variant:t,truncate:r,...l}){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),...l})}function m({className:e,variant:t,truncate:r,...l}){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),...l})}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=d;exports.TableBody=i;exports.TableCaption=p;exports.TableCell=m;exports.TableFooter=s;exports.TableHead=u;exports.TableHeader=c;exports.TableRow=b;
+"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,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/components/ui/table.cjs.map

@@ -1 +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      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-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/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":"sJAIA,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,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,+JACAN,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"}
+{"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      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":"sJAIA,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,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/components/ui/table.js

@@ -4,8 +4,8 @@ function c({
   className: e,
   containerClassName: t,
   variant: r,
-  layout: d = "auto",
-  ...l
+  layout: n = "auto",
+  ...d
 }) {
   return /* @__PURE__ */ a(
     "div",
@@ -21,8 +21,8 @@ function c({
         "table",
         {
           "data-slot": "table",
-          className: o("w-full caption-bottom text-sm", d === "fixed" && "table-fixed", e),
-          ...l
+          className: o("w-full caption-bottom text-sm", n === "fixed" && "table-fixed", e),
+          ...d
         }
       )
     }
@@ -46,7 +46,7 @@ function s({
     }
   );
 }
-function u({ className: e, ...t }) {
+function b({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
@@ -56,7 +56,7 @@ function u({ className: e, ...t }) {
     }
   );
 }
-function b({ className: e, ...t }) {
+function u({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tfoot",
     {
@@ -75,7 +75,7 @@ function m({ className: e, ...t }) {
     {
       "data-slot": "table-row",
       className: o(
-        "group/row border-b transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/50",
+        "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
@@ -86,7 +86,7 @@ function p({
   className: e,
   variant: t,
   truncate: r,
-  ...d
+  ...n
 }) {
   return /* @__PURE__ */ a(
     "th",
@@ -100,7 +100,7 @@ function p({
         r && "truncate",
         e
       ),
-      ...d
+      ...n
     }
   );
 }
@@ -108,7 +108,7 @@ function f({
   className: e,
   variant: t,
   truncate: r,
-  ...d
+  ...n
 }) {
   return /* @__PURE__ */ a(
     "td",
@@ -122,7 +122,7 @@ function f({
         r && "truncate",
         e
       ),
-      ...d
+      ...n
     }
   );
 }
@@ -141,10 +141,10 @@ function h({
 }
 export {
   c as Table,
-  u as TableBody,
+  b as TableBody,
   h as TableCaption,
   f as TableCell,
-  b as TableFooter,
+  u as TableFooter,
   p as TableHead,
   s as TableHeader,
   m as TableRow

package/dist/components/ui/table.js.map

@@ -1 +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      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-muted/50 data-[state=selected]:bg-muted in-data-[striped]:even:bg-muted/30 in-data-[striped]:hover:bg-muted/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,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;"}
+{"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      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,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/components/ui/tabs.cjs

@@ -1,2 +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 u({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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-primary data-active:text-primary-foreground data-active:shadow-sm dark:data-active:bg-primary dark:data-active:text-primary-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 c({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=c;exports.TabsList=l;exports.TabsTrigger=u;exports.tabsListVariants=n;
+"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 u({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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-card 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 c({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=c;exports.TabsList=l;exports.TabsTrigger=u;exports.tabsListVariants=n;
 //# sourceMappingURL=tabs.cjs.map

package/dist/components/ui/tabs.cjs.map

@@ -1 +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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-primary data-active:text-primary-foreground data-active:shadow-sm dark:data-active:bg-primary dark:data-active:text-primary-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":"kNAQA,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,usBACA,+XACA,wJACA,+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"}
+{"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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-card 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":"kNAQA,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,usBACA,+XACA,kIACA,+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/components/ui/tabs.js

@@ -2,7 +2,7 @@ import { jsx as r } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
 import { Tabs as e } from "radix-ui";
 import { cn as i } from "../../lib/utils.js";
-function p({
+function g({
   className: t,
   orientation: a = "horizontal",
   ...o
@@ -34,7 +34,7 @@ const s = n(
     }
   }
 );
-function g({
+function b({
   className: t,
   variant: a = "default",
   ...o
@@ -49,7 +49,7 @@ function g({
     }
   );
 }
-function b({
+function p({
   className: t,
   ...a
 }) {
@@ -60,7 +60,7 @@ function b({
       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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-primary data-active:text-primary-foreground data-active:shadow-sm dark:data-active:bg-primary dark:data-active:text-primary-foreground",
+        "data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-card 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
@@ -83,10 +83,10 @@ function f({
   );
 }
 export {
-  p as Tabs,
+  g as Tabs,
   f as TabsContent,
-  g as TabsList,
-  b as TabsTrigger,
+  b as TabsList,
+  p as TabsTrigger,
   s as tabsListVariants
 };
 //# sourceMappingURL=tabs.js.map

package/dist/components/ui/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-primary data-active:text-primary-foreground data-active:shadow-sm dark:data-active:bg-primary dark:data-active:text-primary-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":";;;;AAQA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,oBAAkBH;AAAA,MAClB,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,GAAGP;AACL,GACyC;AACvC,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,gBAAcK;AAAA,MACd,WAAWJ,EAAGC,EAAiB,EAAE,SAAAG,EAAA,CAAS,GAAGT,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAY;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAY;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"tabs.js","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-foreground/60 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 dark:text-muted-foreground dark:hover:text-foreground group-data-[variant=default]/tabs-list:data-active:shadow-sm 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-card 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":";;;;AAQA,SAASA,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,GAAGC;AACL,GAAoD;AAClD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,oBAAkBH;AAAA,MAClB,WAAWI;AAAA,QACT;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAMI,IAAmBC;AAAA,EACvB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,SAASC,EAAS;AAAA,EAChB,WAAAR;AAAA,EACA,SAAAS,IAAU;AAAA,EACV,GAAGP;AACL,GACyC;AACvC,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,gBAAcK;AAAA,MACd,WAAWJ,EAAGC,EAAiB,EAAE,SAAAG,EAAA,CAAS,GAAGT,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASQ,EAAY;AAAA,EACnB,WAAAV;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASS,EAAY;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGE;AACL,GAAuD;AACrD,SACE,gBAAAC;AAAA,IAACC,EAAc;AAAA,IAAd;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,+BAA+BL,CAAS;AAAA,MACrD,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/ui/toggle.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("class-variance-authority"),o=require("radix-ui"),d=require("../../lib/utils.cjs"),e=s.cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-muted data-[state=on]:bg-muted [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-muted"},size:{default:"h-8 min-w-8 px-2",sm:"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",lg:"h-9 min-w-9 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function u({className:t,variant:i="default",size:r="default",...a}){return n.jsx(o.Toggle.Root,{"data-slot":"toggle",className:d.cn(e({variant:i,size:r,className:t})),...a})}exports.Toggle=u;exports.toggleVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("class-variance-authority"),s=require("radix-ui"),d=require("../../lib/utils.cjs"),e=o.cva("group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",{variants:{variant:{default:"bg-transparent",outline:"border border-input bg-transparent hover:bg-accent"},size:{default:"h-8 min-w-8 px-2",sm:"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]",lg:"h-9 min-w-9 px-2.5"}},defaultVariants:{variant:"default",size:"default"}});function c({className:t,variant:a="default",size:n="default",...r}){return i.jsx(s.Toggle.Root,{"data-slot":"toggle",className:d.cn(e({variant:a,size:n,className:t})),...r})}exports.Toggle=c;exports.toggleVariants=e;
 //# sourceMappingURL=toggle.cjs.map

package/dist/components/ui/toggle.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.cjs","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-muted data-[state=on]:bg-muted [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-muted\",\n      },\n      size: {\n        default: \"h-8 min-w-8 px-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]\",\n        lg: \"h-9 min-w-9 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":"kNAMMA,EAAiBC,EAAAA,IACrB,gdACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,mDAAA,EAEX,KAAM,CACJ,QAAS,mBACT,GAAI,wEACJ,GAAI,oBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,GAAGC,CACL,EACuC,CACrC,OACEC,EAAAA,IAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAAA,GAAGT,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CAAA,CAGV"}
+{"version":3,"file":"toggle.cjs","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-accent\",\n      },\n      size: {\n        default: \"h-8 min-w-8 px-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]\",\n        lg: \"h-9 min-w-9 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":"kNAMMA,EAAiBC,EAAAA,IACrB,qiBACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,iBACT,QAAS,oDAAA,EAEX,KAAM,CACJ,QAAS,mBACT,GAAI,wEACJ,GAAI,oBAAA,CACN,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAEA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EAAU,UACV,KAAAC,EAAO,UACP,GAAGC,CACL,EACuC,CACrC,OACEC,EAAAA,IAACC,EAAAA,OAAgB,KAAhB,CACC,YAAU,SACV,UAAWC,EAAAA,GAAGT,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EACzD,GAAGG,CAAA,CAAA,CAGV"}

package/dist/components/ui/toggle.js

@@ -1,14 +1,14 @@
-import { jsx as o } from "react/jsx-runtime";
-import { cva as i } from "class-variance-authority";
-import { Toggle as n } from "radix-ui";
+import { jsx as r } from "react/jsx-runtime";
+import { cva as o } from "class-variance-authority";
+import { Toggle as i } from "radix-ui";
 import { cn as s } from "../../lib/utils.js";
-const d = i(
-  "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-muted data-[state=on]:bg-muted [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+const d = o(
+  "group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
         default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-muted"
+        outline: "border border-input bg-transparent hover:bg-accent"
       },
       size: {
         default: "h-8 min-w-8 px-2",
@@ -25,15 +25,15 @@ const d = i(
 function f({
   className: e,
   variant: t = "default",
-  size: r = "default",
-  ...a
+  size: a = "default",
+  ...n
 }) {
-  return /* @__PURE__ */ o(
-    n.Root,
+  return /* @__PURE__ */ r(
+    i.Root,
     {
       "data-slot": "toggle",
-      className: s(d({ variant: t, size: r, className: e })),
-      ...a
+      className: s(d({ variant: t, size: a, className: e })),
+      ...n
     }
   );
 }

package/dist/components/ui/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-muted hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-muted data-[state=on]:bg-muted [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-muted\",\n      },\n      size: {\n        default: \"h-8 min-w-8 px-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]\",\n        lg: \"h-9 min-w-9 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACuC;AACrC,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGT,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"toggle.js","sources":["../../../src/components/ui/toggle.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\"\nimport { Toggle as TogglePrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst toggleVariants = cva(\n  \"group/toggle inline-flex items-center justify-center gap-1 rounded-lg text-sm font-medium whitespace-nowrap transition-all outline-none hover:bg-accent hover:text-accent-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus aria-pressed:bg-accent aria-pressed:text-accent-foreground data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-transparent\",\n        outline: \"border border-input bg-transparent hover:bg-accent\",\n      },\n      size: {\n        default: \"h-8 min-w-8 px-2\",\n        sm: \"h-7 min-w-7 rounded-[min(var(--radius-md),12px)] px-1.5 text-[0.8rem]\",\n        lg: \"h-9 min-w-9 px-2.5\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nfunction Toggle({\n  className,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof TogglePrimitive.Root> &\n  VariantProps<typeof toggleVariants>) {\n  return (\n    <TogglePrimitive.Root\n      data-slot=\"toggle\"\n      className={cn(toggleVariants({ variant, size, className }))}\n      {...props}\n    />\n  )\n}\n\nexport { Toggle, toggleVariants }\n"],"names":["toggleVariants","cva","Toggle","className","variant","size","props","jsx","TogglePrimitive","cn"],"mappings":";;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEX,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GACuC;AACrC,SACE,gBAAAC;AAAA,IAACC,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAGT,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC;AAAA,MACzD,GAAGG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/hooks/use-element-size.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react");function f(){const r=n.useRef(null),[u,h]=n.useState({width:0,height:0});return n.useEffect(()=>{const s=r.current;if(!s||typeof ResizeObserver>"u")return;const i=new ResizeObserver(d=>{const e=d[0];if(!e)return;const o=Math.round(e.contentRect.width),c=Math.round(e.contentRect.height);h(t=>t.width===o&&t.height===c?t:{width:o,height:c})});return i.observe(s),()=>i.disconnect()},[]),[r,u]}exports.useElementSize=f;
+//# sourceMappingURL=use-element-size.cjs.map

package/dist/hooks/use-element-size.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-size.cjs","sources":["../../src/hooks/use-element-size.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n/** Element dimensions in CSS pixels, rounded to whole numbers. */\nexport interface ElementSize {\n  width: number;\n  height: number;\n}\n\n/**\n * Observe an element's content-box size with a `ResizeObserver` and return the\n * latest rounded `{ width, height }`.\n *\n * Attach the returned `ref` to the element whose size should drive layout\n * (e.g. the flex/grid cell a chart needs to fill). The size is `{ 0, 0 }` until\n * the first measurement, and stays `{ 0, 0 }` in environments without a\n * `ResizeObserver` (e.g. SSR), so callers should treat a zero dimension as\n * \"not yet measured\" and skip work that needs real pixels.\n *\n * @example\n * ```tsx\n * const [containerRef, { width, height }] = useElementSize<HTMLDivElement>();\n * return <div ref={containerRef} className=\"size-full\">…</div>;\n * ```\n */\nexport function useElementSize<T extends HTMLElement = HTMLDivElement>(): [\n  React.RefObject<T | null>,\n  ElementSize,\n] {\n  const ref = useRef<T>(null);\n  const [size, setSize] = useState<ElementSize>({ width: 0, height: 0 });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n      const width = Math.round(entry.contentRect.width);\n      const height = Math.round(entry.contentRect.height);\n      // Bail on identical measurements so consumers driving Plotly layout off\n      // this size don't trigger a redundant relayout (and a feedback loop).\n      setSize((prev) =>\n        prev.width === width && prev.height === height ? prev : { width, height },\n      );\n    });\n\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, []);\n\n  return [ref, size];\n}\n"],"names":["useElementSize","ref","useRef","size","setSize","useState","useEffect","element","observer","entries","entry","width","height","prev"],"mappings":"yGAwBO,SAASA,GAGd,CACA,MAAMC,EAAMC,EAAAA,OAAU,IAAI,EACpB,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAsB,CAAE,MAAO,EAAG,OAAQ,EAAG,EAErEC,OAAAA,EAAAA,UAAU,IAAM,CACd,MAAMC,EAAUN,EAAI,QACpB,GAAI,CAACM,GAAW,OAAO,eAAmB,IAAa,OAEvD,MAAMC,EAAW,IAAI,eAAgBC,GAAY,CAC/C,MAAMC,EAAQD,EAAQ,CAAC,EACvB,GAAI,CAACC,EAAO,OACZ,MAAMC,EAAQ,KAAK,MAAMD,EAAM,YAAY,KAAK,EAC1CE,EAAS,KAAK,MAAMF,EAAM,YAAY,MAAM,EAGlDN,EAASS,GACPA,EAAK,QAAUF,GAASE,EAAK,SAAWD,EAASC,EAAO,CAAE,MAAAF,EAAO,OAAAC,CAAA,CAAO,CAE5E,CAAC,EAED,OAAAJ,EAAS,QAAQD,CAAO,EACjB,IAAMC,EAAS,WAAA,CACxB,EAAG,CAAA,CAAE,EAEE,CAACP,EAAKE,CAAI,CACnB"}

package/dist/hooks/use-element-size.js

@@ -0,0 +1,21 @@
+import { useRef as f, useState as d, useEffect as w } from "react";
+function R() {
+  const n = f(null), [c, h] = d({ width: 0, height: 0 });
+  return w(() => {
+    const r = n.current;
+    if (!r || typeof ResizeObserver > "u") return;
+    const s = new ResizeObserver((u) => {
+      const e = u[0];
+      if (!e) return;
+      const i = Math.round(e.contentRect.width), o = Math.round(e.contentRect.height);
+      h(
+        (t) => t.width === i && t.height === o ? t : { width: i, height: o }
+      );
+    });
+    return s.observe(r), () => s.disconnect();
+  }, []), [n, c];
+}
+export {
+  R as useElementSize
+};
+//# sourceMappingURL=use-element-size.js.map

package/dist/hooks/use-element-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-size.js","sources":["../../src/hooks/use-element-size.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\n\n/** Element dimensions in CSS pixels, rounded to whole numbers. */\nexport interface ElementSize {\n  width: number;\n  height: number;\n}\n\n/**\n * Observe an element's content-box size with a `ResizeObserver` and return the\n * latest rounded `{ width, height }`.\n *\n * Attach the returned `ref` to the element whose size should drive layout\n * (e.g. the flex/grid cell a chart needs to fill). The size is `{ 0, 0 }` until\n * the first measurement, and stays `{ 0, 0 }` in environments without a\n * `ResizeObserver` (e.g. SSR), so callers should treat a zero dimension as\n * \"not yet measured\" and skip work that needs real pixels.\n *\n * @example\n * ```tsx\n * const [containerRef, { width, height }] = useElementSize<HTMLDivElement>();\n * return <div ref={containerRef} className=\"size-full\">…</div>;\n * ```\n */\nexport function useElementSize<T extends HTMLElement = HTMLDivElement>(): [\n  React.RefObject<T | null>,\n  ElementSize,\n] {\n  const ref = useRef<T>(null);\n  const [size, setSize] = useState<ElementSize>({ width: 0, height: 0 });\n\n  useEffect(() => {\n    const element = ref.current;\n    if (!element || typeof ResizeObserver === \"undefined\") return;\n\n    const observer = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (!entry) return;\n      const width = Math.round(entry.contentRect.width);\n      const height = Math.round(entry.contentRect.height);\n      // Bail on identical measurements so consumers driving Plotly layout off\n      // this size don't trigger a redundant relayout (and a feedback loop).\n      setSize((prev) =>\n        prev.width === width && prev.height === height ? prev : { width, height },\n      );\n    });\n\n    observer.observe(element);\n    return () => observer.disconnect();\n  }, []);\n\n  return [ref, size];\n}\n"],"names":["useElementSize","ref","useRef","size","setSize","useState","useEffect","element","observer","entries","entry","width","height","prev"],"mappings":";AAwBO,SAASA,IAGd;AACA,QAAMC,IAAMC,EAAU,IAAI,GACpB,CAACC,GAAMC,CAAO,IAAIC,EAAsB,EAAE,OAAO,GAAG,QAAQ,GAAG;AAErE,SAAAC,EAAU,MAAM;AACd,UAAMC,IAAUN,EAAI;AACpB,QAAI,CAACM,KAAW,OAAO,iBAAmB,IAAa;AAEvD,UAAMC,IAAW,IAAI,eAAe,CAACC,MAAY;AAC/C,YAAMC,IAAQD,EAAQ,CAAC;AACvB,UAAI,CAACC,EAAO;AACZ,YAAMC,IAAQ,KAAK,MAAMD,EAAM,YAAY,KAAK,GAC1CE,IAAS,KAAK,MAAMF,EAAM,YAAY,MAAM;AAGlD,MAAAN;AAAA,QAAQ,CAACS,MACPA,EAAK,UAAUF,KAASE,EAAK,WAAWD,IAASC,IAAO,EAAE,OAAAF,GAAO,QAAAC,EAAA;AAAA,MAAO;AAAA,IAE5E,CAAC;AAED,WAAAJ,EAAS,QAAQD,CAAO,GACjB,MAAMC,EAAS,WAAA;AAAA,EACxB,GAAG,CAAA,CAAE,GAEE,CAACP,GAAKE,CAAI;AACnB;"}

package/dist/hooks/use-plotly-theme.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./use-is-dark.cjs"),t={paperBg:"transparent",plotBg:"transparent",textColor:"rgba(26, 26, 26, 1)",textSecondary:"rgba(26, 26, 26, 0.6)",gridColor:"rgba(225, 231, 239, 1)",lineColor:"rgba(26, 26, 26, 1)",tickColor:"rgba(225, 231, 239, 1)",legendColor:"rgba(4, 38, 63, 1)",spikeColor:"rgba(100, 116, 139, 1)",isDark:!1},a={paperBg:"transparent",plotBg:"transparent",textColor:"rgba(255, 255, 255, 0.9)",textSecondary:"rgba(255, 255, 255, 0.6)",gridColor:"rgba(51, 65, 86, 1)",lineColor:"rgba(158, 172, 192, 1)",tickColor:"rgba(51, 65, 86, 1)",legendColor:"rgba(200, 214, 229, 1)",spikeColor:"rgba(158, 172, 192, 1)",isDark:!0};function l(){const r=o.useIsDark();return e.useMemo(()=>r?a:t,[r])}exports.usePlotlyTheme=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=require("./use-is-dark.cjs"),a={paperBg:"transparent",plotBg:"transparent",textColor:"rgba(26, 26, 26, 1)",textSecondary:"rgba(26, 26, 26, 0.6)",gridColor:"rgba(158, 172, 192, 0.55)",lineColor:"rgba(26, 26, 26, 1)",tickColor:"rgba(225, 231, 239, 1)",legendColor:"rgba(4, 38, 63, 1)",spikeColor:"rgba(100, 116, 139, 1)",markerOutline:"rgba(26, 26, 26, 0.45)",isDark:!1},t={paperBg:"transparent",plotBg:"transparent",textColor:"rgba(255, 255, 255, 0.9)",textSecondary:"rgba(255, 255, 255, 0.6)",gridColor:"rgba(100, 116, 139, 0.55)",lineColor:"rgba(158, 172, 192, 1)",tickColor:"rgba(51, 65, 86, 1)",legendColor:"rgba(200, 214, 229, 1)",spikeColor:"rgba(158, 172, 192, 1)",markerOutline:"rgba(255, 255, 255, 0.55)",isDark:!0};function l(){const r=o.useIsDark();return e.useMemo(()=>r?t:a,[r])}exports.usePlotlyTheme=l;
 //# sourceMappingURL=use-plotly-theme.cjs.map

package/dist/hooks/use-plotly-theme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"use-plotly-theme.cjs","sources":["../../src/hooks/use-plotly-theme.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n/**\n * Plotly theme configuration returned by usePlotlyTheme.\n * Spread into a Plotly layout to apply dark/light mode colors.\n */\nexport interface PlotlyThemeColors {\n  /** Background color for the paper area */\n  paperBg: string;\n  /** Background color for the plot area */\n  plotBg: string;\n  /** Primary text color (titles, ticks) */\n  textColor: string;\n  /** Secondary text color (axis titles, subtitles) */\n  textSecondary: string;\n  /** Grid line color */\n  gridColor: string;\n  /** Axis line color */\n  lineColor: string;\n  /** Tick mark color */\n  tickColor: string;\n  /** Legend text color */\n  legendColor: string;\n  /** Spike/crosshair line color */\n  spikeColor: string;\n  /** Whether dark mode is active */\n  isDark: boolean;\n}\n\nconst LIGHT_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(26, 26, 26, 1)\",\n  textSecondary: \"rgba(26, 26, 26, 0.6)\",\n  gridColor: \"rgba(225, 231, 239, 1)\",\n  lineColor: \"rgba(26, 26, 26, 1)\",\n  tickColor: \"rgba(225, 231, 239, 1)\",\n  legendColor: \"rgba(4, 38, 63, 1)\",\n  spikeColor: \"rgba(100, 116, 139, 1)\",\n  isDark: false,\n};\n\nconst DARK_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(255, 255, 255, 0.9)\",\n  textSecondary: \"rgba(255, 255, 255, 0.6)\",\n  gridColor: \"rgba(51, 65, 86, 1)\",\n  lineColor: \"rgba(158, 172, 192, 1)\",\n  tickColor: \"rgba(51, 65, 86, 1)\",\n  legendColor: \"rgba(200, 214, 229, 1)\",\n  spikeColor: \"rgba(158, 172, 192, 1)\",\n  isDark: true,\n};\n\n/**\n * Hook that returns Plotly color tokens for the current light/dark theme.\n *\n * @example\n * ```tsx\n * const theme = usePlotlyTheme();\n * const layout = {\n *   paper_bgcolor: theme.paperBg,\n *   plot_bgcolor: theme.plotBg,\n *   font: { color: theme.textColor },\n * };\n * ```\n */\nexport function usePlotlyTheme(): PlotlyThemeColors {\n  const isDark = useIsDark();\n  return useMemo(() => (isDark ? DARK_THEME : LIGHT_THEME), [isDark]);\n}\n"],"names":["LIGHT_THEME","DARK_THEME","usePlotlyTheme","isDark","useIsDark","useMemo"],"mappings":"wIA+BMA,EAAiC,CACrC,QAAS,cACT,OAAQ,cACR,UAAW,sBACX,cAAe,wBACf,UAAW,yBACX,UAAW,sBACX,UAAW,yBACX,YAAa,qBACb,WAAY,yBACZ,OAAQ,EACV,EAEMC,EAAgC,CACpC,QAAS,cACT,OAAQ,cACR,UAAW,2BACX,cAAe,2BACf,UAAW,sBACX,UAAW,yBACX,UAAW,sBACX,YAAa,yBACb,WAAY,yBACZ,OAAQ,EACV,EAeO,SAASC,GAAoC,CAClD,MAAMC,EAASC,EAAAA,UAAA,EACf,OAAOC,EAAAA,QAAQ,IAAOF,EAASF,EAAaD,EAAc,CAACG,CAAM,CAAC,CACpE"}
+{"version":3,"file":"use-plotly-theme.cjs","sources":["../../src/hooks/use-plotly-theme.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n/**\n * Plotly theme configuration returned by usePlotlyTheme.\n * Spread into a Plotly layout to apply dark/light mode colors.\n */\nexport interface PlotlyThemeColors {\n  /** Background color for the paper area */\n  paperBg: string;\n  /** Background color for the plot area */\n  plotBg: string;\n  /** Primary text color (titles, ticks) */\n  textColor: string;\n  /** Secondary text color (axis titles, subtitles) */\n  textSecondary: string;\n  /** Grid line color */\n  gridColor: string;\n  /** Axis line color */\n  lineColor: string;\n  /** Tick mark color */\n  tickColor: string;\n  /** Legend text color */\n  legendColor: string;\n  /** Spike/crosshair line color */\n  spikeColor: string;\n  /** Outline color for scatter/dot markers — contrasts with the background */\n  markerOutline: string;\n  /** Whether dark mode is active */\n  isDark: boolean;\n}\n\nconst LIGHT_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(26, 26, 26, 1)\",\n  textSecondary: \"rgba(26, 26, 26, 0.6)\",\n  gridColor: \"rgba(158, 172, 192, 0.55)\",\n  lineColor: \"rgba(26, 26, 26, 1)\",\n  tickColor: \"rgba(225, 231, 239, 1)\",\n  legendColor: \"rgba(4, 38, 63, 1)\",\n  spikeColor: \"rgba(100, 116, 139, 1)\",\n  markerOutline: \"rgba(26, 26, 26, 0.45)\",\n  isDark: false,\n};\n\nconst DARK_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(255, 255, 255, 0.9)\",\n  textSecondary: \"rgba(255, 255, 255, 0.6)\",\n  gridColor: \"rgba(100, 116, 139, 0.55)\",\n  lineColor: \"rgba(158, 172, 192, 1)\",\n  tickColor: \"rgba(51, 65, 86, 1)\",\n  legendColor: \"rgba(200, 214, 229, 1)\",\n  spikeColor: \"rgba(158, 172, 192, 1)\",\n  markerOutline: \"rgba(255, 255, 255, 0.55)\",\n  isDark: true,\n};\n\n/**\n * Hook that returns Plotly color tokens for the current light/dark theme.\n *\n * @example\n * ```tsx\n * const theme = usePlotlyTheme();\n * const layout = {\n *   paper_bgcolor: theme.paperBg,\n *   plot_bgcolor: theme.plotBg,\n *   font: { color: theme.textColor },\n * };\n * ```\n */\nexport function usePlotlyTheme(): PlotlyThemeColors {\n  const isDark = useIsDark();\n  return useMemo(() => (isDark ? DARK_THEME : LIGHT_THEME), [isDark]);\n}\n"],"names":["LIGHT_THEME","DARK_THEME","usePlotlyTheme","isDark","useIsDark","useMemo"],"mappings":"wIAiCMA,EAAiC,CACrC,QAAS,cACT,OAAQ,cACR,UAAW,sBACX,cAAe,wBACf,UAAW,4BACX,UAAW,sBACX,UAAW,yBACX,YAAa,qBACb,WAAY,yBACZ,cAAe,yBACf,OAAQ,EACV,EAEMC,EAAgC,CACpC,QAAS,cACT,OAAQ,cACR,UAAW,2BACX,cAAe,2BACf,UAAW,4BACX,UAAW,yBACX,UAAW,sBACX,YAAa,yBACb,WAAY,yBACZ,cAAe,4BACf,OAAQ,EACV,EAeO,SAASC,GAAoC,CAClD,MAAMC,EAASC,EAAAA,UAAA,EACf,OAAOC,EAAAA,QAAQ,IAAOF,EAASF,EAAaD,EAAc,CAACG,CAAM,CAAC,CACpE"}

package/dist/hooks/use-plotly-theme.js

@@ -5,22 +5,24 @@ const e = {
   plotBg: "transparent",
   textColor: "rgba(26, 26, 26, 1)",
   textSecondary: "rgba(26, 26, 26, 0.6)",
-  gridColor: "rgba(225, 231, 239, 1)",
+  gridColor: "rgba(158, 172, 192, 0.55)",
   lineColor: "rgba(26, 26, 26, 1)",
   tickColor: "rgba(225, 231, 239, 1)",
   legendColor: "rgba(4, 38, 63, 1)",
   spikeColor: "rgba(100, 116, 139, 1)",
+  markerOutline: "rgba(26, 26, 26, 0.45)",
   isDark: !1
 }, t = {
   paperBg: "transparent",
   plotBg: "transparent",
   textColor: "rgba(255, 255, 255, 0.9)",
   textSecondary: "rgba(255, 255, 255, 0.6)",
-  gridColor: "rgba(51, 65, 86, 1)",
+  gridColor: "rgba(100, 116, 139, 0.55)",
   lineColor: "rgba(158, 172, 192, 1)",
   tickColor: "rgba(51, 65, 86, 1)",
   legendColor: "rgba(200, 214, 229, 1)",
   spikeColor: "rgba(158, 172, 192, 1)",
+  markerOutline: "rgba(255, 255, 255, 0.55)",
   isDark: !0
 };
 function n() {

package/dist/hooks/use-plotly-theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-plotly-theme.js","sources":["../../src/hooks/use-plotly-theme.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n/**\n * Plotly theme configuration returned by usePlotlyTheme.\n * Spread into a Plotly layout to apply dark/light mode colors.\n */\nexport interface PlotlyThemeColors {\n  /** Background color for the paper area */\n  paperBg: string;\n  /** Background color for the plot area */\n  plotBg: string;\n  /** Primary text color (titles, ticks) */\n  textColor: string;\n  /** Secondary text color (axis titles, subtitles) */\n  textSecondary: string;\n  /** Grid line color */\n  gridColor: string;\n  /** Axis line color */\n  lineColor: string;\n  /** Tick mark color */\n  tickColor: string;\n  /** Legend text color */\n  legendColor: string;\n  /** Spike/crosshair line color */\n  spikeColor: string;\n  /** Whether dark mode is active */\n  isDark: boolean;\n}\n\nconst LIGHT_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(26, 26, 26, 1)\",\n  textSecondary: \"rgba(26, 26, 26, 0.6)\",\n  gridColor: \"rgba(225, 231, 239, 1)\",\n  lineColor: \"rgba(26, 26, 26, 1)\",\n  tickColor: \"rgba(225, 231, 239, 1)\",\n  legendColor: \"rgba(4, 38, 63, 1)\",\n  spikeColor: \"rgba(100, 116, 139, 1)\",\n  isDark: false,\n};\n\nconst DARK_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(255, 255, 255, 0.9)\",\n  textSecondary: \"rgba(255, 255, 255, 0.6)\",\n  gridColor: \"rgba(51, 65, 86, 1)\",\n  lineColor: \"rgba(158, 172, 192, 1)\",\n  tickColor: \"rgba(51, 65, 86, 1)\",\n  legendColor: \"rgba(200, 214, 229, 1)\",\n  spikeColor: \"rgba(158, 172, 192, 1)\",\n  isDark: true,\n};\n\n/**\n * Hook that returns Plotly color tokens for the current light/dark theme.\n *\n * @example\n * ```tsx\n * const theme = usePlotlyTheme();\n * const layout = {\n *   paper_bgcolor: theme.paperBg,\n *   plot_bgcolor: theme.plotBg,\n *   font: { color: theme.textColor },\n * };\n * ```\n */\nexport function usePlotlyTheme(): PlotlyThemeColors {\n  const isDark = useIsDark();\n  return useMemo(() => (isDark ? DARK_THEME : LIGHT_THEME), [isDark]);\n}\n"],"names":["LIGHT_THEME","DARK_THEME","usePlotlyTheme","isDark","useIsDark","useMemo"],"mappings":";;AA+BA,MAAMA,IAAiC;AAAA,EACrC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV,GAEMC,IAAgC;AAAA,EACpC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;AAeO,SAASC,IAAoC;AAClD,QAAMC,IAASC,EAAA;AACf,SAAOC,EAAQ,MAAOF,IAASF,IAAaD,GAAc,CAACG,CAAM,CAAC;AACpE;"}
+{"version":3,"file":"use-plotly-theme.js","sources":["../../src/hooks/use-plotly-theme.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useIsDark } from \"@/hooks/use-is-dark\";\n\n/**\n * Plotly theme configuration returned by usePlotlyTheme.\n * Spread into a Plotly layout to apply dark/light mode colors.\n */\nexport interface PlotlyThemeColors {\n  /** Background color for the paper area */\n  paperBg: string;\n  /** Background color for the plot area */\n  plotBg: string;\n  /** Primary text color (titles, ticks) */\n  textColor: string;\n  /** Secondary text color (axis titles, subtitles) */\n  textSecondary: string;\n  /** Grid line color */\n  gridColor: string;\n  /** Axis line color */\n  lineColor: string;\n  /** Tick mark color */\n  tickColor: string;\n  /** Legend text color */\n  legendColor: string;\n  /** Spike/crosshair line color */\n  spikeColor: string;\n  /** Outline color for scatter/dot markers — contrasts with the background */\n  markerOutline: string;\n  /** Whether dark mode is active */\n  isDark: boolean;\n}\n\nconst LIGHT_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(26, 26, 26, 1)\",\n  textSecondary: \"rgba(26, 26, 26, 0.6)\",\n  gridColor: \"rgba(158, 172, 192, 0.55)\",\n  lineColor: \"rgba(26, 26, 26, 1)\",\n  tickColor: \"rgba(225, 231, 239, 1)\",\n  legendColor: \"rgba(4, 38, 63, 1)\",\n  spikeColor: \"rgba(100, 116, 139, 1)\",\n  markerOutline: \"rgba(26, 26, 26, 0.45)\",\n  isDark: false,\n};\n\nconst DARK_THEME: PlotlyThemeColors = {\n  paperBg: \"transparent\",\n  plotBg: \"transparent\",\n  textColor: \"rgba(255, 255, 255, 0.9)\",\n  textSecondary: \"rgba(255, 255, 255, 0.6)\",\n  gridColor: \"rgba(100, 116, 139, 0.55)\",\n  lineColor: \"rgba(158, 172, 192, 1)\",\n  tickColor: \"rgba(51, 65, 86, 1)\",\n  legendColor: \"rgba(200, 214, 229, 1)\",\n  spikeColor: \"rgba(158, 172, 192, 1)\",\n  markerOutline: \"rgba(255, 255, 255, 0.55)\",\n  isDark: true,\n};\n\n/**\n * Hook that returns Plotly color tokens for the current light/dark theme.\n *\n * @example\n * ```tsx\n * const theme = usePlotlyTheme();\n * const layout = {\n *   paper_bgcolor: theme.paperBg,\n *   plot_bgcolor: theme.plotBg,\n *   font: { color: theme.textColor },\n * };\n * ```\n */\nexport function usePlotlyTheme(): PlotlyThemeColors {\n  const isDark = useIsDark();\n  return useMemo(() => (isDark ? DARK_THEME : LIGHT_THEME), [isDark]);\n}\n"],"names":["LIGHT_THEME","DARK_THEME","usePlotlyTheme","isDark","useIsDark","useMemo"],"mappings":";;AAiCA,MAAMA,IAAiC;AAAA,EACrC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AACV,GAEMC,IAAgC;AAAA,EACpC,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,eAAe;AAAA,EACf,WAAW;AAAA,EACX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,QAAQ;AACV;AAeO,SAASC,IAAoC;AAClD,QAAMC,IAASC,EAAA;AACf,SAAOC,EAAQ,MAAOF,IAASF,IAAaD,GAAc,CAACG,CAAM,CAAC;AACpE;"}