@asevenid/ui 0.1.0

package/dist/components/primitives/select.js

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { SelectTrigger as o } from "../ui/select.js";
+import { Select as u, SelectContent as s, SelectGroup as g, SelectItem as f, SelectLabel as w, SelectScrollDownButton as x, SelectScrollUpButton as T, SelectSeparator as b, SelectValue as d } from "../ui/select.js";
+import { cn as l } from "../../lib/utils.js";
+function n({ className: e, ...t }) {
+  return /* @__PURE__ */ r(
+    o,
+    {
+      className: l(
+        "shadow-(--surface-shadow-input) bg-[image:var(--surface-input-overlay)]",
+        e
+      ),
+      ...t
+    }
+  );
+}
+export {
+  u as Select,
+  s as SelectContent,
+  g as SelectGroup,
+  f as SelectItem,
+  w as SelectLabel,
+  x as SelectScrollDownButton,
+  T as SelectScrollUpButton,
+  b as SelectSeparator,
+  n as SelectTrigger,
+  d as SelectValue
+};
+//# sourceMappingURL=select.js.map

package/dist/components/primitives/select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.js","sources":["../../../src/components/primitives/select.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger as UISelectTrigger,\n  SelectValue,\n} from \"@/components/ui/select\"\nimport { cn } from \"@/lib/utils\"\n\ntype SelectTriggerProps = React.ComponentProps<typeof UISelectTrigger>\n\nfunction SelectTrigger({ className, ...props }: SelectTriggerProps) {\n  return (\n    <UISelectTrigger\n      className={cn(\n        \"shadow-(--surface-shadow-input) bg-[image:var(--surface-input-overlay)]\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n}\nexport type { SelectTriggerProps }\n"],"names":["SelectTrigger","className","props","jsx","UISelectTrigger","cn"],"mappings":";;;;;;AAkBA,SAASA,EAAc,EAAE,WAAAC,GAAW,GAAGC,KAA6B;AAClE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/primitives/sheet.d.ts

@@ -0,0 +1,2 @@
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, } from '../ui/sheet';
+//# sourceMappingURL=sheet.d.ts.map

package/dist/components/primitives/sheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sheet.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,EACL,UAAU,EACV,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,WAAW,EACX,UAAU,EACV,YAAY,GACb,MAAM,uBAAuB,CAAA"}

package/dist/components/primitives/skeleton.d.ts

@@ -0,0 +1,5 @@
+import { Skeleton as UISkeleton } from '../ui/skeleton';
+import * as React from "react";
+declare function Skeleton({ className, ...props }: React.ComponentProps<typeof UISkeleton>): import("react/jsx-runtime").JSX.Element;
+export { Skeleton };
+//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/primitives/skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,QAAQ,IAAI,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAMjE,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,2CAEzC;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/primitives/skeleton.js

@@ -0,0 +1,15 @@
+"use client";
+import { jsx as t } from "react/jsx-runtime";
+import "react";
+import { Skeleton as r } from "../ui/skeleton.js";
+import { cn as m } from "../../lib/utils.js";
+function s({
+  className: e,
+  ...o
+}) {
+  return /* @__PURE__ */ t(r, { className: m("bg-muted", e), ...o });
+}
+export {
+  s as Skeleton
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/components/primitives/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../../src/components/primitives/skeleton.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Skeleton as UISkeleton } from \"@/components/ui/skeleton\"\nimport { cn } from \"@/lib/utils\"\n\n// A skeleton is a solid placeholder *object*, not an interaction state. ui/skeleton\n// fills with bg-accent, which now resolves to the hover state layer — pin it back to\n// the opaque neutral so placeholders read as stable blocks on any surface.\nfunction Skeleton({\n  className,\n  ...props\n}: React.ComponentProps<typeof UISkeleton>) {\n  return <UISkeleton className={cn(\"bg-muted\", className)} {...props} />\n}\n\nexport { Skeleton }\n"],"names":["Skeleton","className","props","jsx","UISkeleton","cn"],"mappings":";;;;;AAQA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,GAAGC;AACL,GAA4C;AAC1C,SAAO,gBAAAC,EAACC,KAAW,WAAWC,EAAG,YAAYJ,CAAS,GAAI,GAAGC,GAAO;AACtE;"}

package/dist/components/primitives/slider.d.ts

@@ -0,0 +1,10 @@
+import { Slider as UISlider } from '../ui/slider';
+import * as React from "react";
+type SliderProps = React.ComponentProps<typeof UISlider> & {
+    showHoverValue?: boolean;
+    formatValue?: (value: number) => React.ReactNode;
+};
+declare function Slider({ className, showHoverValue, formatValue, min, max, step, ...props }: SliderProps): import("react/jsx-runtime").JSX.Element;
+export { Slider };
+export type { SliderProps };
+//# sourceMappingURL=slider.d.ts.map

