@devalok/shilp-sutra 0.1.0

package/dist/ui/spinner.d.ts

@@ -0,0 +1,38 @@
+import * as React from 'react';
+/**
+ * Props for Spinner — an animated loading indicator rendered as an SVG circle with a `role="status"`
+ * wrapper and a visually-hidden "Loading..." text for screen readers.
+ *
+ * **Sizes:** `sm` (icon-sm) | `md` (icon-md, default) | `lg` (icon-lg)
+ *
+ * **Accessibility:** The spinner renders `<span role="status"><svg>...</svg><span className="sr-only">Loading...</span></span>`.
+ * You don't need to add `aria-label` — the sr-only text is already present.
+ *
+ * **Note:** `<Button>` has built-in `loading` + `loadingPosition` — prefer that over composing manually.
+ *
+ * @example
+ * // Inline loading indicator next to button text:
+ * <div className="flex items-center gap-ds-03">
+ *   <Spinner size="sm" />
+ *   <span>Saving...</span>
+ * </div>
+ *
+ * @example
+ * // Full-page centered loading state:
+ * <div className="flex h-screen items-center justify-center">
+ *   <Spinner size="lg" />
+ * </div>
+ *
+ * @example
+ * // Spinner inside a card while data loads:
+ * <Card className="flex items-center justify-center min-h-[120px]">
+ *   <Spinner />
+ * </Card>
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface SpinnerProps extends React.SVGAttributes<SVGSVGElement> {
+    size?: 'sm' | 'md' | 'lg';
+}
+declare const Spinner: React.ForwardRefExoticComponent<SpinnerProps & React.RefAttributes<SVGSVGElement>>;
+export { Spinner };
+//# sourceMappingURL=spinner.d.ts.map

package/dist/ui/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../src/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,aAAa,CAAC,aAAa,CAAC;IACtE,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CAC1B;AAED,QAAA,MAAM,OAAO,oFA6BZ,CAAA;AAGD,OAAO,EAAE,OAAO,EAAE,CAAA"}

package/dist/ui/spinner.js

@@ -0,0 +1,47 @@
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import { cn as c } from "./lib/utils.js";
+const a = {
+  sm: "h-ico-sm w-ico-sm",
+  md: "h-ico-md w-ico-md",
+  lg: "h-ico-lg w-ico-lg"
+}, t = n.forwardRef(
+  ({ size: s = "md", className: i, ...e }, l) => /* @__PURE__ */ r("span", { role: "status", children: [
+    /* @__PURE__ */ r(
+      "svg",
+      {
+        ref: l,
+        className: c("animate-spin", a[s], i),
+        viewBox: "0 0 24 24",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        ...e,
+        children: [
+          /* @__PURE__ */ o(
+            "circle",
+            {
+              cx: "12",
+              cy: "12",
+              r: "10",
+              stroke: "var(--color-border-subtle)",
+              strokeWidth: "4",
+              fill: "none"
+            }
+          ),
+          /* @__PURE__ */ o(
+            "path",
+            {
+              d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z",
+              fill: "var(--color-interactive)"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ o("span", { className: "sr-only", children: "Loading..." })
+  ] })
+);
+t.displayName = "Spinner";
+export {
+  t as Spinner
+};

package/dist/ui/stack.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type SpacingToken = 'ds-01' | 'ds-02' | 'ds-02b' | 'ds-03' | 'ds-04' | 'ds-05' | 'ds-05b' | 'ds-06' | 'ds-07' | 'ds-08' | 'ds-09' | 'ds-10' | 'ds-11' | 'ds-12' | 'ds-13';
+type StackProps<T extends React.ElementType = 'div'> = {
+    as?: T;
+    direction?: 'vertical' | 'horizontal';
+    gap?: SpacingToken;
+    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
+    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
+    wrap?: boolean;
+    className?: string;
+    children?: React.ReactNode;
+} & Omit<React.ComponentPropsWithRef<T>, 'as' | 'className' | 'children'>;
+declare const Stack: React.ForwardRefExoticComponent<Omit<StackProps<"div">, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Stack, type SpacingToken, type StackProps };
+//# sourceMappingURL=stack.d.ts.map

package/dist/ui/stack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../src/ui/stack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,YAAY,GACb,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,QAAQ,GACR,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,GACP,OAAO,CAAA;AAEX,KAAK,UAAU,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACrD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,SAAS,CAAC,EAAE,UAAU,GAAG,YAAY,CAAA;IACrC,GAAG,CAAC,EAAE,YAAY,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,UAAU,CAAA;IAC3D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACtE,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAA;AAmBzE,QAAA,MAAM,KAAK,oGAqBV,CAAA;AAGD,OAAO,EAAE,KAAK,EAAE,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,CAAA"}

package/dist/ui/stack.js

@@ -0,0 +1,41 @@
+import * as r from "react";
+import { cn as d } from "./lib/utils.js";
+const u = {
+  start: "items-start",
+  center: "items-center",
+  end: "items-end",
+  stretch: "items-stretch",
+  baseline: "items-baseline"
+}, y = {
+  start: "justify-start",
+  center: "justify-center",
+  end: "justify-end",
+  between: "justify-between",
+  around: "justify-around",
+  evenly: "justify-evenly"
+}, p = r.forwardRef(
+  ({ as: n, direction: a = "vertical", gap: e, align: t, justify: s, wrap: c, className: i, children: o, ...f }, l) => {
+    const m = n || "div";
+    return r.createElement(
+      m,
+      {
+        ref: l,
+        className: d(
+          "flex",
+          a === "vertical" ? "flex-col" : "flex-row",
+          e && `gap-${e}`,
+          t && u[t],
+          s && y[s],
+          c && "flex-wrap",
+          i
+        ),
+        ...f
+      },
+      o
+    );
+  }
+);
+p.displayName = "Stack";
+export {
+  p as Stack
+};

package/dist/ui/stat-card.d.ts

@@ -0,0 +1,54 @@
+import * as React from 'react';
+/**
+ * Props for StatCard — a dashboard metric tile displaying a label, a large numeric value,
+ * an optional trend delta (with directional arrow icon), and an optional header icon.
+ *
+ * **Delta direction:** `'up'` renders a green trending-up arrow, `'down'` renders a red
+ * trending-down arrow, `'neutral'` renders a grey dash. The `delta.value` is a formatted
+ * string (e.g. `"+8%"` or `"−120"`).
+ *
+ * **Loading state:** Pass `loading={true}` to render a pulse-skeleton placeholder instead of data.
+ *
+ * @example
+ * // Revenue metric with a positive trend:
+ * <StatCard
+ *   label="Monthly Revenue"
+ *   value="$48,200"
+ *   delta={{ value: "+12%", direction: "up" }}
+ *   icon={<IconCurrencyDollar />}
+ * />
+ *
+ * @example
+ * // Open ticket count with a downward trend (good for support queues):
+ * <StatCard
+ *   label="Open Tickets"
+ *   value={142}
+ *   delta={{ value: "−18", direction: "down" }}
+ * />
+ *
+ * @example
+ * // Loading skeleton while data is fetching:
+ * <StatCard label="Users" value={0} loading={isFetching} />
+ *
+ * @example
+ * // Simple metric with no trend (stable, neutral):
+ * <StatCard
+ *   label="Storage Used"
+ *   value="4.2 GB"
+ *   delta={{ value: "No change", direction: "neutral" }}
+ * />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface StatCardProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    value: string | number;
+    delta?: {
+        value: string;
+        direction: 'up' | 'down' | 'neutral';
+    };
+    icon?: React.ReactNode;
+    loading?: boolean;
+}
+declare const StatCard: React.ForwardRefExoticComponent<StatCardProps & React.RefAttributes<HTMLDivElement>>;
+export { StatCard };
+//# sourceMappingURL=stat-card.d.ts.map

package/dist/ui/stat-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stat-card.d.ts","sourceRoot":"","sources":["../../src/ui/stat-card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE;QACN,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,IAAI,GAAG,MAAM,GAAG,SAAS,CAAA;KACrC,CAAA;IACD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,QAAQ,sFA8Db,CAAA;AAID,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/stat-card.js

@@ -0,0 +1,52 @@
+import { jsxs as r, jsx as s } from "react/jsx-runtime";
+import { IconTrendingUp as l, IconTrendingDown as x, IconMinus as p } from "@tabler/icons-react";
+import * as h from "react";
+import { cn as d } from "./lib/utils.js";
+const f = h.forwardRef(
+  ({ className: n, label: m, value: c, delta: e, icon: o, loading: a, ...i }, t) => {
+    if (a)
+      return /* @__PURE__ */ r(
+        "div",
+        {
+          ref: t,
+          className: d(
+            "rounded-ds-lg border border-border-subtle bg-layer-01 shadow-01 p-ds-05b",
+            n
+          ),
+          ...i,
+          children: [
+            /* @__PURE__ */ s("div", { className: "h-ds-04 w-24 rounded-ds-sm bg-skeleton-base animate-pulse mb-ds-05" }),
+            /* @__PURE__ */ s("div", { className: "h-ds-sm w-32 rounded-ds-md bg-skeleton-base animate-pulse mb-ds-03" }),
+            /* @__PURE__ */ s("div", { className: "h-3 w-16 rounded-ds-sm bg-skeleton-base animate-pulse" })
+          ]
+        }
+      );
+    const u = (e == null ? void 0 : e.direction) === "up" ? l : (e == null ? void 0 : e.direction) === "down" ? x : p, b = (e == null ? void 0 : e.direction) === "up" ? "text-success" : (e == null ? void 0 : e.direction) === "down" ? "text-error" : "text-text-secondary";
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        ref: t,
+        className: d(
+          "rounded-ds-lg border border-border-subtle bg-layer-01 shadow-01 p-ds-05b",
+          n
+        ),
+        ...i,
+        children: [
+          /* @__PURE__ */ r("div", { className: "flex items-center justify-between mb-ds-04", children: [
+            /* @__PURE__ */ s("p", { className: "text-ds-md font-medium text-text-secondary", children: m }),
+            o && /* @__PURE__ */ s("span", { className: "text-text-secondary", "aria-hidden": "true", children: o })
+          ] }),
+          /* @__PURE__ */ s("p", { className: "text-ds-3xl font-semibold text-text-primary tabular-nums", children: c }),
+          e && /* @__PURE__ */ r("div", { className: d("mt-ds-03 flex items-center gap-ds-02 text-ds-sm font-medium", b), children: [
+            /* @__PURE__ */ s(u, { className: "h-ico-sm w-ico-sm", "aria-hidden": "true" }),
+            /* @__PURE__ */ s("span", { children: e.value })
+          ] })
+        ]
+      }
+    );
+  }
+);
+f.displayName = "StatCard";
+export {
+  f as StatCard
+};

