@devalok/shilp-sutra 0.13.0 → 0.15.0

package/dist/shell/sidebar.js

@@ -2,10 +2,10 @@
 import { jsxs as t, jsx as e, Fragment as k } from "react/jsx-runtime";
 import * as p from "react";
 import { useLink as G } from "./link-context.js";
-import { S as W, a as T, b, c as z, d as H, e as U, f as $, g as q, h as E, i as A, j as L, k as M, l as j, m as J, n as K, o as Q } from "../_chunks/sidebar.js";
+import { S as W, a as T, b as u, c as z, d as H, e as U, f as $, g as q, h as E, i as A, j as L, k as M, l as j, m as J, n as K, o as Q } from "../_chunks/sidebar.js";
 import { Collapsible as V, CollapsibleTrigger as X, CollapsibleContent as Y } from "../ui/collapsible.js";
 import { A as Z, a as _, b as P } from "../_chunks/avatar.js";
-import { c as g } from "../_chunks/utils.js";
+import { c as v } from "../_chunks/utils.js";
 function ee({ className: r }) {
   return /* @__PURE__ */ e(
     "svg",
@@ -64,7 +64,7 @@ function re({
             asChild: !0,
             isActive: n || d,
             tooltip: r.title,
-            className: g(
+            className: v(
               I,
               n || d ? B : F
             ),
@@ -122,7 +122,7 @@ function re({
         asChild: !0,
         isActive: n,
         tooltip: r.title,
-        className: g(
+        className: v(
           I,
           n ? B : F
         ),
@@ -158,14 +158,14 @@ const te = p.forwardRef(
     ...D
   }, O) => {
     var f, N, w, y;
-    const u = G(), v = (s, i = !1) => i || s === "/" ? r === s : r.startsWith(s);
+    const b = G(), g = (s, i = !1) => i || s === "/" ? r === s : r.startsWith(s);
     return /* @__PURE__ */ t(
       W,
       {
         ...D,
         ref: O,
         "aria-label": "Main navigation",
-        className: g(
+        className: v(
           "z-raised hidden h-full flex-col border-r border-border bg-layer-01 md:flex",
           R
         ),
@@ -181,13 +181,13 @@ const te = p.forwardRef(
               /* @__PURE__ */ e("span", { className: "truncate text-ds-sm text-text-placeholder", children: n.designation || n.role })
             ] })
           ] }),
-          /* @__PURE__ */ e(b, {}),
+          /* @__PURE__ */ e(u, {}),
           l && /* @__PURE__ */ t(k, { children: [
             l,
-            /* @__PURE__ */ e(b, {})
+            /* @__PURE__ */ e(u, {})
           ] }),
           /* @__PURE__ */ e(z, { className: "no-scrollbar px-ds-04", children: m.map((s, i) => /* @__PURE__ */ t("div", { children: [
-            i > 0 && /* @__PURE__ */ e(b, {}),
+            i > 0 && /* @__PURE__ */ e(u, {}),
             /* @__PURE__ */ t(H, { children: [
               /* @__PURE__ */ e(U, { className: "px-ds-04 text-ds-sm text-text-placeholder", children: s.label }),
               s.action && /* @__PURE__ */ e($, { asChild: !0, children: s.action }),
@@ -196,8 +196,8 @@ const te = p.forwardRef(
                   re,
                   {
                     item: c,
-                    isActive: v(c.href, c.exact),
-                    isPathActive: v
+                    isActive: g(c.href, c.exact),
+                    isPathActive: g
                   }
                 );
                 if (h) {
@@ -210,7 +210,7 @@ const te = p.forwardRef(
             ] })
           ] }, s.label)) }),
           d && /* @__PURE__ */ t(k, { children: [
-            /* @__PURE__ */ e(b, {}),
+            /* @__PURE__ */ e(u, {}),
             d
           ] }),
           a ? /* @__PURE__ */ t(A, { className: "gap-ds-03 px-ds-06 py-ds-05", children: [
@@ -230,7 +230,7 @@ const te = p.forwardRef(
                 /* @__PURE__ */ t("div", { className: "flex min-w-0 flex-col gap-ds-03", children: [
                   /* @__PURE__ */ e("p", { className: "text-ds-sm text-text-primary", children: a.promo.text }),
                   a.promo.action && (a.promo.action.href ? /* @__PURE__ */ e(
-                    u,
+                    b,
                     {
                       href: a.promo.action.href,
                       onClick: a.promo.action.onClick,
@@ -252,7 +252,7 @@ const te = p.forwardRef(
               (w = a.links) == null ? void 0 : w.map((s, i) => /* @__PURE__ */ t(p.Fragment, { children: [
                 i > 0 && /* @__PURE__ */ e("span", { children: "·" }),
                 /* @__PURE__ */ e(
-                  u,
+                  b,
                   {
                     className: "transition-colors hover:text-interactive",
                     href: s.href,
@@ -261,12 +261,12 @@ const te = p.forwardRef(
                 )
               ] }, s.href)),
               ((y = a.links) == null ? void 0 : y.length) && a.version && /* @__PURE__ */ e("span", { children: "·" }),
-              a.version && /* @__PURE__ */ e("span", { children: a.version })
+              a.version && (typeof a.version == "string" ? /* @__PURE__ */ e("span", { children: a.version }) : /* @__PURE__ */ e(b, { className: "transition-colors hover:text-interactive", href: a.version.href, children: a.version.label }))
             ] })
           ] }) : x.length > 0 ? /* @__PURE__ */ e(A, { className: "px-ds-06 py-ds-05", children: /* @__PURE__ */ e("div", { className: "flex items-center gap-ds-03 text-ds-sm text-text-placeholder", children: x.map((s, i) => /* @__PURE__ */ t(p.Fragment, { children: [
             i > 0 && /* @__PURE__ */ e("span", { children: "·" }),
             /* @__PURE__ */ e(
-              u,
+              b,
               {
                 className: "transition-colors hover:text-interactive",
                 href: s.href,

package/dist/ui/autocomplete.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as O, jsx as p } from "react/jsx-runtime";
+import { jsxs as O, jsx as m } from "react/jsx-runtime";
 import * as t from "react";
 import { c as b } from "../_chunks/utils.js";
 const T = t.forwardRef(
@@ -13,7 +13,7 @@ const T = t.forwardRef(
     className: R,
     id: N
   }, i) => {
-    const E = t.useId(), w = N || E, k = `${w}-listbox`, v = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
+    const E = t.useId(), w = N || E, v = `${w}-listbox`, k = `${w}-option`, [f, g] = t.useState((o == null ? void 0 : o.label) ?? ""), [c, a] = t.useState(!1), [r, l] = t.useState(-1), $ = t.useRef(null), A = t.useRef(null), y = t.useRef(), M = t.useCallback(
       (e) => {
         $.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
       },
@@ -25,7 +25,7 @@ const T = t.forwardRef(
     const n = t.useMemo(
       () => f ? x.filter((e) => e.label.toLowerCase().includes(f.toLowerCase())) : x,
       [x, f]
-    ), m = t.useCallback(
+    ), p = t.useCallback(
       (e) => {
         g(e.label), a(!1), l(-1), u == null || u(e);
       },
@@ -44,17 +44,17 @@ const T = t.forwardRef(
             e.preventDefault(), l((s) => Math.max(s - 1, 0));
             break;
           case "Enter":
-            e.preventDefault(), r >= 0 && n[r] && m(n[r]);
+            e.preventDefault(), r >= 0 && n[r] && p(n[r]);
             break;
           case "Escape":
             a(!1), l(-1);
             break;
         }
       },
-      [c, n, r, m]
-    ), K = r >= 0 ? `${v}-${r}` : void 0;
+      [c, n, r, p]
+    ), K = r >= 0 ? `${k}-${r}` : void 0;
     return /* @__PURE__ */ O("div", { className: b("relative", R), children: [
-      /* @__PURE__ */ p(
+      /* @__PURE__ */ m(
         "input",
         {
           ref: M,
@@ -62,7 +62,7 @@ const T = t.forwardRef(
           role: "combobox",
           "aria-expanded": c,
           "aria-autocomplete": "list",
-          "aria-controls": c ? k : void 0,
+          "aria-controls": c ? v : void 0,
           "aria-activedescendant": K,
           value: f,
           placeholder: D,
@@ -83,20 +83,20 @@ const T = t.forwardRef(
           onKeyDown: S
         }
       ),
-      c && /* @__PURE__ */ p(
+      c && /* @__PURE__ */ m(
         "ul",
         {
-          id: k,
+          id: v,
           ref: A,
           role: "listbox",
           className: b(
-            "absolute z-dropdown mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
+            "absolute z-popover mt-ds-02 w-full overflow-auto rounded-ds-md border border-border bg-layer-01 shadow-02",
             "max-h-60"
           ),
-          children: n.length === 0 ? /* @__PURE__ */ p("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ p(
+          children: n.length === 0 ? /* @__PURE__ */ m("li", { className: "px-ds-04 py-ds-03 text-ds-md text-text-secondary", children: I }) : n.map((e, s) => /* @__PURE__ */ m(
             "li",
             {
-              id: `${v}-${s}`,
+              id: `${k}-${s}`,
               role: "option",
               "aria-selected": r === s,
               className: b(
@@ -105,9 +105,9 @@ const T = t.forwardRef(
                 (o == null ? void 0 : o.value) === e.value && "font-semibold"
               ),
               onMouseDown: (d) => d.preventDefault(),
-              onClick: () => m(e),
+              onClick: () => p(e),
               onKeyDown: (d) => {
-                (d.key === "Enter" || d.key === " ") && (d.preventDefault(), m(e));
+                (d.key === "Enter" || d.key === " ") && (d.preventDefault(), p(e));
               },
               onMouseEnter: () => l(s),
               children: e.label

package/dist/ui/color-input.js

@@ -56,7 +56,7 @@ const f = m.forwardRef(
             },
             maxLength: 7,
             className: s(
-              "h-ds-sm w-[90px] rounded-ds-md border border-border bg-layer-01 px-ds-03 font-mono text-ds-sm text-text-primary transition-colors",
+              "h-ds-sm w-[90px] rounded-ds-md border border-border bg-layer-01 px-ds-03 font-mono text-ds-md text-text-primary transition-colors",
               "focus:border-interactive focus:outline-none focus:ring-1 focus:ring-interactive",
               o && "cursor-not-allowed opacity-50"
             )

package/dist/ui/combobox.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsx as r, jsxs as d, Fragment as B } from "react/jsx-runtime";
+import { jsx as r, jsxs as c, Fragment as B } from "react/jsx-runtime";
 import * as a from "react";
 import { g as G, h as U, P as q, i as J } from "../_chunks/primitives.js";
 import { IconChevronDown as Q, IconSearch as W, IconCheck as Y, IconX as Z } from "@tabler/icons-react";
@@ -20,7 +20,7 @@ const P = 2, V = 36, ee = a.forwardRef(
     renderOption: E,
     ...H
   }, M) => {
-    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(
+    const [h, w] = a.useState(!1), [v, y] = a.useState(""), [i, d] = 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,
@@ -46,7 +46,7 @@ const P = 2, V = 36, ee = a.forwardRef(
       [n, m]
     ), z = a.useCallback(
       (e) => {
-        p || (w(e), e || (y(""), c(-1)));
+        p || (w(e), e || (y(""), d(-1)));
       },
       [p]
     );
@@ -77,19 +77,19 @@ const P = 2, V = 36, ee = a.forwardRef(
           case "ArrowDown": {
             e.preventDefault();
             const t = C(i, 1);
-            c(t);
+            d(t);
             break;
           }
           case "ArrowUp": {
             e.preventDefault();
             const t = C(i, -1);
-            c(t);
+            d(t);
             break;
           }
           case "Home": {
             e.preventDefault();
             const t = o.findIndex((s) => !s.disabled);
-            c(t);
+            d(t);
             break;
           }
           case "End": {
@@ -100,7 +100,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                 t = s;
                 break;
               }
-            c(t);
+            d(t);
             break;
           }
           case "Enter": {
@@ -108,7 +108,7 @@ const P = 2, V = 36, ee = a.forwardRef(
             break;
           }
           case "Escape": {
-            e.preventDefault(), w(!1), y(""), c(-1);
+            e.preventDefault(), w(!1), y(""), d(-1);
             break;
           }
         }
@@ -129,10 +129,10 @@ const P = 2, V = 36, ee = a.forwardRef(
     }, [n, u]), F = () => {
       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: [
+        return /* @__PURE__ */ c("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(
+            return l ? /* @__PURE__ */ c(
               "span",
               {
                 className: "inline-flex items-center gap-ds-01 rounded-ds-md bg-interactive-subtle px-ds-03 py-[1px] text-ds-sm",
@@ -154,7 +154,7 @@ const P = 2, V = 36, ee = a.forwardRef(
               s
             ) : null;
           }),
-          t > 0 && /* @__PURE__ */ d("span", { className: "text-ds-sm text-text-secondary", children: [
+          t > 0 && /* @__PURE__ */ c("span", { className: "text-ds-sm text-text-secondary", children: [
             "+",
             t,
             " more"
@@ -168,8 +168,8 @@ const P = 2, V = 36, ee = a.forwardRef(
       }
       return /* @__PURE__ */ r("span", { className: "flex-1 truncate text-left text-text-placeholder", children: S });
     };
-    return /* @__PURE__ */ r(G, { open: h, onOpenChange: z, children: /* @__PURE__ */ d("div", { className: x("relative", T), ...H, children: [
-      /* @__PURE__ */ r(U, { asChild: !0, disabled: p, children: /* @__PURE__ */ d(
+    return /* @__PURE__ */ r(G, { open: h, onOpenChange: z, children: /* @__PURE__ */ c("div", { className: x("relative", T), ...H, children: [
+      /* @__PURE__ */ r(U, { asChild: !0, disabled: p, children: /* @__PURE__ */ c(
         "button",
         {
           ref: M,
@@ -193,11 +193,11 @@ const P = 2, V = 36, ee = a.forwardRef(
           ]
         }
       ) }),
-      /* @__PURE__ */ r(q, { children: /* @__PURE__ */ d(
+      /* @__PURE__ */ r(q, { children: /* @__PURE__ */ c(
         J,
         {
           className: x(
-            "z-dropdown w-[var(--radix-popover-trigger-width)] overflow-hidden rounded-ds-lg border border-border-subtle bg-layer-01 shadow-02",
+            "z-popover 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,
@@ -207,7 +207,7 @@ const P = 2, V = 36, ee = a.forwardRef(
             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__ */ c("div", { className: "flex items-center gap-ds-02 border-b border-border-subtle px-ds-04", children: [
               /* @__PURE__ */ r(W, { className: "h-ico-sm w-ico-sm shrink-0 text-text-tertiary", "aria-hidden": "true" }),
               /* @__PURE__ */ r(
                 "input",
@@ -218,7 +218,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                   placeholder: A,
                   value: v,
                   onChange: (e) => {
-                    y(e.target.value), c(-1);
+                    y(e.target.value), d(-1);
                   },
                   onKeyDown: K,
                   "aria-autocomplete": "list",
@@ -239,7 +239,7 @@ const P = 2, V = 36, ee = a.forwardRef(
                 style: { maxHeight: `${j * V}px` },
                 children: o.map((e, t) => {
                   const s = O(e.value);
-                  return /* @__PURE__ */ d(
+                  return /* @__PURE__ */ c(
                     "li",
                     {
                       id: `${R}-option-${t}`,
@@ -260,11 +260,11 @@ const P = 2, V = 36, ee = a.forwardRef(
                         !e.disabled && (l.key === "Enter" || l.key === " ") && (l.preventDefault(), g(e.value));
                       },
                       onMouseEnter: () => {
-                        e.disabled || c(t);
+                        e.disabled || d(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(B, { children: [
+                        /* @__PURE__ */ r("span", { className: "flex flex-1 flex-col", children: E ? E(e, s) : /* @__PURE__ */ c(B, { children: [
                           /* @__PURE__ */ r("span", { children: e.label }),
                           e.description && /* @__PURE__ */ r("span", { className: "text-ds-sm text-text-secondary", children: e.description })
                         ] }) }),

package/dist/ui/context-menu.js

@@ -2,9 +2,9 @@
 import { jsxs as i, jsx as s } from "react/jsx-runtime";
 import * as n from "react";
 import { j as l, k as m, l as c, m as p, n as u, o as f, p as x, q as b, L as y, r as N, s as h, G as C, t as g, u as w, v as M } from "../_chunks/primitives.js";
-import { IconChevronRight as R, IconCheck as I, IconCircle as S } from "@tabler/icons-react";
+import { IconChevronRight as R, IconCheck as v, IconCircle as I } from "@tabler/icons-react";
 import { c as d } from "../_chunks/utils.js";
-const F = h, H = M, J = C, K = c, O = w, Q = g, v = n.forwardRef(({ className: e, inset: t, children: a, ...o }, r) => /* @__PURE__ */ i(
+const F = h, H = M, J = C, K = c, O = w, Q = g, S = n.forwardRef(({ className: e, inset: t, children: a, ...o }, r) => /* @__PURE__ */ i(
   l,
   {
     ref: r,
@@ -20,13 +20,13 @@ const F = h, H = M, J = C, K = c, O = w, Q = g, v = n.forwardRef(({ className: e
     ]
   }
 ));
-v.displayName = l.displayName;
+S.displayName = l.displayName;
 const z = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(
   m,
   {
     ref: a,
     className: d(
-      "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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",
+      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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
     ),
     ...t
@@ -38,7 +38,7 @@ const j = n.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ s(c, { chi
   {
     ref: a,
     className: d(
-      "z-dropdown rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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",
+      "z-popover rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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
     ),
     ...t
@@ -69,7 +69,7 @@ const k = n.forwardRef(({ className: e, children: t, checked: a, ...o }, r) => /
     checked: a,
     ...o,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(I, { className: "h-ico-sm w-ico-sm" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(v, { className: "h-ico-sm w-ico-sm" }) }) }),
       t
     ]
   }
@@ -85,7 +85,7 @@ const T = n.forwardRef(({ className: e, children: t, ...a }, o) => /* @__PURE__
     ),
     ...a,
     children: [
-      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(S, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
+      /* @__PURE__ */ s("span", { className: "absolute left-ds-03 flex h-ico-sm w-ico-sm items-center justify-center", children: /* @__PURE__ */ s(x, { children: /* @__PURE__ */ s(I, { className: "h-ico-sm w-ico-sm fill-current" }) }) }),
       t
     ]
   }
@@ -141,6 +141,6 @@ export {
   q as ContextMenuShortcut,
   O as ContextMenuSub,
   z as ContextMenuSubContent,
-  v as ContextMenuSubTrigger,
+  S as ContextMenuSubTrigger,
   H as ContextMenuTrigger
 };

package/dist/ui/dropdown-menu.js

@@ -26,7 +26,7 @@ const C = r.forwardRef(({ className: e, ...a }, t) => /* @__PURE__ */ o(
   {
     ref: t,
     className: d(
-      "z-dropdown min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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",
+      "z-popover min-w-[8rem] overflow-hidden rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03 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
     ),
     ...a
@@ -39,7 +39,7 @@ const z = r.forwardRef(({ className: e, sideOffset: a = 4, ...t }, s) => /* @__P
     ref: s,
     sideOffset: a,
     className: d(
-      "z-dropdown min-w-[8rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
+      "z-popover min-w-[8rem] rounded-ds-lg border border-border bg-layer-01 p-ds-02 text-text-primary shadow-03",
       "duration-moderate-01 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
     ),

package/dist/ui/hover-card.js

@@ -2,23 +2,23 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as i from "react";
 import { w as n, x as o, y as m, z as l } from "../_chunks/primitives.js";
-import { c as f } from "../_chunks/utils.js";
-const u = m, w = l, p = i.forwardRef(({ className: a, align: e = "center", sideOffset: d = 4, ...r }, s) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+import { c as p } from "../_chunks/utils.js";
+const u = m, C = l, f = i.forwardRef(({ className: a, align: e = "center", sideOffset: r = 4, ...d }, s) => /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
   o,
   {
     ref: s,
     align: e,
-    sideOffset: d,
-    className: f(
-      "z-dropdown w-64 rounded-ds-lg border border-border bg-layer-01 p-ds-05 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",
+    sideOffset: r,
+    className: p(
+      "z-popover w-64 rounded-ds-lg border border-border bg-layer-01 p-ds-05 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",
       a
     ),
-    ...r
+    ...d
   }
 ) }));
-p.displayName = o.displayName;
+f.displayName = o.displayName;
 export {
   u as HoverCard,
-  p as HoverCardContent,
-  w as HoverCardTrigger
+  f as HoverCardContent,
+  C as HoverCardTrigger
 };

package/dist/ui/index.js

@@ -211,7 +211,7 @@ const _ = w, N = s.createContext({ variant: "line" }), B = d("inline-flex items-
     }
   },
   defaultVariants: { variant: "line" }
-}), G = d("inline-flex items-center justify-center whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]", {
+}), G = d("inline-flex items-center justify-center gap-ds-02 whitespace-nowrap font-sans text-ds-md font-medium transition-[color,background-color,border-color,box-shadow] duration-fast-01 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-focus focus-visible:ring-offset-1 disabled:pointer-events-none disabled:opacity-[0.38]", {
   variants: {
     variant: {
       line: [

package/dist/ui/input.js

@@ -20,15 +20,15 @@ const h = v(
     variants: {
       size: {
         sm: "h-ds-sm text-ds-sm px-ds-03",
-        md: "h-ds-md text-ds-base px-ds-04",
-        lg: "h-ds-lg text-ds-lg px-ds-05"
+        md: "h-ds-md text-ds-md px-ds-04",
+        lg: "h-ds-lg text-ds-md px-ds-05"
       }
     },
     defaultVariants: { size: "md" }
   }
 ), y = p.forwardRef(
-  ({ className: d, type: l, state: n, size: c, startIcon: e, endIcon: r, ...t }, u) => {
-    const s = g(), i = n ?? (s.state === "helper" ? void 0 : s.state), b = t["aria-describedby"] ?? s.helperTextId, m = t["aria-required"] ?? s.required, a = /* @__PURE__ */ o(
+  ({ className: a, type: l, state: n, size: c, startIcon: e, endIcon: r, ...t }, u) => {
+    const s = g(), i = n ?? (s.state === "helper" ? void 0 : s.state), m = t["aria-describedby"] ?? s.helperTextId, b = t["aria-required"] ?? s.required, d = /* @__PURE__ */ o(
       "input",
       {
         type: l,
@@ -39,18 +39,18 @@ const h = v(
           i === "error" && "border-border-error focus-visible:ring-error",
           i === "warning" && "border-border-warning focus-visible:ring-warning",
           i === "success" && "border-border-success focus-visible:ring-success",
-          d
+          a
         ),
         "aria-invalid": i === "error" || void 0,
-        "aria-describedby": b,
-        "aria-required": m || void 0,
+        "aria-describedby": m,
+        "aria-required": b || void 0,
         ref: u,
         ...t
       }
     );
-    return !e && !r ? a : /* @__PURE__ */ f("div", { className: "relative flex items-center w-full", children: [
+    return !e && !r ? d : /* @__PURE__ */ f("div", { className: "relative flex items-center w-full", children: [
       e && /* @__PURE__ */ o("span", { className: "absolute left-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: e }),
-      a,
+      d,
       r && /* @__PURE__ */ o("span", { className: "absolute right-ds-03 flex items-center text-text-secondary pointer-events-none [&>svg]:h-ico-sm [&>svg]:w-ico-sm", children: r })
     ] });
   }