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

package/dist/ui/tabs.js.map

@@ -0,0 +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-muted-foreground transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start hover:text-foreground focus-visible:border-ring focus-visible:shadow-focus focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 group-data-[variant=default]/tabs-list:data-active:shadow-elevation-3 group-data-[variant=line]/tabs-list:data-active:shadow-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        \"group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent group-data-[variant=line]/tabs-list:data-active:text-primary dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:text-primary\",\n        \"data-active:bg-card data-active:text-foreground data-active:shadow-sm dark:data-active:bg-[color-mix(in_oklab,var(--card),white_20%)] dark:data-active:text-foreground\",\n        \"not-data-active:hover:bg-accent not-data-active:hover:text-accent-foreground\",\n        \"after:absolute after:bg-primary after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TabsContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof TabsPrimitive.Content>) {\n  return (\n    <TabsPrimitive.Content\n      data-slot=\"tabs-content\"\n      className={cn(\"flex-1 text-sm outline-none\", className)}\n      {...props}\n    />\n  )\n}\n\nexport { Tabs, TabsList, TabsTrigger, TabsContent, tabsListVariants }\n"],"names":["Tabs","className","orientation","props","jsx","TabsPrimitive","cn","tabsListVariants","cva","TabsList","variant","TabsTrigger","TabsContent"],"mappings":";;;;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/ui/tetra-molecule-icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),c=require("react"),a=require("../lib/utils.cjs");function i(t){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(s,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return s.default=t,Object.freeze(s)}const l=i(c),u="#549DFF",d="#2F45B5",o=l.forwardRef(({size:t=24,className:s,...r},n)=>{const C=`tetra-molecule-${l.useId().replace(/:/g,"")}`;return e.jsxs("svg",{ref:n,xmlns:"http://www.w3.org/2000/svg",width:t,height:t,viewBox:"166.5 173.5 410 410",fill:"none",className:a.cn("shrink-0",s),...r,children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:C,gradientUnits:"userSpaceOnUse",x1:"188",y1:"569",x2:"555",y2:"188",children:[e.jsx("stop",{stopColor:u}),e.jsx("stop",{offset:"1",stopColor:d})]})}),e.jsxs("g",{fill:`url(#${C})`,children:[e.jsx("path",{d:"M494.726 368.437C494.726 399.137 469.84 424.023 439.14 424.023C418.353 424.023 400.23 412.611 390.7 395.714C390.607 395.534 390.506 395.36 390.406 395.185C386.039 387.249 383.555 378.135 383.555 368.437C383.555 337.738 408.441 312.852 439.14 312.852C469.84 312.852 494.726 337.738 494.726 368.437Z"}),e.jsx("path",{d:"M555 512.095C555 543.351 529.665 568.686 498.41 568.686C467.155 568.686 441.82 543.351 441.82 512.095C441.82 496.022 448.517 481.516 459.279 471.21C459.306 471.183 459.333 471.156 459.366 471.129C459.741 470.774 460.123 470.419 460.511 470.071C465.26 465.376 468.206 458.867 468.206 451.661C468.206 444.455 465.286 438.006 460.578 433.318C465.173 431.804 469.552 429.808 473.658 427.391V427.531C473.658 442.359 485.163 454.507 499.736 455.525C500.319 455.565 500.901 455.585 501.497 455.592C531.32 457.193 555 481.878 555 512.095Z"}),e.jsx("path",{d:"M372.37 382.911C371.185 382.737 369.98 382.65 368.747 382.65C356.753 382.65 346.734 391.108 344.33 402.386C344.243 402.955 344.142 403.518 344.028 404.08C337.218 440.593 305.179 468.225 266.691 468.225C223.233 468.225 188 432.992 188 389.534C188 346.077 223.233 310.844 266.691 310.844C298.796 310.844 326.415 330.078 338.651 357.65C338.678 357.71 338.704 357.77 338.724 357.83C338.892 358.185 339.046 358.547 339.2 358.909C339.207 358.929 339.213 358.949 339.227 358.969C343.064 367.226 351.435 372.952 361.146 372.952C364.609 372.952 367.904 372.222 370.877 370.91C371.018 375.015 371.527 379.027 372.37 382.911Z"}),e.jsx("path",{d:"M548.302 237.84C548.302 264.44 527.34 286.152 501.034 287.344C500.894 287.338 500.753 287.338 500.612 287.338C500.016 287.338 499.42 287.358 498.831 287.398C486.348 288.235 476.248 297.778 474.567 310.021C471.018 307.864 467.261 306.016 463.323 304.529C467.207 300.323 469.578 294.698 469.578 288.516C469.578 282.335 467.254 276.823 463.437 272.624C463.39 272.571 463.343 272.524 463.296 272.47C463.089 272.242 462.874 272.021 462.653 271.8L462.613 271.76C454.282 262.9 449.186 250.966 449.186 237.84C449.186 210.469 471.373 188.281 498.744 188.281C526.115 188.281 548.302 210.469 548.302 237.84Z"})]})]})});o.displayName="TetraMoleculeIcon";exports.TetraMoleculeIcon=o;exports.default=o;
+//# sourceMappingURL=tetra-molecule-icon.cjs.map