package/dist/components/primitives/slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAG3D,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,GAAG;IACzD,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAA;CACjD,CAAA;AASD,iBAAS,MAAM,CAAC,EACd,SAAS,EACT,cAAc,EACd,WAAW,EACX,GAAO,EACP,GAAS,EACT,IAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,2CAuBb;AAwED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/primitives/slider.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx as d, jsxs as R } from "react/jsx-runtime";
+import * as f from "react";
+import { Slider as w } from "../ui/slider.js";
+import { cn as h } from "../../lib/utils.js";
+const x = h(
+  "isolate after:absolute after:content-[''] after:-z-10",
+  "data-[orientation=horizontal]:after:inset-x-0 data-[orientation=horizontal]:after:top-1/2 data-[orientation=horizontal]:after:h-7 data-[orientation=horizontal]:after:-translate-y-1/2",
+  "data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:left-1/2 data-[orientation=vertical]:after:w-7 data-[orientation=vertical]:after:-translate-x-1/2",
+  "[&_[data-slot=slider-range]]:bg-[image:var(--surface-filled-primary-overlay)] [&_[data-slot=slider-range][data-orientation=horizontal]]:bg-[image:var(--surface-filled-primary-overlay-horizontal)] [&_[data-slot=slider-range]]:bg-blend-normal [&_[data-slot=slider-thumb]]:border-0 [&_[data-slot=slider-thumb]]:bg-primary [&_[data-slot=slider-thumb]]:ring-ring/30 [&_[data-slot=slider-thumb]]:shadow-(--elevation-primary)"
+);
+function j({
+  className: i,
+  showHoverValue: l,
+  formatValue: e,
+  min: a = 0,
+  max: t = 100,
+  step: s = 1,
+  ...n
+}) {
+  return l ? /* @__PURE__ */ d(
+    _,
+    {
+      min: a,
+      max: t,
+      step: s,
+      formatValue: e,
+      className: i,
+      ...n
+    }
+  ) : /* @__PURE__ */ d(
+    w,
+    {
+      min: a,
+      max: t,
+      step: s,
+      className: h(x, i),
+      ...n
+    }
+  );
+}
+function _({
+  className: i,
+  formatValue: l,
+  min: e,
+  max: a,
+  step: t,
+  ...s
+}) {
+  const n = f.useRef(null), [o, c] = f.useState(null), [g, p] = f.useState(!1);
+  return /* @__PURE__ */ R("div", { ref: n, className: "relative", children: [
+    /* @__PURE__ */ d(
+      w,
+      {
+        min: e,
+        max: a,
+        step: t,
+        onPointerMove: (v) => {
+          if (g) return;
+          const r = v.currentTarget.getBoundingClientRect(), u = n.current?.getBoundingClientRect();
+          if (!u || r.width === 0) return;
+          const m = Math.max(0, Math.min(1, (v.clientX - r.left) / r.width)), b = e + m * (a - e), y = t > 0 ? Math.round(b / t) * t : b, P = Math.max(e, Math.min(a, y)), S = r.left - u.left + m * r.width, M = r.top - u.top;
+          c({ value: P, x: S, y: M });
+        },
+        onPointerDown: () => {
+          p(!0), c(null);
+        },
+        onPointerUp: () => {
+          p(!1);
+        },
+        onPointerLeave: () => {
+          c(null);
+        },
+        className: h(x, i),
+        ...s
+      }
+    ),
+    o && !g && /* @__PURE__ */ d(
+      "div",
+      {
+        className: "pointer-events-none absolute -translate-x-1/2 -translate-y-full rounded-md bg-foreground px-1.5 py-0.5 text-xs font-medium text-background shadow-md whitespace-nowrap",
+        style: { left: `${o.x}px`, top: `${o.y - 8}px` },
+        children: l ? l(o.value) : o.value
+      }
+    )
+  ] });
+}
+export {
+  j as Slider
+};
+//# sourceMappingURL=slider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../../src/components/primitives/slider.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Slider as UISlider } from \"@/components/ui/slider\"\nimport { cn } from \"@/lib/utils\"\n\ntype SliderProps = React.ComponentProps<typeof UISlider> & {\n  showHoverValue?: boolean\n  formatValue?: (value: number) => React.ReactNode\n}\n\nconst SLIDER_CLASSES = cn(\n  \"isolate after:absolute after:content-[''] after:-z-10\",\n  \"data-[orientation=horizontal]:after:inset-x-0 data-[orientation=horizontal]:after:top-1/2 data-[orientation=horizontal]:after:h-7 data-[orientation=horizontal]:after:-translate-y-1/2\",\n  \"data-[orientation=vertical]:after:inset-y-0 data-[orientation=vertical]:after:left-1/2 data-[orientation=vertical]:after:w-7 data-[orientation=vertical]:after:-translate-x-1/2\",\n  \"[&_[data-slot=slider-range]]:bg-[image:var(--surface-filled-primary-overlay)] [&_[data-slot=slider-range][data-orientation=horizontal]]:bg-[image:var(--surface-filled-primary-overlay-horizontal)] [&_[data-slot=slider-range]]:bg-blend-normal [&_[data-slot=slider-thumb]]:border-0 [&_[data-slot=slider-thumb]]:bg-primary [&_[data-slot=slider-thumb]]:ring-ring/30 [&_[data-slot=slider-thumb]]:shadow-(--elevation-primary)\"\n)\n\nfunction Slider({\n  className,\n  showHoverValue,\n  formatValue,\n  min = 0,\n  max = 100,\n  step = 1,\n  ...props\n}: SliderProps) {\n  if (!showHoverValue) {\n    return (\n      <UISlider\n        min={min}\n        max={max}\n        step={step}\n        className={cn(SLIDER_CLASSES, className)}\n        {...props}\n      />\n    )\n  }\n\n  return (\n    <SliderWithHoverValue\n      min={min}\n      max={max}\n      step={step}\n      formatValue={formatValue}\n      className={className}\n      {...props}\n    />\n  )\n}\n\ntype SliderWithHoverValueProps = Omit<SliderProps, \"showHoverValue\"> & {\n  min: number\n  max: number\n  step: number\n}\n\nfunction SliderWithHoverValue({\n  className,\n  formatValue,\n  min,\n  max,\n  step,\n  ...props\n}: SliderWithHoverValueProps) {\n  const wrapperRef = React.useRef<HTMLDivElement>(null)\n  const [hover, setHover] = React.useState<{ value: number; x: number; y: number } | null>(null)\n  const [isDragging, setIsDragging] = React.useState(false)\n\n  const handlePointerMove = (event: React.PointerEvent<HTMLSpanElement>) => {\n    if (isDragging) return\n    const sliderRect = event.currentTarget.getBoundingClientRect()\n    const wrapperRect = wrapperRef.current?.getBoundingClientRect()\n    if (!wrapperRect || sliderRect.width === 0) return\n    const ratio = Math.max(0, Math.min(1, (event.clientX - sliderRect.left) / sliderRect.width))\n    const raw = min + ratio * (max - min)\n    const stepped = step > 0 ? Math.round(raw / step) * step : raw\n    const clamped = Math.max(min, Math.min(max, stepped))\n    const x = sliderRect.left - wrapperRect.left + ratio * sliderRect.width\n    const y = sliderRect.top - wrapperRect.top\n    setHover({ value: clamped, x, y })\n  }\n\n  const handlePointerDown = () => {\n    setIsDragging(true)\n    setHover(null)\n  }\n\n  const handlePointerUp = () => {\n    setIsDragging(false)\n  }\n\n  const handlePointerLeave = () => {\n    setHover(null)\n  }\n\n  return (\n    <div ref={wrapperRef} className=\"relative\">\n      <UISlider\n        min={min}\n        max={max}\n        step={step}\n        onPointerMove={handlePointerMove}\n        onPointerDown={handlePointerDown}\n        onPointerUp={handlePointerUp}\n        onPointerLeave={handlePointerLeave}\n        className={cn(SLIDER_CLASSES, className)}\n        {...props}\n      />\n      {hover && !isDragging && (\n        <div\n          className=\"pointer-events-none absolute -translate-x-1/2 -translate-y-full rounded-md bg-foreground px-1.5 py-0.5 text-xs font-medium text-background shadow-md whitespace-nowrap\"\n          style={{ left: `${hover.x}px`, top: `${hover.y - 8}px` }}\n        >\n          {formatValue ? formatValue(hover.value) : hover.value}\n        </div>\n      )}\n    </div>\n  )\n}\n\nexport { Slider }\nexport type { SliderProps }\n"],"names":["SLIDER_CLASSES","cn","Slider","className","showHoverValue","formatValue","min","max","step","props","jsx","SliderWithHoverValue","UISlider","wrapperRef","React","hover","setHover","isDragging","setIsDragging","jsxs","event","sliderRect","wrapperRect","ratio","raw","stepped","clamped","x","y"],"mappings":";;;;;AAUA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,KAAAC,IAAM;AAAA,EACN,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd,SAAKL,IAaH,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAAL;AAAA,MACA,KAAAC;AAAA,MACA,MAAAC;AAAA,MACA,aAAAH;AAAA,MACA,WAAAF;AAAA,MACC,GAAGM;AAAA,IAAA;AAAA,EAAA,IAjBJ,gBAAAC;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,KAAAN;AAAA,MACA,KAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAWP,EAAGD,GAAgBG,CAAS;AAAA,MACtC,GAAGM;AAAA,IAAA;AAAA,EAAA;AAeZ;AAQA,SAASE,EAAqB;AAAA,EAC5B,WAAAR;AAAA,EACA,aAAAE;AAAA,EACA,KAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,GAA8B;AAC5B,QAAMI,IAAaC,EAAM,OAAuB,IAAI,GAC9C,CAACC,GAAOC,CAAQ,IAAIF,EAAM,SAAyD,IAAI,GACvF,CAACG,GAAYC,CAAa,IAAIJ,EAAM,SAAS,EAAK;AA6BxD,SACE,gBAAAK,EAAC,OAAA,EAAI,KAAKN,GAAY,WAAU,YAC9B,UAAA;AAAA,IAAA,gBAAAH;AAAA,MAACE;AAAAA,MAAA;AAAA,QACC,KAAAN;AAAA,QACA,KAAAC;AAAA,QACA,MAAAC;AAAA,QACA,eAjCoB,CAACY,MAA+C;AACxE,cAAIH,EAAY;AAChB,gBAAMI,IAAaD,EAAM,cAAc,sBAAA,GACjCE,IAAcT,EAAW,SAAS,sBAAA;AACxC,cAAI,CAACS,KAAeD,EAAW,UAAU,EAAG;AAC5C,gBAAME,IAAQ,KAAK,IAAI,GAAG,KAAK,IAAI,IAAIH,EAAM,UAAUC,EAAW,QAAQA,EAAW,KAAK,CAAC,GACrFG,IAAMlB,IAAMiB,KAAShB,IAAMD,IAC3BmB,IAAUjB,IAAO,IAAI,KAAK,MAAMgB,IAAMhB,CAAI,IAAIA,IAAOgB,GACrDE,IAAU,KAAK,IAAIpB,GAAK,KAAK,IAAIC,GAAKkB,CAAO,CAAC,GAC9CE,IAAIN,EAAW,OAAOC,EAAY,OAAOC,IAAQF,EAAW,OAC5DO,IAAIP,EAAW,MAAMC,EAAY;AACvC,UAAAN,EAAS,EAAE,OAAOU,GAAS,GAAAC,GAAG,GAAAC,GAAG;AAAA,QACnC;AAAA,QAsBM,eApBoB,MAAM;AAC9B,UAAAV,EAAc,EAAI,GAClBF,EAAS,IAAI;AAAA,QACf;AAAA,QAkBM,aAhBkB,MAAM;AAC5B,UAAAE,EAAc,EAAK;AAAA,QACrB;AAAA,QAeM,gBAbqB,MAAM;AAC/B,UAAAF,EAAS,IAAI;AAAA,QACf;AAAA,QAYM,WAAWf,EAAGD,GAAgBG,CAAS;AAAA,QACtC,GAAGM;AAAA,MAAA;AAAA,IAAA;AAAA,IAELM,KAAS,CAACE,KACT,gBAAAP;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,MAAM,GAAGK,EAAM,CAAC,MAAM,KAAK,GAAGA,EAAM,IAAI,CAAC,KAAA;AAAA,QAEjD,UAAAV,IAAcA,EAAYU,EAAM,KAAK,IAAIA,EAAM;AAAA,MAAA;AAAA,IAAA;AAAA,EAClD,GAEJ;AAEJ;"}

