@konstructio/ui 0.0.13-alpha.2 → 0.1.0-alpha.3

package/dist/index-C2xwUZXm.js

@@ -0,0 +1,323 @@
+import * as s from "react";
+import { c as K, b as I, a as L } from "./index-Cq1I1cG9.js";
+import { c as ce } from "./index-B-qIIQlg.js";
+import { u as ie } from "./index-tIydFizp.js";
+import { u as O } from "./index-Cs8Lv8Wj.js";
+import { P as C } from "./index-ObZsP5Eh.js";
+import { u as ue } from "./index-DwYXX2sM.js";
+import { u as k } from "./index-BdMNhZnh.js";
+import { jsx as l } from "react/jsx-runtime";
+import { P as le } from "./index-Y44iCJcQ.js";
+var N = "rovingFocusGroup.onEntryFocus", de = { bubbles: !1, cancelable: !0 }, h = "RovingFocusGroup", [D, V, fe] = ce(h), [ve, U] = K(
+  h,
+  [fe]
+), [me, pe] = ve(h), B = s.forwardRef(
+  (e, o) => /* @__PURE__ */ l(D.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(D.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l(be, { ...e, ref: o }) }) })
+);
+B.displayName = h;
+var be = s.forwardRef((e, o) => {
+  const {
+    __scopeRovingFocusGroup: n,
+    orientation: t,
+    loop: u = !1,
+    dir: d,
+    currentTabStopId: a,
+    defaultCurrentTabStopId: v,
+    onCurrentTabStopIdChange: g,
+    onEntryFocus: m,
+    preventScrollOnEntryFocus: r = !1,
+    ...c
+  } = e, p = s.useRef(null), E = ie(o, p), w = k(d), [S, i] = L({
+    prop: a,
+    defaultProp: v ?? null,
+    onChange: g,
+    caller: h
+  }), [T, A] = s.useState(!1), b = ue(m), F = V(n), y = s.useRef(!1), [oe, M] = s.useState(0);
+  return s.useEffect(() => {
+    const f = p.current;
+    if (f)
+      return f.addEventListener(N, b), () => f.removeEventListener(N, b);
+  }, [b]), /* @__PURE__ */ l(
+    me,
+    {
+      scope: n,
+      orientation: t,
+      dir: w,
+      loop: u,
+      currentTabStopId: S,
+      onItemFocus: s.useCallback(
+        (f) => i(f),
+        [i]
+      ),
+      onItemShiftTab: s.useCallback(() => A(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => M((f) => f + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => M((f) => f - 1),
+        []
+      ),
+      children: /* @__PURE__ */ l(
+        C.div,
+        {
+          tabIndex: T || oe === 0 ? -1 : 0,
+          "data-orientation": t,
+          ...c,
+          ref: E,
+          style: { outline: "none", ...e.style },
+          onMouseDown: I(e.onMouseDown, () => {
+            y.current = !0;
+          }),
+          onFocus: I(e.onFocus, (f) => {
+            const re = !y.current;
+            if (f.target === f.currentTarget && re && !T) {
+              const G = new CustomEvent(N, de);
+              if (f.currentTarget.dispatchEvent(G), !G.defaultPrevented) {
+                const P = F().filter((R) => R.focusable), ne = P.find((R) => R.active), ae = P.find((R) => R.id === S), se = [ne, ae, ...P].filter(
+                  Boolean
+                ).map((R) => R.ref.current);
+                z(se, r);
+              }
+            }
+            y.current = !1;
+          }),
+          onBlur: I(e.onBlur, () => A(!1))
+        }
+      )
+    }
+  );
+}), $ = "RovingFocusGroupItem", Y = s.forwardRef(
+  (e, o) => {
+    const {
+      __scopeRovingFocusGroup: n,
+      focusable: t = !0,
+      active: u = !1,
+      tabStopId: d,
+      children: a,
+      ...v
+    } = e, g = O(), m = d || g, r = pe($, n), c = r.currentTabStopId === m, p = V(n), { onFocusableItemAdd: E, onFocusableItemRemove: w, currentTabStopId: S } = r;
+    return s.useEffect(() => {
+      if (t)
+        return E(), () => w();
+    }, [t, E, w]), /* @__PURE__ */ l(
+      D.ItemSlot,
+      {
+        scope: n,
+        id: m,
+        focusable: t,
+        active: u,
+        children: /* @__PURE__ */ l(
+          C.span,
+          {
+            tabIndex: c ? 0 : -1,
+            "data-orientation": r.orientation,
+            ...v,
+            ref: o,
+            onMouseDown: I(e.onMouseDown, (i) => {
+              t ? r.onItemFocus(m) : i.preventDefault();
+            }),
+            onFocus: I(e.onFocus, () => r.onItemFocus(m)),
+            onKeyDown: I(e.onKeyDown, (i) => {
+              if (i.key === "Tab" && i.shiftKey) {
+                r.onItemShiftTab();
+                return;
+              }
+              if (i.target !== i.currentTarget) return;
+              const T = Te(i, r.orientation, r.dir);
+              if (T !== void 0) {
+                if (i.metaKey || i.ctrlKey || i.altKey || i.shiftKey) return;
+                i.preventDefault();
+                let b = p().filter((F) => F.focusable).map((F) => F.ref.current);
+                if (T === "last") b.reverse();
+                else if (T === "prev" || T === "next") {
+                  T === "prev" && b.reverse();
+                  const F = b.indexOf(i.currentTarget);
+                  b = r.loop ? Fe(b, F + 1) : b.slice(F + 1);
+                }
+                setTimeout(() => z(b));
+              }
+            }),
+            children: typeof a == "function" ? a({ isCurrentTabStop: c, hasTabStop: S != null }) : a
+          }
+        )
+      }
+    );
+  }
+);
+Y.displayName = $;
+var ge = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function Ie(e, o) {
+  return o !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function Te(e, o, n) {
+  const t = Ie(e.key, n);
+  if (!(o === "vertical" && ["ArrowLeft", "ArrowRight"].includes(t)) && !(o === "horizontal" && ["ArrowUp", "ArrowDown"].includes(t)))
+    return ge[t];
+}
+function z(e, o = !1) {
+  const n = document.activeElement;
+  for (const t of e)
+    if (t === n || (t.focus({ preventScroll: o }), document.activeElement !== n)) return;
+}
+function Fe(e, o) {
+  return e.map((n, t) => e[(o + t) % e.length]);
+}
+var Re = B, Ce = Y, _ = "Tabs", [he, Ge] = K(_, [
+  U
+]), H = U(), [Ee, x] = he(_), j = s.forwardRef(
+  (e, o) => {
+    const {
+      __scopeTabs: n,
+      value: t,
+      onValueChange: u,
+      defaultValue: d,
+      orientation: a = "horizontal",
+      dir: v,
+      activationMode: g = "automatic",
+      ...m
+    } = e, r = k(v), [c, p] = L({
+      prop: t,
+      onChange: u,
+      defaultProp: d ?? "",
+      caller: _
+    });
+    return /* @__PURE__ */ l(
+      Ee,
+      {
+        scope: n,
+        baseId: O(),
+        value: c,
+        onValueChange: p,
+        orientation: a,
+        dir: r,
+        activationMode: g,
+        children: /* @__PURE__ */ l(
+          C.div,
+          {
+            dir: r,
+            "data-orientation": a,
+            ...m,
+            ref: o
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = _;
+var q = "TabsList", J = s.forwardRef(
+  (e, o) => {
+    const { __scopeTabs: n, loop: t = !0, ...u } = e, d = x(q, n), a = H(n);
+    return /* @__PURE__ */ l(
+      Re,
+      {
+        asChild: !0,
+        ...a,
+        orientation: d.orientation,
+        dir: d.dir,
+        loop: t,
+        children: /* @__PURE__ */ l(
+          C.div,
+          {
+            role: "tablist",
+            "aria-orientation": d.orientation,
+            ...u,
+            ref: o
+          }
+        )
+      }
+    );
+  }
+);
+J.displayName = q;
+var Q = "TabsTrigger", W = s.forwardRef(
+  (e, o) => {
+    const { __scopeTabs: n, value: t, disabled: u = !1, ...d } = e, a = x(Q, n), v = H(n), g = ee(a.baseId, t), m = te(a.baseId, t), r = t === a.value;
+    return /* @__PURE__ */ l(
+      Ce,
+      {
+        asChild: !0,
+        ...v,
+        focusable: !u,
+        active: r,
+        children: /* @__PURE__ */ l(
+          C.button,
+          {
+            type: "button",
+            role: "tab",
+            "aria-selected": r,
+            "aria-controls": m,
+            "data-state": r ? "active" : "inactive",
+            "data-disabled": u ? "" : void 0,
+            disabled: u,
+            id: g,
+            ...d,
+            ref: o,
+            onMouseDown: I(e.onMouseDown, (c) => {
+              !u && c.button === 0 && c.ctrlKey === !1 ? a.onValueChange(t) : c.preventDefault();
+            }),
+            onKeyDown: I(e.onKeyDown, (c) => {
+              [" ", "Enter"].includes(c.key) && a.onValueChange(t);
+            }),
+            onFocus: I(e.onFocus, () => {
+              const c = a.activationMode !== "manual";
+              !r && !u && c && a.onValueChange(t);
+            })
+          }
+        )
+      }
+    );
+  }
+);
+W.displayName = Q;
+var X = "TabsContent", Z = s.forwardRef(
+  (e, o) => {
+    const { __scopeTabs: n, value: t, forceMount: u, children: d, ...a } = e, v = x(X, n), g = ee(v.baseId, t), m = te(v.baseId, t), r = t === v.value, c = s.useRef(r);
+    return s.useEffect(() => {
+      const p = requestAnimationFrame(() => c.current = !1);
+      return () => cancelAnimationFrame(p);
+    }, []), /* @__PURE__ */ l(le, { present: u || r, children: ({ present: p }) => /* @__PURE__ */ l(
+      C.div,
+      {
+        "data-state": r ? "active" : "inactive",
+        "data-orientation": v.orientation,
+        role: "tabpanel",
+        "aria-labelledby": g,
+        hidden: !p,
+        id: m,
+        tabIndex: 0,
+        ...a,
+        ref: o,
+        style: {
+          ...e.style,
+          animationDuration: c.current ? "0s" : void 0
+        },
+        children: p && d
+      }
+    ) });
+  }
+);
+Z.displayName = X;
+function ee(e, o) {
+  return `${e}-trigger-${o}`;
+}
+function te(e, o) {
+  return `${e}-content-${o}`;
+}
+var Ke = j, Le = J, Oe = W, ke = Z;
+export {
+  ke as C,
+  Le as L,
+  Ke as R,
+  Oe as T
+};

package/dist/{index-YaQrdkGE.js → index-CQ6ORxI_.js}

@@ -1,7 +1,8 @@
 import * as i from "react";
-import { d as b, b as h, u as U } from "./index-bYyfdsls.js";
-import { P as m, d as z, R as H } from "./index-g-TFwd6Y.js";
-import { u as T } from "./index-Bk324h27.js";
+import { b as h, u as U } from "./index-Cq1I1cG9.js";
+import { P as m, d as z, R as H } from "./index-ObZsP5Eh.js";
+import { u as T } from "./index-tIydFizp.js";
+import { u as b } from "./index-DwYXX2sM.js";
 import { jsx as P } from "react/jsx-runtime";
 function K(r, e = globalThis == null ? void 0 : globalThis.document) {
   const s = b(r);
@@ -22,19 +23,19 @@ var j = "DismissableLayer", p = "dismissableLayer.update", X = "dismissableLayer
       disableOutsidePointerEvents: s = !1,
       onEscapeKeyDown: n,
       onPointerDownOutside: t,
-      onFocusOutside: a,
+      onFocusOutside: o,
       onInteractOutside: l,
       onDismiss: u,
       ...v
-    } = r, c = i.useContext(B), [d, N] = i.useState(null), f = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = i.useState({}), W = T(e, (o) => N(o)), D = Array.from(c.layers), [k] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), I = D.indexOf(k), L = d ? D.indexOf(d) : -1, _ = c.layersWithOutsidePointerEventsDisabled.size > 0, C = L >= I, M = G((o) => {
-      const E = o.target, R = [...c.branches].some((y) => y.contains(E));
-      !C || R || (t == null || t(o), l == null || l(o), o.defaultPrevented || u == null || u());
-    }, f), O = J((o) => {
-      const E = o.target;
-      [...c.branches].some((y) => y.contains(E)) || (a == null || a(o), l == null || l(o), o.defaultPrevented || u == null || u());
+    } = r, c = i.useContext(B), [d, N] = i.useState(null), f = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, F] = i.useState({}), W = T(e, (a) => N(a)), D = Array.from(c.layers), [k] = [...c.layersWithOutsidePointerEventsDisabled].slice(-1), I = D.indexOf(k), L = d ? D.indexOf(d) : -1, _ = c.layersWithOutsidePointerEventsDisabled.size > 0, C = L >= I, M = G((a) => {
+      const E = a.target, R = [...c.branches].some((y) => y.contains(E));
+      !C || R || (t == null || t(a), l == null || l(a), a.defaultPrevented || u == null || u());
+    }, f), O = J((a) => {
+      const E = a.target;
+      [...c.branches].some((y) => y.contains(E)) || (o == null || o(a), l == null || l(a), a.defaultPrevented || u == null || u());
     }, f);
-    return K((o) => {
-      L === c.layers.size - 1 && (n == null || n(o), !o.defaultPrevented && u && (o.preventDefault(), u()));
+    return K((a) => {
+      L === c.layers.size - 1 && (n == null || n(a), !a.defaultPrevented && u && (a.preventDefault(), u()));
     }, f), i.useEffect(() => {
       if (d)
         return s && (c.layersWithOutsidePointerEventsDisabled.size === 0 && (g = f.body.style.pointerEvents, f.body.style.pointerEvents = "none"), c.layersWithOutsidePointerEventsDisabled.add(d)), c.layers.add(d), w(), () => {
@@ -43,8 +44,8 @@ var j = "DismissableLayer", p = "dismissableLayer.update", X = "dismissableLayer
     }, [d, f, s, c]), i.useEffect(() => () => {
       d && (c.layers.delete(d), c.layersWithOutsidePointerEventsDisabled.delete(d), w());
     }, [d, c]), i.useEffect(() => {
-      const o = () => F({});
-      return document.addEventListener(p, o), () => document.removeEventListener(p, o);
+      const a = () => F({});
+      return document.addEventListener(p, a), () => document.removeEventListener(p, a);
     }, []), /* @__PURE__ */ P(
       m.div,
       {
@@ -68,10 +69,10 @@ x.displayName = j;
 var q = "DismissableLayerBranch", S = i.forwardRef((r, e) => {
   const s = i.useContext(B), n = i.useRef(null), t = T(e, n);
   return i.useEffect(() => {
-    const a = n.current;
-    if (a)
-      return s.branches.add(a), () => {
-        s.branches.delete(a);
+    const o = n.current;
+    if (o)
+      return s.branches.add(o), () => {
+        s.branches.delete(o);
       };
   }, [s.branches]), /* @__PURE__ */ P(m.div, { ...r, ref: t });
 });
@@ -80,7 +81,7 @@ function G(r, e = globalThis == null ? void 0 : globalThis.document) {
   const s = b(r), n = i.useRef(!1), t = i.useRef(() => {
   });
   return i.useEffect(() => {
-    const a = (u) => {
+    const o = (u) => {
       if (u.target && !n.current) {
         let v = function() {
           A(
@@ -96,10 +97,10 @@ function G(r, e = globalThis == null ? void 0 : globalThis.document) {
         e.removeEventListener("click", t.current);
       n.current = !1;
     }, l = window.setTimeout(() => {
-      e.addEventListener("pointerdown", a);
+      e.addEventListener("pointerdown", o);
     }, 0);
     return () => {
-      window.clearTimeout(l), e.removeEventListener("pointerdown", a), e.removeEventListener("click", t.current);
+      window.clearTimeout(l), e.removeEventListener("pointerdown", o), e.removeEventListener("click", t.current);
     };
   }, [e, s]), {
     // ensures we check React component tree (not just DOM tree)
@@ -109,8 +110,8 @@ function G(r, e = globalThis == null ? void 0 : globalThis.document) {
 function J(r, e = globalThis == null ? void 0 : globalThis.document) {
   const s = b(r), n = i.useRef(!1);
   return i.useEffect(() => {
-    const t = (a) => {
-      a.target && !n.current && A(Y, s, { originalEvent: a }, {
+    const t = (o) => {
+      o.target && !n.current && A(Y, s, { originalEvent: o }, {
         discrete: !1
       });
     };
@@ -125,20 +126,20 @@ function w() {
   document.dispatchEvent(r);
 }
 function A(r, e, s, { discrete: n }) {
-  const t = s.originalEvent.target, a = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: s });
-  e && t.addEventListener(r, e, { once: !0 }), n ? z(t, a) : t.dispatchEvent(a);
+  const t = s.originalEvent.target, o = new CustomEvent(r, { bubbles: !1, cancelable: !0, detail: s });
+  e && t.addEventListener(r, e, { once: !0 }), n ? z(t, o) : t.dispatchEvent(o);
 }
-var se = x, ne = S, Q = "Portal", V = i.forwardRef((r, e) => {
+var ne = x, re = S, Q = "Portal", V = i.forwardRef((r, e) => {
   var u;
-  const { container: s, ...n } = r, [t, a] = i.useState(!1);
-  U(() => a(!0), []);
+  const { container: s, ...n } = r, [t, o] = i.useState(!1);
+  U(() => o(!0), []);
   const l = s || t && ((u = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : u.body);
   return l ? H.createPortal(/* @__PURE__ */ P(m.div, { ...n, ref: e }), l) : null;
 });
 V.displayName = Q;
 export {
-  ne as B,
+  re as B,
   x as D,
   V as P,
-  se as R
+  ne as R
 };

package/dist/index-Cq1I1cG9.js

@@ -0,0 +1,129 @@
+import * as u from "react";
+import { jsx as h } from "react/jsx-runtime";
+function M(t, r) {
+  const o = u.createContext(r), i = (c) => {
+    const { children: e, ...n } = c, f = u.useMemo(() => n, Object.values(n));
+    return /* @__PURE__ */ h(o.Provider, { value: f, children: e });
+  };
+  i.displayName = t + "Provider";
+  function s(c) {
+    const e = u.useContext(o);
+    if (e) return e;
+    if (r !== void 0) return r;
+    throw new Error(`\`${c}\` must be used within \`${t}\``);
+  }
+  return [i, s];
+}
+function R(t, r = []) {
+  let o = [];
+  function i(c, e) {
+    const n = u.createContext(e), f = o.length;
+    o = [...o, e];
+    const m = (l) => {
+      var S;
+      const { scope: a, children: v, ...x } = l, C = ((S = a == null ? void 0 : a[t]) == null ? void 0 : S[f]) || n, P = u.useMemo(() => x, Object.values(x));
+      return /* @__PURE__ */ h(C.Provider, { value: P, children: v });
+    };
+    m.displayName = c + "Provider";
+    function d(l, a) {
+      var C;
+      const v = ((C = a == null ? void 0 : a[t]) == null ? void 0 : C[f]) || n, x = u.useContext(v);
+      if (x) return x;
+      if (e !== void 0) return e;
+      throw new Error(`\`${l}\` must be used within \`${c}\``);
+    }
+    return [m, d];
+  }
+  const s = () => {
+    const c = o.map((e) => u.createContext(e));
+    return function(n) {
+      const f = (n == null ? void 0 : n[t]) || c;
+      return u.useMemo(
+        () => ({ [`__scope${t}`]: { ...n, [t]: f } }),
+        [n, f]
+      );
+    };
+  };
+  return s.scopeName = t, [i, b(s, ...r)];
+}
+function b(...t) {
+  const r = t[0];
+  if (t.length === 1) return r;
+  const o = () => {
+    const i = t.map((s) => ({
+      useScope: s(),
+      scopeName: s.scopeName
+    }));
+    return function(c) {
+      const e = i.reduce((n, { useScope: f, scopeName: m }) => {
+        const l = f(c)[`__scope${m}`];
+        return { ...n, ...l };
+      }, {});
+      return u.useMemo(() => ({ [`__scope${r.scopeName}`]: e }), [e]);
+    };
+  };
+  return o.scopeName = r.scopeName, o;
+}
+function j(t, r, { checkForDefaultPrevented: o = !0 } = {}) {
+  return function(s) {
+    if (t == null || t(s), o === !1 || !s.defaultPrevented)
+      return r == null ? void 0 : r(s);
+  };
+}
+var p = globalThis != null && globalThis.document ? u.useLayoutEffect : () => {
+}, w = u[" useInsertionEffect ".trim().toString()] || p;
+function k({
+  prop: t,
+  defaultProp: r,
+  onChange: o = () => {
+  },
+  caller: i
+}) {
+  const [s, c, e] = $({
+    defaultProp: r,
+    onChange: o
+  }), n = t !== void 0, f = n ? t : s;
+  {
+    const d = u.useRef(t !== void 0);
+    u.useEffect(() => {
+      const l = d.current;
+      l !== n && console.warn(
+        `${i} is changing from ${l ? "controlled" : "uncontrolled"} to ${n ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`
+      ), d.current = n;
+    }, [n, i]);
+  }
+  const m = u.useCallback(
+    (d) => {
+      var l;
+      if (n) {
+        const a = _(d) ? d(t) : d;
+        a !== t && ((l = e.current) == null || l.call(e, a));
+      } else
+        c(d);
+    },
+    [n, t, c, e]
+  );
+  return [f, m];
+}
+function $({
+  defaultProp: t,
+  onChange: r
+}) {
+  const [o, i] = u.useState(t), s = u.useRef(o), c = u.useRef(r);
+  return w(() => {
+    c.current = r;
+  }, [r]), u.useEffect(() => {
+    var e;
+    s.current !== o && ((e = c.current) == null || e.call(c, o), s.current = o);
+  }, [o, s]), [o, i, c];
+}
+function _(t) {
+  return typeof t == "function";
+}
+export {
+  k as a,
+  j as b,
+  R as c,
+  M as d,
+  p as u
+};

package/dist/index-Cs8Lv8Wj.js

@@ -0,0 +1,13 @@
+import * as r from "react";
+import { u as a } from "./index-Cq1I1cG9.js";
+var s = r[" useId ".trim().toString()] || (() => {
+}), i = 0;
+function n(e) {
+  const [t, o] = r.useState(s());
+  return a(() => {
+    o((u) => u ?? String(i++));
+  }, [e]), t ? `radix-${t}` : "";
+}
+export {
+  n as u
+};

package/dist/{index-dRxIWVBr.js → index-DmCJ8fIR.js}

@@ -1,7 +1,8 @@
-import { u as P, R as Ee, P as ke, O as Se, C as Ie } from "./index-DvFiic6N.js";
+import { R as Ee, P as ke, O as Se, C as Ie } from "./index-Ud3-A7-K.js";
 import * as n from "react";
-import { P as C } from "./index-g-TFwd6Y.js";
-import { a as j } from "./index-Bk324h27.js";
+import { P as C } from "./index-ObZsP5Eh.js";
+import { u as P } from "./index-Cs8Lv8Wj.js";
+import { a as j } from "./index-tIydFizp.js";
 var de = 1, xe = 0.9, Re = 0.8, Ce = 0.17, Q = 0.1, Z = 0.999, Ae = 0.9999, Me = 0.99, $e = /[\\\/_+.#"@\[\(\{&]/, De = /[\\\/_+.#"@\[\(\{&]/g, Fe = /[\s-]/, me = /[\s-]/g;
 function ee(t, l, r, f, u, c, d) {
   if (c === l.length) return u === t.length ? de : Me;
@@ -248,7 +249,7 @@ var V = '[cmdk-group=""]', _ = '[cmdk-group-items=""]', Pe = '[cmdk-group-headin
 }), Ue = n.forwardRef((t, l) => R((r) => r.filtered.count === 0) ? n.createElement(C.div, { ref: l, ...t, "cmdk-empty": "", role: "presentation" }) : null), He = n.forwardRef((t, l) => {
   let { progress: r, children: f, label: u = "Loading...", ...c } = t;
   return n.createElement(C.div, { ref: l, ...c, "cmdk-loading": "", role: "progressbar", "aria-valuenow": r, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": u }, z(t, (d) => n.createElement("div", { "aria-hidden": !0 }, d)));
-}), Ze = Object.assign(be, { List: Be, Item: Ve, Input: Oe, Group: je, Separator: Le, Dialog: ze, Empty: Ue, Loading: He });
+}), _e = Object.assign(be, { List: Be, Item: Ve, Input: Oe, Group: je, Separator: Le, Dialog: ze, Empty: Ue, Loading: He });
 function Ne(t, l) {
   let r = t.nextElementSibling;
   for (; r; ) {
@@ -309,5 +310,5 @@ function z({ asChild: t, children: l }, r) {
 }
 var Je = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
 export {
-  Ze as _
+  _e as _
 };

package/dist/index-DwYXX2sM.js

@@ -0,0 +1,13 @@
+import * as r from "react";
+function n(t) {
+  const e = r.useRef(t);
+  return r.useEffect(() => {
+    e.current = t;
+  }), r.useMemo(() => (...s) => {
+    var u;
+    return (u = e.current) == null ? void 0 : u.call(e, ...s);
+  }, []);
+}
+export {
+  n as u
+};

package/dist/{index-g-TFwd6Y.js → index-ObZsP5Eh.js}

@@ -1,7 +1,7 @@
 import * as D from "react";
 import R from "react";
 import { g as b } from "./_commonjsHelpers-C6fGbg64.js";
-import { c as w } from "./index-Bk324h27.js";
+import { c as w } from "./index-tIydFizp.js";
 import { jsx as N } from "react/jsx-runtime";
 var v = { exports: {} }, u = {};
 /**
@@ -401,6 +401,7 @@ var P = [
   "nav",
   "ol",
   "p",
+  "select",
   "span",
   "svg",
   "ul"