package/dist/ui/tetra-molecule-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tetra-molecule-icon.cjs","sources":["../../src/components/ui/tetra-molecule-icon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TetraMoleculeIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\n// TS brand blues: light accent → deep indigo.\nconst LIGHT = \"#549DFF\" // TS Light Blue 300\nconst DARK = \"#2F45B5\" // TS Indigo\n\n/**\n * The official TetraScience \"molecule\" brand mark — the four-node symbol from\n * the TetraScience logo, filled with the brand blue gradient.\n */\nconst TetraMoleculeIcon = React.forwardRef<SVGSVGElement, TetraMoleculeIconProps>(\n  ({ size = 24, className, ...props }, ref) => {\n    // useId() contains colons, which are brittle inside SVG url(#…) refs.\n    const gradientId = `tetra-molecule-${React.useId().replace(/:/g, \"\")}`\n    return (\n      <svg\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        // Square viewBox padded around the mark's centre (371.5, 378.5) so the\n        // nodes aren't flush with the edges.\n        viewBox=\"166.5 173.5 410 410\"\n        fill=\"none\"\n        className={cn(\"shrink-0\", className)}\n        {...props}\n      >\n        <defs>\n          <linearGradient\n            id={gradientId}\n            gradientUnits=\"userSpaceOnUse\"\n            x1=\"188\"\n            y1=\"569\"\n            x2=\"555\"\n            y2=\"188\"\n          >\n            <stop stopColor={LIGHT} />\n            <stop offset=\"1\" stopColor={DARK} />\n          </linearGradient>\n        </defs>\n        <g fill={`url(#${gradientId})`}>\n          <path d=\"M494.726 368.437C494.726 399.137 469.84 424.023 439.14 424.023C418.353 424.023 400.23 412.611 390.7 395.714C390.607 395.534 390.506 395.36 390.406 395.185C386.039 387.249 383.555 378.135 383.555 368.437C383.555 337.738 408.441 312.852 439.14 312.852C469.84 312.852 494.726 337.738 494.726 368.437Z\" />\n          <path d=\"M555 512.095C555 543.351 529.665 568.686 498.41 568.686C467.155 568.686 441.82 543.351 441.82 512.095C441.82 496.022 448.517 481.516 459.279 471.21C459.306 471.183 459.333 471.156 459.366 471.129C459.741 470.774 460.123 470.419 460.511 470.071C465.26 465.376 468.206 458.867 468.206 451.661C468.206 444.455 465.286 438.006 460.578 433.318C465.173 431.804 469.552 429.808 473.658 427.391V427.531C473.658 442.359 485.163 454.507 499.736 455.525C500.319 455.565 500.901 455.585 501.497 455.592C531.32 457.193 555 481.878 555 512.095Z\" />\n          <path d=\"M372.37 382.911C371.185 382.737 369.98 382.65 368.747 382.65C356.753 382.65 346.734 391.108 344.33 402.386C344.243 402.955 344.142 403.518 344.028 404.08C337.218 440.593 305.179 468.225 266.691 468.225C223.233 468.225 188 432.992 188 389.534C188 346.077 223.233 310.844 266.691 310.844C298.796 310.844 326.415 330.078 338.651 357.65C338.678 357.71 338.704 357.77 338.724 357.83C338.892 358.185 339.046 358.547 339.2 358.909C339.207 358.929 339.213 358.949 339.227 358.969C343.064 367.226 351.435 372.952 361.146 372.952C364.609 372.952 367.904 372.222 370.877 370.91C371.018 375.015 371.527 379.027 372.37 382.911Z\" />\n          <path d=\"M548.302 237.84C548.302 264.44 527.34 286.152 501.034 287.344C500.894 287.338 500.753 287.338 500.612 287.338C500.016 287.338 499.42 287.358 498.831 287.398C486.348 288.235 476.248 297.778 474.567 310.021C471.018 307.864 467.261 306.016 463.323 304.529C467.207 300.323 469.578 294.698 469.578 288.516C469.578 282.335 467.254 276.823 463.437 272.624C463.39 272.571 463.343 272.524 463.296 272.47C463.089 272.242 462.874 272.021 462.653 271.8L462.613 271.76C454.282 262.9 449.186 250.966 449.186 237.84C449.186 210.469 471.373 188.281 498.744 188.281C526.115 188.281 548.302 210.469 548.302 237.84Z\" />\n        </g>\n      </svg>\n    )\n  }\n)\n\nTetraMoleculeIcon.displayName = \"TetraMoleculeIcon\"\n\nexport { TetraMoleculeIcon }\nexport default TetraMoleculeIcon\n"],"names":["LIGHT","DARK","TetraMoleculeIcon","React","size","className","props","ref","gradientId","jsxs","cn","jsx"],"mappings":"4dASMA,EAAQ,UACRC,EAAO,UAMPC,EAAoBC,EAAM,WAC9B,CAAC,CAAE,KAAAC,EAAO,GAAI,UAAAC,EAAW,GAAGC,CAAA,EAASC,IAAQ,CAE3C,MAAMC,EAAa,kBAAkBL,EAAM,MAAA,EAAQ,QAAQ,KAAM,EAAE,CAAC,GACpE,OACEM,EAAAA,KAAC,MAAA,CACC,IAAAF,EACA,MAAM,6BACN,MAAOH,EACP,OAAQA,EAGR,QAAQ,sBACR,KAAK,OACL,UAAWM,EAAAA,GAAG,WAAYL,CAAS,EAClC,GAAGC,EAEJ,SAAA,CAAAK,MAAC,OAAA,CACC,SAAAF,EAAAA,KAAC,iBAAA,CACC,GAAID,EACJ,cAAc,iBACd,GAAG,MACH,GAAG,MACH,GAAG,MACH,GAAG,MAEH,SAAA,CAAAG,EAAAA,IAAC,OAAA,CAAK,UAAWX,CAAA,CAAO,EACxBW,EAAAA,IAAC,OAAA,CAAK,OAAO,IAAI,UAAWV,CAAA,CAAM,CAAA,CAAA,CAAA,EAEtC,EACAQ,OAAC,IAAA,CAAE,KAAM,QAAQD,CAAU,IACzB,SAAA,CAAAG,EAAAA,IAAC,OAAA,CAAK,EAAE,2SAAA,CAA4S,EACpTA,EAAAA,IAAC,OAAA,CAAK,EAAE,ohBAAA,CAAqhB,EAC7hBA,EAAAA,IAAC,OAAA,CAAK,EAAE,wmBAAA,CAAymB,EACjnBA,EAAAA,IAAC,OAAA,CAAK,EAAE,slBAAA,CAAulB,CAAA,CAAA,CACjmB,CAAA,CAAA,CAAA,CAGN,CACF,EAEAT,EAAkB,YAAc"}

package/dist/ui/tetra-molecule-icon.js