package/dist/components/primitives/sonner.d.ts

@@ -0,0 +1,5 @@
+import { Toaster as UIToaster } from '../ui/sonner';
+type ToasterProps = React.ComponentProps<typeof UIToaster>;
+declare function Toaster({ style, richColors, ...props }: ToasterProps): import("react/jsx-runtime").JSX.Element;
+export { Toaster };
+//# sourceMappingURL=sonner.d.ts.map

package/dist/components/primitives/sonner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/sonner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAI7D,KAAK,YAAY,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAA;AAQ1D,iBAAS,OAAO,CAAC,EAAE,KAAK,EAAE,UAAiB,EAAE,GAAG,KAAK,EAAE,EAAE,YAAY,2CAoCpE;AAED,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/components/primitives/sonner.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as n } from "react/jsx-runtime";
+import { Toaster as e } from "../ui/sonner.js";
+import { buttonVariants as i } from "../ui/button.js";
+import { cn as s } from "../../lib/utils.js";
+const r = s(
+  i({ variant: "ghost", size: "xs" }),
+  "gap-0.75 hover:bg-state-hover",
+  "!ml-auto !rounded-md !bg-transparent !text-foreground"
+);
+function g({ style: a, richColors: o = !0, ...t }) {
+  return /* @__PURE__ */ n(
+    e,
+    {
+      richColors: o,
+      style: {
+        "--success-bg": "var(--success-subtle)",
+        "--success-text": "var(--success-subtle-foreground)",
+        "--success-border": "color-mix(in oklch, var(--success) 30%, transparent)",
+        "--info-bg": "var(--info-subtle)",
+        "--info-text": "var(--info-subtle-foreground)",
+        "--info-border": "color-mix(in oklch, var(--info) 30%, transparent)",
+        "--warning-bg": "var(--warning-subtle)",
+        "--warning-text": "var(--warning-subtle-foreground)",
+        "--warning-border": "color-mix(in oklch, var(--warning) 30%, transparent)",
+        "--error-bg": "var(--destructive-subtle)",
+        "--error-text": "var(--destructive-subtle-foreground)",
+        "--error-border": "color-mix(in oklch, var(--destructive) 30%, transparent)",
+        ...a
+      },
+      toastOptions: {
+        ...t.toastOptions,
+        classNames: {
+          ...t.toastOptions?.classNames,
+          success: `[&_[data-icon]]:text-success ${t.toastOptions?.classNames?.success ?? ""}`,
+          info: `[&_[data-icon]]:text-info ${t.toastOptions?.classNames?.info ?? ""}`,
+          warning: `[&_[data-icon]]:text-warning ${t.toastOptions?.classNames?.warning ?? ""}`,
+          error: `[&_[data-icon]]:text-destructive ${t.toastOptions?.classNames?.error ?? ""}`,
+          actionButton: s(r, t.toastOptions?.classNames?.actionButton),
+          cancelButton: s(r, t.toastOptions?.classNames?.cancelButton)
+        }
+      },
+      ...t
+    }
+  );
+}
+export {
+  g as Toaster
+};
+//# sourceMappingURL=sonner.js.map

package/dist/components/primitives/sonner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sonner.js","sources":["../../../src/components/primitives/sonner.tsx"],"sourcesContent":["import { Toaster as UIToaster } from \"@/components/ui/sonner\"\nimport { buttonVariants } from \"@/components/ui/button\"\nimport { cn } from \"@/lib/utils\"\n\ntype ToasterProps = React.ComponentProps<typeof UIToaster>\n\nconst actionButtonClassName = cn(\n  buttonVariants({ variant: \"ghost\", size: \"xs\" }),\n  \"gap-0.75 hover:bg-state-hover\",\n  \"!ml-auto !rounded-md !bg-transparent !text-foreground\"\n)\n\nfunction Toaster({ style, richColors = true, ...props }: ToasterProps) {\n  return (\n    <UIToaster\n      richColors={richColors}\n      style={\n        {\n          \"--success-bg\": \"var(--success-subtle)\",\n          \"--success-text\": \"var(--success-subtle-foreground)\",\n          \"--success-border\": \"color-mix(in oklch, var(--success) 30%, transparent)\",\n          \"--info-bg\": \"var(--info-subtle)\",\n          \"--info-text\": \"var(--info-subtle-foreground)\",\n          \"--info-border\": \"color-mix(in oklch, var(--info) 30%, transparent)\",\n          \"--warning-bg\": \"var(--warning-subtle)\",\n          \"--warning-text\": \"var(--warning-subtle-foreground)\",\n          \"--warning-border\": \"color-mix(in oklch, var(--warning) 30%, transparent)\",\n          \"--error-bg\": \"var(--destructive-subtle)\",\n          \"--error-text\": \"var(--destructive-subtle-foreground)\",\n          \"--error-border\": \"color-mix(in oklch, var(--destructive) 30%, transparent)\",\n          ...(style as React.CSSProperties | undefined),\n        } as React.CSSProperties\n      }\n      toastOptions={{\n        ...props.toastOptions,\n        classNames: {\n          ...props.toastOptions?.classNames,\n          success: `[&_[data-icon]]:text-success ${props.toastOptions?.classNames?.success ?? \"\"}`,\n          info: `[&_[data-icon]]:text-info ${props.toastOptions?.classNames?.info ?? \"\"}`,\n          warning: `[&_[data-icon]]:text-warning ${props.toastOptions?.classNames?.warning ?? \"\"}`,\n          error: `[&_[data-icon]]:text-destructive ${props.toastOptions?.classNames?.error ?? \"\"}`,\n          actionButton: cn(actionButtonClassName, props.toastOptions?.classNames?.actionButton),\n          cancelButton: cn(actionButtonClassName, props.toastOptions?.classNames?.cancelButton),\n        },\n      }}\n      {...props}\n    />\n  )\n}\n\nexport { Toaster }\n"],"names":["actionButtonClassName","cn","buttonVariants","Toaster","style","richColors","props","jsx","UIToaster"],"mappings":";;;;;AAMA,MAAMA,IAAwBC;AAAA,EAC5BC,EAAe,EAAE,SAAS,SAAS,MAAM,MAAM;AAAA,EAC/C;AAAA,EACA;AACF;AAEA,SAASC,EAAQ,EAAE,OAAAC,GAAO,YAAAC,IAAa,IAAM,GAAGC,KAAuB;AACrE,SACE,gBAAAC;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,YAAAH;AAAA,MACA,OACE;AAAA,QACE,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,aAAa;AAAA,QACb,eAAe;AAAA,QACf,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,oBAAoB;AAAA,QACpB,cAAc;AAAA,QACd,gBAAgB;AAAA,QAChB,kBAAkB;AAAA,QAClB,GAAID;AAAA,MAAA;AAAA,MAGR,cAAc;AAAA,QACZ,GAAGE,EAAM;AAAA,QACT,YAAY;AAAA,UACV,GAAGA,EAAM,cAAc;AAAA,UACvB,SAAS,gCAAgCA,EAAM,cAAc,YAAY,WAAW,EAAE;AAAA,UACtF,MAAM,6BAA6BA,EAAM,cAAc,YAAY,QAAQ,EAAE;AAAA,UAC7E,SAAS,gCAAgCA,EAAM,cAAc,YAAY,WAAW,EAAE;AAAA,UACtF,OAAO,oCAAoCA,EAAM,cAAc,YAAY,SAAS,EAAE;AAAA,UACtF,cAAcL,EAAGD,GAAuBM,EAAM,cAAc,YAAY,YAAY;AAAA,UACpF,cAAcL,EAAGD,GAAuBM,EAAM,cAAc,YAAY,YAAY;AAAA,QAAA;AAAA,MACtF;AAAA,MAED,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/primitives/switch.d.ts

