@devalok/shilp-sutra 0.1.0

package/dist/ui/navigation-menu.js

@@ -0,0 +1,103 @@
+import { jsxs as d, jsx as o } from "react/jsx-runtime";
+import * as n from "react";
+import { Item as v, Link as N, Root as r, Content as m, Indicator as l, List as f, Trigger as u, Viewport as c } from "../primitives/react-navigation-menu.js";
+import { IconChevronDown as g } from "@tabler/icons-react";
+import { cn as i } from "./lib/utils.js";
+const w = n.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ d(
+  r,
+  {
+    ref: s,
+    className: i(
+      "relative z-raised flex max-w-max flex-1 items-center justify-center",
+      e
+    ),
+    ...a,
+    children: [
+      t,
+      /* @__PURE__ */ o(p, {})
+    ]
+  }
+));
+w.displayName = r.displayName;
+const h = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  f,
+  {
+    ref: a,
+    className: i(
+      "group flex flex-1 list-none items-center justify-center space-x-ds-02",
+      e
+    ),
+    ...t
+  }
+));
+h.displayName = f.displayName;
+const z = v, b = n.forwardRef(({ className: e, children: t, ...a }, s) => /* @__PURE__ */ d(
+  u,
+  {
+    ref: s,
+    className: i(
+      "group inline-flex h-ds-sm-plus w-max items-center justify-center rounded-ds-md bg-transparent px-ds-05 py-ds-03 text-ds-md font-medium transition-colors hover:bg-field focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus disabled:pointer-events-none disabled:opacity-[0.38]",
+      e
+    ),
+    ...a,
+    children: [
+      t,
+      " ",
+      /* @__PURE__ */ o(
+        g,
+        {
+          className: "relative top-[1px] ml-ds-02 h-3 w-3 transition-transform duration-moderate-02 group-data-[state=open]:rotate-180",
+          "aria-hidden": "true"
+        }
+      )
+    ]
+  }
+));
+b.displayName = u.displayName;
+const y = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  m,
+  {
+    ref: a,
+    className: i(
+      "left-0 top-0 w-full data-[motion^=from-]:animate-in data-[motion^=to-]:animate-out data-[motion^=from-]:fade-in data-[motion^=to-]:fade-out data-[motion=from-end]:slide-in-from-right-52 data-[motion=from-start]:slide-in-from-left-52 data-[motion=to-end]:slide-out-to-right-52 data-[motion=to-start]:slide-out-to-left-52 md:absolute md:w-auto",
+      e
+    ),
+    ...t
+  }
+));
+y.displayName = m.displayName;
+const L = N, p = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o("div", { className: i("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ o(
+  c,
+  {
+    className: i(
+      "origin-top-center relative mt-ds-02b h-[var(--radix-navigation-menu-viewport-height)] w-full overflow-hidden rounded-ds-lg border border-border bg-layer-01 shadow-03 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-90 md:w-[var(--radix-navigation-menu-viewport-width)]",
+      e
+    ),
+    ref: a,
+    ...t
+  }
+) }));
+p.displayName = c.displayName;
+const x = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ o(
+  l,
+  {
+    ref: a,
+    className: i(
+      "top-full z-base flex h-ds-02b items-end justify-center overflow-hidden data-[state=visible]:animate-in data-[state=hidden]:animate-out data-[state=hidden]:fade-out data-[state=visible]:fade-in",
+      e
+    ),
+    ...t,
+    children: /* @__PURE__ */ o("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-tl-sm bg-border shadow-02" })
+  }
+));
+x.displayName = l.displayName;
+export {
+  w as NavigationMenu,
+  y as NavigationMenuContent,
+  x as NavigationMenuIndicator,
+  z as NavigationMenuItem,
+  L as NavigationMenuLink,
+  h as NavigationMenuList,
+  b as NavigationMenuTrigger,
+  p as NavigationMenuViewport
+};

package/dist/ui/number-input.d.ts

