@boxcustodia/library 2.0.0-alpha.17 → 2.0.0-alpha.19

package/dist/components/stepper/stepper.es.js

@@ -0,0 +1,368 @@
+"use client";
+import { jsx as d, jsxs as N } from "react/jsx-runtime";
+import { mergeProps as p } from "@base-ui/react/merge-props";
+import { useRender as c } from "@base-ui/react/use-render";
+import { useControllableState as A } from "@radix-ui/react-use-controllable-state";
+import { createContext as y, useContext as P } from "react";
+import { cn as u } from "../../lib/cn.es.js";
+function C(e, a, o) {
+  return o === "none" ? !1 : o === "both" ? !0 : o === "backward-only" ? e <= a : e >= a;
+}
+const T = y(
+  void 0
+);
+function v() {
+  const e = P(T);
+  if (!e)
+    throw new Error("useStepper must be used within a StepperRoot");
+  return e;
+}
+const D = y(
+  void 0
+);
+function x() {
+  const e = P(D);
+  if (!e)
+    throw new Error("useStepItem must be used within a StepperItem");
+  return e;
+}
+function I({
+  defaultValue: e = 1,
+  value: a,
+  onValueChange: o,
+  orientation: n = "horizontal",
+  indicators: t = {},
+  triggerMode: r = "both",
+  className: s,
+  render: i,
+  children: l,
+  ...m
+}) {
+  const [b = 1, S] = A({
+    prop: a,
+    defaultProp: e,
+    onChange: o
+  }), h = {
+    className: u(
+      "flex w-full data-[orientation=horizontal]:flex-col data-[orientation=vertical]:flex-row data-[orientation=vertical]:gap-8",
+      s
+    ),
+    "data-orientation": n,
+    "data-slot": "stepper",
+    children: l
+  };
+  return /* @__PURE__ */ d(
+    T.Provider,
+    {
+      value: {
+        activeStep: b,
+        setActiveStep: S,
+        orientation: n,
+        indicators: t,
+        triggerMode: r
+      },
+      children: c({
+        defaultTagName: "div",
+        render: i,
+        props: p(h, m)
+      })
+    }
+  );
+}
+function j({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { orientation: t } = v(), r = {
+    role: "tablist",
+    "aria-orientation": t,
+    "data-orientation": t,
+    "data-slot": "stepper-nav",
+    className: u(
+      "group/stepper-nav inline-flex data-[orientation=horizontal]:w-full data-[orientation=horizontal]:flex-row data-[orientation=vertical]:flex-col",
+      e
+    ),
+    children: o
+  };
+  return c({
+    defaultTagName: "nav",
+    render: a,
+    props: p(r, n)
+  });
+}
+function L({
+  step: e,
+  disabled: a = !1,
+  loading: o = !1,
+  className: n,
+  render: t,
+  children: r,
+  ...s
+}) {
+  const { activeStep: i } = v(), l = e < i ? "completed" : e === i ? "active" : "inactive", m = o && e === i, b = {
+    "data-state": l,
+    "data-loading": m || void 0,
+    "data-slot": "stepper-item",
+    className: u(
+      "group/step flex items-center justify-center not-last:flex-1",
+      "group-data-[orientation=horizontal]/stepper-nav:flex-row group-data-[orientation=vertical]/stepper-nav:flex-col",
+      n
+    ),
+    children: r
+  };
+  return /* @__PURE__ */ d(
+    D.Provider,
+    {
+      value: { step: e, state: l, isDisabled: a, isLoading: m },
+      children: c({
+        defaultTagName: "div",
+        render: t,
+        props: p(b, s)
+      })
+    }
+  );
+}
+function R({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { activeStep: t, setActiveStep: r, triggerMode: s } = v(), { step: i, state: l, isDisabled: m, isLoading: b } = x(), S = t === i, h = C(i, t, s), k = (g) => {
+    const f = Array.from(
+      g.currentTarget.closest('[data-slot="stepper-nav"]')?.querySelectorAll(
+        '[data-slot="stepper-trigger"]:not([disabled]):not([aria-disabled="true"])'
+      ) ?? []
+    ), w = f.indexOf(g.currentTarget);
+    if (w !== -1)
+      switch (g.key) {
+        case "ArrowRight":
+        case "ArrowDown":
+          g.preventDefault(), f[(w + 1) % f.length]?.focus();
+          break;
+        case "ArrowLeft":
+        case "ArrowUp":
+          g.preventDefault(), f[(w - 1 + f.length) % f.length]?.focus();
+          break;
+        case "Home":
+          g.preventDefault(), f[0]?.focus();
+          break;
+        case "End":
+          g.preventDefault(), f[f.length - 1]?.focus();
+          break;
+      }
+  }, z = {
+    type: "button",
+    role: "tab",
+    id: `stepper-tab-${i}`,
+    "aria-selected": S,
+    "aria-controls": `stepper-panel-${i}`,
+    "aria-disabled": !h || void 0,
+    tabIndex: S ? 0 : -1,
+    disabled: m,
+    "data-state": l,
+    "data-loading": b || void 0,
+    "data-slot": "stepper-trigger",
+    className: u(
+      "inline-flex items-center gap-2.5 rounded-full outline-none",
+      h ? "cursor-pointer" : "cursor-default",
+      "focus-visible:z-10 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50",
+      "disabled:pointer-events-none disabled:opacity-60",
+      e
+    ),
+    onClick: () => {
+      h && r(i);
+    },
+    onKeyDown: k,
+    children: o
+  };
+  return c({
+    defaultTagName: "button",
+    render: a,
+    props: p(z, n)
+  });
+}
+function $({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { state: t, isLoading: r } = x(), { indicators: s } = v(), i = r && s.loading || t === "completed" && s.completed || t === "active" && s.active || t === "inactive" && s.inactive, l = {
+    "data-state": t,
+    "data-loading": r || void 0,
+    "data-slot": "stepper-indicator",
+    className: u(
+      "relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full border-background bg-accent text-accent-foreground text-xs",
+      "data-[state=active]:bg-primary data-[state=active]:text-primary-foreground",
+      "data-[state=completed]:bg-primary data-[state=completed]:text-primary-foreground",
+      e
+    ),
+    children: /* @__PURE__ */ d("div", { className: "absolute", children: i || o })
+  };
+  return c({
+    defaultTagName: "div",
+    render: a,
+    props: p(l, n)
+  });
+}
+function E({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { state: t } = x(), r = {
+    "aria-hidden": !0,
+    "data-state": t,
+    "data-slot": "stepper-separator",
+    className: u(
+      "m-0.5 rounded-sm bg-muted data-[state=completed]:bg-primary",
+      "group-data-[orientation=horizontal]/stepper-nav:h-0.5 group-data-[orientation=horizontal]/stepper-nav:flex-1",
+      "group-data-[orientation=vertical]/stepper-nav:h-12 group-data-[orientation=vertical]/stepper-nav:w-0.5",
+      e
+    ),
+    children: o
+  };
+  return c({
+    defaultTagName: "div",
+    render: a,
+    props: p(r, n)
+  });
+}
+function K({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { state: t } = x(), r = {
+    "data-state": t,
+    "data-slot": "stepper-title",
+    className: u("font-medium text-sm leading-none", e),
+    children: o
+  };
+  return c({
+    defaultTagName: "h3",
+    render: a,
+    props: p(r, n)
+  });
+}
+function q({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { state: t } = x(), r = {
+    "data-state": t,
+    "data-slot": "stepper-description",
+    className: u("text-muted-foreground text-sm", e),
+    children: o
+  };
+  return c({
+    defaultTagName: "p",
+    render: a,
+    props: p(r, n)
+  });
+}
+function H({
+  className: e,
+  render: a,
+  children: o,
+  ...n
+}) {
+  const { activeStep: t } = v(), r = {
+    "data-state": t,
+    "data-slot": "stepper-panel",
+    className: u("w-full", e),
+    children: o
+  };
+  return c({
+    defaultTagName: "div",
+    render: a,
+    props: p(r, n)
+  });
+}
+function O({
+  value: e,
+  forceMount: a = !1,
+  className: o,
+  render: n,
+  children: t,
+  ...r
+}) {
+  const { activeStep: s } = v(), i = e === s;
+  if (!a && !i) return null;
+  const l = {
+    role: "tabpanel",
+    id: `stepper-panel-${e}`,
+    "aria-labelledby": `stepper-tab-${e}`,
+    hidden: !i,
+    "data-state": i ? "active" : "inactive",
+    "data-slot": "stepper-content",
+    className: u("w-full", o, !i && "hidden"),
+    children: t
+  };
+  return c({
+    defaultTagName: "div",
+    render: n,
+    props: p(l, r)
+  });
+}
+function V({ items: e, classNames: a, ...o }) {
+  const n = e.some((t) => t.content != null);
+  return /* @__PURE__ */ N(I, { ...o, children: [
+    /* @__PURE__ */ d(j, { className: a?.nav, children: e.map((t, r) => {
+      const s = r + 1;
+      return /* @__PURE__ */ N(
+        L,
+        {
+          step: s,
+          disabled: t.disabled,
+          loading: t.loading,
+          className: a?.item,
+          children: [
+            /* @__PURE__ */ N(R, { className: a?.trigger, children: [
+              /* @__PURE__ */ d($, { className: a?.indicator, children: t.indicator ?? s }),
+              (t.title || t.description) && /* @__PURE__ */ N("div", { className: "flex flex-col gap-0.5 text-left", children: [
+                t.title ? /* @__PURE__ */ d(K, { className: a?.title, children: t.title }) : null,
+                t.description ? /* @__PURE__ */ d(q, { className: a?.description, children: t.description }) : null
+              ] })
+            ] }),
+            r < e.length - 1 ? /* @__PURE__ */ d(E, { className: a?.separator }) : null
+          ]
+        },
+        s
+      );
+    }) }),
+    n ? /* @__PURE__ */ d(H, { className: a?.panel, children: e.map(
+      (t, r) => t.content != null ? /* @__PURE__ */ d(
+        O,
+        {
+          value: r + 1,
+          className: a?.content,
+          children: t.content
+        },
+        r + 1
+      ) : null
+    ) }) : null
+  ] });
+}
+export {
+  V as Stepper,
+  O as StepperContent,
+  q as StepperDescription,
+  $ as StepperIndicator,
+  L as StepperItem,
+  j as StepperNav,
+  H as StepperPanel,
+  I as StepperRoot,
+  E as StepperSeparator,
+  K as StepperTitle,
+  R as StepperTrigger,
+  x as useStepItem,
+  v as useStepper
+};

package/dist/components/switch/switch.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@base-ui/react/switch"),g=require("react"),s=require("../../lib/cn.cjs.js"),v=require("../label/label.cjs.js");function o({className:t,...i}){return e.jsx(r.Switch.Root,{className:s.cn("peer inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200","[--thumb-size:--spacing(5)] sm:[--thumb-size:--spacing(4)]","focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background","data-checked:bg-primary data-unchecked:bg-input","data-disabled:cursor-not-allowed data-disabled:opacity-64",t),"data-slot":"switch",...i})}function l({className:t,...i}){return e.jsx(r.Switch.Thumb,{className:s.cn("pointer-events-none block aspect-square h-full rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform","origin-left [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]","data-checked:origin-[var(--thumb-size)_50%] data-checked:translate-x-[calc(var(--thumb-size)-4px)]","in-[[role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active]:not-data-disabled:scale-x-110","in-[[role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.1)]",t),"data-slot":"switch-thumb",...i})}function w({children:t,label:i,className:d,id:u,controlFirst:b=!0,tooltip:h,classNames:a,...m}){const f=g.useId(),c=u??f,n=i??t;return e.jsxs("div",{className:s.cn("flex select-none items-center gap-x-2",!b&&"flex-row-reverse justify-end",a?.wrapper),children:[e.jsx(o,{id:c,className:d,...m,children:e.jsx(l,{className:a?.thumb})}),n&&e.jsx(v.Label,{htmlFor:c,tooltip:h,className:a?.label,children:n})]})}exports.Switch=w;exports.SwitchRoot=o;exports.SwitchThumb=l;

package/dist/components/switch/switch.es.js

@@ -0,0 +1,85 @@
+"use client";
+import { jsx as a, jsxs as m } from "react/jsx-runtime";
+import { Switch as n } from "@base-ui/react/switch";
+import { useId as f } from "react";
+import { cn as s } from "../../lib/cn.es.js";
+import { Label as p } from "../label/label.es.js";
+function g({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Root,
+    {
+      className: s(
+        "peer inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200",
+        "[--thumb-size:--spacing(5)] sm:[--thumb-size:--spacing(4)]",
+        "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background",
+        "data-checked:bg-primary data-unchecked:bg-input",
+        "data-disabled:cursor-not-allowed data-disabled:opacity-64",
+        e
+      ),
+      "data-slot": "switch",
+      ...t
+    }
+  );
+}
+function v({
+  className: e,
+  ...t
+}) {
+  return /* @__PURE__ */ a(
+    n.Thumb,
+    {
+      className: s(
+        "pointer-events-none block aspect-square h-full rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform",
+        "origin-left [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]",
+        "data-checked:origin-[var(--thumb-size)_50%] data-checked:translate-x-[calc(var(--thumb-size)-4px)]",
+        "in-[[role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active]:not-data-disabled:scale-x-110",
+        "in-[[role=switch]:active,[data-slot=label]:active,[data-slot=field-label]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.1)]",
+        e
+      ),
+      "data-slot": "switch-thumb",
+      ...t
+    }
+  );
+}
+function S({
+  children: e,
+  label: t,
+  className: c,
+  id: l,
+  controlFirst: d = !0,
+  tooltip: u,
+  classNames: i,
+  ...b
+}) {
+  const h = f(), r = l ?? h, o = t ?? e;
+  return /* @__PURE__ */ m(
+    "div",
+    {
+      className: s(
+        "flex select-none items-center gap-x-2",
+        !d && "flex-row-reverse justify-end",
+        i?.wrapper
+      ),
+      children: [
+        /* @__PURE__ */ a(g, { id: r, className: c, ...b, children: /* @__PURE__ */ a(v, { className: i?.thumb }) }),
+        o && /* @__PURE__ */ a(
+          p,
+          {
+            htmlFor: r,
+            tooltip: u,
+            className: i?.label,
+            children: o
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  S as Switch,
+  g as SwitchRoot,
+  v as SwitchThumb
+};

package/dist/components/table/table.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("../../lib/cn.cjs.js");function b({className:t,classNames:e,...d}){return a.jsx("div",{"data-slot":"table-container",className:r.cn("relative w-full overflow-auto rounded-md border",e?.container),children:a.jsx("table",{"data-slot":"table",className:r.cn("w-full caption-bottom text-sm",t),...d})})}function i({className:t,...e}){return a.jsx("thead",{"data-slot":"table-header",className:r.cn("[&_tr]:border-b",t),...e})}function u({className:t,...e}){return a.jsx("tbody",{"data-slot":"table-body",className:r.cn("[&_tr:last-child]:border-0",t),...e})}function g({className:t,...e}){return a.jsx("tfoot",{"data-slot":"table-footer",className:r.cn("border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",t),...e})}function s({className:t,...e}){return a.jsx("tr",{"data-slot":"table-row",className:r.cn("border-b transition-colors hover:bg-muted data-[selected=true]:bg-muted",t),...e})}function h({className:t,...e}){return a.jsx("th",{"data-slot":"table-head",className:r.cn("h-12 px-4 text-left align-middle font-medium text-muted-foreground sticky top-0 bg-background [&:has([role=checkbox])]:pr-0",t),...e})}function m({className:t,...e}){return a.jsx("td",{"data-slot":"table-cell",className:r.cn("p-4 align-middle [&:has([role=checkbox])]:pr-0",t),...e})}function y({className:t,...e}){return a.jsx("caption",{"data-slot":"table-caption",className:r.cn("mt-4 text-sm text-muted-foreground",t),...e})}function N({data:t=[],columns:e=[],getRowKey:d,onRowClick:x,onRowDoubleClick:f,selected:T,classNames:o,...j}){return a.jsxs(b,{...j,classNames:{container:o?.container},children:[a.jsx(i,{className:o?.thead,children:a.jsx(s,{className:o?.headerRow,children:e.map((l,n)=>a.jsx(h,{className:o?.th,style:{width:l.width},children:typeof l.header=="function"?l.header():l.header},n))})}),a.jsx(u,{className:o?.tbody,children:t.map((l,n)=>a.jsx(s,{className:o?.tr,"data-selected":T?.(l),onClick:()=>x?.(l),onDoubleClick:()=>f?.(l),children:e.map((c,p)=>a.jsx(m,{className:o?.td,children:c.cell?c.cell(l,n):l[c.key]},p))},d?d(l,n):n))})]})}exports.Table=N;exports.TableBody=u;exports.TableCaption=y;exports.TableCell=m;exports.TableFooter=g;exports.TableHead=h;exports.TableHeader=i;exports.TableRoot=b;exports.TableRow=s;

package/dist/components/table/table.es.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { cn as l } from "../../lib/cn.es.js";
+function p({ className: t, classNames: e, ...n }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: l(
+        "relative w-full overflow-auto rounded-md border",
+        e?.container
+      ),
+      children: /* @__PURE__ */ a(
+        "table",
+        {
+          "data-slot": "table",
+          className: l("w-full caption-bottom text-sm", t),
+          ...n
+        }
+      )
+    }
+  );
+}
+function x({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "thead",
+    {
+      "data-slot": "table-header",
+      className: l("[&_tr]:border-b", t),
+      ...e
+    }
+  );
+}
+function N({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "tbody",
+    {
+      "data-slot": "table-body",
+      className: l("[&_tr:last-child]:border-0", t),
+      ...e
+    }
+  );
+}
+function v({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "tfoot",
+    {
+      "data-slot": "table-footer",
+      className: l(
+        "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function i({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: l(
+        "border-b transition-colors hover:bg-muted data-[selected=true]:bg-muted",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function T({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "th",
+    {
+      "data-slot": "table-head",
+      className: l(
+        "h-12 px-4 text-left align-middle font-medium text-muted-foreground sticky top-0 bg-background [&:has([role=checkbox])]:pr-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function g({ className: t, ...e }) {
+  return /* @__PURE__ */ a(
+    "td",
+    {
+      "data-slot": "table-cell",
+      className: l(
+        "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+        t
+      ),
+      ...e
+    }
+  );
+}
+function C({
+  className: t,
+  ...e
+}) {
+  return /* @__PURE__ */ a(
+    "caption",
+    {
+      "data-slot": "table-caption",
+      className: l("mt-4 text-sm text-muted-foreground", t),
+      ...e
+    }
+  );
+}
+function j({
+  data: t = [],
+  columns: e = [],
+  getRowKey: n,
+  onRowClick: b,
+  onRowDoubleClick: s,
+  selected: u,
+  classNames: o,
+  ...h
+}) {
+  return /* @__PURE__ */ f(
+    p,
+    {
+      ...h,
+      classNames: { container: o?.container },
+      children: [
+        /* @__PURE__ */ a(x, { className: o?.thead, children: /* @__PURE__ */ a(i, { className: o?.headerRow, children: e.map((r, d) => /* @__PURE__ */ a(
+          T,
+          {
+            className: o?.th,
+            style: { width: r.width },
+            children: typeof r.header == "function" ? r.header() : r.header
+          },
+          d
+        )) }) }),
+        /* @__PURE__ */ a(N, { className: o?.tbody, children: t.map((r, d) => /* @__PURE__ */ a(
+          i,
+          {
+            className: o?.tr,
+            "data-selected": u?.(r),
+            onClick: () => b?.(r),
+            onDoubleClick: () => s?.(r),
+            children: e.map((c, m) => /* @__PURE__ */ a(g, { className: o?.td, children: c.cell ? c.cell(r, d) : r[c.key] }, m))
+          },
+          n ? n(r, d) : d
+        )) })
+      ]
+    }
+  );
+}
+export {
+  j as Table,
+  N as TableBody,
+  C as TableCaption,
+  g as TableCell,
+  v as TableFooter,
+  T as TableHead,
+  x as TableHeader,
+  p as TableRoot,
+  i as TableRow
+};

package/dist/components/tabs/tabs.cjs.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("@base-ui/react/tabs"),n=require("../../lib/cn.cjs.js");function b({className:t,...a}){return r.jsx(e.Tabs.Root,{className:n.cn("flex flex-col gap-2 data-[orientation=vertical]:flex-row",t),"data-slot":"tabs",...a})}function o({variant:t="underline",centered:a=!1,className:l,children:c,...d}){return r.jsxs(e.Tabs.List,{"data-variant":t,className:n.cn("group/tabs-list relative z-0 flex w-fit items-center justify-center gap-x-0.5 text-muted-foreground",a&&"mx-auto","data-[orientation=vertical]:flex-col data-[orientation=vertical]:justify-start",t==="background"?"rounded-lg border border-border p-0.5":"data-[orientation=vertical]:px-1 data-[orientation=horizontal]:py-1 *:data-[slot=tabs-tab]:hover:bg-accent",l),"data-slot":"tabs-list",...d,children:[c,r.jsx(e.Tabs.Indicator,{className:n.cn("absolute bottom-0 left-0 h-(--active-tab-height) w-(--active-tab-width) translate-x-(--active-tab-left) -translate-y-(--active-tab-bottom) transition-[width,translate] duration-200 ease-in-out",t==="background"?"-z-1 rounded-md bg-primary shadow-sm/5":"z-10 bg-primary data-[orientation=horizontal]:h-0.5 data-[orientation=vertical]:w-0.5 data-[orientation=vertical]:-translate-x-px data-[orientation=horizontal]:translate-y-px"),"data-slot":"tab-indicator"})]})}function i({className:t,...a}){return r.jsx(e.Tabs.Tab,{className:n.cn("relative flex h-9 shrink-0 grow cursor-pointer items-center justify-center gap-1.5 whitespace-nowrap rounded-md border border-transparent px-[calc(--spacing(2.5)-1px)] font-medium text-base outline-none transition-[color,background-color,box-shadow] hover:text-muted-foreground focus-visible:ring-2 focus-visible:ring-ring data-disabled:pointer-events-none data-[orientation=vertical]:w-full data-[orientation=vertical]:grow-0 data-[orientation=vertical]:justify-start data-active:text-foreground data-disabled:opacity-64 group-data-[variant=background]/tabs-list:data-active:text-primary-foreground sm:h-8 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0",t),"data-slot":"tabs-tab",...a})}function s({className:t,...a}){return r.jsx(e.Tabs.Panel,{className:n.cn("flex-1 outline-none",t),"data-slot":"tabs-content",...a})}Object.defineProperty(exports,"TabsPrimitive",{enumerable:!0,get:()=>e.Tabs});exports.TabList=o;exports.Tabs=b;exports.TabsContent=s;exports.TabsList=o;exports.TabsPanel=s;exports.TabsTab=i;exports.TabsTrigger=i;