@@ -0,0 +1,7 @@
+import { Switch as UISwitch } from '../ui/switch';
+import * as React from "react";
+type SwitchProps = React.ComponentProps<typeof UISwitch>;
+declare function Switch(props: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export { Switch };
+export type { SwitchProps };
+//# sourceMappingURL=switch.d.ts.map

package/dist/components/primitives/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/switch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAA;AAG3D,KAAK,WAAW,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAA;AAExD,iBAAS,MAAM,CAAC,KAAK,EAAE,WAAW,2CAYjC;AAED,OAAO,EAAE,MAAM,EAAE,CAAA;AACjB,YAAY,EAAE,WAAW,EAAE,CAAA"}

package/dist/components/primitives/switch.js

@@ -0,0 +1,22 @@
+"use client";
+import { jsx as s } from "react/jsx-runtime";
+import "react";
+import { Switch as d } from "../ui/switch.js";
+import { cn as c } from "../../lib/utils.js";
+function l(a) {
+  const { className: t, ...e } = a;
+  return /* @__PURE__ */ s(
+    d,
+    {
+      className: c(
+        "shadow-none data-[state=checked]:bg-[image:var(--surface-filled-primary-overlay)] data-[state=checked]:shadow-(--surface-shadow-primary-sm) bg-blend-normal data-[state=checked]:border-none data-[size=default]:h-5 data-[size=default]:w-8 data-[size=sm]:h-4 data-[size=sm]:w-6 data-[size=default]:[&_[data-slot=switch-thumb]]:size-4 data-[size=sm]:[&_[data-slot=switch-thumb]]:size-3 [&_[data-slot=switch-thumb][data-state=checked]]:translate-x-[calc(100%-2px)] [&_[data-slot=switch-thumb][data-state=unchecked]]:translate-x-px [&_[data-slot=switch-thumb]]:shadow-(--surface-shadow-neutral-sm) [&_[data-slot=switch-thumb]]:bg-[image:var(--surface-filled-neutral-overlay)]",
+        t
+      ),
+      ...e
+    }
+  );
+}
+export {
+  l as Switch
+};
+//# sourceMappingURL=switch.js.map

package/dist/components/primitives/switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.js","sources":["../../../src/components/primitives/switch.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport { Switch as UISwitch } from \"@/components/ui/switch\"\nimport { cn } from \"@/lib/utils\"\n\ntype SwitchProps = React.ComponentProps<typeof UISwitch>\n\nfunction Switch(props: SwitchProps) {\n  const { className, ...rest } = props\n\n  return (\n      <UISwitch\n        className={cn(\n          \"shadow-none data-[state=checked]:bg-[image:var(--surface-filled-primary-overlay)] data-[state=checked]:shadow-(--surface-shadow-primary-sm) bg-blend-normal data-[state=checked]:border-none data-[size=default]:h-5 data-[size=default]:w-8 data-[size=sm]:h-4 data-[size=sm]:w-6 data-[size=default]:[&_[data-slot=switch-thumb]]:size-4 data-[size=sm]:[&_[data-slot=switch-thumb]]:size-3 [&_[data-slot=switch-thumb][data-state=checked]]:translate-x-[calc(100%-2px)] [&_[data-slot=switch-thumb][data-state=unchecked]]:translate-x-px [&_[data-slot=switch-thumb]]:shadow-(--surface-shadow-neutral-sm) [&_[data-slot=switch-thumb]]:bg-[image:var(--surface-filled-neutral-overlay)]\",\n          className\n        )}\n        {...rest}\n      />\n  )\n}\n\nexport { Switch }\nexport type { SwitchProps }\n"],"names":["Switch","props","className","rest","jsx","UISwitch","cn"],"mappings":";;;;;AAOA,SAASA,EAAOC,GAAoB;AAClC,QAAM,EAAE,WAAAC,GAAW,GAAGC,EAAA,IAASF;AAE/B,SACI,gBAAAG;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/components/primitives/table.d.ts

@@ -0,0 +1,10 @@
+import { Table as UITable, TableBody, TableCaption, TableCell as UITableCell, TableFooter as UITableFooter, TableHead as UITableHead, TableHeader as UITableHeader, TableRow as UITableRow } from '../ui/table';
+import * as React from "react";
+declare function Table({ className, ...props }: React.ComponentProps<typeof UITable>): import("react/jsx-runtime").JSX.Element;
+declare function TableHeader({ className, ...props }: React.ComponentProps<typeof UITableHeader>): import("react/jsx-runtime").JSX.Element;
+declare function TableHead({ className, ...props }: React.ComponentProps<typeof UITableHead>): import("react/jsx-runtime").JSX.Element;
+declare function TableFooter({ className, ...props }: React.ComponentProps<typeof UITableFooter>): import("react/jsx-runtime").JSX.Element;
+declare function TableCell({ className, ...props }: React.ComponentProps<typeof UITableCell>): import("react/jsx-runtime").JSX.Element;
+declare function TableRow({ className, ...props }: React.ComponentProps<typeof UITableRow>): import("react/jsx-runtime").JSX.Element;
+export { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, };
+//# sourceMappingURL=table.d.ts.map

package/dist/components/primitives/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EACL,KAAK,IAAI,OAAO,EAChB,SAAS,EACT,YAAY,EACZ,SAAS,IAAI,WAAW,EACxB,WAAW,IAAI,aAAa,EAC5B,SAAS,IAAI,WAAW,EACxB,WAAW,IAAI,aAAa,EAC5B,QAAQ,IAAI,UAAU,EACvB,MAAM,uBAAuB,CAAA;AAO9B,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,2CAM3E;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,2CAU5C;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,2CAE1C;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,2CAO5C;AAED,iBAAS,SAAS,CAAC,EACjB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,2CAE1C;AAKD,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,2CAUzC;AAED,OAAO,EACL,KAAK,EACL,SAAS,EACT,YAAY,EACZ,SAAS,EACT,WAAW,EACX,SAAS,EACT,WAAW,EACX,QAAQ,GACT,CAAA"}

package/dist/components/primitives/table.js