@@ -0,0 +1,40 @@
+import * as React from 'react';
+/**
+ * Props for NumberInput — a stepper control with "−" and "+" buttons flanking a numeric input,
+ * clamped between `min` and `max`. The decrement/increment buttons are disabled when bounds are reached.
+ *
+ * **Controlled only:** Pass `value` + `onChange` for controlled usage. Uncontrolled usage is
+ * possible but the buttons won't update the displayed value without `onChange`.
+ *
+ * **Step:** The `step` prop controls how much each button press increments/decrements (default 1).
+ * Direct text input is also clamped to `[min, max]` on change.
+ *
+ * @example
+ * // Quantity selector with 1–99 range:
+ * <NumberInput value={qty} onChange={setQty} min={1} max={99} />
+ *
+ * @example
+ * // Rating input (1–10, step 1):
+ * <NumberInput value={rating} onChange={setRating} min={1} max={10} />
+ *
+ * @example
+ * // Fine-grained opacity control (0–100, step 5):
+ * <NumberInput value={opacity} onChange={setOpacity} min={0} max={100} step={5} />
+ *
+ * @example
+ * // Disabled number display (read-only-like):
+ * <NumberInput value={autoCalcValue} onChange={() => {}} disabled />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface NumberInputProps {
+    value?: number;
+    onChange?: (value: number) => void;
+    min?: number;
+    max?: number;
+    step?: number;
+    disabled?: boolean;
+    className?: string;
+}
+declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
+export { NumberInput };
+//# sourceMappingURL=number-input.d.ts.map

package/dist/ui/number-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"number-input.d.ts","sourceRoot":"","sources":["../../src/ui/number-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,WAAW,2FA6EhB,CAAA;AAGD,OAAO,EAAE,WAAW,EAAE,CAAA"}

package/dist/ui/number-input.js

@@ -0,0 +1,80 @@
+import { jsxs as b, jsx as n } from "react/jsx-runtime";
+import * as f from "react";
+import { IconMinus as x, IconPlus as h } from "@tabler/icons-react";
+import { cn as N } from "./lib/utils.js";
+const w = f.forwardRef(
+  ({
+    value: t = 0,
+    onChange: a = (i) => {
+    },
+    min: s = Number.MIN_SAFE_INTEGER,
+    max: o = Number.MAX_SAFE_INTEGER,
+    step: c = 1,
+    disabled: l = !1,
+    className: d
+  }, u) => {
+    const i = (r) => {
+      const e = parseInt(r.target.value) || 0;
+      e >= s && e <= o && a(e);
+    }, m = (r) => {
+      r.preventDefault();
+      const e = t + c;
+      e <= o && a(e);
+    }, p = (r) => {
+      r.preventDefault();
+      const e = t - c;
+      e >= s && a(e);
+    };
+    return /* @__PURE__ */ b(
+      "div",
+      {
+        className: N(
+          "flex items-center justify-between rounded-ds-full border border-border",
+          d
+        ),
+        children: [
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: p,
+              disabled: l || t <= s,
+              "aria-label": "Decrease value",
+              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-text-placeholder transition-colors hover:text-text-secondary",
+              children: /* @__PURE__ */ n(x, { className: "h-ico-sm w-ico-sm" })
+            }
+          ),
+          /* @__PURE__ */ n(
+            "input",
+            {
+              ref: u,
+              type: "number",
+              value: t,
+              onChange: i,
+              min: s,
+              max: o,
+              step: c,
+              disabled: l,
+              className: "text-ds-base font-semibold w-ds-sm-plus border-0 text-center text-text-secondary [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none"
+            }
+          ),
+          /* @__PURE__ */ n(
+            "button",
+            {
+              type: "button",
+              onClick: m,
+              disabled: l || t >= o,
+              "aria-label": "Increase value",
+              className: "flex h-ds-sm w-ds-sm items-center justify-center border-0 text-text-placeholder transition-colors hover:text-text-secondary",
+              children: /* @__PURE__ */ n(h, { className: "h-ico-sm w-ico-sm" })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+w.displayName = "NumberInput";
+export {
+  w as NumberInput
+};

package/dist/ui/pagination.d.ts

@@ -0,0 +1,74 @@
+import * as React from 'react';
+declare const PaginationRoot: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
+declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
+declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
+/**
+ * Props for PaginationLink — a single page number button in a pagination row.
+ * When `isActive` is true, the button gets the brand interactive fill and `aria-current="page"`.
+ *
+ * @example
+ * // Active page button:
+ * <PaginationLink isActive onClick={() => goToPage(3)}>3</PaginationLink>
+ *
+ * @example
+ * // Render as a Next.js Link via asChild:
+ * <PaginationLink asChild isActive={currentPage === 5}>
+ *   <Link href="/posts?page=5">5</Link>
+ * </PaginationLink>
+ */
+export interface PaginationLinkProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    isActive?: boolean;
+    asChild?: boolean;
+}
+declare const PaginationLink: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PaginationPrevious: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PaginationNext: React.ForwardRefExoticComponent<PaginationLinkProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PaginationEllipsis: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+type PageItem = number | 'ellipsis';
+/**
+ * Pure function that builds an array of page numbers and ellipsis markers.
+ * Always shows first and last page, plus `siblingCount` pages around `current`.
+ *
+ * @example generatePagination(5, 10, 1) → [1, 'ellipsis', 4, 5, 6, 'ellipsis', 10]
+ */
+declare function generatePagination(current: number, total: number, siblingCount: number): PageItem[];
+/**
+ * Props for PaginationNav — a fully self-contained controlled pagination component that renders
+ * Previous / page numbers (with ellipsis) / Next — using `generatePagination` internally.
+ *
+ * **1-indexed:** `currentPage` starts at 1 (not 0). `onPageChange` also receives 1-indexed values.
+ *
+ * **`siblingCount`:** Number of page buttons shown on each side of the current page (default 1).
+ * A wider `siblingCount` shows more page buttons before switching to ellipsis.
+ *
+ * @example
+ * // Basic controlled pagination:
+ * <PaginationNav
+ *   totalPages={24}
+ *   currentPage={currentPage}
+ *   onPageChange={setCurrentPage}
+ * />
+ *
+ * @example
+ * // Wider sibling range for a results grid (shows more page context):
+ * <PaginationNav
+ *   totalPages={100}
+ *   currentPage={currentPage}
+ *   onPageChange={setCurrentPage}
+ *   siblingCount={2}
+ * />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface PaginationNavProps extends React.HTMLAttributes<HTMLElement> {
+    /** Total number of pages */
+    totalPages: number;
+    /** Current active page (1-indexed) */
+    currentPage: number;
+    /** Called when the user requests a different page */
+    onPageChange: (page: number) => void;
+    /** Number of sibling page buttons shown on each side of the current page (default: 1) */
+    siblingCount?: number;
+}
+declare const PaginationNav: React.ForwardRefExoticComponent<PaginationNavProps & React.RefAttributes<HTMLElement>>;
+export { PaginationRoot, PaginationContent, PaginationItem, PaginationLink, PaginationPrevious, PaginationNext, PaginationEllipsis, PaginationNav, generatePagination, };
+//# sourceMappingURL=pagination.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../src/ui/pagination.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,QAAA,MAAM,cAAc,0JAWlB,CAAA;AAGF,QAAA,MAAM,iBAAiB,yKASrB,CAAA;AAGF,QAAA,MAAM,cAAc,kKAKlB,CAAA;AAGF;;;;;;;;;;;;;GAaG;AACH,MAAM,WAAW,mBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,QAAA,MAAM,cAAc,+FAkBnB,CAAA;AAGD,QAAA,MAAM,kBAAkB,+FAatB,CAAA;AAGF,QAAA,MAAM,cAAc,+FAalB,CAAA;AAGF,QAAA,MAAM,kBAAkB,sKAgBtB,CAAA;AAOF,KAAK,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAA;AAEnC;;;;;GAKG;AACH,iBAAS,kBAAkB,CACzB,OAAO,EAAE,MAAM,EACf,KAAK,EAAE,MAAM,EACb,YAAY,EAAE,MAAM,GACnB,QAAQ,EAAE,CAoCZ;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,WAAW,kBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACzC,4BAA4B;IAC5B,UAAU,EAAE,MAAM,CAAA;IAClB,sCAAsC;IACtC,WAAW,EAAE,MAAM,CAAA;IACnB,qDAAqD;IACrD,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC,yFAAyF;IACzF,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB;AAED,QAAA,MAAM,aAAa,wFAqDlB,CAAA;AAGD,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,cAAc,EACd,cAAc,EACd,kBAAkB,EAClB,cAAc,EACd,kBAAkB,EAClB,aAAa,EACb,kBAAkB,GACnB,CAAA"}

package/dist/ui/pagination.js

@@ -0,0 +1,159 @@
+import { jsx as a, jsxs as g } from "react/jsx-runtime";
+import * as o from "react";
+import { Root as b } from "../primitives/react-slot.js";
+import { IconDots as j, IconChevronRight as k, IconChevronLeft as C } from "@tabler/icons-react";
+import { cn as r } from "./lib/utils.js";
+const x = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
+  "nav",
+  {
+    ref: s,
+    role: "navigation",
+    "aria-label": "pagination",
+    className: r("mx-auto flex w-full justify-center", e),
+    ...i
+  }
+));
+x.displayName = "PaginationRoot";
+const w = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a(
+  "ul",
+  {
+    ref: s,
+    className: r("flex flex-row items-center gap-ds-02", e),
+    ...i
+  }
+));
+w.displayName = "PaginationContent";
+const f = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ a("li", { ref: s, className: r("", e), ...i }));
+f.displayName = "PaginationItem";
+const u = o.forwardRef(
+  ({ className: e, isActive: i = !1, asChild: s = !1, ...c }, t) => /* @__PURE__ */ a(
+    s ? b : "button",
+    {
+      ref: t,
+      "aria-current": i ? "page" : void 0,
+      className: r(
+        "inline-flex items-center justify-center h-ds-sm-plus w-ds-sm-plus rounded-ds-md text-ds-md font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-[0.38]",
+        i ? "bg-interactive text-text-on-color" : "hover:bg-field text-text-primary",
+        e
+      ),
+      ...c
+    }
+  )
+);
+u.displayName = "PaginationLink";
+const y = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+  u,
+  {
+    ref: s,
+    "aria-label": "Go to previous page",
+    className: r("w-auto gap-ds-02 pl-ds-03 pr-ds-04", e),
+    ...i,
+    children: [
+      /* @__PURE__ */ a(C, { className: "h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ a("span", { children: "Previous" })
+    ]
+  }
+));
+y.displayName = "PaginationPrevious";
+const v = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+  u,
+  {
+    ref: s,
+    "aria-label": "Go to next page",
+    className: r("w-auto gap-ds-02 pl-ds-04 pr-ds-03", e),
+    ...i,
+    children: [
+      /* @__PURE__ */ a("span", { children: "Next" }),
+      /* @__PURE__ */ a(k, { className: "h-ico-sm w-ico-sm" })
+    ]
+  }
+));
+v.displayName = "PaginationNext";
+const P = o.forwardRef(({ className: e, ...i }, s) => /* @__PURE__ */ g(
+  "span",
+  {
+    ref: s,
+    "aria-hidden": "true",
+    className: r(
+      "flex h-ds-sm-plus w-ds-sm-plus items-center justify-center text-text-secondary",
+      e
+    ),
+    ...i,
+    children: [
+      /* @__PURE__ */ a(j, { className: "h-ico-sm w-ico-sm" }),
+      /* @__PURE__ */ a("span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+));
+P.displayName = "PaginationEllipsis";
+function I(e, i, s) {
+  const c = s * 2 + 5;
+  if (i <= c)
+    return Array.from({ length: i }, (n, m) => m + 1);
+  const t = Math.max(e - s, 1), d = Math.min(e + s, i), p = t > 2, h = d < i - 1;
+  if (!p && h) {
+    const n = s * 2 + 3;
+    return [...Array.from({ length: n }, (R, N) => N + 1), "ellipsis", i];
+  }
+  if (p && !h) {
+    const n = s * 2 + 3;
+    return [1, "ellipsis", ...Array.from(
+      { length: n },
+      (R, N) => i - n + 1 + N
+    )];
+  }
+  return [1, "ellipsis", ...Array.from(
+    { length: d - t + 1 },
+    (n, m) => t + m
+  ), "ellipsis", i];
+}
+const M = o.forwardRef(
+  ({
+    totalPages: e,
+    currentPage: i,
+    onPageChange: s,
+    siblingCount: c = 1,
+    className: t,
+    ...d
+  }, p) => {
+    const h = I(i, e, c);
+    return /* @__PURE__ */ a(x, { ref: p, className: t, ...d, children: /* @__PURE__ */ g(w, { children: [
+      /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
+        y,
+        {
+          onClick: () => s(Math.max(1, i - 1)),
+          disabled: i <= 1
+        }
+      ) }),
+      h.map(
+        (l, n) => l === "ellipsis" ? /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(P, {}) }, `e${n}`) : /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
+          u,
+          {
+            isActive: l === i,
+            onClick: () => s(l),
+            children: l
+          }
+        ) }, l)
+      ),
+      /* @__PURE__ */ a(f, { children: /* @__PURE__ */ a(
+        v,
+        {
+          onClick: () => s(Math.min(e, i + 1)),
+          disabled: i >= e
+        }
+      ) })
+    ] }) });
+  }
+);
+M.displayName = "PaginationNav";
+export {
+  w as PaginationContent,
+  P as PaginationEllipsis,
+  f as PaginationItem,
+  u as PaginationLink,
+  M as PaginationNav,
+  v as PaginationNext,
+  y as PaginationPrevious,
+  x as PaginationRoot,
+  I as generatePagination
+};

