@devalok/shilp-sutra 0.27.2 → 0.29.0

package/dist/ui/color-input.js

@@ -1,88 +1,380 @@
 "use client";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import * as m from "react";
-import { cn as c } from "./lib/utils.js";
-const b = m.forwardRef(
-  ({ value: s = "#000000", onChange: l, presets: n, disabled: o = !1, className: i, ...u }, f) => {
-    const a = (r) => {
-      l == null || l(r);
-    };
-    return /* @__PURE__ */ d("div", { className: c("flex flex-col gap-ds-03", i), ...u, children: [
-      /* @__PURE__ */ d("div", { className: "flex items-center gap-ds-03", children: [
-        /* @__PURE__ */ d(
-          "label",
-          {
-            "aria-label": "Pick a color",
-            className: c(
-              "relative flex h-ds-sm w-ds-sm shrink-0 cursor-pointer items-center justify-center overflow-hidden rounded-ds-md border border-surface-border-strong transition-colors hover:border-surface-border-strong",
-              o && "cursor-not-allowed opacity-50"
+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 x, A as V } from "../_chunks/framer.js";
+function B(l) {
+  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, 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 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 === 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, 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(s(0), s(8), s(4));
+}
+const re = [
+  { hex: "#EF4444", label: "Red" },
+  { hex: "#F59E0B", label: "Amber" },
+  { hex: "#10B981", label: "Emerald" },
+  { hex: "#3B82F6", label: "Blue" },
+  { hex: "#8B5CF6", label: "Violet" },
+  { hex: "#EC4899", label: "Pink" },
+  { hex: "#06B6D4", label: "Cyan" },
+  { hex: "#F97316", label: "Orange" },
+  { hex: "#84CC16", label: "Lime" },
+  { hex: "#6366F1", label: "Indigo" }
+];
+function ae(l) {
+  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 * o + 0.7152 * t + 0.0722 * i > 0.4;
+}
+function w({
+  label: l,
+  value: a,
+  onChange: o,
+  onBlur: t,
+  disabled: i,
+  maxLength: c = 3,
+  prefix: s,
+  className: p,
+  id: h
+}) {
+  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: h,
+          type: "text",
+          value: a,
+          disabled: i,
+          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",
+            "focus:border-accent-7 focus:outline-none focus:ring-1 focus:ring-accent-9",
+            i && "cursor-not-allowed opacity-50"
+          )
+        }
+      )
+    ] })
+  ] });
+}
+const ne = g.forwardRef(
+  ({
+    value: l = "#000000",
+    onChange: a,
+    presets: o,
+    disabled: t = !1,
+    showPicker: i = !0,
+    defaultFormat: c = "hex",
+    align: s = "start",
+    variant: p = "default",
+    className: h,
+    ...N
+  }, M) => {
+    const [$, A] = g.useState(c), [j, D] = g.useState(!1), b = g.useId(), [n, S] = g.useState(l);
+    g.useEffect(() => {
+      S(l);
+    }, [l]);
+    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 (t) return;
+      const d = (e.startsWith("#") ? e : `#${e}`).toLowerCase();
+      F((u) => u[u.length - 1] === n ? u : [...u.slice(-19), n]), S(d), a?.(d);
+    }, Z = (e) => {
+      if (t) return;
+      const d = (e.startsWith("#") ? e : `#${e}`).toLowerCase();
+      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((m) => m.slice(0, -1)), S(e), a?.(e);
+    }, q = () => {
+      S(v), a?.(v), F([]);
+    }, z = o === !1 ? [] : o ? o.map(
+      (e) => typeof e == "string" ? { hex: e, label: e } : e
+    ) : re, y = B(n), C = ee(n), L = (e, m) => {
+      if (!y) return;
+      const d = parseInt(m, 10);
+      if (isNaN(d)) return;
+      const u = Math.max(0, Math.min(255, d));
+      P(O(
+        e === "r" ? u : y.r,
+        e === "g" ? u : y.g,
+        e === "b" ? u : y.b
+      ));
+    }, 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 : C.h,
+        e === "s" ? U : C.s,
+        e === "l" ? U : C.l
+      ));
+    }, J = ["hex", "rgb", "hsl"];
+    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: 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",
+            t && "cursor-not-allowed opacity-50"
+          ),
+          animate: {
+            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: ${n}`,
+          children: n.toUpperCase()
+        }
+      ) : /* @__PURE__ */ f(
+        x.button,
+        {
+          type: "button",
+          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",
+            t && "cursor-not-allowed opacity-50"
+          ),
+          whileHover: { scale: 1.02 },
+          whileTap: { scale: 0.98 },
+          transition: R.snappy,
+          "aria-label": `Color picker: ${n}`,
+          children: [
+            /* @__PURE__ */ r(
+              x.span,
+              {
+                className: "absolute inset-0",
+                animate: {
+                  background: `linear-gradient(to right, ${n} 0%, ${n} 35%, transparent 70%)`
+                },
+                transition: { duration: 0.3 }
+              }
             ),
-            children: [
-              /* @__PURE__ */ t(
-                "input",
+            /* @__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__ */ 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__ */ r(
+        Y,
+        {
+          align: s,
+          sideOffset: 8,
+          className: "w-[272px] rounded-ds-xl border border-surface-border-strong bg-surface-overlay p-0 shadow-floating",
+          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: n,
+                onChange: Z,
+                className: "!w-full",
+                style: { height: 160 }
+              }
+            ) }),
+            /* @__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",
                 {
-                  ref: f,
-                  type: "color",
-                  value: s,
-                  disabled: o,
-                  onChange: (r) => a(r.target.value),
-                  className: "absolute inset-0 h-full w-full cursor-pointer opacity-0"
-                }
-              ),
-              /* @__PURE__ */ t(
-                "span",
+                  type: "button",
+                  onClick: () => A(e),
+                  className: k(
+                    "relative rounded-ds-sm px-ds-02 py-px text-[10px] font-semibold uppercase tracking-wider transition-colors",
+                    $ === e ? "text-accent-11" : "text-surface-fg-muted hover:text-surface-fg"
+                  ),
+                  children: [
+                    $ === 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__ */ r("span", { className: "relative z-10", children: e })
+                  ]
+                },
+                e
+              )) }),
+              /* @__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__ */ r(
+                      w,
+                      {
+                        id: `${b}-hex`,
+                        label: "Hex",
+                        value: n.replace("#", "").toUpperCase(),
+                        onChange: (e) => {
+                          const m = e.replace(/[^0-9a-fA-F]/g, "").slice(0, 6);
+                          m.length === 6 && P(`#${m}`);
+                        },
+                        onBlur: () => {
+                          n.replace("#", "").toUpperCase().length !== 6 && S(n);
+                        },
+                        disabled: t,
+                        maxLength: 6,
+                        prefix: "#",
+                        className: "flex-1"
+                      }
+                    )
+                  },
+                  "hex"
+                ),
+                $ === "rgb" && y && /* @__PURE__ */ f(
+                  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__ */ 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" && C && /* @__PURE__ */ f(
+                  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__ */ 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__ */ 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,
                 {
-                  className: "h-full w-full rounded-[inherit]",
-                  style: { backgroundColor: s }
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ t(
-          "input",
-          {
-            type: "text",
-            "aria-label": "Hex color value",
-            value: s,
-            disabled: o,
-            onChange: (r) => {
-              const e = r.target.value;
-              /^#[0-9a-fA-F]{0,6}$/.test(e) && a(e);
-            },
-            onBlur: (r) => {
-              const e = r.target.value;
-              /^#[0-9a-fA-F]{6}$/.test(e) && a(e);
-            },
-            maxLength: 7,
-            className: c(
-              "h-ds-sm w-[90px] rounded-ds-md border border-surface-border-strong bg-surface-overlay px-ds-03 font-mono text-ds-md text-surface-fg transition-colors",
-              "focus:border-accent-7 focus:outline-none focus:ring-1 focus:ring-accent-9",
-              o && "cursor-not-allowed opacity-50"
+                  type: "button",
+                  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: 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",
+                    t && "cursor-not-allowed opacity-50"
+                  ),
+                  style: { backgroundColor: e.hex },
+                  title: e.label,
+                  "aria-label": `${e.label}: ${e.hex}`
+                },
+                e.hex
+              );
+            }) }) }),
+            (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__ */ r(
+                    "span",
+                    {
+                      className: "h-4 w-4 shrink-0 rounded-full border border-surface-border",
+                      style: { backgroundColor: v },
+                      title: `Original: ${v}`
+                    }
+                  ),
+                  /* @__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",
+                      onClick: _,
+                      className: "rounded-ds-sm px-ds-02 py-px text-[10px] font-medium text-surface-fg-muted transition-colors hover:text-surface-fg",
+                      children: "Undo"
+                    }
+                  ),
+                  n !== v && /* @__PURE__ */ r(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: q,
+                      className: "rounded-ds-sm px-ds-02 py-px text-[10px] font-medium text-surface-fg-muted transition-colors hover:text-error-11",
+                      children: "Reset"
+                    }
+                  )
+                ]
+              }
             )
-          }
-        )
-      ] }),
-      n && n.length > 0 && /* @__PURE__ */ t("div", { className: "flex flex-wrap gap-ds-02", children: n.map((r) => /* @__PURE__ */ t(
-        "button",
-        {
-          type: "button",
-          disabled: o,
-          onClick: () => a(r),
-          className: c(
-            "h-ds-xs w-ds-xs rounded-ds-sm border transition-colors",
-            s === r ? "border-accent-7 ring-1 ring-accent-9" : "border-surface-border-strong hover:border-surface-border-strong",
-            o && "cursor-not-allowed opacity-50"
-          ),
-          style: { backgroundColor: r },
-          "aria-label": `Select color ${r}`
-        },
-        r
-      )) })
-    ] });
+          ] })
+        }
+      )
+    ] }) });
   }
 );
-b.displayName = "ColorInput";
+ne.displayName = "ColorInput";
 export {
-  b 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"}