@devalok/shilp-sutra 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../src/ui/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAA;AAGjE,QAAA,MAAM,YAAY;;;;8EA6DjB,CAAA;AAED,KAAK,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,CAAA;AAEzJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,KAAK,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,YAAY,CAAC,EAAE,OAAO,CAAC,GAAG;IAClE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAA;IACjC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,QAAA,MAAM,IAAI;;;;;WATD,MAAM;YACL,SAAS;WACV,KAAK,CAAC,SAAS;cACZ,KAAK,CAAC,iBAAiB;eACtB,MAAM,IAAI;eACV,OAAO;gBACN,MAAM;qCA8CnB,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,CAAA"}

package/dist/ui/chip.js

@@ -0,0 +1,105 @@
+import { jsxs as l, Fragment as p, jsx as r } from "react/jsx-runtime";
+import * as i from "react";
+import { cva as N } from "class-variance-authority";
+import { cn as h } from "./lib/utils.js";
+const w = N(
+  "inline-flex items-center gap-ds-02 font-sans leading-[var(--line-height-relaxed)] rounded-ds-full transition-colors duration-fast-01",
+  {
+    variants: {
+      variant: {
+        filled: "bg-layer-02 text-text-primary border border-transparent",
+        outlined: "bg-transparent text-text-primary border border-border"
+      },
+      size: {
+        sm: "h-ds-xs px-ds-03 text-ds-xs",
+        md: "h-ds-sm px-ds-04 text-ds-sm",
+        lg: "h-ds-md px-ds-05 text-ds-base gap-ds-03"
+      },
+      color: {
+        default: "",
+        primary: "",
+        success: "",
+        error: "",
+        warning: "",
+        info: "",
+        teal: "",
+        amber: "",
+        slate: "",
+        indigo: "",
+        cyan: "",
+        orange: "",
+        emerald: ""
+      }
+    },
+    compoundVariants: [
+      { variant: "filled", color: "primary", className: "bg-interactive text-text-on-color" },
+      { variant: "filled", color: "success", className: "bg-success-surface text-success-text border-success-border" },
+      { variant: "filled", color: "error", className: "bg-error-surface text-error-text border-error-border" },
+      { variant: "filled", color: "warning", className: "bg-warning-surface text-warning-text border-warning-border" },
+      { variant: "filled", color: "info", className: "bg-info-surface text-info-text border-info-border" },
+      { variant: "filled", color: "teal", className: "bg-category-teal-surface text-category-teal-text border-category-teal-border" },
+      { variant: "filled", color: "amber", className: "bg-category-amber-surface text-category-amber-text border-category-amber-border" },
+      { variant: "filled", color: "slate", className: "bg-category-slate-surface text-category-slate-text border-category-slate-border" },
+      { variant: "filled", color: "indigo", className: "bg-category-indigo-surface text-category-indigo-text border-category-indigo-border" },
+      { variant: "filled", color: "cyan", className: "bg-category-cyan-surface text-category-cyan-text border-category-cyan-border" },
+      { variant: "filled", color: "orange", className: "bg-category-orange-surface text-category-orange-text border-category-orange-border" },
+      { variant: "filled", color: "emerald", className: "bg-category-emerald-surface text-category-emerald-text border-category-emerald-border" },
+      { variant: "outlined", color: "primary", className: "border-border-interactive text-text-interactive" },
+      { variant: "outlined", color: "success", className: "border-border-success text-success-text" },
+      { variant: "outlined", color: "error", className: "border-border-error text-error-text" },
+      { variant: "outlined", color: "warning", className: "border-border-warning text-warning-text" },
+      { variant: "outlined", color: "info", className: "border-info-border text-info-text" },
+      { variant: "outlined", color: "teal", className: "border-category-teal-border text-category-teal-text" },
+      { variant: "outlined", color: "amber", className: "border-category-amber-border text-category-amber-text" },
+      { variant: "outlined", color: "slate", className: "border-category-slate-border text-category-slate-text" },
+      { variant: "outlined", color: "indigo", className: "border-category-indigo-border text-category-indigo-text" },
+      { variant: "outlined", color: "cyan", className: "border-category-cyan-border text-category-cyan-text" },
+      { variant: "outlined", color: "orange", className: "border-category-orange-border text-category-orange-text" },
+      { variant: "outlined", color: "emerald", className: "border-category-emerald-border text-category-emerald-text" }
+    ],
+    defaultVariants: {
+      variant: "filled",
+      size: "md",
+      color: "default"
+    }
+  }
+), k = i.forwardRef(
+  ({ label: t, variant: n, size: d, color: g, icon: o, onClick: s, onDelete: c, disabled: a, className: b, ...m }, x) => {
+    const e = !!s, y = e ? "button" : "span", f = e && !a ? "cursor-pointer hover:bg-field-hover" : "", u = a ? "opacity-[var(--action-disabled-opacity,0.38)] cursor-not-allowed" : "";
+    return i.createElement(
+      y,
+      {
+        ref: x,
+        className: h(w({ variant: n, size: d, color: g }), f, u, b),
+        onClick: e ? s : void 0,
+        disabled: e ? a : void 0,
+        type: e ? "button" : void 0,
+        ...m
+      },
+      /* @__PURE__ */ l(p, { children: [
+        o && /* @__PURE__ */ r("span", { className: "flex-shrink-0 [&>svg]:w-ico-sm [&>svg]:h-ico-sm", children: o }),
+        /* @__PURE__ */ r("span", { children: t }),
+        c && /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Remove ${t}`,
+            className: "flex-shrink-0 rounded-ds-full p-ds-01 hover:bg-layer-03 transition-colors duration-fast-01 [&>svg]:w-ico-sm [&>svg]:h-ico-sm",
+            onClick: (v) => {
+              v.stopPropagation(), c();
+            },
+            children: /* @__PURE__ */ l("svg", { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ r("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+              /* @__PURE__ */ r("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+            ] })
+          }
+        )
+      ] })
+    );
+  }
+);
+k.displayName = "Chip";
+export {
+  k as Chip,
+  w as chipVariants
+};

package/dist/ui/code.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+/**
+ * Props for Code — a typography component that renders either inline `<code>` or block `<pre><code>`
+ * monospace text, styled with the design system's layer tokens.
+ *
+ * **`variant` options:**
+ * - `"inline"` (default) — renders as `<code>` with a subtle layer-03 background, suitable for
+ *   short snippets within prose (e.g. "Use the `onClick` prop to...").
+ * - `"block"` — renders as `<pre>` with a bordered, padded, horizontally-scrollable block for
+ *   multi-line code samples.
+ *
+ * @example
+ * // Inline code reference in documentation:
+ * <p>Pass <Code>loading={true}</Code> to show the spinner.</p>
+ *
+ * @example
+ * // Block code sample (e.g. in a README or docs page):
+ * <Code variant="block">{`const greeting = "Hello, world!"\nconsole.log(greeting)`}</Code>
+ *
+ * @example
+ * // Inline API key display:
+ * <p>Your API key: <Code>sk-dev-abc123xyz</Code></p>
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface CodeProps extends React.HTMLAttributes<HTMLElement> {
+    variant?: 'inline' | 'block';
+}
+declare const Code: React.ForwardRefExoticComponent<CodeProps & React.RefAttributes<HTMLElement | HTMLPreElement>>;
+export { Code };
+//# sourceMappingURL=code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"code.d.ts","sourceRoot":"","sources":["../../src/ui/code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAClE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC7B;AAED,QAAA,MAAM,IAAI,gGA8BT,CAAA;AAGD,OAAO,EAAE,IAAI,EAAE,CAAA"}

package/dist/ui/code.js

@@ -0,0 +1,32 @@
+import { jsx as e } from "react/jsx-runtime";
+import * as a from "react";
+import { cn as m } from "./lib/utils.js";
+const n = a.forwardRef(
+  ({ className: o, variant: s = "inline", children: r, ...t }, d) => s === "block" ? /* @__PURE__ */ e(
+    "pre",
+    {
+      ref: d,
+      className: m(
+        "overflow-x-auto rounded-ds-md border border-border-subtle bg-layer-02 p-ds-05 font-mono text-ds-sm leading-[150%] text-text-primary",
+        o
+      ),
+      ...t,
+      children: /* @__PURE__ */ e("code", { children: r })
+    }
+  ) : /* @__PURE__ */ e(
+    "code",
+    {
+      ref: d,
+      className: m(
+        "rounded-ds-sm bg-layer-03 px-ds-02 py-ds-01 font-mono text-ds-sm text-text-primary",
+        o
+      ),
+      ...t,
+      children: r
+    }
+  )
+);
+n.displayName = "Code";
+export {
+  n as Code
+};

package/dist/ui/collapsible.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import * as CollapsiblePrimitive from '@primitives/react-collapsible';
+declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
+declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Collapsible, CollapsibleTrigger, CollapsibleContent };
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../src/ui/collapsible.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,+BAA+B,CAAA;AAIrE,QAAA,MAAM,WAAW,8GAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,wHAA+B,CAAA;AAEvD,QAAA,MAAM,kBAAkB,wKAYtB,CAAA;AAGF,OAAO,EAAE,WAAW,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/ui/collapsible.js

@@ -0,0 +1,21 @@
+import { jsx as s } from "react/jsx-runtime";
+import * as i from "react";
+import { Root as l, Trigger as n, Content as a } from "../primitives/react-collapsible.js";
+import { cn as r } from "./lib/utils.js";
+const c = l, C = n, d = i.forwardRef(({ className: t, ...o }, e) => /* @__PURE__ */ s(
+  a,
+  {
+    ref: e,
+    className: r(
+      "overflow-hidden transition-all data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+      t
+    ),
+    ...o
+  }
+));
+d.displayName = a.displayName;
+export {
+  c as Collapsible,
+  d as CollapsibleContent,
+  C as CollapsibleTrigger
+};

package/dist/ui/combobox.d.ts

@@ -0,0 +1,76 @@
+import * as React from 'react';
+/**
+ * Option shape for a Combobox dropdown item.
+ * `value` must be unique across all options — it is the key used in selection state.
+ */
+export interface ComboboxOption {
+    value: string;
+    label: string;
+    description?: string;
+    icon?: React.ReactNode;
+    disabled?: boolean;
+}
+/**
+ * Props for Combobox — a searchable single or multi-select dropdown with built-in keyboard
+ * navigation, pill overflow ("+ N more"), and an optional custom option renderer.
+ *
+ * **Single vs multi:** `multiple={false}` (default) — `value` is a `string`. When `multiple={true}`,
+ * `value` is `string[]` and selected items appear as dismissible pills in the trigger.
+ *
+ * **`onChange` signature:** always `(value: string | string[]) => void`. Check `multiple` to determine
+ * which type you'll receive.
+ *
+ * **Custom rendering:** Use `renderOption` to return custom JSX per option (e.g. avatars, badges).
+ *
+ * @example
+ * // Single-select country picker:
+ * <Combobox
+ *   options={[{ value: 'in', label: 'India' }, { value: 'us', label: 'United States' }]}
+ *   value={country}
+ *   onChange={(v) => setCountry(v as string)}
+ *   placeholder="Select country"
+ * />
+ *
+ * @example
+ * // Multi-select tag picker with pill display:
+ * <Combobox
+ *   multiple
+ *   options={tagOptions}
+ *   value={selectedTags}
+ *   onChange={(v) => setSelectedTags(v as string[])}
+ *   placeholder="Select tags..."
+ * />
+ *
+ * @example
+ * // Custom option renderer (user avatars in assignee picker):
+ * <Combobox
+ *   options={users.map(u => ({ value: u.id, label: u.name }))}
+ *   value={assigneeId}
+ *   onChange={(v) => setAssigneeId(v as string)}
+ *   renderOption={(option, selected) => (
+ *     <span className="flex items-center gap-ds-03">
+ *       <Avatar size="xs"><AvatarFallback>{option.label[0]}</AvatarFallback></Avatar>
+ *       {option.label}
+ *     </span>
+ *   )}
+ * />
+ * // These are just a few ways — feel free to combine props creatively!
+ */
+export interface ComboboxProps {
+    options: ComboboxOption[];
+    value?: string | string[];
+    onChange: (value: string | string[]) => void;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    emptyMessage?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    className?: string;
+    triggerClassName?: string;
+    /** Max visible items in the dropdown before scroll (default 6) */
+    maxVisible?: number;
+    renderOption?: (option: ComboboxOption, selected: boolean) => React.ReactNode;
+}
+declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<HTMLButtonElement>>;
+export { Combobox };
+//# sourceMappingURL=combobox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B;;;GAGG;AACH,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6CG;AACH,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC5C,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAA;CAC9E;AAQD,QAAA,MAAM,QAAQ,yFA2Xb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/ui/combobox.js

@@ -0,0 +1,286 @@
+import { jsx as r, jsxs as d, Fragment as F } from "react/jsx-runtime";
+import * as a from "react";
+import { Root as V, Trigger as B, Portal as G, Content as U } from "../primitives/react-popover.js";
+import { IconChevronDown as q, IconSearch as J, IconCheck as Q, IconX as W } from "@tabler/icons-react";
+import { cn as x } from "./lib/utils.js";
+const P = 2, Y = 36, Z = a.forwardRef(
+  ({
+    options: u,
+    value: f,
+    onChange: m,
+    placeholder: S = "Select...",
+    searchPlaceholder: A = "Search...",
+    emptyMessage: L = "No results found",
+    multiple: b = !1,
+    disabled: p = !1,
+    className: T,
+    triggerClassName: $,
+    maxVisible: j = 6,
+    renderOption: E
+  }, H) => {
+    const [h, w] = a.useState(!1), [v, y] = a.useState(""), [i, c] = a.useState(-1), k = a.useRef(null), N = a.useRef(null), R = a.useId(), I = a.useId(), n = a.useMemo(() => f == null ? [] : Array.isArray(f) ? f : [f], [f]), o = a.useMemo(
+      () => v ? u.filter(
+        (e) => e.label.toLowerCase().includes(v.toLowerCase())
+      ) : u,
+      [u, v]
+    ), M = a.useCallback(
+      (e) => n.includes(e),
+      [n]
+    ), g = a.useCallback(
+      (e) => {
+        if (b) {
+          const t = n.includes(e) ? n.filter((s) => s !== e) : [...n, e];
+          m(t);
+        } else
+          m(e), w(!1);
+      },
+      [b, n, m]
+    ), O = a.useCallback(
+      (e, t) => {
+        e.stopPropagation(), e.preventDefault();
+        const s = n.filter((l) => l !== t);
+        m(s);
+      },
+      [n, m]
+    ), _ = a.useCallback(
+      (e) => {
+        p || (w(e), e || (y(""), c(-1)));
+      },
+      [p]
+    );
+    a.useEffect(() => {
+      if (h) {
+        const e = setTimeout(() => {
+          var t;
+          (t = k.current) == null || t.focus();
+        }, 0);
+        return () => clearTimeout(e);
+      }
+    }, [h]);
+    const C = a.useCallback(
+      (e, t) => {
+        const s = o.length;
+        if (s === 0) return -1;
+        let l = e + t;
+        for (; l >= 0 && l < s; ) {
+          if (!o[l].disabled) return l;
+          l += t;
+        }
+        return e;
+      },
+      [o]
+    ), z = a.useCallback(
+      (e) => {
+        switch (e.key) {
+          case "ArrowDown": {
+            e.preventDefault();
+            const t = C(i, 1);
+            c(t);
+            break;
+          }
+          case "ArrowUp": {
+            e.preventDefault();
+            const t = C(i, -1);
+            c(t);
+            break;
+          }
+          case "Home": {
+            e.preventDefault();
+            const t = o.findIndex((s) => !s.disabled);
+            c(t);
+            break;
+          }
+          case "End": {
+            e.preventDefault();
+            let t = -1;
+            for (let s = o.length - 1; s >= 0; s--)
+              if (!o[s].disabled) {
+                t = s;
+                break;
+              }
+            c(t);
+            break;
+          }
+          case "Enter": {
+            e.preventDefault(), i >= 0 && i < o.length && !o[i].disabled && g(o[i].value);
+            break;
+          }
+          case "Escape": {
+            e.preventDefault(), w(!1), y(""), c(-1);
+            break;
+          }
+        }
+      },
+      [i, o, C, g]
+    );
+    a.useEffect(() => {
+      var e;
+      if (i >= 0 && N.current) {
+        const t = N.current.children[i];
+        t && ((e = t.scrollIntoView) == null || e.call(t, { block: "nearest" }));
+      }
+    }, [i]);
+    const K = a.useCallback(() => {
+      if (n.length === 0) return null;
+      const e = u.find((t) => t.value === n[0]);
+      return (e == null ? void 0 : e.label) ?? null;
+    }, [n, u]), X = () => {
+      if (b && n.length > 0) {
+        const e = n.slice(0, P), t = n.length - P;
+        return /* @__PURE__ */ d("span", { className: "flex flex-1 flex-wrap items-center gap-ds-02 overflow-hidden", children: [
+          e.map((s) => {
+            const l = u.find((D) => D.value === s);
+            return l ? /* @__PURE__ */ d(
+              "span",
+              {
+                className: "inline-flex items-center gap-ds-01 rounded-ds-md bg-interactive-subtle px-ds-03 py-[1px] text-ds-sm",
+                children: [
+                  l.label,
+                  /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      className: "inline-flex items-center justify-center rounded-ds-full outline-none hover:opacity-75",
+                      onClick: (D) => O(D, s),
+                      "aria-label": `Remove ${l.label}`,
+                      tabIndex: -1,
+                      children: /* @__PURE__ */ r(W, { className: "h-3 w-3", "aria-hidden": "true" })
+                    }
+                  )
+                ]
+              },
+              s
+            ) : null;
+          }),
+          t > 0 && /* @__PURE__ */ d("span", { className: "text-ds-sm text-text-secondary", children: [
+            "+",
+            t,
+            " more"
+          ] })
+        ] });
+      }
+      if (!b && n.length === 1) {
+        const e = K();
+        if (e)
+          return /* @__PURE__ */ r("span", { className: "flex-1 truncate text-left", children: e });
+      }
+      return /* @__PURE__ */ r("span", { className: "flex-1 truncate text-left text-text-placeholder", children: S });
+    };
+    return /* @__PURE__ */ r(V, { open: h, onOpenChange: _, children: /* @__PURE__ */ d("div", { className: x("relative", T), children: [
+      /* @__PURE__ */ r(B, { asChild: !0, disabled: p, children: /* @__PURE__ */ d(
+        "button",
+        {
+          ref: H,
+          type: "button",
+          role: "combobox",
+          "aria-expanded": h,
+          "aria-controls": I,
+          "aria-haspopup": "listbox",
+          "aria-label": S,
+          disabled: p,
+          className: x(
+            "flex h-ds-md w-full items-center justify-between whitespace-nowrap rounded-ds-md border border-border bg-field px-ds-04 py-ds-03 text-ds-md",
+            "transition-colors duration-fast-01",
+            "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-2 focus-visible:border-border-interactive",
+            "disabled:cursor-not-allowed disabled:opacity-[0.38]",
+            $
+          ),
+          children: [
+            X(),
+            /* @__PURE__ */ r(q, { className: x("ml-ds-02 h-ico-sm w-ico-sm shrink-0 opacity-50 transition-transform duration-fast-01", h && "rotate-180"), "aria-hidden": "true" })
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ r(G, { children: /* @__PURE__ */ d(
+        U,
+        {
+          className: x(
+            "z-dropdown w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-ds-lg border border-border-subtle bg-layer-01 shadow-02",
+            "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=top]:slide-in-from-bottom-2"
+          ),
+          sideOffset: 4,
+          align: "start",
+          onOpenAutoFocus: (e) => {
+            var t;
+            e.preventDefault(), (t = k.current) == null || t.focus();
+          },
+          children: [
+            /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-02 border-b border-border-subtle px-ds-04", children: [
+              /* @__PURE__ */ r(J, { className: "h-ico-sm w-ico-sm shrink-0 text-text-tertiary", "aria-hidden": "true" }),
+              /* @__PURE__ */ r(
+                "input",
+                {
+                  ref: k,
+                  type: "text",
+                  className: "flex-1 bg-transparent py-ds-03 text-ds-md outline-none placeholder:text-text-placeholder",
+                  placeholder: A,
+                  value: v,
+                  onChange: (e) => {
+                    y(e.target.value), c(-1);
+                  },
+                  onKeyDown: z,
+                  "aria-autocomplete": "list",
+                  "aria-controls": I,
+                  "aria-activedescendant": i >= 0 ? `${R}-option-${i}` : void 0,
+                  "aria-label": "Search options"
+                }
+              )
+            ] }),
+            o.length === 0 ? /* @__PURE__ */ r("div", { className: "px-ds-04 py-ds-05 text-center text-ds-md text-text-tertiary", children: L }) : /* @__PURE__ */ r(
+              "ul",
+              {
+                ref: N,
+                id: I,
+                role: "listbox",
+                "aria-multiselectable": b || void 0,
+                className: "overflow-auto p-ds-02",
+                style: { maxHeight: `${j * Y}px` },
+                children: o.map((e, t) => {
+                  const s = M(e.value);
+                  return /* @__PURE__ */ d(
+                    "li",
+                    {
+                      id: `${R}-option-${t}`,
+                      role: "option",
+                      "aria-selected": s,
+                      "aria-disabled": e.disabled || void 0,
+                      className: x(
+                        "relative flex cursor-pointer select-none items-center gap-ds-03 rounded-ds-md px-ds-04 py-ds-03 text-ds-md outline-none",
+                        "transition-colors",
+                        i === t && "bg-interactive-subtle",
+                        s && "text-interactive",
+                        e.disabled && "pointer-events-none opacity-[0.38]"
+                      ),
+                      onClick: () => {
+                        e.disabled || g(e.value);
+                      },
+                      onKeyDown: (l) => {
+                        !e.disabled && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), g(e.value));
+                      },
+                      onMouseEnter: () => {
+                        e.disabled || c(t);
+                      },
+                      children: [
+                        e.icon && /* @__PURE__ */ r("span", { className: "flex h-ico-sm w-ico-sm items-center justify-center shrink-0", children: e.icon }),
+                        /* @__PURE__ */ r("span", { className: "flex flex-1 flex-col", children: E ? E(e, s) : /* @__PURE__ */ d(F, { children: [
+                          /* @__PURE__ */ r("span", { children: e.label }),
+                          e.description && /* @__PURE__ */ r("span", { className: "text-ds-sm text-text-secondary", children: e.description })
+                        ] }) }),
+                        s && /* @__PURE__ */ r(Q, { className: "h-ico-sm w-ico-sm shrink-0", "aria-hidden": "true" })
+                      ]
+                    },
+                    e.value
+                  );
+                })
+              }
+            )
+          ]
+        }
+      ) })
+    ] }) });
+  }
+);
+Z.displayName = "Combobox";
+export {
+  Z as Combobox
+};

package/dist/ui/container.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+type ContainerProps<T extends React.ElementType = 'div'> = {
+    as?: T;
+    maxWidth?: 'default' | 'body' | 'full';
+    className?: string;
+    children?: React.ReactNode;
+} & Omit<React.ComponentPropsWithRef<T>, 'as' | 'className' | 'children'>;
+declare const Container: React.ForwardRefExoticComponent<Omit<ContainerProps<"div">, "ref"> & React.RefAttributes<HTMLElement>>;
+export { Container, type ContainerProps };
+//# sourceMappingURL=container.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"container.d.ts","sourceRoot":"","sources":["../../src/ui/container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,KAAK,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,KAAK,IAAI;IACzD,EAAE,CAAC,EAAE,CAAC,CAAA;IACN,QAAQ,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,MAAM,CAAA;IACtC,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;AAQzE,QAAA,MAAM,SAAS,wGAad,CAAA;AAGD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,CAAA"}

package/dist/ui/container.js

@@ -0,0 +1,24 @@
+import * as a from "react";
+import { cn as d } from "./lib/utils.js";
+const f = {
+  default: "max-w-layout",
+  body: "max-w-layout-body",
+  full: "max-w-full"
+}, u = a.forwardRef(
+  ({ as: t, maxWidth: o = "default", className: e, children: l, ...m }, n) => {
+    const r = t || "div";
+    return a.createElement(
+      r,
+      {
+        ref: n,
+        className: d("mx-auto w-full px-ds-05", f[o], e),
+        ...m
+      },
+      l
+    );
+  }
+);
+u.displayName = "Container";
+export {
+  u as Container
+};

package/dist/ui/context-menu.d.ts

@@ -0,0 +1,28 @@
+import * as React from "react";
+import * as ContextMenuPrimitive from "@primitives/react-context-menu";
+declare const ContextMenu: React.FC<ContextMenuPrimitive.ContextMenuProps>;
+declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
+declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
+declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
+declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    inset?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const ContextMenuShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { ContextMenu, ContextMenuTrigger, ContextMenuContent, ContextMenuItem, ContextMenuCheckboxItem, ContextMenuRadioItem, ContextMenuLabel, ContextMenuSeparator, ContextMenuShortcut, ContextMenuGroup, ContextMenuPortal, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuRadioGroup, };
+//# sourceMappingURL=context-menu.d.ts.map

package/dist/ui/context-menu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context-menu.d.ts","sourceRoot":"","sources":["../../src/ui/context-menu.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,KAAK,oBAAoB,MAAM,gCAAgC,CAAA;AAKtE,QAAA,MAAM,WAAW,iDAA4B,CAAA;AAE7C,QAAA,MAAM,kBAAkB,sHAA+B,CAAA;AAEvD,QAAA,MAAM,gBAAgB,mHAA6B,CAAA;AAEnD,QAAA,MAAM,iBAAiB,uDAA8B,CAAA;AAErD,QAAA,MAAM,cAAc,oDAA2B,CAAA;AAE/C,QAAA,MAAM,qBAAqB,wHAAkC,CAAA;AAE7D,QAAA,MAAM,qBAAqB;YAGf,OAAO;wCAejB,CAAA;AAGF,QAAA,MAAM,qBAAqB,2KAYzB,CAAA;AAGF,QAAA,MAAM,kBAAkB,wKActB,CAAA;AAGF,QAAA,MAAM,eAAe;YAGT,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,uBAAuB,6KAoB3B,CAAA;AAIF,QAAA,MAAM,oBAAoB,0KAmBxB,CAAA;AAGF,QAAA,MAAM,gBAAgB;YAGV,OAAO;wCAYjB,CAAA;AAGF,QAAA,MAAM,oBAAoB,0KASxB,CAAA;AAGF,QAAA,MAAM,mBAAmB;8BAGtB,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC;;CAUvC,CAAA;AAGD,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,uBAAuB,EACvB,oBAAoB,EACpB,gBAAgB,EAChB,oBAAoB,EACpB,mBAAmB,EACnB,gBAAgB,EAChB,iBAAiB,EACjB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,EACrB,qBAAqB,GACtB,CAAA"}