anysystem-design 0.0.14 → 0.0.16

package/dist/{combobox-CbwTCd-z.js → combobox-GYodOLPS.js}

@@ -1,10 +1,14 @@
-import { s as $e, o as g, n as q, f as Ke, M as Re, W as re, K as Ue, a as qe, l as Ge, T as Je, e as te, z as Ye, j as Qe, H as le, u as Xe, y as de, p as Ze, I as be, G as et, $ as De, b as Fe, D as ge, g as ye, c as F, r as tt } from "./label-M2WV1DNi.js";
+import { u as Ke, $ as $e, a as De, o as F, r as Ue } from "./keyboard-WLAoTvIF.js";
 import * as ie from "react";
-import $, { useEffect as xe, useRef as N, createContext as Se, useReducer as nt, createRef as ot, useCallback as Ce, useMemo as G, useId as pe, useContext as Ie, useState as it, Fragment as ke } from "react";
+import $, { useEffect as be, useRef as N, createContext as ge, useReducer as qe, createRef as Ge, useCallback as Re, useMemo as q, useId as de, useContext as xe, useState as Je, Fragment as Fe } from "react";
 import { r as Z } from "./index-DsprzSCj.js";
-import { w as st, T as rt } from "./use-resolve-button-type-WMDXx_9F.js";
-import { f as lt, u as at, _ as ut } from "./index-CsJbhhQY.js";
-import { F as ct, v as dt, f as pt, i as ce, y as ft, n as Ae, x as ht, R as mt, o as vt, h as bt, V as gt, m as xt, j as St, k as It, p as we, A as Ot, l as Me, t as Et, w as Tt, q as Rt, r as _, z as yt, s as _e } from "./transition-DgjncSwT.js";
+import { w as Ye, T as Qe } from "./use-resolve-button-type-BXUD2Zvz.js";
+import { f as Xe, u as Ze, _ as et } from "./index-CGOwpnLF.js";
+import { K as tt, a as nt, l as ot, T as it, z as st, j as rt, u as lt, I as Se, G as at } from "./label-C-udG76R.js";
+import { s as ke, o as g, n as G, M as ye, W as re, u as te, H as le, y as pe, p as ut, D as Ie, a as Ce } from "./use-sync-refs-DhGTVDyx.js";
+import { F as ct, v as dt, y as pt, n as Ae, x as ft, R as ht, i as mt, g as vt, h as bt, j as we, l as Me, t as gt, p as xt, k as St, m as _, q as It, o as _e } from "./portal-Cczr4jWX.js";
+import { m as Ot } from "./transition-B_YPzh_T.js";
+import { c as Et, i as ce, u as Tt, V as Rt, A as yt } from "./open-closed-C-QjnEr7.js";
 function oe(e, s, t) {
   let n = t.initialDeps ?? [], o;
   return () => {
@@ -478,8 +482,8 @@ function Vt(e) {
   });
 }
 function Bt(e, s, t, n) {
-  let o = $e(t);
-  xe(() => {
+  let o = ke(t);
+  be(() => {
     e = e ?? window;
     function l(r) {
       o.current(r);
@@ -506,9 +510,9 @@ function Ne(e) {
 }
 function Wt(e, { container: s, accept: t, walk: n }) {
   let o = N(t), l = N(n);
-  xe(() => {
+  be(() => {
     o.current = t, l.current = n;
-  }, [t, n]), q(() => {
+  }, [t, n]), G(() => {
     if (!s || !e) return;
     let r = Ke(s);
     if (!r) return;
@@ -518,7 +522,7 @@ function Wt(e, { container: s, accept: t, walk: n }) {
 }
 function Pe(e, s) {
   let t = N([]), n = g(e);
-  xe(() => {
+  be(() => {
     let o = [...t.current];
     for (let [l, r] of s.entries()) if (t.current[l] !== r) {
       let i = n(s, o);
@@ -537,13 +541,13 @@ jt(() => {
   function e(s) {
     if (!(s.target instanceof HTMLElement) || s.target === document.body || X[0] === s.target) return;
     let t = s.target;
-    t = t.closest(lt), X.unshift(t ?? s.target), X = X.filter((n) => n != null && n.isConnected), X.splice(10);
+    t = t.closest(Xe), X.unshift(t ?? s.target), X = X.filter((n) => n != null && n.isConnected), X.splice(10);
   }
   window.addEventListener("click", e, { capture: !0 }), window.addEventListener("mousedown", e, { capture: !0 }), window.addEventListener("focus", e, { capture: !0 }), document.body.addEventListener("click", e, { capture: !0 }), document.body.addEventListener("mousedown", e, { capture: !0 }), document.body.addEventListener("focus", e, { capture: !0 });
 });
 var Oe = ((e) => (e[e.Left = 0] = "Left", e[e.Right = 2] = "Right", e))(Oe || {}), Ht = ((e) => (e[e.Open = 0] = "Open", e[e.Closed = 1] = "Closed", e))(Ht || {}), Kt = ((e) => (e[e.Single = 0] = "Single", e[e.Multi = 1] = "Multi", e))(Kt || {}), Ut = ((e) => (e[e.Pointer = 0] = "Pointer", e[e.Focus = 1] = "Focus", e[e.Other = 2] = "Other", e))(Ut || {}), qt = ((e) => (e[e.OpenCombobox = 0] = "OpenCombobox", e[e.CloseCombobox = 1] = "CloseCombobox", e[e.GoToOption = 2] = "GoToOption", e[e.SetTyping = 3] = "SetTyping", e[e.RegisterOption = 4] = "RegisterOption", e[e.UnregisterOption = 5] = "UnregisterOption", e[e.SetActivationTrigger = 6] = "SetActivationTrigger", e[e.UpdateVirtualConfiguration = 7] = "UpdateVirtualConfiguration", e))(qt || {});
 function ve(e, s = (t) => t) {
-  let t = e.activeOptionIndex !== null ? e.options[e.activeOptionIndex] : null, n = s(e.options.slice()), o = n.length > 0 && n[0].dataRef.current.order !== null ? n.sort((r, i) => r.dataRef.current.order - i.dataRef.current.order) : ut(n, (r) => r.dataRef.current.domRef.current), l = t ? o.indexOf(t) : null;
+  let t = e.activeOptionIndex !== null ? e.options[e.activeOptionIndex] : null, n = s(e.options.slice()), o = n.length > 0 && n[0].dataRef.current.order !== null ? n.sort((r, i) => r.dataRef.current.order - i.dataRef.current.order) : et(n, (r) => r.dataRef.current.domRef.current), l = t ? o.indexOf(t) : null;
   return l === -1 && (l = null), { options: o, activeOptionIndex: l };
 }
 let Gt = { 1(e) {
@@ -603,19 +607,19 @@ let Gt = { 1(e) {
     l !== -1 ? o = l : o = null;
   }
   return { ...e, activeOptionIndex: o, virtual: { options: s.options, disabled: (n = s.disabled) != null ? n : () => !1 } };
-} }, Ee = Se(null);
+} }, Ee = ge(null);
 Ee.displayName = "ComboboxActionsContext";
 function ae(e) {
-  let s = Ie(Ee);
+  let s = xe(Ee);
   if (s === null) {
     let t = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, ae), t;
   }
   return s;
 }
-let Ve = Se(null);
+let Ve = ge(null);
 function Jt(e) {
-  let s = ne("VirtualProvider"), { options: t } = s.virtual, [n, o] = G(() => {
+  let s = ne("VirtualProvider"), { options: t } = s.virtual, [n, o] = q(() => {
     let p = s.optionsRef.current;
     if (!p) return [0, 0];
     let d = window.getComputedStyle(p);
@@ -625,8 +629,8 @@ function Jt(e) {
   }, getScrollElement() {
     var p;
     return (p = s.optionsRef.current) != null ? p : null;
-  }, overscan: 12 }), [r, i] = it(0);
-  q(() => {
+  }, overscan: 12 }), [r, i] = Je(0);
+  G(() => {
     i((p) => p + 1);
   }, [t]);
   let a = l.getVirtualItems();
@@ -637,13 +641,13 @@ function Jt(e) {
     }
   } }, a.map((p) => {
     var d;
-    return $.createElement(ke, { key: p.key }, $.cloneElement((d = e.children) == null ? void 0 : d.call(e, { ...e.slot, option: t[p.index] }), { key: `${r}-${p.key}`, "data-index": p.index, "aria-setsize": t.length, "aria-posinset": p.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${p.start}px)`, overflowAnchor: "none" } }));
+    return $.createElement(Fe, { key: p.key }, $.cloneElement((d = e.children) == null ? void 0 : d.call(e, { ...e.slot, option: t[p.index] }), { key: `${r}-${p.key}`, "data-index": p.index, "aria-setsize": t.length, "aria-posinset": p.index + 1, style: { position: "absolute", top: 0, left: 0, transform: `translateY(${p.start}px)`, overflowAnchor: "none" } }));
   })));
 }
-let se = Se(null);
+let se = ge(null);
 se.displayName = "ComboboxDataContext";
 function ne(e) {
-  let s = Ie(se);
+  let s = xe(se);
   if (s === null) {
     let t = new Error(`<${e} /> is missing a parent <Combobox /> component.`);
     throw Error.captureStackTrace && Error.captureStackTrace(t, ne), t;
@@ -653,10 +657,10 @@ function ne(e) {
 function Yt(e, s) {
   return te(s.type, Gt, e, s);
 }
-let Qt = ke;
+let Qt = Fe;
 function Xt(e, s) {
   var t, n;
-  let o = qe(), { value: l, defaultValue: r, onChange: i, form: a, name: p, by: d, disabled: c = o || !1, onClose: I, __demoMode: u = !1, multiple: S = !1, immediate: x = !1, virtual: h = null, nullable: R, ...D } = e, M = Ge(r), [E = S ? [] : void 0, y] = Je(l, i, M), [O, b] = nt(Yt, { dataRef: ot(), comboboxState: u ? 0 : 1, isTyping: !1, options: [], virtual: h ? { options: h.options, disabled: (t = h.disabled) != null ? t : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, __demoMode: u }), V = N(!1), U = N({ static: !1, hold: !1 }), J = N(null), j = N(null), Y = N(null), k = at(d), C = g((v) => h ? d === null ? h.options.indexOf(v) : h.options.findIndex((T) => k(T, v)) : O.options.findIndex((T) => k(T.dataRef.current.value, v))), A = Ce((v) => te(m.mode, { 1: () => E.some((T) => k(T, v)), 0: () => k(E, v) }), [E]), Q = g((v) => O.activeOptionIndex === C(v)), m = G(() => ({ ...O, immediate: x, optionsPropsRef: U, inputRef: J, buttonRef: j, optionsRef: Y, value: E, defaultValue: M, disabled: c, mode: S ? 1 : 0, virtual: h ? O.virtual : null, get activeOptionIndex() {
+  let o = nt(), { value: l, defaultValue: r, onChange: i, form: a, name: p, by: d, disabled: c = o || !1, onClose: I, __demoMode: u = !1, multiple: S = !1, immediate: x = !1, virtual: h = null, nullable: R, ...D } = e, M = ot(r), [E = S ? [] : void 0, y] = it(l, i, M), [O, b] = qe(Yt, { dataRef: Ge(), comboboxState: u ? 0 : 1, isTyping: !1, options: [], virtual: h ? { options: h.options, disabled: (t = h.disabled) != null ? t : () => !1 } : null, activeOptionIndex: null, activationTrigger: 2, __demoMode: u }), V = N(!1), U = N({ static: !1, hold: !1 }), J = N(null), j = N(null), Y = N(null), k = Ze(d), C = g((v) => h ? d === null ? h.options.indexOf(v) : h.options.findIndex((T) => k(T, v)) : O.options.findIndex((T) => k(T.dataRef.current.value, v))), A = Re((v) => te(m.mode, { 1: () => E.some((T) => k(T, v)), 0: () => k(E, v) }), [E]), Q = g((v) => O.activeOptionIndex === C(v)), m = q(() => ({ ...O, immediate: x, optionsPropsRef: U, inputRef: J, buttonRef: j, optionsRef: Y, value: E, defaultValue: M, disabled: c, mode: S ? 1 : 0, virtual: h ? O.virtual : null, get activeOptionIndex() {
     if (V.current && O.activeOptionIndex === null && (h ? h.options.length > 0 : O.options.length > 0)) {
       if (h) {
         let T = h.options.findIndex((K) => {
@@ -670,15 +674,15 @@ function Xt(e, s) {
     }
     return O.activeOptionIndex;
   }, calculateIndex: C, compare: k, isSelected: A, isActive: Q }), [E, M, c, S, u, O, h]);
-  q(() => {
+  G(() => {
     var v;
     h && b({ type: 7, options: h.options, disabled: (v = h.disabled) != null ? v : null });
-  }, [h, h == null ? void 0 : h.options, h == null ? void 0 : h.disabled]), q(() => {
+  }, [h, h == null ? void 0 : h.options, h == null ? void 0 : h.disabled]), G(() => {
     O.dataRef.current = m;
   }, [m]);
   let ee = m.comboboxState === 0;
   ct(ee, [m.buttonRef, m.inputRef, m.optionsRef], () => H.closeCombobox());
-  let P = G(() => {
+  let P = q(() => {
     var v, T, K;
     return { open: m.comboboxState === 0, disabled: c, activeIndex: m.activeOptionIndex, activeOption: m.activeOptionIndex === null ? null : m.virtual ? m.virtual.options[(v = m.activeOptionIndex) != null ? v : 0] : (K = (T = m.options[m.activeOptionIndex]) == null ? void 0 : T.dataRef.current.value) != null ? K : null, value: E };
   }, [m, c, E]), fe = g(() => {
@@ -705,17 +709,17 @@ function Xt(e, s) {
     return K === -1 ? T.push(v) : T.splice(K, 1), y == null ? void 0 : y(T);
   } })), L = g((v) => {
     b({ type: 6, trigger: v });
-  }), H = G(() => ({ onChange: w, registerOption: W, goToOption: z, setIsTyping: B, closeCombobox: f, openCombobox: he, setActivationTrigger: L, selectActiveOption: fe }), []), [Be, We] = Ye(), je = s === null ? {} : { ref: s }, He = Ce(() => {
+  }), H = q(() => ({ onChange: w, registerOption: W, goToOption: z, setIsTyping: B, closeCombobox: f, openCombobox: he, setActivationTrigger: L, selectActiveOption: fe }), []), [Be, We] = st(), je = s === null ? {} : { ref: s }, He = Re(() => {
     if (M !== void 0) return y == null ? void 0 : y(M);
   }, [y, M]);
-  return $.createElement(We, { value: Be, props: { htmlFor: (n = m.inputRef.current) == null ? void 0 : n.id }, slot: { open: m.comboboxState === 0, disabled: c } }, $.createElement(dt, null, $.createElement(Ee.Provider, { value: H }, $.createElement(se.Provider, { value: m }, $.createElement(pt, { value: te(m.comboboxState, { 0: ce.Open, 1: ce.Closed }) }, p != null && $.createElement(Qe, { disabled: c, data: E != null ? { [p]: E } : {}, form: a, onReset: He }), le({ ourProps: je, theirProps: D, slot: P, defaultTag: Qt, name: "Combobox" }))))));
+  return $.createElement(We, { value: Be, props: { htmlFor: (n = m.inputRef.current) == null ? void 0 : n.id }, slot: { open: m.comboboxState === 0, disabled: c } }, $.createElement(dt, null, $.createElement(Ee.Provider, { value: H }, $.createElement(se.Provider, { value: m }, $.createElement(Et, { value: te(m.comboboxState, { 0: ce.Open, 1: ce.Closed }) }, p != null && $.createElement(rt, { disabled: c, data: E != null ? { [p]: E } : {}, form: a, onReset: He }), le({ ourProps: je, theirProps: D, slot: P, defaultTag: Qt, name: "Combobox" }))))));
 }
 let Zt = "input";
 function en(e, s) {
   var t, n, o, l, r;
-  let i = ne("Combobox.Input"), a = ae("Combobox.Input"), p = pe(), d = Xe(), { id: c = d || `headlessui-combobox-input-${p}`, onChange: I, displayValue: u, disabled: S = i.disabled || !1, autoFocus: x = !1, type: h = "text", ...R } = e, D = de(i.inputRef, s, ft()), M = Ae(i.inputRef), E = Ze(), y = g(() => {
+  let i = ne("Combobox.Input"), a = ae("Combobox.Input"), p = de(), d = lt(), { id: c = d || `headlessui-combobox-input-${p}`, onChange: I, displayValue: u, disabled: S = i.disabled || !1, autoFocus: x = !1, type: h = "text", ...R } = e, D = pe(i.inputRef, s, pt()), M = Ae(i.inputRef), E = ut(), y = g(() => {
     a.onChange(null), i.optionsRef.current && (i.optionsRef.current.scrollTop = 0), a.goToOption(_.Nothing);
-  }), O = G(() => {
+  }), O = q(() => {
     var f;
     return typeof u == "function" && i.value !== void 0 ? (f = u(i.value)) != null ? f : "" : typeof i.value == "string" ? i.value : "";
   }, [i.value, u]);
@@ -787,13 +791,13 @@ function en(e, s) {
     (z = i.buttonRef.current) != null && z.contains(w) || (W = i.optionsRef.current) != null && W.contains(w) || i.disabled || i.immediate && i.comboboxState !== 0 && E.microTask(() => {
       Z.flushSync(() => a.openCombobox()), a.setActivationTrigger(1);
     });
-  }), C = be(), A = et(), { isFocused: Q, focusProps: m } = De({ autoFocus: x }), { isHovered: ee, hoverProps: P } = Fe({ isDisabled: S }), fe = G(() => ({ open: i.comboboxState === 0, disabled: S, hover: ee, focus: Q, autofocus: x }), [i, ee, Q, x, S]), he = ge({ ref: D, id: c, role: "combobox", type: h, "aria-controls": (t = i.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": i.comboboxState === 0, "aria-activedescendant": i.activeOptionIndex === null ? void 0 : i.virtual ? (n = i.options.find((f) => !f.dataRef.current.disabled && i.compare(f.dataRef.current.value, i.virtual.options[i.activeOptionIndex]))) == null ? void 0 : n.id : (o = i.options[i.activeOptionIndex]) == null ? void 0 : o.id, "aria-labelledby": C, "aria-describedby": A, "aria-autocomplete": "list", defaultValue: (r = (l = e.defaultValue) != null ? l : i.defaultValue !== void 0 ? u == null ? void 0 : u(i.defaultValue) : null) != null ? r : i.defaultValue, disabled: S || void 0, autoFocus: x, onCompositionStart: V, onCompositionEnd: U, onKeyDown: J, onChange: j, onFocus: k, onBlur: Y }, m, P);
+  }), C = Se(), A = at(), { isFocused: Q, focusProps: m } = $e({ autoFocus: x }), { isHovered: ee, hoverProps: P } = De({ isDisabled: S }), fe = q(() => ({ open: i.comboboxState === 0, disabled: S, hover: ee, focus: Q, autofocus: x }), [i, ee, Q, x, S]), he = Ie({ ref: D, id: c, role: "combobox", type: h, "aria-controls": (t = i.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": i.comboboxState === 0, "aria-activedescendant": i.activeOptionIndex === null ? void 0 : i.virtual ? (n = i.options.find((f) => !f.dataRef.current.disabled && i.compare(f.dataRef.current.value, i.virtual.options[i.activeOptionIndex]))) == null ? void 0 : n.id : (o = i.options[i.activeOptionIndex]) == null ? void 0 : o.id, "aria-labelledby": C, "aria-describedby": A, "aria-autocomplete": "list", defaultValue: (r = (l = e.defaultValue) != null ? l : i.defaultValue !== void 0 ? u == null ? void 0 : u(i.defaultValue) : null) != null ? r : i.defaultValue, disabled: S || void 0, autoFocus: x, onCompositionStart: V, onCompositionEnd: U, onKeyDown: J, onChange: j, onFocus: k, onBlur: Y }, m, P);
   return le({ ourProps: he, theirProps: R, slot: fe, defaultTag: Zt, name: "Combobox.Input" });
 }
 let tn = "button";
 function nn(e, s) {
   var t;
-  let n = ne("Combobox.Button"), o = ae("Combobox.Button"), l = de(n.buttonRef, s), r = pe(), { id: i = `headlessui-combobox-button-${r}`, disabled: a = n.disabled || !1, autoFocus: p = !1, ...d } = e, c = Ne(n.inputRef), I = g((b) => {
+  let n = ne("Combobox.Button"), o = ae("Combobox.Button"), l = pe(n.buttonRef, s), r = de(), { id: i = `headlessui-combobox-button-${r}`, disabled: a = n.disabled || !1, autoFocus: p = !1, ...d } = e, c = Ne(n.inputRef), I = g((b) => {
     switch (b.key) {
       case F.Space:
       case F.Enter:
@@ -813,79 +817,79 @@ function nn(e, s) {
         return;
     }
   }), u = g((b) => {
-    b.preventDefault(), !tt(b.currentTarget) && (b.button === Oe.Left && (n.comboboxState === 0 ? o.closeCombobox() : o.openCombobox()), c());
-  }), S = be([i]), { isFocusVisible: x, focusProps: h } = De({ autoFocus: p }), { isHovered: R, hoverProps: D } = Fe({ isDisabled: a }), { pressed: M, pressProps: E } = st({ disabled: a }), y = G(() => ({ open: n.comboboxState === 0, active: M || n.comboboxState === 0, disabled: a, value: n.value, hover: R, focus: x }), [n, R, x, M, a]), O = ge({ ref: l, id: i, type: rt(e, n.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (t = n.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": S, disabled: a || void 0, autoFocus: p, onMouseDown: u, onKeyDown: I }, h, D, E);
+    b.preventDefault(), !Ue(b.currentTarget) && (b.button === Oe.Left && (n.comboboxState === 0 ? o.closeCombobox() : o.openCombobox()), c());
+  }), S = Se([i]), { isFocusVisible: x, focusProps: h } = $e({ autoFocus: p }), { isHovered: R, hoverProps: D } = De({ isDisabled: a }), { pressed: M, pressProps: E } = Ye({ disabled: a }), y = q(() => ({ open: n.comboboxState === 0, active: M || n.comboboxState === 0, disabled: a, value: n.value, hover: R, focus: x }), [n, R, x, M, a]), O = Ie({ ref: l, id: i, type: Qe(e, n.buttonRef), tabIndex: -1, "aria-haspopup": "listbox", "aria-controls": (t = n.optionsRef.current) == null ? void 0 : t.id, "aria-expanded": n.comboboxState === 0, "aria-labelledby": S, disabled: a || void 0, autoFocus: p, onMouseDown: u, onKeyDown: I }, h, D, E);
   return le({ ourProps: O, theirProps: d, slot: y, defaultTag: tn, name: "Combobox.Button" });
 }
-let on = "div", sn = Re.RenderStrategy | Re.Static;
+let on = "div", sn = ye.RenderStrategy | ye.Static;
 function rn(e, s) {
   var t, n, o;
-  let l = pe(), { id: r = `headlessui-combobox-options-${l}`, hold: i = !1, anchor: a, portal: p = !1, modal: d = !0, transition: c = !1, ...I } = e, u = ne("Combobox.Options"), S = ae("Combobox.Options"), x = ht(a);
+  let l = de(), { id: r = `headlessui-combobox-options-${l}`, hold: i = !1, anchor: a, portal: p = !1, modal: d = !0, transition: c = !1, ...I } = e, u = ne("Combobox.Options"), S = ae("Combobox.Options"), x = ft(a);
   x && (p = !0);
-  let [h, R] = mt(x), D = vt(), M = de(u.optionsRef, s, x ? h : null), E = Ae(u.optionsRef), y = bt(), [O, b] = gt(c, u.optionsRef, y !== null ? (y & ce.Open) === ce.Open : u.comboboxState === 0);
-  xt(O, u.inputRef, S.closeCombobox);
+  let [h, R] = ht(x), D = mt(), M = pe(u.optionsRef, s, x ? h : null), E = Ae(u.optionsRef), y = Tt(), [O, b] = Rt(c, u.optionsRef, y !== null ? (y & ce.Open) === ce.Open : u.comboboxState === 0);
+  Ot(O, u.inputRef, S.closeCombobox);
   let V = u.__demoMode ? !1 : d && u.comboboxState === 0;
-  St(V, E);
+  vt(V, E);
   let U = u.__demoMode ? !1 : d && u.comboboxState === 0;
-  It(U, { allowed: g(() => [u.inputRef.current, u.buttonRef.current, u.optionsRef.current]) }), q(() => {
+  bt(U, { allowed: g(() => [u.inputRef.current, u.buttonRef.current, u.optionsRef.current]) }), G(() => {
     var P;
     u.optionsPropsRef.current.static = (P = e.static) != null ? P : !1;
-  }, [u.optionsPropsRef, e.static]), q(() => {
+  }, [u.optionsPropsRef, e.static]), G(() => {
     u.optionsPropsRef.current.hold = i;
   }, [u.optionsPropsRef, i]), Wt(u.comboboxState === 0, { container: u.optionsRef.current, accept(P) {
     return P.getAttribute("role") === "option" ? NodeFilter.FILTER_REJECT : P.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
   }, walk(P) {
     P.setAttribute("role", "none");
   } });
-  let J = be([(t = u.buttonRef.current) == null ? void 0 : t.id]), j = G(() => ({ open: u.comboboxState === 0, option: void 0 }), [u.comboboxState]), Y = g(() => {
+  let J = Se([(t = u.buttonRef.current) == null ? void 0 : t.id]), j = q(() => ({ open: u.comboboxState === 0, option: void 0 }), [u.comboboxState]), Y = g(() => {
     S.setActivationTrigger(0);
   }), k = g((P) => {
     P.preventDefault(), S.setActivationTrigger(0);
-  }), C = ge(x ? D() : {}, { "aria-labelledby": J, role: "listbox", "aria-multiselectable": u.mode === 1 ? !0 : void 0, id: r, ref: M, style: { ...I.style, ...R, "--input-width": we(u.inputRef, !0).width, "--button-width": we(u.buttonRef, !0).width }, onWheel: u.activationTrigger === 0 ? void 0 : Y, onMouseDown: k, ...Ot(b) }), A = O && u.comboboxState === 1, Q = Me(A, (n = u.virtual) == null ? void 0 : n.options), m = Me(A, u.value), ee = g((P) => u.compare(m, P));
+  }), C = Ie(x ? D() : {}, { "aria-labelledby": J, role: "listbox", "aria-multiselectable": u.mode === 1 ? !0 : void 0, id: r, ref: M, style: { ...I.style, ...R, "--input-width": we(u.inputRef, !0).width, "--button-width": we(u.buttonRef, !0).width }, onWheel: u.activationTrigger === 0 ? void 0 : Y, onMouseDown: k, ...yt(b) }), A = O && u.comboboxState === 1, Q = Me(A, (n = u.virtual) == null ? void 0 : n.options), m = Me(A, u.value), ee = g((P) => u.compare(m, P));
   if (u.virtual) {
     if (Q === void 0) throw new Error("Missing `options` in virtual mode");
     Object.assign(I, { children: $.createElement(se.Provider, { value: Q !== u.virtual.options ? { ...u, virtual: { ...u.virtual, options: Q } } : u }, $.createElement(Jt, { slot: j }, I.children)) });
   }
-  return $.createElement(Et, { enabled: p ? e.static || O : !1 }, $.createElement(se.Provider, { value: u.mode === 1 ? u : { ...u, isSelected: ee } }, le({ ourProps: C, theirProps: { ...I, children: $.createElement(Tt, { freeze: A }, typeof I.children == "function" ? (o = I.children) == null ? void 0 : o.call(I, j) : I.children) }, slot: j, defaultTag: on, features: sn, visible: O, name: "Combobox.Options" })));
+  return $.createElement(gt, { enabled: p ? e.static || O : !1 }, $.createElement(se.Provider, { value: u.mode === 1 ? u : { ...u, isSelected: ee } }, le({ ourProps: C, theirProps: { ...I, children: $.createElement(xt, { freeze: A }, typeof I.children == "function" ? (o = I.children) == null ? void 0 : o.call(I, j) : I.children) }, slot: j, defaultTag: on, features: sn, visible: O, name: "Combobox.Options" })));
 }
 let ln = "div";
 function an(e, s) {
   var t, n, o, l;
-  let r = ne("Combobox.Option"), i = ae("Combobox.Option"), a = pe(), { id: p = `headlessui-combobox-option-${a}`, value: d, disabled: c = (o = (n = (t = r.virtual) == null ? void 0 : t.disabled) == null ? void 0 : n.call(t, d)) != null ? o : !1, order: I = null, ...u } = e, S = Ne(r.inputRef), x = r.virtual ? r.activeOptionIndex === r.calculateIndex(d) : r.activeOptionIndex === null ? !1 : ((l = r.options[r.activeOptionIndex]) == null ? void 0 : l.id) === p, h = r.isSelected(d), R = N(null), D = $e({ disabled: c, value: d, domRef: R, order: I }), M = Ie(Ve), E = de(s, R, M ? M.measureElement : null), y = g(() => {
+  let r = ne("Combobox.Option"), i = ae("Combobox.Option"), a = de(), { id: p = `headlessui-combobox-option-${a}`, value: d, disabled: c = (o = (n = (t = r.virtual) == null ? void 0 : t.disabled) == null ? void 0 : n.call(t, d)) != null ? o : !1, order: I = null, ...u } = e, S = Ne(r.inputRef), x = r.virtual ? r.activeOptionIndex === r.calculateIndex(d) : r.activeOptionIndex === null ? !1 : ((l = r.options[r.activeOptionIndex]) == null ? void 0 : l.id) === p, h = r.isSelected(d), R = N(null), D = ke({ disabled: c, value: d, domRef: R, order: I }), M = xe(Ve), E = pe(s, R, M ? M.measureElement : null), y = g(() => {
     i.setIsTyping(!1), i.onChange(d);
   });
-  q(() => i.registerOption(p, D), [D, p]);
+  G(() => i.registerOption(p, D), [D, p]);
   let O = N(!(r.virtual || r.__demoMode));
-  q(() => {
-    if (!r.virtual && !r.__demoMode) return ye().requestAnimationFrame(() => {
+  G(() => {
+    if (!r.virtual && !r.__demoMode) return Ce().requestAnimationFrame(() => {
       O.current = !0;
     });
-  }, [r.virtual, r.__demoMode]), q(() => {
-    if (O.current && r.comboboxState === 0 && x && r.activationTrigger !== 0) return ye().requestAnimationFrame(() => {
+  }, [r.virtual, r.__demoMode]), G(() => {
+    if (O.current && r.comboboxState === 0 && x && r.activationTrigger !== 0) return Ce().requestAnimationFrame(() => {
       var C, A;
       (A = (C = R.current) == null ? void 0 : C.scrollIntoView) == null || A.call(C, { block: "nearest" });
     });
   }, [R, x, r.comboboxState, r.activationTrigger, r.activeOptionIndex]);
   let b = g((C) => {
-    C.preventDefault(), C.button === Oe.Left && (c || (y(), yt() || requestAnimationFrame(() => S()), r.mode === 0 && i.closeCombobox()));
+    C.preventDefault(), C.button === Oe.Left && (c || (y(), It() || requestAnimationFrame(() => S()), r.mode === 0 && i.closeCombobox()));
   }), V = g(() => {
     if (c) return i.goToOption(_.Nothing);
     let C = r.calculateIndex(d);
     i.goToOption(_.Specific, C);
-  }), U = Rt(), J = g((C) => U.update(C)), j = g((C) => {
+  }), U = St(), J = g((C) => U.update(C)), j = g((C) => {
     if (!U.wasMoved(C) || c || x) return;
     let A = r.calculateIndex(d);
     i.goToOption(_.Specific, A, 0);
   }), Y = g((C) => {
     U.wasMoved(C) && (c || x && (r.optionsPropsRef.current.hold || i.goToOption(_.Nothing)));
-  }), k = G(() => ({ active: x, focus: x, selected: h, disabled: c }), [x, h, c]);
+  }), k = q(() => ({ active: x, focus: x, selected: h, disabled: c }), [x, h, c]);
   return le({ ourProps: { id: p, ref: E, role: "option", tabIndex: c === !0 ? void 0 : -1, "aria-disabled": c === !0 ? !0 : void 0, "aria-selected": h, disabled: void 0, onMouseDown: b, onFocus: V, onPointerEnter: J, onMouseEnter: J, onPointerMove: j, onMouseMove: j, onPointerLeave: Y, onMouseLeave: Y }, theirProps: u, slot: k, defaultTag: ln, name: "Combobox.Option" });
 }
-let un = re(Xt), cn = re(nn), dn = re(en), pn = Ue, fn = re(rn), hn = re(an), In = Object.assign(un, { Input: dn, Button: cn, Label: pn, Options: fn, Option: hn });
+let un = re(Xt), cn = re(nn), dn = re(en), pn = tt, fn = re(rn), hn = re(an), Rn = Object.assign(un, { Input: dn, Button: cn, Label: pn, Options: fn, Option: hn });
 export {
   dn as G,
   cn as H,
   hn as K,
-  In as N,
+  Rn as N,
   fn as z
 };

package/dist/components/AutoComplete/AutoCompleteBase.js

@@ -1,59 +1,59 @@
 import { jsx as a, jsxs as f } from "react/jsx-runtime";
-import d, { Fragment as p } from "react";
+import c, { Fragment as p } from "react";
 import { t as y } from "../../bundle-mjs-SHnj3fHy.js";
-import { H as g } from "../../index-CsJbhhQY.js";
-import { b } from "../../index-wvw0O1v3.js";
-import { getValue as o } from "../Selectbox/helper.js";
-import { N as x, G as C, H as E, z as w, K as N } from "../../combobox-CbwTCd-z.js";
-import { X as L } from "../../transition-DgjncSwT.js";
-const S = (l, r) => r.type === "SEARCH" ? {
+import { H as x } from "../../index-CGOwpnLF.js";
+import { c as C } from "../../index-Bv0kHmgl.js";
+import { getValue as u } from "../Selectbox/helper.js";
+import { N as E, G as g, H as w, z as N, K as L } from "../../combobox-GYodOLPS.js";
+import { X as S } from "../../transition-B_YPzh_T.js";
+const H = (l, r) => r.type === "SEARCH" ? {
   ...l,
   query: r.query,
   filterList: l.list.filter((t) => t.label.toLowerCase().includes(r.query.toLowerCase()))
 } : r.type === "SETVALUE" ? {
   ...l,
   value: r.value,
-  selected: l.list.find((t) => o(t, l.valueField) === r.value) || null
+  selected: l.list.find((t) => u(t, l.valueField) === r.value) || null
 } : r.type === "SETSELECT" ? {
   ...l,
   selected: r.selected,
-  value: o(r.selected, l.valueField) + ""
-} : l, H = ({
+  value: u(r.selected, l.valueField) + ""
+} : l, A = ({
   id: l,
   name: r,
   options: t,
   value: i = "",
-  valueField: u = "value",
-  onChange: m,
+  valueField: o = "value",
+  onChange: d,
   placeholder: h
 }, v) => {
-  const [c, s] = d.useReducer(S, {
+  const [m, s] = c.useReducer(H, {
     list: t,
     query: "",
     filterList: t,
     value: i,
-    valueField: u,
+    valueField: o,
     selected: t.find((e) => {
-      const n = o(e, u);
+      const n = u(e, o);
       return i ? n === i : !1;
     }) || null
   });
-  return d.useImperativeHandle(v, () => ({
+  return c.useImperativeHandle(v, () => ({
     search: (e) => s({ type: "SEARCH", query: e }),
     setValue: (e) => s({ type: "SETVALUE", value: e })
   })), /* @__PURE__ */ a(
-    x,
+    E,
     {
-      value: c.selected,
+      value: m.selected,
       onChange: (e) => {
         s({
           type: "SETSELECT",
           selected: e
-        }), m && m(e ? o(e, u) : "");
+        }), d && d(e ? u(e, o) : "");
       },
       children: /* @__PURE__ */ f("div", { className: "relative", children: [
         /* @__PURE__ */ a(
-          C,
+          g,
           {
             placeholder: h,
             onChange: (e) => s({ type: "SEARCH", query: e.target.value }),
@@ -61,8 +61,8 @@ const S = (l, r) => r.type === "SEARCH" ? {
             displayValue: (e) => (e == null ? void 0 : e.label) || ""
           }
         ),
-        /* @__PURE__ */ a(E, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ a(
-          g,
+        /* @__PURE__ */ a(w, { className: "absolute inset-y-0 right-0 flex items-center pr-2", children: /* @__PURE__ */ a(
+          x,
           {
             className: "h-5 w-5 text-gray-400",
             "aria-hidden": "true"
@@ -76,11 +76,11 @@ const S = (l, r) => r.type === "SEARCH" ? {
             id: l,
             name: r,
             readOnly: !0,
-            value: c.value + ""
+            value: m.value + ""
           }
         ),
         /* @__PURE__ */ a(
-          L,
+          S,
           {
             as: p,
             enter: "transition duration-100 ease-out",
@@ -90,12 +90,12 @@ const S = (l, r) => r.type === "SEARCH" ? {
             leaveFrom: "scale-100 transform opacity-100",
             leaveTo: "scale-95 transform opacity-0",
             afterLeave: () => s({ type: "SEARCH", query: "" }),
-            children: /* @__PURE__ */ a(w, { className: "absolute z-50 mt-5 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm", children: c.filterList.map((e) => /* @__PURE__ */ a(N, { as: p, value: e, children: ({ selected: n }) => /* @__PURE__ */ f(
+            children: /* @__PURE__ */ a(N, { className: "absolute z-50 mt-5 max-h-60 w-full overflow-auto rounded-md bg-white py-1 text-base shadow-lg ring-1 ring-black/5 focus:outline-none sm:text-sm", children: m.filterList.map((e) => /* @__PURE__ */ a(L, { as: p, value: e, children: ({ selected: n, focus: b }) => /* @__PURE__ */ f(
               "li",
               {
                 className: y(
-                  "relative flex cursor-pointer justify-between px-5 py-4 text-black hover:bg-indigo-100",
-                  n && "bg-indigo-100",
+                  "relative flex cursor-pointer justify-between px-5 py-4 text-black hover:bg-primary-100",
+                  (n || b) && "bg-primary-100",
                   e.enable === !1 && "cursor-not-allowed opacity-50"
                 ),
                 children: [
@@ -104,9 +104,9 @@ const S = (l, r) => r.type === "SEARCH" ? {
                     "span",
                     {
                       className: y(
-                        "absolute inset-y-0 left-0 flex items-center pl-3 text-indigo-600"
+                        "absolute inset-y-0 left-0 flex items-center pl-3 text-primary-600"
                       ),
-                      children: /* @__PURE__ */ a(b, { className: "h-5 w-5", "aria-hidden": "true" })
+                      children: /* @__PURE__ */ a(C, { className: "h-5 w-5", "aria-hidden": "true" })
                     }
                   ) : null
                 ]
@@ -117,7 +117,7 @@ const S = (l, r) => r.type === "SEARCH" ? {
       ] })
     }
   );
-}, z = d.forwardRef(H);
+}, U = c.forwardRef(A);
 export {
-  z as default
+  U as default
 };