@@ -0,0 +1,50 @@
+import { jsxs as e, jsx as C } from "react/jsx-runtime";
+import * as r from "react";
+import { cn as n } from "../lib/utils.js";
+const d = "#549DFF", i = "#2F45B5", c = r.forwardRef(
+  ({ size: t = 24, className: s, ...l }, a) => {
+    const o = `tetra-molecule-${r.useId().replace(/:/g, "")}`;
+    return /* @__PURE__ */ e(
+      "svg",
+      {
+        ref: a,
+        xmlns: "http://www.w3.org/2000/svg",
+        width: t,
+        height: t,
+        viewBox: "166.5 173.5 410 410",
+        fill: "none",
+        className: n("shrink-0", s),
+        ...l,
+        children: [
+          /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ e(
+            "linearGradient",
+            {
+              id: o,
+              gradientUnits: "userSpaceOnUse",
+              x1: "188",
+              y1: "569",
+              x2: "555",
+              y2: "188",
+              children: [
+                /* @__PURE__ */ C("stop", { stopColor: d }),
+                /* @__PURE__ */ C("stop", { offset: "1", stopColor: i })
+              ]
+            }
+          ) }),
+          /* @__PURE__ */ e("g", { fill: `url(#${o})`, children: [
+            /* @__PURE__ */ C("path", { d: "M494.726 368.437C494.726 399.137 469.84 424.023 439.14 424.023C418.353 424.023 400.23 412.611 390.7 395.714C390.607 395.534 390.506 395.36 390.406 395.185C386.039 387.249 383.555 378.135 383.555 368.437C383.555 337.738 408.441 312.852 439.14 312.852C469.84 312.852 494.726 337.738 494.726 368.437Z" }),
+            /* @__PURE__ */ C("path", { d: "M555 512.095C555 543.351 529.665 568.686 498.41 568.686C467.155 568.686 441.82 543.351 441.82 512.095C441.82 496.022 448.517 481.516 459.279 471.21C459.306 471.183 459.333 471.156 459.366 471.129C459.741 470.774 460.123 470.419 460.511 470.071C465.26 465.376 468.206 458.867 468.206 451.661C468.206 444.455 465.286 438.006 460.578 433.318C465.173 431.804 469.552 429.808 473.658 427.391V427.531C473.658 442.359 485.163 454.507 499.736 455.525C500.319 455.565 500.901 455.585 501.497 455.592C531.32 457.193 555 481.878 555 512.095Z" }),
+            /* @__PURE__ */ C("path", { d: "M372.37 382.911C371.185 382.737 369.98 382.65 368.747 382.65C356.753 382.65 346.734 391.108 344.33 402.386C344.243 402.955 344.142 403.518 344.028 404.08C337.218 440.593 305.179 468.225 266.691 468.225C223.233 468.225 188 432.992 188 389.534C188 346.077 223.233 310.844 266.691 310.844C298.796 310.844 326.415 330.078 338.651 357.65C338.678 357.71 338.704 357.77 338.724 357.83C338.892 358.185 339.046 358.547 339.2 358.909C339.207 358.929 339.213 358.949 339.227 358.969C343.064 367.226 351.435 372.952 361.146 372.952C364.609 372.952 367.904 372.222 370.877 370.91C371.018 375.015 371.527 379.027 372.37 382.911Z" }),
+            /* @__PURE__ */ C("path", { d: "M548.302 237.84C548.302 264.44 527.34 286.152 501.034 287.344C500.894 287.338 500.753 287.338 500.612 287.338C500.016 287.338 499.42 287.358 498.831 287.398C486.348 288.235 476.248 297.778 474.567 310.021C471.018 307.864 467.261 306.016 463.323 304.529C467.207 300.323 469.578 294.698 469.578 288.516C469.578 282.335 467.254 276.823 463.437 272.624C463.39 272.571 463.343 272.524 463.296 272.47C463.089 272.242 462.874 272.021 462.653 271.8L462.613 271.76C454.282 262.9 449.186 250.966 449.186 237.84C449.186 210.469 471.373 188.281 498.744 188.281C526.115 188.281 548.302 210.469 548.302 237.84Z" })
+          ] })
+        ]
+      }
+    );
+  }
+);
+c.displayName = "TetraMoleculeIcon";
+export {
+  c as TetraMoleculeIcon,
+  c as default
+};
+//# sourceMappingURL=tetra-molecule-icon.js.map

package/dist/ui/tetra-molecule-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tetra-molecule-icon.js","sources":["../../src/components/ui/tetra-molecule-icon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TetraMoleculeIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\n// TS brand blues: light accent → deep indigo.\nconst LIGHT = \"#549DFF\" // TS Light Blue 300\nconst DARK = \"#2F45B5\" // TS Indigo\n\n/**\n * The official TetraScience \"molecule\" brand mark — the four-node symbol from\n * the TetraScience logo, filled with the brand blue gradient.\n */\nconst TetraMoleculeIcon = React.forwardRef<SVGSVGElement, TetraMoleculeIconProps>(\n  ({ size = 24, className, ...props }, ref) => {\n    // useId() contains colons, which are brittle inside SVG url(#…) refs.\n    const gradientId = `tetra-molecule-${React.useId().replace(/:/g, \"\")}`\n    return (\n      <svg\n        ref={ref}\n        xmlns=\"http://www.w3.org/2000/svg\"\n        width={size}\n        height={size}\n        // Square viewBox padded around the mark's centre (371.5, 378.5) so the\n        // nodes aren't flush with the edges.\n        viewBox=\"166.5 173.5 410 410\"\n        fill=\"none\"\n        className={cn(\"shrink-0\", className)}\n        {...props}\n      >\n        <defs>\n          <linearGradient\n            id={gradientId}\n            gradientUnits=\"userSpaceOnUse\"\n            x1=\"188\"\n            y1=\"569\"\n            x2=\"555\"\n            y2=\"188\"\n          >\n            <stop stopColor={LIGHT} />\n            <stop offset=\"1\" stopColor={DARK} />\n          </linearGradient>\n        </defs>\n        <g fill={`url(#${gradientId})`}>\n          <path d=\"M494.726 368.437C494.726 399.137 469.84 424.023 439.14 424.023C418.353 424.023 400.23 412.611 390.7 395.714C390.607 395.534 390.506 395.36 390.406 395.185C386.039 387.249 383.555 378.135 383.555 368.437C383.555 337.738 408.441 312.852 439.14 312.852C469.84 312.852 494.726 337.738 494.726 368.437Z\" />\n          <path d=\"M555 512.095C555 543.351 529.665 568.686 498.41 568.686C467.155 568.686 441.82 543.351 441.82 512.095C441.82 496.022 448.517 481.516 459.279 471.21C459.306 471.183 459.333 471.156 459.366 471.129C459.741 470.774 460.123 470.419 460.511 470.071C465.26 465.376 468.206 458.867 468.206 451.661C468.206 444.455 465.286 438.006 460.578 433.318C465.173 431.804 469.552 429.808 473.658 427.391V427.531C473.658 442.359 485.163 454.507 499.736 455.525C500.319 455.565 500.901 455.585 501.497 455.592C531.32 457.193 555 481.878 555 512.095Z\" />\n          <path d=\"M372.37 382.911C371.185 382.737 369.98 382.65 368.747 382.65C356.753 382.65 346.734 391.108 344.33 402.386C344.243 402.955 344.142 403.518 344.028 404.08C337.218 440.593 305.179 468.225 266.691 468.225C223.233 468.225 188 432.992 188 389.534C188 346.077 223.233 310.844 266.691 310.844C298.796 310.844 326.415 330.078 338.651 357.65C338.678 357.71 338.704 357.77 338.724 357.83C338.892 358.185 339.046 358.547 339.2 358.909C339.207 358.929 339.213 358.949 339.227 358.969C343.064 367.226 351.435 372.952 361.146 372.952C364.609 372.952 367.904 372.222 370.877 370.91C371.018 375.015 371.527 379.027 372.37 382.911Z\" />\n          <path d=\"M548.302 237.84C548.302 264.44 527.34 286.152 501.034 287.344C500.894 287.338 500.753 287.338 500.612 287.338C500.016 287.338 499.42 287.358 498.831 287.398C486.348 288.235 476.248 297.778 474.567 310.021C471.018 307.864 467.261 306.016 463.323 304.529C467.207 300.323 469.578 294.698 469.578 288.516C469.578 282.335 467.254 276.823 463.437 272.624C463.39 272.571 463.343 272.524 463.296 272.47C463.089 272.242 462.874 272.021 462.653 271.8L462.613 271.76C454.282 262.9 449.186 250.966 449.186 237.84C449.186 210.469 471.373 188.281 498.744 188.281C526.115 188.281 548.302 210.469 548.302 237.84Z\" />\n        </g>\n      </svg>\n    )\n  }\n)\n\nTetraMoleculeIcon.displayName = \"TetraMoleculeIcon\"\n\nexport { TetraMoleculeIcon }\nexport default TetraMoleculeIcon\n"],"names":["LIGHT","DARK","TetraMoleculeIcon","React","size","className","props","ref","gradientId","jsxs","cn","jsx"],"mappings":";;;AASA,MAAMA,IAAQ,WACRC,IAAO,WAMPC,IAAoBC,EAAM;AAAA,EAC9B,CAAC,EAAE,MAAAC,IAAO,IAAI,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAAQ;AAE3C,UAAMC,IAAa,kBAAkBL,EAAM,MAAA,EAAQ,QAAQ,MAAM,EAAE,CAAC;AACpE,WACE,gBAAAM;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,OAAM;AAAA,QACN,OAAOH;AAAA,QACP,QAAQA;AAAA,QAGR,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,WAAWM,EAAG,YAAYL,CAAS;AAAA,QAClC,GAAGC;AAAA,QAEJ,UAAA;AAAA,UAAA,gBAAAK,EAAC,QAAA,EACC,UAAA,gBAAAF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAID;AAAA,cACJ,eAAc;AAAA,cACd,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cACH,IAAG;AAAA,cAEH,UAAA;AAAA,gBAAA,gBAAAG,EAAC,QAAA,EAAK,WAAWX,EAAA,CAAO;AAAA,gBACxB,gBAAAW,EAAC,QAAA,EAAK,QAAO,KAAI,WAAWV,EAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,UAAA,GAEtC;AAAA,UACA,gBAAAQ,EAAC,KAAA,EAAE,MAAM,QAAQD,CAAU,KACzB,UAAA;AAAA,YAAA,gBAAAG,EAAC,QAAA,EAAK,GAAE,4SAAA,CAA4S;AAAA,YACpT,gBAAAA,EAAC,QAAA,EAAK,GAAE,qhBAAA,CAAqhB;AAAA,YAC7hB,gBAAAA,EAAC,QAAA,EAAK,GAAE,ymBAAA,CAAymB;AAAA,YACjnB,gBAAAA,EAAC,QAAA,EAAK,GAAE,ulBAAA,CAAulB;AAAA,UAAA,EAAA,CACjmB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AAEAT,EAAkB,cAAc;"}