package/dist/ui/stepper.d.ts

@@ -0,0 +1,57 @@
+import * as React from 'react';
+/**
+ * Props for Stepper — a multi-step progress indicator that renders a connected series of `<Step>`
+ * children with connector lines, showing completed/active/pending states automatically.
+ *
+ * **`activeStep`:** 0-indexed. Step at `activeStep` is "active", steps before it are "completed",
+ * steps after it are "pending". Update this value to advance the stepper.
+ *
+ * **Orientation:** `'horizontal'` (default, left-to-right) | `'vertical'` (top-to-bottom, for sidebars).
+ *
+ * **Children:** Must be `<Step>` components. The Stepper injects `_index` into each child automatically.
+ *
+ * @example
+ * // Horizontal 3-step form wizard:
+ * <Stepper activeStep={currentStep}>
+ *   <Step label="Account" description="Create your credentials" />
+ *   <Step label="Profile" description="Add your details" />
+ *   <Step label="Review" description="Confirm and submit" />
+ * </Stepper>
+ *
+ * @example
+ * // Vertical onboarding checklist in a sidebar:
+ * <Stepper activeStep={completedSteps} orientation="vertical">
+ *   <Step label="Connect workspace" />
+ *   <Step label="Invite teammates" />
+ *   <Step label="Set up billing" />
+ * </Stepper>
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+interface StepperProps extends React.HTMLAttributes<HTMLDivElement> {
+    activeStep: number;
+    orientation?: 'horizontal' | 'vertical';
+    children: React.ReactNode;
+}
+declare const Stepper: React.ForwardRefExoticComponent<StepperProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Props for Step — a single step within a `<Stepper>`. The visual state (completed/active/pending)
+ * is derived from the parent Stepper's `activeStep` and this step's position — you don't set it manually.
+ *
+ * @example
+ * // Basic step with label and description:
+ * <Step label="Payment" description="Enter your card details" />
+ *
+ * @example
+ * // Step with a custom icon (overrides the default number/checkmark):
+ * <Step label="Verified" icon={<IconShieldCheck className="h-ico-sm w-ico-sm" />} />
+ */
+interface StepProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+}
+declare const Step: React.ForwardRefExoticComponent<StepProps & {
+    _index?: number;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Stepper, Step, type StepperProps, type StepProps };
+//# sourceMappingURL=stepper.d.ts.map