@@ -0,0 +1,74 @@
+"use client";
+import { jsx as r } from "react/jsx-runtime";
+import "react";
+import { Table as o, TableCell as l, TableFooter as b, TableHead as s, TableHeader as n, TableRow as d } from "../ui/table.js";
+import { TableBody as $, TableCaption as v } from "../ui/table.js";
+import { cn as t } from "../../lib/utils.js";
+function i({ className: e, ...a }) {
+  return /* @__PURE__ */ r("div", { className: "overflow-hidden rounded-sm border bg-background", children: /* @__PURE__ */ r(o, { className: e, ...a }) });
+}
+function f({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    n,
+    {
+      className: t(
+        "[&_tr]:bg-muted [&_tr]:hover:bg-muted [&_th]:text-muted-foreground",
+        e
+      ),
+      ...a
+    }
+  );
+}
+function p({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(s, { className: t("h-10 px-2", e), ...a });
+}
+function g({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    b,
+    {
+      className: t("bg-muted [&>tr>td]:h-10 [&>tr>td]:px-2", e),
+      ...a
+    }
+  );
+}
+function h({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(l, { className: t("px-2 py-1.5", e), ...a });
+}
+function x({
+  className: e,
+  ...a
+}) {
+  return /* @__PURE__ */ r(
+    d,
+    {
+      className: t(
+        "hover:bg-state-hover data-[state=selected]:bg-state-press",
+        e
+      ),
+      ...a
+    }
+  );
+}
+export {
+  i as Table,
+  $ as TableBody,
+  v as TableCaption,
+  h as TableCell,
+  g as TableFooter,
+  p as TableHead,
+  f as TableHeader,
+  x as TableRow
+};
+//# sourceMappingURL=table.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"table.js","sources":["../../../src/components/primitives/table.tsx"],"sourcesContent":["import * as React from \"react\"\n\nimport {\n  Table as UITable,\n  TableBody,\n  TableCaption,\n  TableCell as UITableCell,\n  TableFooter as UITableFooter,\n  TableHead as UITableHead,\n  TableHeader as UITableHeader,\n  TableRow as UITableRow,\n} from \"@/components/ui/table\"\nimport { cn } from \"@/lib/utils\"\n\n// ui/Table renders <div.table-container><table/></div>, but the container has\n// no radius and its className prop targets the inner <table>. Wrap it in a\n// clipping card so rounding + border + bg live on one element and the rounded\n// corners actually clip the header/rows.\nfunction Table({ className, ...props }: React.ComponentProps<typeof UITable>) {\n  return (\n    <div className=\"overflow-hidden rounded-sm border bg-background\">\n      <UITable className={className} {...props} />\n    </div>\n  )\n}\n\nfunction TableHeader({\n  className,\n  ...props\n}: React.ComponentProps<typeof UITableHeader>) {\n  return (\n    <UITableHeader\n      className={cn(\n        \"[&_tr]:bg-muted [&_tr]:hover:bg-muted [&_th]:text-muted-foreground\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nfunction TableHead({\n  className,\n  ...props\n}: React.ComponentProps<typeof UITableHead>) {\n  return <UITableHead className={cn(\"h-10 px-2\", className)} {...props} />\n}\n\nfunction TableFooter({\n  className,\n  ...props\n}: React.ComponentProps<typeof UITableFooter>) {\n  return (\n    <UITableFooter\n      className={cn(\"bg-muted [&>tr>td]:h-10 [&>tr>td]:px-2\", className)}\n      {...props}\n    />\n  )\n}\n\nfunction TableCell({\n  className,\n  ...props\n}: React.ComponentProps<typeof UITableCell>) {\n  return <UITableCell className={cn(\"px-2 py-1.5\", className)} {...props} />\n}\n\n// Rows ride the translucent state layer: hover = state-hover, selected = state-press\n// (a step stronger). Header/footer are solid bg-muted bands; the header pins\n// [&_tr]:hover:bg-muted so its rows ignore this row-hover. Later utility wins over ui.\nfunction TableRow({\n  className,\n  ...props\n}: React.ComponentProps<typeof UITableRow>) {\n  return (\n    <UITableRow\n      className={cn(\n        \"hover:bg-state-hover data-[state=selected]:bg-state-press\",\n        className\n      )}\n      {...props}\n    />\n  )\n}\n\nexport {\n  Table,\n  TableBody,\n  TableCaption,\n  TableCell,\n  TableFooter,\n  TableHead,\n  TableHeader,\n  TableRow,\n}\n"],"names":["Table","className","props","jsx","UITable","TableHeader","UITableHeader","cn","TableHead","UITableHead","TableFooter","UITableFooter","TableCell","UITableCell","TableRow","UITableRow"],"mappings":";;;;;;AAkBA,SAASA,EAAM,EAAE,WAAAC,GAAW,GAAGC,KAA+C;AAC5E,SACE,gBAAAC,EAAC,SAAI,WAAU,mDACb,4BAACC,GAAA,EAAQ,WAAAH,GAAuB,GAAGC,EAAA,CAAO,EAAA,CAC5C;AAEJ;AAEA,SAASG,EAAY;AAAA,EACnB,WAAAJ;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAC;AAAA,IAACG;AAAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASM,EAAU;AAAA,EACjB,WAAAP;AAAA,EACA,GAAGC;AACL,GAA6C;AAC3C,SAAO,gBAAAC,EAACM,KAAY,WAAWF,EAAG,aAAaN,CAAS,GAAI,GAAGC,GAAO;AACxE;AAEA,SAASQ,EAAY;AAAA,EACnB,WAAAT;AAAA,EACA,GAAGC;AACL,GAA+C;AAC7C,SACE,gBAAAC;AAAA,IAACQ;AAAAA,IAAA;AAAA,MACC,WAAWJ,EAAG,0CAA0CN,CAAS;AAAA,MAChE,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASU,EAAU;AAAA,EACjB,WAAAX;AAAA,EACA,GAAGC;AACL,GAA6C;AAC3C,SAAO,gBAAAC,EAACU,KAAY,WAAWN,EAAG,eAAeN,CAAS,GAAI,GAAGC,GAAO;AAC1E;AAKA,SAASY,EAAS;AAAA,EAChB,WAAAb;AAAA,EACA,GAAGC;AACL,GAA4C;AAC1C,SACE,gBAAAC;AAAA,IAACY;AAAAA,IAAA;AAAA,MACC,WAAWR;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/primitives/tabs.d.ts

@@ -0,0 +1,6 @@
+import { Tabs, TabsContent, TabsList as UITabsList, TabsTrigger as UITabsTrigger, tabsListVariants } from '../ui/tabs';
+import * as React from "react";
+declare function TabsList({ className, variant, ...props }: React.ComponentProps<typeof UITabsList>): import("react/jsx-runtime").JSX.Element;
+declare function TabsTrigger({ className, children, ...props }: React.ComponentProps<typeof UITabsTrigger>): import("react/jsx-runtime").JSX.Element;
+export { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/components/primitives/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EACL,IAAI,EACJ,WAAW,EACX,QAAQ,IAAI,UAAU,EACtB,WAAW,IAAI,aAAa,EAC5B,gBAAgB,EACjB,MAAM,sBAAsB,CAAC;AAuG9B,iBAAS,QAAQ,CAAC,EAChB,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,UAAU,CAAC,2CAkDzC;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,2CAuC5C;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/primitives/tabs.js

@@ -0,0 +1,146 @@
+"use client";
+import { jsx as f } from "react/jsx-runtime";
+import * as o from "react";
+import { Badge as c } from "./badge.js";
+import { Badge as v } from "../ui/badge.js";
+import { TabsList as h, TabsTrigger as m } from "../ui/tabs.js";
+import { Tabs as R, TabsContent as k, tabsListVariants as A } from "../ui/tabs.js";
+import { cn as g } from "../../lib/utils.js";
+function u(a) {
+  return typeof a == "string" || typeof a == "number" ? String(a) : Array.isArray(a) ? a.map(u).join("") : o.isValidElement(a) ? u(a.props.children) : "";
+}
+function y(a) {
+  return o.isValidElement(a) && (a.type === c || a.type === v || a.props["data-slot"] === "badge");
+}
+function x() {
+  const a = o.useRef(null);
+  return o.useLayoutEffect(() => {
+    const t = a.current;
+    if (!t) return;
+    const r = () => {
+      const s = t.querySelector(
+        '[data-slot="tabs-trigger"][data-state="active"]'
+      );
+      if (!s) {
+        t.style.setProperty("--tab-w", "0px"), t.style.setProperty("--tab-h", "0px");
+        return;
+      }
+      const d = t.getBoundingClientRect(), b = s.getBoundingClientRect(), l = Math.round(b.left - d.left), p = Math.round(b.top - d.top);
+      t.style.setProperty("--tab-x", `${l}px`), t.style.setProperty("--tab-y", `${p}px`), t.style.setProperty("--tab-w", `${Math.round(b.right - d.left) - l}px`), t.style.setProperty("--tab-h", `${Math.round(b.bottom - d.top) - p}px`);
+    };
+    r();
+    const i = requestAnimationFrame(() => {
+      t.dataset.tabIndicator = "ready";
+    }), e = new MutationObserver(r);
+    e.observe(t, {
+      attributes: !0,
+      attributeFilter: ["data-state"],
+      childList: !0,
+      subtree: !0
+    });
+    const n = new ResizeObserver(r);
+    return n.observe(t), t.querySelectorAll('[data-slot="tabs-trigger"]').forEach((s) => n.observe(s)), () => {
+      cancelAnimationFrame(i), e.disconnect(), n.disconnect(), delete t.dataset.tabIndicator;
+    };
+  }, []), a;
+}
+function B({
+  className: a,
+  variant: t = "default",
+  ...r
+}) {
+  const i = x();
+  return /* @__PURE__ */ f(
+    h,
+    {
+      ref: i,
+      variant: t,
+      className: g(
+        t === "default" && [
+          "relative",
+          // Sliding active "pill": a single ::before that paints behind the
+          // (relatively-positioned) triggers and matches the active trigger's
+          // box from the measured vars. Surface = the Tailwind `--shadow-sm`
+          // theme var (soft drop, no 0 0 0 1px ring — present in every style
+          // mode so the pill always reads as raised; referencing the var instead
+          // of inlining shadow-sm's literal, since the `shadow-sm` *utility*
+          // can't coexist with an arbitrary shadow on the same element) composed
+          // inline with the tactile inset lips (--surface-inset-neutral-sm). We
+          // reference the inset role directly
+          // rather than the composed --surface-shadow-neutral-sm so the pill
+          // does NOT stack --elevation-1 on top of its own soft drop when
+          // data-elevation is on; inlined together because two shadow utilities
+          // can't coexist.
+          // No bg-clip-padding/border, so the fill reaches the box edge with no
+          // track gap. Positioned with left/top/width/height so it pixel-snaps.
+          "before:pointer-events-none before:absolute",
+          "before:left-[var(--tab-x,0px)] before:top-[var(--tab-y,0px)] before:w-[var(--tab-w,0px)] before:h-[var(--tab-h,0px)]",
+          "before:rounded-md before:bg-background before:bg-[image:var(--surface-filled-neutral-overlay)] before:shadow-[var(--shadow-sm),var(--surface-inset-neutral-sm)]",
+          "dark:before:bg-input/30",
+          "data-[tab-indicator=ready]:before:transition-[left,top,width,height] data-[tab-indicator=ready]:before:duration-200 data-[tab-indicator=ready]:before:ease-out"
+        ],
+        t === "line" && [
+          // Line variant owns its baseline: a full-bleed bottom border (right
+          // border when vertical) that spans the whole row, with the tabs
+          // sitting flush against it.
+          "relative w-auto justify-start gap-0 p-0",
+          "group-data-[orientation=horizontal]/tabs:h-auto group-data-[orientation=horizontal]/tabs:border-b",
+          "group-data-[orientation=vertical]/tabs:w-fit group-data-[orientation=vertical]/tabs:border-r",
+          // A single indicator (the list's ::after) slides and resizes between
+          // tabs from the measured CSS vars above, painting over the hairline so
+          // the two read as one connected line.
+          "after:pointer-events-none after:absolute after:bg-foreground",
+          "group-data-[orientation=horizontal]/tabs:after:bottom-[-1px] group-data-[orientation=horizontal]/tabs:after:left-[var(--tab-x,0px)] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=horizontal]/tabs:after:w-[var(--tab-w,0px)]",
+          "group-data-[orientation=vertical]/tabs:after:right-[-1px] group-data-[orientation=vertical]/tabs:after:top-[var(--tab-y,0px)] group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[orientation=vertical]/tabs:after:h-[var(--tab-h,0px)]",
+          "data-[tab-indicator=ready]:after:transition-[left,top,width,height] data-[tab-indicator=ready]:after:duration-200 data-[tab-indicator=ready]:after:ease-out"
+        ],
+        a
+      ),
+      ...r
+    }
+  );
+}
+function E({
+  className: a,
+  children: t,
+  ...r
+}) {
+  const i = o.Children.map(t, (e) => {
+    if (!y(e))
+      return e;
+    const n = u(e.props.children).trim();
+    return /^\d{1,2}$/.test(n) ? o.cloneElement(e, {
+      "data-tab-badge-shape": "square"
+    }) : e;
+  });
+  return /* @__PURE__ */ f(
+    m,
+    {
+      className: g(
+        // Default variant: the active surface is now a single sliding pill on
+        // the TabsList (::before), so suppress the per-trigger active background,
+        // shadow and dark border that shadcn/ui sets — keep only the active text
+        // color (from the ui base).
+        "group-data-[variant=default]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none dark:group-data-[variant=default]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=default]/tabs-list:data-[state=active]:border-transparent",
+        // Badge sizing/spacing inside triggers.
+        "has-[>[data-slot=badge]]:pr-1 [&>[data-slot=badge]]:shrink-0 [&>[data-slot=badge]]:justify-center [&>[data-slot=badge][data-tab-badge-shape=square]]:size-5 [&>[data-slot=badge][data-tab-badge-shape=square]]:min-w-0 [&>[data-slot=badge][data-tab-badge-shape=square]]:px-0",
+        // Line variant: comfortable padding drives the height and tabs hug their
+        // label (no flex-1 stretch) so they pack left. The active indicator is
+        // not per-trigger here — it's a single sliding bar on the TabsList (see
+        // useTabIndicator) — so the trigger's own ::after is suppressed.
+        "group-data-[variant=line]/tabs-list:h-auto group-data-[variant=line]/tabs-list:flex-none group-data-[variant=line]/tabs-list:py-2.5 group-data-[variant=line]/tabs-list:after:hidden",
+        a
+      ),
+      ...r,
+      children: i
+    }
+  );
+}
+export {
+  R as Tabs,
+  k as TabsContent,
+  B as TabsList,
+  E as TabsTrigger,
+  A as tabsListVariants
+};
+//# sourceMappingURL=tabs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sources":["../../../src/components/primitives/tabs.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { Badge } from \"@/components/primitives/badge\";\nimport { Badge as UIBadge } from \"@/components/ui/badge\";\nimport {\n  Tabs,\n  TabsContent,\n  TabsList as UITabsList,\n  TabsTrigger as UITabsTrigger,\n  tabsListVariants,\n} from \"@/components/ui/tabs\";\nimport { cn } from \"@/lib/utils\";\n\nfunction getNodeText(node: React.ReactNode): string {\n  if (typeof node === \"string\" || typeof node === \"number\") {\n    return String(node);\n  }\n\n  if (Array.isArray(node)) {\n    return node.map(getNodeText).join(\"\");\n  }\n\n  if (React.isValidElement<{ children?: React.ReactNode }>(node)) {\n    return getNodeText(node.props.children);\n  }\n\n  return \"\";\n}\n\nfunction isBadgeElement(child: React.ReactNode): child is React.ReactElement<{\n  children?: React.ReactNode;\n  [key: string]: unknown;\n}> {\n  return (\n    React.isValidElement<{\n      children?: React.ReactNode;\n      [key: string]: unknown;\n    }>(child) &&\n    (child.type === Badge ||\n      child.type === UIBadge ||\n      child.props[\"data-slot\"] === \"badge\")\n  );\n}\n\n// Drives the sliding active indicator for both variants: measures the active\n// trigger's box (relative to the list) and writes it to CSS vars, which the\n// list's indicator pseudo-element reads and transitions. Line variant renders\n// an ::after underline (uses x/w or y/h); default variant renders a ::before\n// pill behind the triggers (uses the full x/y/w/h box). Re-measures when Radix\n// flips data-state on tab change and whenever sizes shift (font load, container\n// resize, badge counts).\nfunction useTabIndicator() {\n  const ref = React.useRef<HTMLDivElement>(null);\n\n  React.useLayoutEffect(() => {\n    const list = ref.current;\n    if (!list) return;\n\n    const measure = () => {\n      const active = list.querySelector<HTMLElement>(\n        '[data-slot=\"tabs-trigger\"][data-state=\"active\"]',\n      );\n      if (!active) {\n        list.style.setProperty(\"--tab-w\", \"0px\");\n        list.style.setProperty(\"--tab-h\", \"0px\");\n        return;\n      }\n      const listRect = list.getBoundingClientRect();\n      const rect = active.getBoundingClientRect();\n      // Snap every edge to the pixel grid. The indicator is positioned off\n      // these vars; unlike the flow-laid triggers (which the browser snaps), a\n      // fractional offset renders the 1px tactile rings/lips blurry — the\n      // \"transparent ring\" artifact. Rounding both edges keeps width/height\n      // consistent with the snapped origin.\n      const left = Math.round(rect.left - listRect.left);\n      const top = Math.round(rect.top - listRect.top);\n      list.style.setProperty(\"--tab-x\", `${left}px`);\n      list.style.setProperty(\"--tab-y\", `${top}px`);\n      list.style.setProperty(\"--tab-w\", `${Math.round(rect.right - listRect.left) - left}px`);\n      list.style.setProperty(\"--tab-h\", `${Math.round(rect.bottom - listRect.top) - top}px`);\n    };\n\n    measure();\n    // Enable the transition only after the first placement so the indicator\n    // doesn't slide in from the list's edge on mount.\n    const raf = requestAnimationFrame(() => {\n      list.dataset.tabIndicator = \"ready\";\n    });\n\n    const mo = new MutationObserver(measure);\n    mo.observe(list, {\n      attributes: true,\n      attributeFilter: [\"data-state\"],\n      childList: true,\n      subtree: true,\n    });\n    const ro = new ResizeObserver(measure);\n    ro.observe(list);\n    list\n      .querySelectorAll('[data-slot=\"tabs-trigger\"]')\n      .forEach((trigger) => ro.observe(trigger));\n\n    return () => {\n      cancelAnimationFrame(raf);\n      mo.disconnect();\n      ro.disconnect();\n      delete list.dataset.tabIndicator;\n    };\n  }, []);\n\n  return ref;\n}\n\nfunction TabsList({\n  className,\n  variant = \"default\",\n  ...props\n}: React.ComponentProps<typeof UITabsList>) {\n  const ref = useTabIndicator();\n  return (\n    <UITabsList\n      ref={ref}\n      variant={variant}\n      className={cn(\n        variant === \"default\" && [\n          \"relative\",\n          // Sliding active \"pill\": a single ::before that paints behind the\n          // (relatively-positioned) triggers and matches the active trigger's\n          // box from the measured vars. Surface = the Tailwind `--shadow-sm`\n          // theme var (soft drop, no 0 0 0 1px ring — present in every style\n          // mode so the pill always reads as raised; referencing the var instead\n          // of inlining shadow-sm's literal, since the `shadow-sm` *utility*\n          // can't coexist with an arbitrary shadow on the same element) composed\n          // inline with the tactile inset lips (--surface-inset-neutral-sm). We\n          // reference the inset role directly\n          // rather than the composed --surface-shadow-neutral-sm so the pill\n          // does NOT stack --elevation-1 on top of its own soft drop when\n          // data-elevation is on; inlined together because two shadow utilities\n          // can't coexist.\n          // No bg-clip-padding/border, so the fill reaches the box edge with no\n          // track gap. Positioned with left/top/width/height so it pixel-snaps.\n          \"before:pointer-events-none before:absolute\",\n          \"before:left-[var(--tab-x,0px)] before:top-[var(--tab-y,0px)] before:w-[var(--tab-w,0px)] before:h-[var(--tab-h,0px)]\",\n          \"before:rounded-md before:bg-background before:bg-[image:var(--surface-filled-neutral-overlay)] before:shadow-[var(--shadow-sm),var(--surface-inset-neutral-sm)]\",\n          \"dark:before:bg-input/30\",\n          \"data-[tab-indicator=ready]:before:transition-[left,top,width,height] data-[tab-indicator=ready]:before:duration-200 data-[tab-indicator=ready]:before:ease-out\",\n        ],\n        variant === \"line\" && [\n          // Line variant owns its baseline: a full-bleed bottom border (right\n          // border when vertical) that spans the whole row, with the tabs\n          // sitting flush against it.\n          \"relative w-auto justify-start gap-0 p-0\",\n          \"group-data-[orientation=horizontal]/tabs:h-auto group-data-[orientation=horizontal]/tabs:border-b\",\n          \"group-data-[orientation=vertical]/tabs:w-fit group-data-[orientation=vertical]/tabs:border-r\",\n          // A single indicator (the list's ::after) slides and resizes between\n          // tabs from the measured CSS vars above, painting over the hairline so\n          // the two read as one connected line.\n          \"after:pointer-events-none after:absolute after:bg-foreground\",\n          \"group-data-[orientation=horizontal]/tabs:after:bottom-[-1px] group-data-[orientation=horizontal]/tabs:after:left-[var(--tab-x,0px)] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=horizontal]/tabs:after:w-[var(--tab-w,0px)]\",\n          \"group-data-[orientation=vertical]/tabs:after:right-[-1px] group-data-[orientation=vertical]/tabs:after:top-[var(--tab-y,0px)] group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[orientation=vertical]/tabs:after:h-[var(--tab-h,0px)]\",\n          \"data-[tab-indicator=ready]:after:transition-[left,top,width,height] data-[tab-indicator=ready]:after:duration-200 data-[tab-indicator=ready]:after:ease-out\",\n        ],\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TabsTrigger({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof UITabsTrigger>) {\n  const triggerChildren = React.Children.map(children, (child) => {\n    if (!isBadgeElement(child)) {\n      return child;\n    }\n\n    const badgeText = getNodeText(child.props.children).trim();\n\n    if (!/^\\d{1,2}$/.test(badgeText)) {\n      return child;\n    }\n\n    return React.cloneElement(child, {\n      \"data-tab-badge-shape\": \"square\",\n    });\n  });\n\n  return (\n    <UITabsTrigger\n      className={cn(\n        // Default variant: the active surface is now a single sliding pill on\n        // the TabsList (::before), so suppress the per-trigger active background,\n        // shadow and dark border that shadcn/ui sets — keep only the active text\n        // color (from the ui base).\n        \"group-data-[variant=default]/tabs-list:data-[state=active]:bg-transparent group-data-[variant=default]/tabs-list:data-[state=active]:shadow-none dark:group-data-[variant=default]/tabs-list:data-[state=active]:bg-transparent dark:group-data-[variant=default]/tabs-list:data-[state=active]:border-transparent\",\n        // Badge sizing/spacing inside triggers.\n        \"has-[>[data-slot=badge]]:pr-1 [&>[data-slot=badge]]:shrink-0 [&>[data-slot=badge]]:justify-center [&>[data-slot=badge][data-tab-badge-shape=square]]:size-5 [&>[data-slot=badge][data-tab-badge-shape=square]]:min-w-0 [&>[data-slot=badge][data-tab-badge-shape=square]]:px-0\",\n        // Line variant: comfortable padding drives the height and tabs hug their\n        // label (no flex-1 stretch) so they pack left. The active indicator is\n        // not per-trigger here — it's a single sliding bar on the TabsList (see\n        // useTabIndicator) — so the trigger's own ::after is suppressed.\n        \"group-data-[variant=line]/tabs-list:h-auto group-data-[variant=line]/tabs-list:flex-none group-data-[variant=line]/tabs-list:py-2.5 group-data-[variant=line]/tabs-list:after:hidden\",\n        className,\n      )}\n      {...props}\n    >\n      {triggerChildren}\n    </UITabsTrigger>\n  );\n}\n\nexport { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants };\n\n"],"names":["getNodeText","node","React","isBadgeElement","child","Badge","UIBadge","useTabIndicator","ref","list","measure","active","listRect","rect","left","top","raf","mo","ro","trigger","TabsList","className","variant","props","jsx","UITabsList","cn","TabsTrigger","children","triggerChildren","badgeText","UITabsTrigger"],"mappings":";;;;;;;;AAaA,SAASA,EAAYC,GAA+B;AAClD,SAAI,OAAOA,KAAS,YAAY,OAAOA,KAAS,WACvC,OAAOA,CAAI,IAGhB,MAAM,QAAQA,CAAI,IACbA,EAAK,IAAID,CAAW,EAAE,KAAK,EAAE,IAGlCE,EAAM,eAA+CD,CAAI,IACpDD,EAAYC,EAAK,MAAM,QAAQ,IAGjC;AACT;AAEA,SAASE,EAAeC,GAGrB;AACD,SACEF,EAAM,eAGHE,CAAK,MACPA,EAAM,SAASC,KACdD,EAAM,SAASE,KACfF,EAAM,MAAM,WAAW,MAAM;AAEnC;AASA,SAASG,IAAkB;AACzB,QAAMC,IAAMN,EAAM,OAAuB,IAAI;AAE7C,SAAAA,EAAM,gBAAgB,MAAM;AAC1B,UAAMO,IAAOD,EAAI;AACjB,QAAI,CAACC,EAAM;AAEX,UAAMC,IAAU,MAAM;AACpB,YAAMC,IAASF,EAAK;AAAA,QAClB;AAAA,MAAA;AAEF,UAAI,CAACE,GAAQ;AACX,QAAAF,EAAK,MAAM,YAAY,WAAW,KAAK,GACvCA,EAAK,MAAM,YAAY,WAAW,KAAK;AACvC;AAAA,MACF;AACA,YAAMG,IAAWH,EAAK,sBAAA,GAChBI,IAAOF,EAAO,sBAAA,GAMdG,IAAO,KAAK,MAAMD,EAAK,OAAOD,EAAS,IAAI,GAC3CG,IAAM,KAAK,MAAMF,EAAK,MAAMD,EAAS,GAAG;AAC9C,MAAAH,EAAK,MAAM,YAAY,WAAW,GAAGK,CAAI,IAAI,GAC7CL,EAAK,MAAM,YAAY,WAAW,GAAGM,CAAG,IAAI,GAC5CN,EAAK,MAAM,YAAY,WAAW,GAAG,KAAK,MAAMI,EAAK,QAAQD,EAAS,IAAI,IAAIE,CAAI,IAAI,GACtFL,EAAK,MAAM,YAAY,WAAW,GAAG,KAAK,MAAMI,EAAK,SAASD,EAAS,GAAG,IAAIG,CAAG,IAAI;AAAA,IACvF;AAEA,IAAAL,EAAA;AAGA,UAAMM,IAAM,sBAAsB,MAAM;AACtC,MAAAP,EAAK,QAAQ,eAAe;AAAA,IAC9B,CAAC,GAEKQ,IAAK,IAAI,iBAAiBP,CAAO;AACvC,IAAAO,EAAG,QAAQR,GAAM;AAAA,MACf,YAAY;AAAA,MACZ,iBAAiB,CAAC,YAAY;AAAA,MAC9B,WAAW;AAAA,MACX,SAAS;AAAA,IAAA,CACV;AACD,UAAMS,IAAK,IAAI,eAAeR,CAAO;AACrC,WAAAQ,EAAG,QAAQT,CAAI,GACfA,EACG,iBAAiB,4BAA4B,EAC7C,QAAQ,CAACU,MAAYD,EAAG,QAAQC,CAAO,CAAC,GAEpC,MAAM;AACX,2BAAqBH,CAAG,GACxBC,EAAG,WAAA,GACHC,EAAG,WAAA,GACH,OAAOT,EAAK,QAAQ;AAAA,IACtB;AAAA,EACF,GAAG,CAAA,CAAE,GAEED;AACT;AAEA,SAASY,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAA4C;AAC1C,QAAMf,IAAMD,EAAA;AACZ,SACE,gBAAAiB;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,SAAAc;AAAA,MACA,WAAWI;AAAA,QACTJ,MAAY,aAAa;AAAA,UACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAgBA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEFA,MAAY,UAAU;AAAA;AAAA;AAAA;AAAA,UAIpB;AAAA,UACA;AAAA,UACA;AAAA;AAAA;AAAA;AAAA,UAIA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QAAA;AAAA,QAEFD;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAY;AAAA,EACnB,WAAAN;AAAA,EACA,UAAAO;AAAA,EACA,GAAGL;AACL,GAA+C;AAC7C,QAAMM,IAAkB3B,EAAM,SAAS,IAAI0B,GAAU,CAACxB,MAAU;AAC9D,QAAI,CAACD,EAAeC,CAAK;AACvB,aAAOA;AAGT,UAAM0B,IAAY9B,EAAYI,EAAM,MAAM,QAAQ,EAAE,KAAA;AAEpD,WAAK,YAAY,KAAK0B,CAAS,IAIxB5B,EAAM,aAAaE,GAAO;AAAA,MAC/B,wBAAwB;AAAA,IAAA,CACzB,IALQA;AAAA,EAMX,CAAC;AAED,SACE,gBAAAoB;AAAA,IAACO;AAAAA,IAAA;AAAA,MACC,WAAWL;AAAA;AAAA;AAAA;AAAA;AAAA,QAKT;AAAA;AAAA,QAEA;AAAA;AAAA;AAAA;AAAA;AAAA,QAKA;AAAA,QACAL;AAAA,MAAA;AAAA,MAED,GAAGE;AAAA,MAEH,UAAAM;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/components/primitives/tag.d.ts

@@ -0,0 +1,17 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from "react";
+declare const tagVariants: (props?: ({
+    color?: "gray" | "primary" | "decorative-1" | "decorative-2" | "decorative-3" | "decorative-4" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+type TagColor = NonNullable<VariantProps<typeof tagVariants>["color"]>;
+type TagSize = NonNullable<VariantProps<typeof tagVariants>["size"]>;
+type TagProps = React.ComponentProps<"span"> & VariantProps<typeof tagVariants> & {
+    asChild?: boolean;
+    onDismiss?: () => void;
+    dismissLabel?: string;
+};
+declare function Tag({ className, color, size, asChild, onDismiss, dismissLabel, children, ...props }: TagProps): import("react/jsx-runtime").JSX.Element;
+export { Tag, tagVariants };
+export type { TagColor, TagProps, TagSize };
+//# sourceMappingURL=tag.d.ts.map