package/dist/ui/popover.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import * as PopoverPrimitive from '@primitives/react-popover';
+declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
+declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const PopoverAnchor: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverAnchorProps & React.RefAttributes<HTMLDivElement>>;
+declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor };
+//# sourceMappingURL=popover.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../src/ui/popover.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,gBAAgB,MAAM,2BAA2B,CAAA;AAI7D,QAAA,MAAM,OAAO,yCAAwB,CAAA;AAErC,QAAA,MAAM,cAAc,gHAA2B,CAAA;AAE/C,QAAA,MAAM,aAAa,4GAA0B,CAAA;AAE7C,QAAA,MAAM,cAAc,gKAgBlB,CAAA;AAGF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/popover.js

@@ -0,0 +1,24 @@
+import { jsx as o } from "react/jsx-runtime";
+import * as s from "react";
+import { Root as i, Anchor as m, Trigger as p, Portal as l, Content as t } from "../primitives/react-popover.js";
+import { cn as c } from "./lib/utils.js";
+const u = i, P = p, v = m, f = s.forwardRef(({ className: e, align: a = "center", sideOffset: r = 4, ...d }, n) => /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(
+  t,
+  {
+    ref: n,
+    align: a,
+    sideOffset: r,
+    className: c(
+      "z-dropdown w-72 rounded-ds-lg border border-border bg-layer-01 p-ds-05 text-text-primary shadow-03 outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      e
+    ),
+    ...d
+  }
+) }));
+f.displayName = t.displayName;
+export {
+  u as Popover,
+  v as PopoverAnchor,
+  f as PopoverContent,
+  P as PopoverTrigger
+};