package/dist/ui/stepper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../src/ui/stepper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAe9B;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,UAAU,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACjE,UAAU,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,YAAY,GAAG,UAAU,CAAA;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAC1B;AAED,QAAA,MAAM,OAAO,qFAwCZ,CAAA;AAED;;;;;;;;;;;GAWG;AACH,UAAU,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC9D,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB;AAID,QAAA,MAAM,IAAI;aAFsC,MAAM;wCAwDrD,CAAA;AAKD,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}

package/dist/ui/stepper.js

@@ -0,0 +1,90 @@
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import * as t from "react";
+import { cn as o } from "./lib/utils.js";
+const f = t.createContext({
+  activeStep: 0,
+  orientation: "horizontal"
+}), h = t.forwardRef(
+  ({ activeStep: l, orientation: r = "horizontal", className: c, children: m, ...a }, p) => {
+    const d = t.Children.toArray(m);
+    return /* @__PURE__ */ e(f.Provider, { value: { activeStep: l, orientation: r }, children: /* @__PURE__ */ e(
+      "div",
+      {
+        ref: p,
+        className: o(
+          "flex gap-ds-02",
+          r === "vertical" ? "flex-col" : "flex-row items-center",
+          c
+        ),
+        role: "list",
+        ...a,
+        children: d.map((n, s) => /* @__PURE__ */ x(t.Fragment, { children: [
+          t.isValidElement(n) ? t.cloneElement(n, { _index: s }) : n,
+          s < d.length - 1 && /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                "flex-1",
+                r === "vertical" ? "ml-ds-04 w-ds-01 min-h-ds-05" : "h-ds-01 min-w-ds-05",
+                s < l ? "bg-interactive" : "bg-border"
+              ),
+              "aria-hidden": "true"
+            }
+          )
+        ] }, s))
+      }
+    ) });
+  }
+), v = t.forwardRef(
+  ({ label: l, description: r, icon: c, className: m, _index: a = 0, ...p }, d) => {
+    const { activeStep: n, orientation: s } = t.useContext(f), i = a < n ? "completed" : a === n ? "active" : "pending";
+    return /* @__PURE__ */ x(
+      "div",
+      {
+        ref: d,
+        "data-step": "",
+        "data-state": i,
+        role: "listitem",
+        className: o(
+          "flex items-center gap-ds-03",
+          s === "vertical" && "py-ds-02",
+          m
+        ),
+        ...p,
+        children: [
+          /* @__PURE__ */ e(
+            "div",
+            {
+              className: o(
+                "flex-shrink-0 flex items-center justify-center w-ds-sm h-ds-sm rounded-ds-full text-[length:var(--font-size-sm)] font-[number:var(--font-weight-semibold)] transition-colors duration-fast-01",
+                i === "completed" && "bg-interactive text-text-on-color",
+                i === "active" && "bg-interactive text-text-on-color",
+                i === "pending" && "bg-layer-02 text-text-tertiary border border-border"
+              ),
+              children: c || (i === "completed" ? /* @__PURE__ */ e("svg", { className: "w-ico-sm h-ico-sm", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2.5, strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ e("polyline", { points: "20 6 9 17 4 12" }) }) : a + 1)
+            }
+          ),
+          /* @__PURE__ */ x("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ e(
+              "span",
+              {
+                className: o(
+                  "text-[length:var(--font-size-md)] font-[number:var(--font-weight-medium)] leading-[var(--line-height-snug)]",
+                  i === "pending" ? "text-text-tertiary" : "text-text-primary"
+                ),
+                children: l
+              }
+            ),
+            r && /* @__PURE__ */ e("span", { className: "text-[length:var(--font-size-sm)] text-text-secondary leading-[var(--line-height-relaxed)]", children: r })
+          ] })
+        ]
+      }
+    );
+  }
+);
+h.displayName = "Stepper";
+v.displayName = "Step";
+export {
+  v as Step,
+  h as Stepper
+};