package/dist/ui/tetrascience-icon.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),i=require("react"),a=require("../lib/utils.cjs");function u(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const d=u(i),c=d.forwardRef(({size:e=24,className:r,fill:t="currentColor",...n},s)=>o.jsxs("svg",{ref:s,xmlns:"http://www.w3.org/2000/svg",width:e,height:e,viewBox:"0 0 24 24",fill:"none",className:a.cn("shrink-0",r),...n,children:[o.jsx("path",{d:"M22.392 10.5705C21.693 5.4495 17.313 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12C1.5 14.064 2.1045 15.9825 3.132 17.6055L1.5 22.5L6.3945 20.868C7.6395 21.657 9.06 22.188 10.584 22.3965",stroke:t,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"}),o.jsx("path",{d:"M17.625 12.75L18.75 16.5L22.5 17.625L18.75 18.75L17.625 22.5L16.5 18.75L12.75 17.625L16.5 16.5L17.625 12.75Z",fill:t,stroke:t,strokeWidth:"3",strokeLinecap:"round",strokeLinejoin:"round"})]}));c.displayName="TetraScienceIcon";exports.TetraScienceIcon=c;exports.default=c;
+//# sourceMappingURL=tetrascience-icon.cjs.map

package/dist/ui/tetrascience-icon.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tetrascience-icon.cjs","sources":["../../src/components/ui/tetrascience-icon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TetraScienceIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\nconst TetraScienceIcon = React.forwardRef<SVGSVGElement, TetraScienceIconProps>(\n  ({ size = 24, className, fill = \"currentColor\", ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      className={cn(\"shrink-0\", className)}\n      {...props}\n    >\n      <path\n        d=\"M22.392 10.5705C21.693 5.4495 17.313 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12C1.5 14.064 2.1045 15.9825 3.132 17.6055L1.5 22.5L6.3945 20.868C7.6395 21.657 9.06 22.188 10.584 22.3965\"\n        stroke={fill}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M17.625 12.75L18.75 16.5L22.5 17.625L18.75 18.75L17.625 22.5L16.5 18.75L12.75 17.625L16.5 16.5L17.625 12.75Z\"\n        fill={fill}\n        stroke={fill}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n)\n\nTetraScienceIcon.displayName = \"TetraScienceIcon\"\n\nexport { TetraScienceIcon }\nexport default TetraScienceIcon\n\n"],"names":["TetraScienceIcon","React","size","className","fill","props","ref","jsxs","cn","jsx"],"mappings":"4dAQMA,EAAmBC,EAAM,WAC7B,CAAC,CAAE,KAAAC,EAAO,GAAI,UAAAC,EAAW,KAAAC,EAAO,eAAgB,GAAGC,GAASC,IAC1DC,EAAAA,KAAC,MAAA,CACC,IAAAD,EACA,MAAM,6BACN,MAAOJ,EACP,OAAQA,EACR,QAAQ,YACR,KAAK,OACL,UAAWM,EAAAA,GAAG,WAAYL,CAAS,EAClC,GAAGE,EAEJ,SAAA,CAAAI,EAAAA,IAAC,OAAA,CACC,EAAE,qLACF,OAAQL,EACR,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,EAEjBK,EAAAA,IAAC,OAAA,CACC,EAAE,+GACF,KAAAL,EACA,OAAQA,EACR,YAAY,IACZ,cAAc,QACd,eAAe,OAAA,CAAA,CACjB,CAAA,CAAA,CAGN,EAEAJ,EAAiB,YAAc"}

package/dist/ui/tetrascience-icon.js

@@ -0,0 +1,47 @@
+import { jsxs as i, jsx as e } from "react/jsx-runtime";
+import * as a from "react";
+import { cn as c } from "../lib/utils.js";
+const L = a.forwardRef(
+  ({ size: r = 24, className: t, fill: o = "currentColor", ...n }, s) => /* @__PURE__ */ i(
+    "svg",
+    {
+      ref: s,
+      xmlns: "http://www.w3.org/2000/svg",
+      width: r,
+      height: r,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      className: c("shrink-0", t),
+      ...n,
+      children: [
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M22.392 10.5705C21.693 5.4495 17.313 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12C1.5 14.064 2.1045 15.9825 3.132 17.6055L1.5 22.5L6.3945 20.868C7.6395 21.657 9.06 22.188 10.584 22.3965",
+            stroke: o,
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        ),
+        /* @__PURE__ */ e(
+          "path",
+          {
+            d: "M17.625 12.75L18.75 16.5L22.5 17.625L18.75 18.75L17.625 22.5L16.5 18.75L12.75 17.625L16.5 16.5L17.625 12.75Z",
+            fill: o,
+            stroke: o,
+            strokeWidth: "3",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      ]
+    }
+  )
+);
+L.displayName = "TetraScienceIcon";
+export {
+  L as TetraScienceIcon,
+  L as default
+};
+//# sourceMappingURL=tetrascience-icon.js.map

package/dist/ui/tetrascience-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tetrascience-icon.js","sources":["../../src/components/ui/tetrascience-icon.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nexport interface TetraScienceIconProps extends React.SVGProps<SVGSVGElement> {\n  size?: number | string\n}\n\nconst TetraScienceIcon = React.forwardRef<SVGSVGElement, TetraScienceIconProps>(\n  ({ size = 24, className, fill = \"currentColor\", ...props }, ref) => (\n    <svg\n      ref={ref}\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      className={cn(\"shrink-0\", className)}\n      {...props}\n    >\n      <path\n        d=\"M22.392 10.5705C21.693 5.4495 17.313 1.5 12 1.5C6.201 1.5 1.5 6.201 1.5 12C1.5 14.064 2.1045 15.9825 3.132 17.6055L1.5 22.5L6.3945 20.868C7.6395 21.657 9.06 22.188 10.584 22.3965\"\n        stroke={fill}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n      <path\n        d=\"M17.625 12.75L18.75 16.5L22.5 17.625L18.75 18.75L17.625 22.5L16.5 18.75L12.75 17.625L16.5 16.5L17.625 12.75Z\"\n        fill={fill}\n        stroke={fill}\n        strokeWidth=\"3\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  )\n)\n\nTetraScienceIcon.displayName = \"TetraScienceIcon\"\n\nexport { TetraScienceIcon }\nexport default TetraScienceIcon\n\n"],"names":["TetraScienceIcon","React","size","className","fill","props","ref","jsxs","cn","jsx"],"mappings":";;;AAQA,MAAMA,IAAmBC,EAAM;AAAA,EAC7B,CAAC,EAAE,MAAAC,IAAO,IAAI,WAAAC,GAAW,MAAAC,IAAO,gBAAgB,GAAGC,KAASC,MAC1D,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAD;AAAA,MACA,OAAM;AAAA,MACN,OAAOJ;AAAA,MACP,QAAQA;AAAA,MACR,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,WAAWM,EAAG,YAAYL,CAAS;AAAA,MAClC,GAAGE;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAI;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,QAAQL;AAAA,YACR,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,QAEjB,gBAAAK;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAAL;AAAA,YACA,QAAQA;AAAA,YACR,aAAY;AAAA,YACZ,eAAc;AAAA,YACd,gBAAe;AAAA,UAAA;AAAA,QAAA;AAAA,MACjB;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAJ,EAAiB,cAAc;"}

package/dist/ui/textarea.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("../lib/utils.cjs");function a({className:e,...r}){return t.jsx("textarea",{"data-slot":"textarea",className:i.cn("flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-card px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50",e),...r})}exports.Textarea=a;
+//# sourceMappingURL=textarea.cjs.map

package/dist/ui/textarea.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.cjs","sources":["../../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-card px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":"mJAIA,SAASA,EAAS,CAAE,UAAAC,EAAW,GAAGC,GAA2C,CAC3E,OACEC,EAAAA,IAAC,WAAA,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,4bACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV"}

package/dist/ui/textarea.js

@@ -0,0 +1,19 @@
+import { jsx as i } from "react/jsx-runtime";
+import { cn as a } from "../lib/utils.js";
+function o({ className: e, ...r }) {
+  return /* @__PURE__ */ i(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: a(
+        "flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-card px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50",
+        e
+      ),
+      ...r
+    }
+  );
+}
+export {
+  o as Textarea
+};
+//# sourceMappingURL=textarea.js.map

package/dist/ui/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sources":["../../src/components/ui/textarea.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction Textarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n  return (\n    <textarea\n      data-slot=\"textarea\"\n      className={cn(\n        \"flex field-sizing-content min-h-16 w-full rounded-lg border border-input bg-card px-2.5 py-2 text-base transition-colors outline-none placeholder:text-muted-foreground focus-visible:border-ring focus-visible:shadow-focus disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:shadow-focus md:text-sm dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport { Textarea }\n"],"names":["Textarea","className","props","jsx","cn"],"mappings":";;AAIA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAA2C;AAC3E,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/ui/toggle-group.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("radix-ui"),p=require("react"),c=require("./toggle.cjs"),u=require("../lib/utils.cjs");function f(a){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(a){for(const t in a)if(t!=="default"){const e=Object.getOwnPropertyDescriptor(a,t);Object.defineProperty(r,t,e.get?e:{enumerable:!0,get:()=>a[t]})}}return r.default=a,Object.freeze(r)}const l=f(p),d=l.createContext({size:"default",variant:"default",spacing:0,orientation:"horizontal"});function m({className:a,variant:r,size:t,spacing:e=0,orientation:g="horizontal",children:o,...s}){return i.jsx(n.ToggleGroup.Root,{"data-slot":"toggle-group","data-variant":r,"data-size":t,"data-spacing":e,"data-orientation":g,style:{"--gap":e},className:u.cn("group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch",a),...s,children:i.jsx(d.Provider,{value:{variant:r,size:t,spacing:e,orientation:g},children:o})})}function v({className:a,children:r,variant:t="default",size:e="default",...g}){const o=l.useContext(d);return i.jsx(n.ToggleGroup.Item,{"data-slot":"toggle-group-item","data-variant":o.variant||t,"data-size":o.size||e,"data-spacing":o.spacing,className:u.cn("shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",c.toggleVariants({variant:o.variant||t,size:o.size||e}),"aria-pressed:bg-primary aria-pressed:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",a),...g,children:r})}exports.ToggleGroup=m;exports.ToggleGroupItem=v;
+//# sourceMappingURL=toggle-group.cjs.map

package/dist/ui/toggle-group.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.cjs","sources":["../../src/components/ui/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { toggleVariants } from \"@/components/ui/toggle\"\nimport { cn } from \"@/lib/utils\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        // SW-2292: selected group items use a high-contrast primary fill (the\n        // shared toggle `on` state is the subtle bg-accent). twMerge drops the\n        // inherited accent so this wins; standalone Toggle is unaffected.\n        \"aria-pressed:bg-primary aria-pressed:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","spacing","orientation","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":"gfAOMA,EAAqBC,EAAM,cAK/B,CACA,KAAM,UACN,QAAS,UACT,QAAS,EACT,YAAa,YACf,CAAC,EAED,SAASC,EAAY,CACnB,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,EACV,YAAAC,EAAc,aACd,SAAAC,EACA,GAAGC,CACL,EAIK,CACH,OACEC,EAAAA,IAACC,EAAAA,YAAqB,KAArB,CACC,YAAU,eACV,eAAcP,EACd,YAAWC,EACX,eAAcC,EACd,mBAAkBC,EAClB,MAAO,CAAE,QAASD,CAAA,EAClB,UAAWM,EAAAA,GACT,oMACAT,CAAA,EAED,GAAGM,EAEJ,SAAAC,EAAAA,IAACV,EAAmB,SAAnB,CACC,MAAO,CAAE,QAAAI,EAAS,KAAAC,EAAM,QAAAC,EAAS,YAAAC,CAAA,EAEhC,SAAAC,CAAA,CAAA,CACH,CAAA,CAGN,CAEA,SAASK,EAAgB,CACvB,UAAAV,EACA,SAAAK,EACA,QAAAJ,EAAU,UACV,KAAAC,EAAO,UACP,GAAGI,CACL,EACuC,CACrC,MAAMK,EAAUb,EAAM,WAAWD,CAAkB,EAEnD,OACEU,EAAAA,IAACC,EAAAA,YAAqB,KAArB,CACC,YAAU,oBACV,eAAcG,EAAQ,SAAWV,EACjC,YAAWU,EAAQ,MAAQT,EAC3B,eAAcS,EAAQ,QACtB,UAAWF,EAAAA,GACT,qvBACAG,iBAAe,CACb,QAASD,EAAQ,SAAWV,EAC5B,KAAMU,EAAQ,MAAQT,CAAA,CACvB,EAID,kIACAF,CAAA,EAED,GAAGM,EAEH,SAAAD,CAAA,CAAA,CAGP"}

package/dist/ui/toggle-group.js

@@ -0,0 +1,81 @@
+import { jsx as i } from "react/jsx-runtime";
+import { ToggleGroup as d } from "radix-ui";
+import * as n from "react";
+import { toggleVariants as s } from "./toggle.js";
+import { cn as l } from "../lib/utils.js";
+const p = n.createContext({
+  size: "default",
+  variant: "default",
+  spacing: 0,
+  orientation: "horizontal"
+});
+function x({
+  className: g,
+  variant: o,
+  size: r,
+  spacing: t = 0,
+  orientation: e = "horizontal",
+  children: a,
+  ...u
+}) {
+  return /* @__PURE__ */ i(
+    d.Root,
+    {
+      "data-slot": "toggle-group",
+      "data-variant": o,
+      "data-size": r,
+      "data-spacing": t,
+      "data-orientation": e,
+      style: { "--gap": t },
+      className: l(
+        "group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch",
+        g
+      ),
+      ...u,
+      children: /* @__PURE__ */ i(
+        p.Provider,
+        {
+          value: { variant: o, size: r, spacing: t, orientation: e },
+          children: a
+        }
+      )
+    }
+  );
+}
+function z({
+  className: g,
+  children: o,
+  variant: r = "default",
+  size: t = "default",
+  ...e
+}) {
+  const a = n.useContext(p);
+  return /* @__PURE__ */ i(
+    d.Item,
+    {
+      "data-slot": "toggle-group-item",
+      "data-variant": a.variant || r,
+      "data-size": a.size || t,
+      "data-spacing": a.spacing,
+      className: l(
+        "shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t",
+        s({
+          variant: a.variant || r,
+          size: a.size || t
+        }),
+        // SW-2292: selected group items use a high-contrast primary fill (the
+        // shared toggle `on` state is the subtle bg-accent). twMerge drops the
+        // inherited accent so this wins; standalone Toggle is unaffected.
+        "aria-pressed:bg-primary aria-pressed:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground",
+        g
+      ),
+      ...e,
+      children: o
+    }
+  );
+}
+export {
+  x as ToggleGroup,
+  z as ToggleGroupItem
+};
+//# sourceMappingURL=toggle-group.js.map

package/dist/ui/toggle-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle-group.js","sources":["../../src/components/ui/toggle-group.tsx"],"sourcesContent":["import { type VariantProps } from \"class-variance-authority\"\nimport { ToggleGroup as ToggleGroupPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { toggleVariants } from \"@/components/ui/toggle\"\nimport { cn } from \"@/lib/utils\"\n\nconst ToggleGroupContext = React.createContext<\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }\n>({\n  size: \"default\",\n  variant: \"default\",\n  spacing: 0,\n  orientation: \"horizontal\",\n})\n\nfunction ToggleGroup({\n  className,\n  variant,\n  size,\n  spacing = 0,\n  orientation = \"horizontal\",\n  children,\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Root> &\n  VariantProps<typeof toggleVariants> & {\n    spacing?: number\n    orientation?: \"horizontal\" | \"vertical\"\n  }) {\n  return (\n    <ToggleGroupPrimitive.Root\n      data-slot=\"toggle-group\"\n      data-variant={variant}\n      data-size={size}\n      data-spacing={spacing}\n      data-orientation={orientation}\n      style={{ \"--gap\": spacing } as React.CSSProperties}\n      className={cn(\n        \"group/toggle-group flex w-fit flex-row items-center gap-[--spacing(var(--gap))] rounded-lg data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-vertical:flex-col data-vertical:items-stretch\",\n        className\n      )}\n      {...props}\n    >\n      <ToggleGroupContext.Provider\n        value={{ variant, size, spacing, orientation }}\n      >\n        {children}\n      </ToggleGroupContext.Provider>\n    </ToggleGroupPrimitive.Root>\n  )\n}\n\nfunction ToggleGroupItem({\n  className,\n  children,\n  variant = \"default\",\n  size = \"default\",\n  ...props\n}: React.ComponentProps<typeof ToggleGroupPrimitive.Item> &\n  VariantProps<typeof toggleVariants>) {\n  const context = React.useContext(ToggleGroupContext)\n\n  return (\n    <ToggleGroupPrimitive.Item\n      data-slot=\"toggle-group-item\"\n      data-variant={context.variant || variant}\n      data-size={context.size || size}\n      data-spacing={context.spacing}\n      className={cn(\n        \"shrink-0 group-data-[spacing=0]/toggle-group:rounded-none group-data-[spacing=0]/toggle-group:px-2 focus:z-10 focus-visible:z-10 group-data-horizontal/toggle-group:data-[spacing=0]:first:rounded-l-lg group-data-vertical/toggle-group:data-[spacing=0]:first:rounded-t-lg group-data-horizontal/toggle-group:data-[spacing=0]:last:rounded-r-lg group-data-vertical/toggle-group:data-[spacing=0]:last:rounded-b-lg group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:border-l-0 group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:border-t-0 group-data-horizontal/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-l group-data-vertical/toggle-group:data-[spacing=0]:data-[variant=outline]:first:border-t\",\n        toggleVariants({\n          variant: context.variant || variant,\n          size: context.size || size,\n        }),\n        // SW-2292: selected group items use a high-contrast primary fill (the\n        // shared toggle `on` state is the subtle bg-accent). twMerge drops the\n        // inherited accent so this wins; standalone Toggle is unaffected.\n        \"aria-pressed:bg-primary aria-pressed:text-primary-foreground data-[state=on]:bg-primary data-[state=on]:text-primary-foreground\",\n        className\n      )}\n      {...props}\n    >\n      {children}\n    </ToggleGroupPrimitive.Item>\n  )\n}\n\nexport { ToggleGroup, ToggleGroupItem }\n"],"names":["ToggleGroupContext","React","ToggleGroup","className","variant","size","spacing","orientation","children","props","jsx","ToggleGroupPrimitive","cn","ToggleGroupItem","context","toggleVariants"],"mappings":";;;;;AAOA,MAAMA,IAAqBC,EAAM,cAK/B;AAAA,EACA,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,aAAa;AACf,CAAC;AAED,SAASC,EAAY;AAAA,EACnB,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC,IAAc;AAAA,EACd,UAAAC;AAAA,EACA,GAAGC;AACL,GAIK;AACH,SACE,gBAAAC;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcP;AAAA,MACd,aAAWC;AAAA,MACX,gBAAcC;AAAA,MACd,oBAAkBC;AAAA,MAClB,OAAO,EAAE,SAASD,EAAA;AAAA,MAClB,WAAWM;AAAA,QACT;AAAA,QACAT;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACV,EAAmB;AAAA,QAAnB;AAAA,UACC,OAAO,EAAE,SAAAI,GAAS,MAAAC,GAAM,SAAAC,GAAS,aAAAC,EAAA;AAAA,UAEhC,UAAAC;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EAAA;AAGN;AAEA,SAASK,EAAgB;AAAA,EACvB,WAAAV;AAAA,EACA,UAAAK;AAAA,EACA,SAAAJ,IAAU;AAAA,EACV,MAAAC,IAAO;AAAA,EACP,GAAGI;AACL,GACuC;AACrC,QAAMK,IAAUb,EAAM,WAAWD,CAAkB;AAEnD,SACE,gBAAAU;AAAA,IAACC,EAAqB;AAAA,IAArB;AAAA,MACC,aAAU;AAAA,MACV,gBAAcG,EAAQ,WAAWV;AAAA,MACjC,aAAWU,EAAQ,QAAQT;AAAA,MAC3B,gBAAcS,EAAQ;AAAA,MACtB,WAAWF;AAAA,QACT;AAAA,QACAG,EAAe;AAAA,UACb,SAASD,EAAQ,WAAWV;AAAA,UAC5B,MAAMU,EAAQ,QAAQT;AAAA,QAAA,CACvB;AAAA;AAAA;AAAA;AAAA,QAID;AAAA,QACAF;AAAA,MAAA;AAAA,MAED,GAAGM;AAAA,MAEH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/ui/toggle.cjs

@@ -0,0 +1,2 @@
+"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/ui/toggle.cjs.map

@@ -0,0 +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-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":"+MAMMA,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/ui/toggle.js

@@ -0,0 +1,44 @@
+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 = 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-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 f({
+  className: e,
+  variant: t = "default",
+  size: a = "default",
+  ...n
+}) {
+  return /* @__PURE__ */ r(
+    i.Root,
+    {
+      "data-slot": "toggle",
+      className: s(d({ variant: t, size: a, className: e })),
+      ...n
+    }
+  );
+}
+export {
+  f as Toggle,
+  d as toggleVariants
+};
+//# sourceMappingURL=toggle.js.map

package/dist/ui/toggle.js.map

@@ -0,0 +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-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/ui/tooltip.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("radix-ui"),n=require("../lib/utils.cjs");function d({delayDuration:t=0,...i}){return o.jsx(e.Tooltip.Provider,{"data-slot":"tooltip-provider",delayDuration:t,...i})}function l({...t}){return o.jsx(e.Tooltip.Root,{"data-slot":"tooltip",...t})}function s({...t}){return o.jsx(e.Tooltip.Trigger,{"data-slot":"tooltip-trigger",...t})}function p({className:t,sideOffset:i=0,children:a,...r}){return o.jsx(e.Tooltip.Portal,{children:o.jsxs(e.Tooltip.Content,{"data-slot":"tooltip-content",sideOffset:i,className:n.cn("z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-xs text-background data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",t),...r,children:[a,o.jsx(e.Tooltip.Arrow,{className:"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground"})]})})}exports.Tooltip=l;exports.TooltipContent=p;exports.TooltipProvider=d;exports.TooltipTrigger=s;
+//# sourceMappingURL=tooltip.cjs.map

package/dist/ui/tooltip.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.cjs","sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-xs text-background data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":"yKAOA,SAASA,EAAgB,CACvB,cAAAC,EAAgB,EAChB,GAAGC,CACL,EAA2D,CACzD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,SAAjB,CACC,YAAU,mBACV,cAAAH,EACC,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAQ,CACf,GAAGH,CACL,EAAuD,CACrD,aAAQE,EAAAA,QAAiB,KAAjB,CAAsB,YAAU,UAAW,GAAGF,EAAO,CAC/D,CAEA,SAASI,EAAe,CACtB,GAAGJ,CACL,EAA0D,CACxD,aAAQE,EAAAA,QAAiB,QAAjB,CAAyB,YAAU,kBAAmB,GAAGF,EAAO,CAC1E,CAEA,SAASK,EAAe,CACtB,UAAAC,EACA,WAAAC,EAAa,EACb,SAAAC,EACA,GAAGR,CACL,EAA0D,CACxD,OACEC,EAAAA,IAACC,EAAAA,QAAiB,OAAjB,CACC,SAAAO,EAAAA,KAACP,EAAAA,QAAiB,QAAjB,CACC,YAAU,kBACV,WAAAK,EACA,UAAWG,EAAAA,GACT,ohBACAJ,CAAA,EAED,GAAGN,EAEH,SAAA,CAAAQ,EACDP,EAAAA,IAACC,EAAAA,QAAiB,MAAjB,CAAuB,UAAU,oGAAA,CAAqG,CAAA,CAAA,CAAA,EAE3I,CAEJ"}

package/dist/ui/tooltip.js

@@ -0,0 +1,56 @@
+import { jsx as a, jsxs as d } from "react/jsx-runtime";
+import { Tooltip as o } from "radix-ui";
+import { cn as n } from "../lib/utils.js";
+function m({
+  delayDuration: t = 0,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    o.Provider,
+    {
+      "data-slot": "tooltip-provider",
+      delayDuration: t,
+      ...e
+    }
+  );
+}
+function f({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Root, { "data-slot": "tooltip", ...t });
+}
+function c({
+  ...t
+}) {
+  return /* @__PURE__ */ a(o.Trigger, { "data-slot": "tooltip-trigger", ...t });
+}
+function u({
+  className: t,
+  sideOffset: e = 0,
+  children: i,
+  ...r
+}) {
+  return /* @__PURE__ */ a(o.Portal, { children: /* @__PURE__ */ d(
+    o.Content,
+    {
+      "data-slot": "tooltip-content",
+      sideOffset: e,
+      className: n(
+        "z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-xs text-background data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+        t
+      ),
+      ...r,
+      children: [
+        i,
+        /* @__PURE__ */ a(o.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+      ]
+    }
+  ) });
+}
+export {
+  f as Tooltip,
+  u as TooltipContent,
+  m as TooltipProvider,
+  c as TooltipTrigger
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/ui/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../src/components/ui/tooltip.tsx"],"sourcesContent":["\"use client\"\n\nimport { Tooltip as TooltipPrimitive } from \"radix-ui\"\nimport * as React from \"react\"\n\nimport { cn } from \"@/lib/utils\"\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  )\n}\n\nfunction Tooltip({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n}\n\nfunction TooltipTrigger({\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          \"z-50 w-fit max-w-xs origin-(--radix-tooltip-content-transform-origin) rounded-md bg-foreground px-3 py-1.5 text-xs text-background data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=delayed-open]:animate-in data-[state=delayed-open]:fade-in-0 data-[state=delayed-open]:zoom-in-95 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95\",\n          className\n        )}\n        {...props}\n      >\n        {children}\n        <TooltipPrimitive.Arrow className=\"z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground\" />\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  )\n}\n\nexport { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger }\n"],"names":["TooltipProvider","delayDuration","props","jsx","TooltipPrimitive","Tooltip","TooltipTrigger","TooltipContent","className","sideOffset","children","jsxs","cn"],"mappings":";;;AAOA,SAASA,EAAgB;AAAA,EACvB,eAAAC,IAAgB;AAAA,EAChB,GAAGC;AACL,GAA2D;AACzD,SACE,gBAAAC;AAAA,IAACC,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,eAAAH;AAAA,MACC,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAQ;AAAA,EACf,GAAGH;AACL,GAAuD;AACrD,2BAAQE,EAAiB,MAAjB,EAAsB,aAAU,WAAW,GAAGF,GAAO;AAC/D;AAEA,SAASI,EAAe;AAAA,EACtB,GAAGJ;AACL,GAA0D;AACxD,2BAAQE,EAAiB,SAAjB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAe;AAAA,EACtB,WAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,GAAGR;AACL,GAA0D;AACxD,SACE,gBAAAC,EAACC,EAAiB,QAAjB,EACC,UAAA,gBAAAO;AAAA,IAACP,EAAiB;AAAA,IAAjB;AAAA,MACC,aAAU;AAAA,MACV,YAAAK;AAAA,MACA,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGN;AAAA,MAEH,UAAA;AAAA,QAAAQ;AAAA,QACD,gBAAAP,EAACC,EAAiB,OAAjB,EAAuB,WAAU,qGAAA,CAAqG;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE3I;AAEJ;"}

package/dist/utils/colors.d.ts

@@ -0,0 +1,50 @@
+/**
+ * Centralized chart color system for TetraScience UI
+ * Resolves the CVD-friendly chart palette CSS variables defined in
+ * `index.tailwind.css` into Plotly-parseable colors, with TypeScript
+ * support and IntelliSense
+ */
+/**
+ * Chart color palette for consistent graph styling.
+ *
+ * CVD-friendly (deuteranopia / protanopia / tritanopia) categorical palette.
+ * Single source of truth is the `--chart-1` … `--chart-12` CSS variables in
+ * `index.tailwind.css`; the hex fallbacks below are used during SSR / before
+ * the stylesheet resolves. Slots 1–8 are recommended; 9–12 are for sparing use
+ * when more than 8 series are needed.
+ */
+export declare const CHART_COLORS: readonly [string, string, string, string, string, string, string, string, string, string, string, string];
+/**
+ * Resolve the color for a data series: use the explicit color when one is
+ * provided, otherwise cycle through the {@link CHART_COLORS} palette by series
+ * index (wrapping around when there are more series than palette slots).
+ *
+ * @param index - Zero-based series index
+ * @param explicit - Caller-provided color override, if any
+ */
+export declare const seriesColor: (index: number, explicit?: string | null) => string;
+/**
+ * CVD-friendly sequential ramps (light → dark, anchored on brand).
+ * 12 steps each — pass to a chart's colorscale / sequential interpolator.
+ * Source of truth: `--chart-seq-*` CSS variables in `index.tailwind.css`.
+ */
+export declare const CHART_SEQUENTIAL: {
+    readonly blue: string[];
+    readonly teal: string[];
+    readonly purple: string[];
+};
+/**
+ * CVD-friendly diverging ramps (midpoint at step 06/07). Red/green pairings
+ * are intentionally avoided (worst for deutan/protan).
+ * Source of truth: `--chart-div-*` CSS variables in `index.tailwind.css`.
+ */
+export declare const CHART_DIVERGING: {
+    readonly blueOrange: string[];
+    readonly tealMagenta: string[];
+    readonly purpleYellowGreen: string[];
+};
+/**
+ * Convert a color ramp (e.g. `CHART_SEQUENTIAL.blue`, `CHART_DIVERGING.blueOrange`)
+ * into Plotly's colorscale format: evenly spaced [position, color] stops.
+ */
+export declare const toPlotlyColorscale: (ramp: readonly string[]) => Array<[number, string]>;