package/dist/ui/progress.d.ts

@@ -0,0 +1,49 @@
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import * as ProgressPrimitive from '@primitives/react-progress';
+declare const progressTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const progressIndicatorVariants: (props?: ({
+    color?: "error" | "default" | "warning" | "success" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+/**
+ * Props for Progress — a horizontal progress bar with size and color variants, an optional
+ * percentage label, and an indeterminate animation when `value` is undefined/null.
+ *
+ * **Track size:** `sm` (4px) | `md` (8px, default) | `lg` (12px)
+ *
+ * **Indicator color:** `default` (brand interactive) | `success` | `warning` | `error`
+ *
+ * **Indeterminate:** Omit `value` (or pass `undefined`) to show an animated indeterminate bar.
+ * When `value` is provided, it should be a number between 0–100.
+ *
+ * **`showLabel`:** Renders the percentage value next to the bar (only when `value` is set).
+ *
+ * @example
+ * // Determinate upload progress:
+ * <Progress value={uploadPercent} color="default" showLabel />
+ *
+ * @example
+ * // Indeterminate loading bar (while waiting for an async operation):
+ * <Progress size="sm" />
+ *
+ * @example
+ * // Success-colored completion bar (e.g. after all tasks done):
+ * <Progress value={100} color="success" size="md" />
+ *
+ * @example
+ * // Warning threshold indicator (disk usage at 80%):
+ * <Progress value={80} color="warning" showLabel size="lg" />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+interface ProgressProps extends Omit<React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>, 'color'>, VariantProps<typeof progressTrackVariants>, VariantProps<typeof progressIndicatorVariants> {
+    /** Additional class names for the indicator element */
+    indicatorClassName?: string;
+    /** Display the percentage label next to the progress bar */
+    showLabel?: boolean;
+}
+declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
+export { Progress, progressTrackVariants, progressIndicatorVariants };
+export type { ProgressProps };
+//# sourceMappingURL=progress.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"progress.d.ts","sourceRoot":"","sources":["../../src/ui/progress.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,iBAAiB,MAAM,4BAA4B,CAAA;AAC/D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAQjE,QAAA,MAAM,qBAAqB;;8EAY1B,CAAA;AAED,QAAA,MAAM,yBAAyB;;8EAa9B,CAAA;AAMD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,UAAU,aACR,SAAQ,IAAI,CACR,KAAK,CAAC,wBAAwB,CAAC,OAAO,iBAAiB,CAAC,IAAI,CAAC,EAC7D,OAAO,CACR,EACD,YAAY,CAAC,OAAO,qBAAqB,CAAC,EAC1C,YAAY,CAAC,OAAO,yBAAyB,CAAC;IAChD,uDAAuD;IACvD,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,4DAA4D;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAMD,QAAA,MAAM,QAAQ,sFAiDb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,CAAA;AACrE,YAAY,EAAE,aAAa,EAAE,CAAA"}

package/dist/ui/progress.js

@@ -0,0 +1,75 @@
+import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import * as p from "react";
+import { Root as i, Indicator as u } from "../primitives/react-progress.js";
+import { cva as o } from "class-variance-authority";
+import { cn as s } from "./lib/utils.js";
+const x = o(
+  "relative w-full overflow-hidden rounded-ds-full bg-layer-02",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        md: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: { size: "md" }
+  }
+), h = o(
+  "h-full w-full flex-1 transition-all",
+  {
+    variants: {
+      color: {
+        default: "bg-interactive",
+        success: "bg-success",
+        warning: "bg-warning",
+        error: "bg-error"
+      }
+    },
+    defaultVariants: { color: "default" }
+  }
+), w = p.forwardRef(
+  ({
+    className: l,
+    value: r,
+    size: d,
+    color: c,
+    indicatorClassName: m,
+    showLabel: a,
+    ...f
+  }, g) => {
+    const e = r == null;
+    return /* @__PURE__ */ t("div", { className: s("flex items-center gap-ds-03", a && "w-full"), children: [
+      /* @__PURE__ */ n(
+        i,
+        {
+          ref: g,
+          value: e ? null : r,
+          className: s(x({ size: d }), l),
+          ...f,
+          children: /* @__PURE__ */ n(
+            u,
+            {
+              className: s(
+                h({ color: c }),
+                e && "w-2/5 animate-progress-indeterminate motion-reduce:animate-none",
+                m
+              ),
+              style: e ? void 0 : { transform: `translateX(-${100 - (r || 0)}%)` }
+            }
+          )
+        }
+      ),
+      a && !e && /* @__PURE__ */ t("span", { className: "shrink-0 text-ds-xs text-text-secondary", children: [
+        r,
+        "%"
+      ] })
+    ] });
+  }
+);
+w.displayName = i.displayName;
+export {
+  w as Progress,
+  h as progressIndicatorVariants,
+  x as progressTrackVariants
+};

package/dist/ui/radio.d.ts

@@ -0,0 +1,6 @@
+import * as RadioGroupPrimitive from '@primitives/react-radio-group';
+import * as React from 'react';
+declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export { RadioGroup, RadioGroupItem };
+//# sourceMappingURL=radio.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../src/ui/radio.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,mBAAmB,MAAM,+BAA+B,CAAA;AAEpE,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,QAAA,MAAM,UAAU,+JAKd,CAAA;AAGF,QAAA,MAAM,cAAc,yKAuBlB,CAAA;AAGF,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,CAAA"}

package/dist/ui/radio.js

@@ -0,0 +1,29 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Root as s, Item as t, Indicator as c } from "../primitives/react-radio-group.js";
+import { IconCircle as l } from "@tabler/icons-react";
+import * as a from "react";
+import { cn as d } from "./lib/utils.js";
+const n = a.forwardRef(({ className: r, ...o }, i) => /* @__PURE__ */ e(s, { className: d("grid gap-ds-03", r), ...o, ref: i }));
+n.displayName = s.displayName;
+const m = a.forwardRef(({ className: r, ...o }, i) => /* @__PURE__ */ e(
+  t,
+  {
+    ref: i,
+    className: d(
+      "aspect-square h-ico-md w-ico-md rounded-ds-full",
+      "border border-border-strong bg-field",
+      "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]:border-interactive",
+      r
+    ),
+    ...o,
+    children: /* @__PURE__ */ e(c, { className: "flex items-center justify-center", children: /* @__PURE__ */ e(l, { className: "h-ds-03 w-ds-03 fill-interactive text-interactive" }) })
+  }
+));
+m.displayName = t.displayName;
+export {
+  n as RadioGroup,
+  m as RadioGroupItem
+};