@devalok/shilp-sutra 0.28.0 → 0.29.0

package/dist/ui/color-input.js

@@ -1,35 +1,35 @@
 "use client";
-import { jsx as a, jsxs as p } from "react/jsx-runtime";
-import * as x from "react";
+import { jsx as r, jsxs as f } from "react/jsx-runtime";
+import * as g from "react";
 import { Z as K } from "../_chunks/vendor-client.js";
 import { cn as k } from "./lib/utils.js";
 import { springs as R } from "./lib/motion.js";
 import { Popover as Q, PopoverTrigger as X, PopoverContent as Y } from "./popover.js";
-import { m as g, A as V } from "../_chunks/framer.js";
+import { m as x, A as V } from "../_chunks/framer.js";
 function B(l) {
-  const t = /^#?([0-9a-f]{6})$/i.exec(l);
-  if (!t) return null;
-  const n = parseInt(t[1], 16);
-  return { r: n >> 16 & 255, g: n >> 8 & 255, b: n & 255 };
+  const a = /^#?([0-9a-f]{6})$/i.exec(l);
+  if (!a) return null;
+  const o = parseInt(a[1], 16);
+  return { r: o >> 16 & 255, g: o >> 8 & 255, b: o & 255 };
 }
-function O(l, t, n) {
-  return "#" + [l, t, n].map((r) => Math.max(0, Math.min(255, Math.round(r))).toString(16).padStart(2, "0")).join("");
+function O(l, a, o) {
+  return "#" + [l, a, o].map((t) => Math.max(0, Math.min(255, Math.round(t))).toString(16).padStart(2, "0")).join("");
 }
 function ee(l) {
-  const t = B(l);
-  if (!t) return null;
-  const n = t.r / 255, r = t.g / 255, i = t.b / 255, c = Math.max(n, r, i), o = Math.min(n, r, i), h = (c + o) / 2;
-  if (c === o) return { h: 0, s: 0, l: Math.round(h * 100) };
-  const m = c - o, v = h > 0.5 ? m / (2 - c - o) : m / (c - o);
+  const a = B(l);
+  if (!a) return null;
+  const o = a.r / 255, t = a.g / 255, i = a.b / 255, c = Math.max(o, t, i), s = Math.min(o, t, i), p = (c + s) / 2;
+  if (c === s) return { h: 0, s: 0, l: Math.round(p * 100) };
+  const h = c - s, N = p > 0.5 ? h / (2 - c - s) : h / (c - s);
   let M = 0;
-  return c === n ? M = ((r - i) / m + (r < i ? 6 : 0)) / 6 : c === r ? M = ((i - n) / m + 2) / 6 : M = ((n - r) / m + 4) / 6, { h: Math.round(M * 360), s: Math.round(v * 100), l: Math.round(h * 100) };
+  return c === o ? M = ((t - i) / h + (t < i ? 6 : 0)) / 6 : c === t ? M = ((i - o) / h + 2) / 6 : M = ((o - t) / h + 4) / 6, { h: Math.round(M * 360), s: Math.round(N * 100), l: Math.round(p * 100) };
 }
-function te(l, t, n) {
-  const r = t / 100, i = n / 100, c = r * Math.min(i, 1 - i), o = (h) => {
-    const m = (h + l / 30) % 12, v = i - c * Math.max(Math.min(m - 3, 9 - m, 1), -1);
-    return Math.round(255 * v);
+function te(l, a, o) {
+  const t = a / 100, i = o / 100, c = t * Math.min(i, 1 - i), s = (p) => {
+    const h = (p + l / 30) % 12, N = i - c * Math.max(Math.min(h - 3, 9 - h, 1), -1);
+    return Math.round(255 * N);
   };
-  return O(o(0), o(8), o(4));
+  return O(s(0), s(8), s(4));
 }
 const re = [
   { hex: "#EF4444", label: "Red" },
@@ -44,38 +44,38 @@ const re = [
   { hex: "#6366F1", label: "Indigo" }
 ];
 function ae(l) {
-  const t = B(l);
-  if (!t) return !1;
-  const [n, r, i] = [t.r, t.g, t.b].map((c) => {
-    const o = c / 255;
-    return o <= 0.03928 ? o / 12.92 : Math.pow((o + 0.055) / 1.055, 2.4);
+  const a = B(l);
+  if (!a) return !1;
+  const [o, t, i] = [a.r, a.g, a.b].map((c) => {
+    const s = c / 255;
+    return s <= 0.03928 ? s / 12.92 : Math.pow((s + 0.055) / 1.055, 2.4);
   });
-  return 0.2126 * n + 0.7152 * r + 0.0722 * i > 0.4;
+  return 0.2126 * o + 0.7152 * t + 0.0722 * i > 0.4;
 }
 function w({
   label: l,
-  value: t,
-  onChange: n,
-  onBlur: r,
+  value: a,
+  onChange: o,
+  onBlur: t,
   disabled: i,
   maxLength: c = 3,
-  prefix: o,
-  className: h,
-  id: m
+  prefix: s,
+  className: p,
+  id: h
 }) {
-  return /* @__PURE__ */ p("div", { className: k("flex flex-col gap-ds-01", h), children: [
-    /* @__PURE__ */ a("label", { htmlFor: m, className: "text-[10px] font-medium uppercase tracking-wider text-surface-fg-muted", children: l }),
-    /* @__PURE__ */ p("div", { className: "flex items-center", children: [
-      o && /* @__PURE__ */ a("span", { className: "text-ds-sm text-surface-fg-muted", children: o }),
-      /* @__PURE__ */ a(
+  return /* @__PURE__ */ f("div", { className: k("flex flex-col gap-ds-01", p), children: [
+    /* @__PURE__ */ r("label", { htmlFor: h, className: "text-[10px] font-medium uppercase tracking-wider text-surface-fg-muted", children: l }),
+    /* @__PURE__ */ f("div", { className: "flex items-center", children: [
+      s && /* @__PURE__ */ r("span", { className: "text-ds-sm text-surface-fg-muted", children: s }),
+      /* @__PURE__ */ r(
         "input",
         {
-          id: m,
+          id: h,
           type: "text",
-          value: t,
+          value: a,
           disabled: i,
-          onChange: (v) => n(v.target.value),
-          onBlur: r,
+          onChange: (N) => o(N.target.value),
+          onBlur: t,
           maxLength: c,
           className: k(
             "h-ds-xs-plus w-full rounded-ds-sm border border-surface-border bg-surface-overlay px-ds-02 font-mono text-ds-sm text-surface-fg transition-colors",
@@ -87,46 +87,46 @@ function w({
     ] })
   ] });
 }
-const se = x.forwardRef(
+const ne = g.forwardRef(
   ({
     value: l = "#000000",
-    onChange: t,
-    presets: n,
-    disabled: r = !1,
+    onChange: a,
+    presets: o,
+    disabled: t = !1,
     showPicker: i = !0,
     defaultFormat: c = "hex",
-    align: o = "start",
-    variant: h = "default",
-    className: m,
-    ...v
+    align: s = "start",
+    variant: p = "default",
+    className: h,
+    ...N
   }, M) => {
-    const [$, A] = x.useState(c), [j, D] = x.useState(!1), b = x.useId(), [s, S] = x.useState(l);
-    x.useEffect(() => {
+    const [$, A] = g.useState(c), [j, D] = g.useState(!1), b = g.useId(), [n, S] = g.useState(l);
+    g.useEffect(() => {
       S(l);
     }, [l]);
-    const [C, W] = x.useState(l), [I, F] = x.useState([]), H = x.useRef(!1), G = (e) => {
-      r || (e && (W(s), F([])), D(e));
+    const [v, W] = g.useState(l), [I, F] = g.useState([]), H = g.useRef(!1), G = (e) => {
+      t || (e && (W(n), F([])), D(e));
     }, P = (e) => {
-      if (r) return;
+      if (t) return;
       const d = (e.startsWith("#") ? e : `#${e}`).toLowerCase();
-      F((u) => u[u.length - 1] === s ? u : [...u.slice(-19), s]), S(d), t == null || t(d);
+      F((u) => u[u.length - 1] === n ? u : [...u.slice(-19), n]), S(d), a?.(d);
     }, Z = (e) => {
-      if (r) return;
+      if (t) return;
       const d = (e.startsWith("#") ? e : `#${e}`).toLowerCase();
-      H.current || (H.current = !0, F((u) => u[u.length - 1] === s ? u : [...u.slice(-19), s])), S(d), t == null || t(d);
+      H.current || (H.current = !0, F((u) => u[u.length - 1] === n ? u : [...u.slice(-19), n])), S(d), a?.(d);
     }, E = () => {
       H.current = !1;
     }, _ = () => {
       if (I.length === 0) return;
       const e = I[I.length - 1];
-      F((f) => f.slice(0, -1)), S(e), t == null || t(e);
+      F((m) => m.slice(0, -1)), S(e), a?.(e);
     }, q = () => {
-      S(C), t == null || t(C), F([]);
-    }, z = n === !1 ? [] : n ? n.map(
+      S(v), a?.(v), F([]);
+    }, z = o === !1 ? [] : o ? o.map(
       (e) => typeof e == "string" ? { hex: e, label: e } : e
-    ) : re, y = B(s), N = ee(s), L = (e, f) => {
+    ) : re, y = B(n), C = ee(n), L = (e, m) => {
       if (!y) return;
-      const d = parseInt(f, 10);
+      const d = parseInt(m, 10);
       if (isNaN(d)) return;
       const u = Math.max(0, Math.min(255, d));
       P(O(
@@ -134,89 +134,89 @@ const se = x.forwardRef(
         e === "g" ? u : y.g,
         e === "b" ? u : y.b
       ));
-    }, T = (e, f) => {
-      if (!N) return;
-      const d = parseInt(f, 10);
+    }, T = (e, m) => {
+      if (!C) return;
+      const d = parseInt(m, 10);
       if (isNaN(d)) return;
       const U = Math.max(0, Math.min(e === "h" ? 360 : 100, d));
       P(te(
-        e === "h" ? U : N.h,
-        e === "s" ? U : N.s,
-        e === "l" ? U : N.l
+        e === "h" ? U : C.h,
+        e === "s" ? U : C.s,
+        e === "l" ? U : C.l
       ));
     }, J = ["hex", "rgb", "hsl"];
-    return /* @__PURE__ */ a("div", { ref: M, className: k("inline-flex flex-col", m), ...v, children: /* @__PURE__ */ p(Q, { open: j, onOpenChange: G, children: [
-      /* @__PURE__ */ a(X, { asChild: !0, children: h === "inline" ? /* @__PURE__ */ a(
-        g.button,
+    return /* @__PURE__ */ r("div", { ref: M, className: k("inline-flex flex-col", h), ...N, children: /* @__PURE__ */ f(Q, { open: j, onOpenChange: G, children: [
+      /* @__PURE__ */ r(X, { asChild: !0, children: p === "inline" ? /* @__PURE__ */ r(
+        x.button,
         {
           type: "button",
-          disabled: r,
+          disabled: t,
           className: k(
             "group flex items-center justify-center rounded-ds-md px-ds-04 py-ds-02 font-mono text-ds-sm font-medium",
             "focus:outline-none focus:ring-2 focus:ring-accent-9 focus:ring-offset-2 focus:ring-offset-surface-base",
-            r && "cursor-not-allowed opacity-50"
+            t && "cursor-not-allowed opacity-50"
           ),
           animate: {
-            backgroundColor: s,
-            color: ae(s) ? "rgba(0,0,0,0.8)" : "rgba(255,255,255,0.95)"
+            backgroundColor: n,
+            color: ae(n) ? "rgba(0,0,0,0.8)" : "rgba(255,255,255,0.95)"
           },
           whileHover: { y: -1, boxShadow: "0 4px 12px rgba(0,0,0,0.12)" },
           whileTap: { scale: 0.97 },
           transition: R.smooth,
-          "aria-label": `Color picker: ${s}`,
-          children: s.toUpperCase()
+          "aria-label": `Color picker: ${n}`,
+          children: n.toUpperCase()
         }
-      ) : /* @__PURE__ */ p(
-        g.button,
+      ) : /* @__PURE__ */ f(
+        x.button,
         {
           type: "button",
-          disabled: r,
+          disabled: t,
           className: k(
             "group relative flex items-center overflow-hidden rounded-ds-md border border-surface-border-strong",
             "hover:border-accent-7 focus:border-accent-7 focus:outline-none focus:ring-1 focus:ring-accent-9",
-            r && "cursor-not-allowed opacity-50"
+            t && "cursor-not-allowed opacity-50"
           ),
           whileHover: { scale: 1.02 },
           whileTap: { scale: 0.98 },
           transition: R.snappy,
-          "aria-label": `Color picker: ${s}`,
+          "aria-label": `Color picker: ${n}`,
           children: [
-            /* @__PURE__ */ a(
-              g.span,
+            /* @__PURE__ */ r(
+              x.span,
               {
                 className: "absolute inset-0",
                 animate: {
-                  background: `linear-gradient(to right, ${s} 0%, ${s} 35%, transparent 70%)`
+                  background: `linear-gradient(to right, ${n} 0%, ${n} 35%, transparent 70%)`
                 },
                 transition: { duration: 0.3 }
               }
             ),
-            /* @__PURE__ */ a("span", { className: "absolute inset-0 bg-surface-overlay/60", style: {
+            /* @__PURE__ */ r("span", { className: "absolute inset-0 bg-surface-overlay/60", style: {
               maskImage: "linear-gradient(to right, transparent 0%, black 40%)",
               WebkitMaskImage: "linear-gradient(to right, transparent 0%, black 40%)"
             } }),
-            /* @__PURE__ */ a("span", { className: "relative z-10 py-ds-02 pl-6 pr-ds-03 font-mono text-ds-sm text-surface-fg", children: s.toUpperCase() })
+            /* @__PURE__ */ r("span", { className: "relative z-10 py-ds-02 pl-6 pr-ds-03 font-mono text-ds-sm text-surface-fg", children: n.toUpperCase() })
           ]
         }
       ) }),
-      /* @__PURE__ */ a(
+      /* @__PURE__ */ r(
         Y,
         {
-          align: o,
+          align: s,
           sideOffset: 8,
           className: "w-[272px] rounded-ds-xl border border-surface-border-strong bg-surface-overlay p-0 shadow-floating",
-          children: /* @__PURE__ */ p("div", { className: "flex flex-col", children: [
-            i && /* @__PURE__ */ a("div", { className: "p-ds-04 pb-ds-03", onPointerUp: E, onPointerLeave: E, children: /* @__PURE__ */ a(
+          children: /* @__PURE__ */ f("div", { className: "flex flex-col", children: [
+            i && /* @__PURE__ */ r("div", { className: "p-ds-04 pb-ds-03", onPointerUp: E, onPointerLeave: E, children: /* @__PURE__ */ r(
               K,
               {
-                color: s,
+                color: n,
                 onChange: Z,
                 className: "!w-full",
                 style: { height: 160 }
               }
             ) }),
-            /* @__PURE__ */ p("div", { className: "border-t border-surface-border px-ds-04 py-ds-03", children: [
-              /* @__PURE__ */ a("div", { className: "mb-ds-03 flex items-center gap-ds-01", children: J.map((e) => /* @__PURE__ */ p(
+            /* @__PURE__ */ f("div", { className: "border-t border-surface-border px-ds-04 py-ds-03", children: [
+              /* @__PURE__ */ r("div", { className: "mb-ds-03 flex items-center gap-ds-01", children: J.map((e) => /* @__PURE__ */ f(
                 "button",
                 {
                   type: "button",
@@ -226,42 +226,42 @@ const se = x.forwardRef(
                     $ === e ? "text-accent-11" : "text-surface-fg-muted hover:text-surface-fg"
                   ),
                   children: [
-                    $ === e && /* @__PURE__ */ a(
-                      g.span,
+                    $ === e && /* @__PURE__ */ r(
+                      x.span,
                       {
                         layoutId: `color-input-format-pill-${b}`,
                         className: "absolute inset-0 rounded-ds-sm bg-accent-3",
                         transition: R.snappy
                       }
                     ),
-                    /* @__PURE__ */ a("span", { className: "relative z-10", children: e })
+                    /* @__PURE__ */ r("span", { className: "relative z-10", children: e })
                   ]
                 },
                 e
               )) }),
-              /* @__PURE__ */ p(V, { mode: "wait", children: [
-                $ === "hex" && /* @__PURE__ */ a(
-                  g.div,
+              /* @__PURE__ */ f(V, { mode: "wait", children: [
+                $ === "hex" && /* @__PURE__ */ r(
+                  x.div,
                   {
                     initial: { opacity: 0, y: 4 },
                     animate: { opacity: 1, y: 0 },
                     exit: { opacity: 0, y: -4 },
                     transition: { duration: 0.15 },
                     className: "flex gap-ds-02",
-                    children: /* @__PURE__ */ a(
+                    children: /* @__PURE__ */ r(
                       w,
                       {
                         id: `${b}-hex`,
                         label: "Hex",
-                        value: s.replace("#", "").toUpperCase(),
+                        value: n.replace("#", "").toUpperCase(),
                         onChange: (e) => {
-                          const f = e.replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
-                          f.length === 6 && P(`#${f}`);
+                          const m = e.replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
+                          m.length === 6 && P(`#${m}`);
                         },
                         onBlur: () => {
-                          s.replace("#", "").toUpperCase().length !== 6 && S(s);
+                          n.replace("#", "").toUpperCase().length !== 6 && S(n);
                         },
-                        disabled: r,
+                        disabled: t,
                         maxLength: 6,
                         prefix: "#",
                         className: "flex-1"
@@ -270,8 +270,8 @@ const se = x.forwardRef(
                   },
                   "hex"
                 ),
-                $ === "rgb" && y && /* @__PURE__ */ p(
-                  g.div,
+                $ === "rgb" && y && /* @__PURE__ */ f(
+                  x.div,
                   {
                     initial: { opacity: 0, y: 4 },
                     animate: { opacity: 1, y: 0 },
@@ -279,15 +279,15 @@ const se = x.forwardRef(
                     transition: { duration: 0.15 },
                     className: "flex gap-ds-02",
                     children: [
-                      /* @__PURE__ */ a(w, { id: `${b}-r`, label: "R", value: String(y.r), onChange: (e) => L("r", e), disabled: r, className: "flex-1" }),
-                      /* @__PURE__ */ a(w, { id: `${b}-g`, label: "G", value: String(y.g), onChange: (e) => L("g", e), disabled: r, className: "flex-1" }),
-                      /* @__PURE__ */ a(w, { id: `${b}-b`, label: "B", value: String(y.b), onChange: (e) => L("b", e), disabled: r, className: "flex-1" })
+                      /* @__PURE__ */ r(w, { id: `${b}-r`, label: "R", value: String(y.r), onChange: (e) => L("r", e), disabled: t, className: "flex-1" }),
+                      /* @__PURE__ */ r(w, { id: `${b}-g`, label: "G", value: String(y.g), onChange: (e) => L("g", e), disabled: t, className: "flex-1" }),
+                      /* @__PURE__ */ r(w, { id: `${b}-b`, label: "B", value: String(y.b), onChange: (e) => L("b", e), disabled: t, className: "flex-1" })
                     ]
                   },
                   "rgb"
                 ),
-                $ === "hsl" && N && /* @__PURE__ */ p(
-                  g.div,
+                $ === "hsl" && C && /* @__PURE__ */ f(
+                  x.div,
                   {
                     initial: { opacity: 0, y: 4 },
                     animate: { opacity: 1, y: 0 },
@@ -295,32 +295,32 @@ const se = x.forwardRef(
                     transition: { duration: 0.15 },
                     className: "flex gap-ds-02",
                     children: [
-                      /* @__PURE__ */ a(w, { id: `${b}-h`, label: "H", value: String(N.h), onChange: (e) => T("h", e), disabled: r, className: "flex-1" }),
-                      /* @__PURE__ */ a(w, { id: `${b}-s`, label: "S", value: String(N.s), onChange: (e) => T("s", e), disabled: r, className: "flex-1" }),
-                      /* @__PURE__ */ a(w, { id: `${b}-l`, label: "L", value: String(N.l), onChange: (e) => T("l", e), disabled: r, className: "flex-1" })
+                      /* @__PURE__ */ r(w, { id: `${b}-h`, label: "H", value: String(C.h), onChange: (e) => T("h", e), disabled: t, className: "flex-1" }),
+                      /* @__PURE__ */ r(w, { id: `${b}-s`, label: "S", value: String(C.s), onChange: (e) => T("s", e), disabled: t, className: "flex-1" }),
+                      /* @__PURE__ */ r(w, { id: `${b}-l`, label: "L", value: String(C.l), onChange: (e) => T("l", e), disabled: t, className: "flex-1" })
                     ]
                   },
                   "hsl"
                 )
               ] })
             ] }),
-            z.length > 0 && /* @__PURE__ */ a("div", { className: "border-t border-surface-border px-ds-04 py-ds-03", children: /* @__PURE__ */ a("div", { className: "flex flex-wrap gap-ds-02", children: z.map((e, f) => {
-              const d = s.toLowerCase() === e.hex.toLowerCase();
-              return /* @__PURE__ */ a(
-                g.button,
+            z.length > 0 && /* @__PURE__ */ r("div", { className: "border-t border-surface-border px-ds-04 py-ds-03", children: /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-ds-02", children: z.map((e, m) => {
+              const d = n.toLowerCase() === e.hex.toLowerCase();
+              return /* @__PURE__ */ r(
+                x.button,
                 {
                   type: "button",
-                  disabled: r,
+                  disabled: t,
                   onClick: () => P(e.hex),
                   initial: { opacity: 0, scale: 0.8 },
                   animate: { opacity: 1, scale: d ? 1.15 : 1 },
                   whileHover: { scale: d ? 1.15 : 1.1 },
                   whileTap: { scale: 0.9 },
-                  transition: { ...R.bouncy, delay: f * 0.02 },
+                  transition: { ...R.bouncy, delay: m * 0.02 },
                   className: k(
                     "h-6 w-6 rounded-ds-sm border",
                     d ? "border-accent-7 ring-2 ring-accent-9/30" : "border-surface-border hover:border-surface-border-strong",
-                    r && "cursor-not-allowed opacity-50"
+                    t && "cursor-not-allowed opacity-50"
                   ),
                   style: { backgroundColor: e.hex },
                   title: e.label,
@@ -329,25 +329,25 @@ const se = x.forwardRef(
                 e.hex
               );
             }) }) }),
-            (I.length > 0 || s !== C) && /* @__PURE__ */ p(
-              g.div,
+            (I.length > 0 || n !== v) && /* @__PURE__ */ f(
+              x.div,
               {
                 initial: { opacity: 0, height: 0 },
                 animate: { opacity: 1, height: "auto" },
                 exit: { opacity: 0, height: 0 },
                 className: "flex items-center gap-ds-02 border-t border-surface-border px-ds-04 py-ds-02",
                 children: [
-                  /* @__PURE__ */ a(
+                  /* @__PURE__ */ r(
                     "span",
                     {
                       className: "h-4 w-4 shrink-0 rounded-full border border-surface-border",
-                      style: { backgroundColor: C },
-                      title: `Original: ${C}`
+                      style: { backgroundColor: v },
+                      title: `Original: ${v}`
                     }
                   ),
-                  /* @__PURE__ */ a("span", { className: "text-[10px] text-surface-fg-muted", children: C.toUpperCase() }),
-                  /* @__PURE__ */ a("span", { className: "flex-1" }),
-                  I.length > 0 && /* @__PURE__ */ a(
+                  /* @__PURE__ */ r("span", { className: "text-[10px] text-surface-fg-muted", children: v.toUpperCase() }),
+                  /* @__PURE__ */ r("span", { className: "flex-1" }),
+                  I.length > 0 && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
@@ -356,7 +356,7 @@ const se = x.forwardRef(
                       children: "Undo"
                     }
                   ),
-                  s !== C && /* @__PURE__ */ a(
+                  n !== v && /* @__PURE__ */ r(
                     "button",
                     {
                       type: "button",
@@ -374,7 +374,7 @@ const se = x.forwardRef(
     ] }) });
   }
 );
-se.displayName = "ColorInput";
+ne.displayName = "ColorInput";
 export {
-  se as ColorInput
+  ne as ColorInput
 };

package/dist/ui/color-swatch.js

@@ -1,8 +1,8 @@
 "use client";
-import { jsxs as h, Fragment as S, jsx as t } from "react/jsx-runtime";
+import { jsxs as h, Fragment as N, jsx as t } from "react/jsx-runtime";
 import * as s from "react";
 import { cn as o } from "./lib/utils.js";
-const v = {
+const S = {
   sm: "h-3 w-3",
   md: "h-4 w-4",
   lg: "h-6 w-6"
@@ -11,12 +11,12 @@ const v = {
   square: "rounded-none",
   rounded: "rounded-ds-sm"
 }, k = s.forwardRef(
-  ({ color: a, size: g = "md", shape: n = "circle", ring: y = !1, copyable: i = !1, checkerboard: e = !1, className: w, style: x, ...c }, u) => {
-    const [b, d] = s.useState(!1), p = s.useRef();
+  ({ color: a, size: g = "md", shape: n = "circle", ring: y = !1, copyable: i = !1, checkerboard: e = !1, className: w, style: x, ...c }, d) => {
+    const [b, u] = s.useState(!1), p = s.useRef(void 0);
     s.useEffect(() => () => clearTimeout(p.current), []);
     const m = o(
       "inline-block shrink-0 relative",
-      v[g],
+      S[g],
       l[n],
       y && "shadow-ring-sm",
       i && "cursor-pointer",
@@ -28,12 +28,12 @@ const v = {
       backgroundColor: a,
       ...x
     };
-    function N() {
+    function v() {
       navigator.clipboard.writeText(a).then(() => {
-        d(!0), p.current = setTimeout(() => d(!1), 1500);
+        u(!0), p.current = setTimeout(() => u(!1), 1500);
       });
     }
-    const f = e ? /* @__PURE__ */ h(S, { children: [
+    const f = e ? /* @__PURE__ */ h(N, { children: [
       /* @__PURE__ */ t(
         "span",
         {
@@ -54,10 +54,10 @@ const v = {
       "button",
       {
         type: "button",
-        ref: u,
+        ref: d,
         className: m,
         style: e ? {} : r,
-        onClick: N,
+        onClick: v,
         "aria-label": `Copy color ${a}`,
         ...c,
         children: [
@@ -75,7 +75,7 @@ const v = {
     ) : /* @__PURE__ */ t(
       "span",
       {
-        ref: u,
+        ref: d,
         className: m,
         style: e ? {} : r,
         role: "presentation",

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,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;IAC7E,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,IAAI,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,CAAA;AAQvE,QAAA,MAAM,QAAQ,yFAoYb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"combobox.d.ts","sourceRoot":"","sources":["../../src/ui/combobox.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B;;;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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,UAAU,iBAAkB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IACxF,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,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;IAC7E,4FAA4F;IAC5F,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAED,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,QAAQ,CAAC,EAAE,KAAK,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACvC;AAED,UAAU,qBAAsB,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,IAAI,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,EAAE,CAAA;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;CACzC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,qBAAqB,CAAA;AAQvE,QAAA,MAAM,QAAQ,yFAoYb,CAAA;AAGD,OAAO,EAAE,QAAQ,EAAE,CAAA"}