package/dist/ui/switch.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import * as SwitchPrimitives from "@primitives/react-switch";
+declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { Switch };
+//# sourceMappingURL=switch.d.ts.map

package/dist/ui/switch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../src/ui/switch.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,0BAA0B,CAAA;AAI5D,QAAA,MAAM,MAAM,8JAkBV,CAAA;AAGF,OAAO,EAAE,MAAM,EAAE,CAAA"}

package/dist/ui/switch.js

@@ -0,0 +1,27 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as i from "react";
+import { Root as t, Thumb as n } from "../primitives/react-switch.js";
+import { cn as o } from "./lib/utils.js";
+const d = i.forwardRef(({ className: r, ...s }, a) => /* @__PURE__ */ e(
+  t,
+  {
+    className: o(
+      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-ds-full border-2 border-transparent shadow-01 transition-colors duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-[0.38] data-[state=checked]:bg-interactive data-[state=unchecked]:bg-border-strong",
+      r
+    ),
+    ...s,
+    ref: a,
+    children: /* @__PURE__ */ e(
+      n,
+      {
+        className: o(
+          "pointer-events-none block h-ico-md w-ico-md rounded-ds-full bg-text-on-color shadow-02 ring-0 transition-transform duration-fast-01 data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+d.displayName = t.displayName;
+export {
+  d as Switch
+};

package/dist/ui/table.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
+declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
+declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
+declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
+declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
+export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, };
+//# sourceMappingURL=table.d.ts.map

package/dist/ui/table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/ui/table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,QAAA,MAAM,KAAK,iHAWT,CAAA;AAGF,QAAA,MAAM,WAAW,+HAKf,CAAA;AAGF,QAAA,MAAM,SAAS,+HASb,CAAA;AAGF,QAAA,MAAM,WAAW,+HAYf,CAAA;AAGF,QAAA,MAAM,QAAQ,uHAYZ,CAAA;AAGF,QAAA,MAAM,SAAS,2HAab,CAAA;AAGF,QAAA,MAAM,SAAS,2HAYb,CAAA;AAGF,QAAA,MAAM,YAAY,+HAShB,CAAA;AAGF,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,GACb,CAAA"}

package/dist/ui/table.js

@@ -0,0 +1,91 @@
+import { jsx as l } from "react/jsx-runtime";
+import * as o from "react";
+import { cn as r } from "./lib/utils.js";
+const s = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ l(
+  "table",
+  {
+    ref: t,
+    className: r("w-full caption-bottom text-ds-md", e),
+    ...a
+  }
+) }));
+s.displayName = "Table";
+const d = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l("thead", { ref: t, className: r("", e), ...a }));
+d.displayName = "TableHeader";
+const c = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "tbody",
+  {
+    ref: t,
+    className: r("[&_tr:last-child]:border-0", e),
+    ...a
+  }
+));
+c.displayName = "TableBody";
+const m = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "tfoot",
+  {
+    ref: t,
+    className: r(
+      "bg-[color-mix(in_srgb,var(--color-layer-02)_50%,transparent)] font-medium [&>tr]:last:border-b-0",
+      e
+    ),
+    ...a
+  }
+));
+m.displayName = "TableFooter";
+const b = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "tr",
+  {
+    ref: t,
+    className: r(
+      "transition-colors hover:bg-layer-02 data-[state=selected]:bg-interactive-selected",
+      e
+    ),
+    ...a
+  }
+));
+b.displayName = "TableRow";
+const i = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "th",
+  {
+    ref: t,
+    scope: "col",
+    className: r(
+      "h-ds-md px-ds-03 text-left align-left font-medium text-text-secondary [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+i.displayName = "TableHead";
+const f = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "td",
+  {
+    ref: t,
+    className: r(
+      "p-ds-03 px-0 align-left [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]",
+      e
+    ),
+    ...a
+  }
+));
+f.displayName = "TableCell";
+const n = o.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ l(
+  "caption",
+  {
+    ref: t,
+    className: r("mt-ds-05 text-ds-md text-text-secondary", e),
+    ...a
+  }
+));
+n.displayName = "TableCaption";
+export {
+  s as Table,
+  c as TableBody,
+  n as TableCaption,
+  f as TableCell,
+  m as TableFooter,
+  i as TableHead,
+  d as TableHeader,
+  b as TableRow
+};

package/dist/ui/tabs.d.ts

@@ -0,0 +1,81 @@
+import { VariantProps } from 'class-variance-authority';
+import * as TabsPrimitive from '@primitives/react-tabs';
+import * as React from 'react';
+/**
+ * Tabs compound component — accessible tabbed navigation with keyboard support and two visual
+ * variants (line underline and contained pill styles).
+ *
+ * **Parts (in composition order):**
+ * - `Tabs` — manages active tab state (this root; takes `defaultValue`, `value`, `onValueChange`)
+ * - `TabsList` — tab bar container (takes `variant="line"|"contained"`, default `"line"`)
+ * - `TabsTrigger` — individual tab button (requires `value`; inherits `variant` from TabsList via context)
+ * - `TabsContent` — the panel shown when its tab is active (requires `value` matching a TabsTrigger)
+ *
+ * **Critical behavior:** `variant` set on `TabsList` propagates automatically via React context to
+ * all `TabsTrigger` children. You do NOT need to repeat `variant` on each trigger — but you CAN
+ * override it per-trigger if needed.
+ *
+ * @compound
+ * @example
+ * // Default line variant:
+ * <Tabs defaultValue="overview">
+ *   <TabsList>
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *     <TabsTrigger value="activity">Activity</TabsTrigger>
+ *     <TabsTrigger value="settings">Settings</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">Overview content</TabsContent>
+ *   <TabsContent value="activity">Activity content</TabsContent>
+ *   <TabsContent value="settings">Settings content</TabsContent>
+ * </Tabs>
+ *
+ * @example
+ * // Contained pill variant (controlled):
+ * const [tab, setTab] = useState('members')
+ * <Tabs value={tab} onValueChange={setTab}>
+ *   <TabsList variant="contained">
+ *     <TabsTrigger value="members">Members</TabsTrigger>
+ *     <TabsTrigger value="roles">Roles</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="members">Members list here.</TabsContent>
+ *   <TabsContent value="roles">Roles list here.</TabsContent>
+ * </Tabs>
+ */
+declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
+/** Props for the Tabs root (defaultValue, value, onValueChange, etc.). */
+export type TabsProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Root>;
+declare const tabsListVariants: (props?: ({
+    variant?: "line" | "contained" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const tabsTriggerVariants: (props?: ({
+    variant?: "line" | "contained" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * TabsList — container for tab triggers. Sets `variant` for all child TabsTriggers via context.
+ *
+ * **Compound structure — variant propagates automatically:**
+ * ```tsx
+ * <Tabs defaultValue="overview">
+ *   <TabsList variant="contained">
+ *     <TabsTrigger value="overview">Overview</TabsTrigger>
+ *     <TabsTrigger value="activity">Activity</TabsTrigger>
+ *   </TabsList>
+ *   <TabsContent value="overview">Overview content</TabsContent>
+ *   <TabsContent value="activity">Activity content</TabsContent>
+ * </Tabs>
+ * ```
+ *
+ * `variant` on `TabsList` flows to all `TabsTrigger` children via React context.
+ * You do NOT need to repeat `variant` on each `TabsTrigger`.
+ */
+export interface TabsListProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>, VariantProps<typeof tabsListVariants> {
+}
+declare const TabsList: React.ForwardRefExoticComponent<TabsListProps & React.RefAttributes<HTMLDivElement>>;
+export interface TabsTriggerProps extends React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>, VariantProps<typeof tabsTriggerVariants> {
+}
+declare const TabsTrigger: React.ForwardRefExoticComponent<TabsTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+/** Props for TabsContent. The `value` prop must match a TabsTrigger's `value`. */
+export type TabsContentProps = React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>;
+export { Tabs, TabsList, TabsTrigger, TabsContent };
+//# sourceMappingURL=tabs.d.ts.map

package/dist/ui/tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../src/ui/tabs.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,aAAa,MAAM,wBAAwB,CAAA;AACvD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuCG;AACH,QAAA,MAAM,IAAI,gGAAqB,CAAA;AAE/B,0EAA0E;AAC1E,MAAM,MAAM,SAAS,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,CAAA;AAKjF,QAAA,MAAM,gBAAgB;;8EASpB,CAAA;AAEF,QAAA,MAAM,mBAAmB;;8EAmBxB,CAAA;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,WAAW,aACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,IAAI,CAAC,EAC/D,YAAY,CAAC,OAAO,gBAAgB,CAAC;CAAG;AAE5C,QAAA,MAAM,QAAQ,sFAcZ,CAAA;AAGF,MAAM,WAAW,gBACf,SAAQ,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,EAClE,YAAY,CAAC,OAAO,mBAAmB,CAAC;CAAG;AAE/C,QAAA,MAAM,WAAW,4FAcf,CAAA;AAGF,QAAA,MAAM,WAAW,0JAYf,CAAA;AAGF,kFAAkF;AAClF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,wBAAwB,CAAC,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;AAE3F,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}