@okam/stack-ui 1.42.3 → 1.43.0

package/index57.mjs

@@ -1,115 +1,22 @@
 "use client";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
-import { isEmpty as se } from "radashi";
-import { useRef as s, useMemo as y, useCallback as ie } from "react";
-import { useFilter as le, useComboBox as ce } from "react-aria";
-import "react-hook-form";
-import { useComboBoxState as me } from "react-stately";
-import { useDebounce as pe } from "./index114.mjs";
-import ae from "./index88.mjs";
-import "./index96.mjs";
-import C, { BoxWithForwardRef as ue } from "./index36.mjs";
-import fe from "./index23.mjs";
-import de from "./index62.mjs";
-import he from "./index68.mjs";
-import { Popover as be } from "./index11.mjs";
-import F from "./index3.mjs";
-import { ControlledListBox as Re } from "./index58.mjs";
-import xe from "./index160.mjs";
-const je = (m) => {
-  const {
-    children: I,
-    hookFormRef: i,
-    errorMessage: h,
-    themeName: e = "comboBox",
-    tokens: b,
-    customTheme: g,
-    label: R,
-    icon: D = /* @__PURE__ */ t(de, {}),
-    closeIcon: M = /* @__PURE__ */ t(he, {}),
-    isDisabled: S = !1,
-    isRequired: T = !1,
-    isReadOnly: V = !1,
-    defaultFilter: w,
-    inputRef: O,
-    buttonRef: E,
-    popoverRef: W,
-    listBoxRef: j,
-    debounceDelay: z = 200
-  } = m, A = s(null), p = O ?? A, L = s(null), x = E ?? L, q = s(null), B = W ?? q, G = s(null), P = j ?? G, l = s(null), { contains: H } = le({ sensitivity: "base" }), o = me({ ...m, defaultFilter: w ?? H }), { inputProps: J, listBoxProps: K, labelProps: Q, buttonProps: U, errorMessageProps: X, isInvalid: N } = ce(
-    { ...m, inputRef: p, buttonRef: x, popoverRef: B, listBoxRef: P },
-    o
-  ), k = pe(o.collection, z), v = y(
-    () => ({
-      ...o,
-      collection: k
-    }),
-    [o, k]
-  ), { onPress: a, onPressStart: u, preventFocusOnPress: Pe, ...Y } = U, { isOpen: c, selectedItem: f, selectionManager: Z } = o, { isFocused: _, isSelectAll: ee, isEmpty: oe } = Z, $ = !se(o.inputValue), n = {
-    ...b,
-    isInvalid: N,
-    isOpen: c,
-    isFocused: _,
-    hasValue: $,
-    hasSelectedItem: !oe,
-    isSelectAll: ee,
-    isReadOnly: V,
-    isDisabled: S,
-    isRequired: T
-  }, te = ie(
-    (r) => {
-      r && (i == null || i(r), p.current = r);
-    },
-    [i, p]
-  ), ne = y(() => f && !c ? f.rendered : o.inputValue, [f, o.inputValue, c]), re = ae(`${e}.input`, b);
-  return /* @__PURE__ */ d(C, { themeName: `${e}.wrapper`, tokens: n, customTheme: g, children: [
-    R && /* @__PURE__ */ t(F, { ...Q, as: "label", themeName: `${e}.label`, tokens: n, children: R }),
-    /* @__PURE__ */ d(C, { themeName: `${e}.container`, children: [
-      /* @__PURE__ */ d(ue, { ref: l, themeName: `${e}.inputWrapper`, tokens: n, children: [
-        /* @__PURE__ */ t("input", { ...J, ref: te, value: ne, className: re }),
-        /* @__PURE__ */ t(
-          xe,
-          {
-            state: o,
-            themeName: `${e}.button`,
-            tokens: n,
-            ...Y,
-            ref: x,
-            handlePress: (r) => {
-              a == null || a(r), u == null || u(r);
-            },
-            children: /* @__PURE__ */ t(fe, { themeName: `${e}.icon`, tokens: n, icon: $ ? M : D })
-          }
-        )
-      ] }),
-      c && l.current && v.collection.size > 0 && /* @__PURE__ */ t(
-        be,
-        {
-          themeName: `${e}.popover`,
-          tokens: n,
-          state: o,
-          triggerRef: l,
-          placement: "bottom",
-          sizeRef: l,
-          popoverRef: B,
-          autoFocus: !1,
-          children: /* @__PURE__ */ t(
-            Re,
-            {
-              ...K,
-              themeName: `${e}.list`,
-              tokens: n,
-              state: v,
-              ref: P,
-              children: I
-            }
-          )
-        }
-      ),
-      N && h && /* @__PURE__ */ t(F, { tokens: n, themeName: `${e}.errorMessage`, ...X, children: h })
-    ] })
-  ] });
+import { jsx as k } from "react/jsx-runtime";
+import { useFocusRing as F } from "@react-aria/focus";
+import { useTab as h } from "./index183.mjs";
+import { useRef as x } from "react";
+import { mergeProps as P } from "react-aria";
+import { mergeDefaultComponentProps as D } from "./index105.mjs";
+import { BoxWithForwardRef as L } from "./index37.mjs";
+const y = ({ item: s, state: e, ...t }) => {
+  const { key: o, rendered: i } = s, { themeName: n = "tabList.tab", tokens: c, ...a } = D(t, s.props), r = x(null), { tabProps: m } = h({ key: o }, e, r), { focusProps: f, isFocusVisible: p, isFocused: l } = F({ within: !0, autoFocus: !1 }), u = e.selectionManager.isDisabled(o), d = e.selectionManager.isSelected(o), b = e.selectionManager.isLink(o), g = {
+    ...c,
+    isDisabled: u,
+    isSelected: d,
+    isLink: b,
+    isFocused: l,
+    isFocusVisible: p
+  };
+  return /* @__PURE__ */ k(L, { ...P(a, f, m), themeName: n, tokens: g, ref: r, children: i });
 };
 export {
-  je as default
+  y as default
 };

package/index58.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),m=require("react"),j=require("react-aria"),L=require("react-stately"),u=require("./index36.js"),N=require("./index6.js"),S=require("./index3.js"),b=require("./index60.js"),C=require("./index59.js"),R={item:b,section:C},a=m.forwardRef((o,s)=>{const{themeName:e="listBox",tokens:n,customTheme:d,label:i,escapeKeyBehavior:x="clearSelection",linkElementType:h=N.Anchor,state:l,as:p,...B}=o,{listBoxProps:q,labelProps:f}=j.useListBox({...B,escapeKeyBehavior:x,label:i},l,s);return t.jsxs(u.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:d,as:p,children:[i&&t.jsx(S.default,{...f,themeName:`${e}.label`,tokens:n,children:i}),t.jsx(u.BoxWithForwardRef,{ref:s,as:"ul",...q,themeName:`${e}.list`,tokens:n,children:[...l.collection].map(c=>{const{key:y}=c,r=c.type??"item",$=R[r];return t.jsx($,{[r]:c,state:l,tokens:{...n,type:r},themeName:`${e}.${r}`,linkElementType:h},y)})})]})});a.displayName="ControlledListBox";const k=o=>{const s=L.useListState(o),e=m.useRef(null);return t.jsx(a,{...o,state:s,ref:e})};exports.ControlledListBox=a;exports.default=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),K=require("./index158.js"),P=require("radashi"),p=require("react"),T=require("react-aria"),N=require("react-hook-form"),R=require("react-stately"),D=require("./index97.js"),S=require("./index37.js"),I=require("./index6.js"),E=require("./index3.js"),O=require("./index61.js"),V=require("./index60.js"),w={item:O,section:V},B=p.forwardRef((o,s)=>{const{themeName:e="listBox",tokens:x,customTheme:j,label:c,escapeKeyBehavior:C="clearSelection",linkElementType:F=I.Anchor,isDisabled:q=!1,isRequired:u=!1,isInvalid:$=!1,isError:f=!1,errorMessage:k,disabledKeys:g,fieldRef:d,...y}=o,i=R.useListState(o),t=i.collection.getKeys(),h=r=>{if(r){if(d==null||d(r),!s)return;typeof s=="function"?s(r):s.current=r}},{listBoxProps:m,labelProps:M}=T.useListBox({...y,escapeKeyBehavior:C,label:c,disabledKeys:q?t:g},i,h),a={...x,isDisabled:q,isRequired:u,isInvalid:$,isError:f};return n.jsxs(S.default,{themeName:`${e}.wrapper`,tokens:a,customTheme:j,children:[c&&n.jsx(E.default,{...M,themeName:`${e}.label`,tokens:a,children:c}),n.jsx(S.BoxWithForwardRef,{ref:s,as:"ul",...m,themeName:`${e}.list`,tokens:a,children:[...i.collection].map(r=>{const{key:b}=r,l=r.type??"item",L=w[l];return n.jsx(L,{[l]:r,state:i,tokens:{...x,type:l},themeName:`${e}.${l}`,linkElementType:F},b)})}),f&&k&&n.jsx(E.default,{themeName:`${e}.errorMessage`,tokens:a,children:k})]})});B.displayName="ControlledListBox";const A=o=>{const s=R.useListState(o),e=p.useRef(null);return n.jsx(B,{...o,state:s,ref:e})},v=p.forwardRef((o,s)=>{const{name:e,rules:x,isRequired:j,isDisabled:c,tokens:C,selectionMode:F="single",errorMessage:q,...u}=o,{control:$,setValue:f,watch:k,getValues:g}=N.useFormContext(),{selectedKeys:d=k(e),defaultSelectedKeys:y=g(e)}=u,{t:i}=D.useTranslation(),t={required:j?i("FORM.ERROR.REQUIRED")??"required":!1,disabled:c,...x};return n.jsx(N.Controller,{...u,defaultValue:y,name:e,control:$,rules:t,disabled:t==null?void 0:t.disabled,render:({field:h,fieldState:m})=>{var L;const{ref:M,...a}=h,r=!P.isEmpty(m.error),b={isDisabled:h.disabled??!1,isRequired:(t==null?void 0:t.required)===!0||(t==null?void 0:t.required)==="required",isInvalid:m.invalid,isError:r},l={...C,...b};return n.jsx(B,{...K.mergeProps(u,a,b,{onSelectionChange:H=>{f(e,H)}}),tokens:l,selectionMode:F,selectedKeys:d,defaultSelectedKeys:y,errorMessage:q??((L=m.error)==null?void 0:L.message),ref:s})}})});v.displayName="ControlledReactHookFormListBox";const _=o=>{const s=R.useListState(o),e=p.useRef(null);return n.jsx(v,{...o,state:s,ref:e})};exports.ControlledListBox=B;exports.ControlledReactHookFormListBox=v;exports.ReactHookFormListBox=_;exports.default=A;

package/index58.mjs

@@ -1,60 +1,146 @@
 "use client";
-import { jsxs as L, jsx as m } from "react/jsx-runtime";
-import { forwardRef as N, useRef as $ } from "react";
-import { useListBox as k } from "react-aria";
-import { useListState as C } from "react-stately";
-import b, { BoxWithForwardRef as w } from "./index36.mjs";
-import { Anchor as R } from "./index6.mjs";
-import S from "./index3.mjs";
-import T from "./index60.mjs";
-import j from "./index59.mjs";
-const P = {
-  item: T,
-  section: j
-}, a = N((t, o) => {
-  const {
-    themeName: e = "listBox",
-    tokens: r,
-    customTheme: p,
-    label: n,
-    escapeKeyBehavior: c = "clearSelection",
-    linkElementType: f = R,
-    state: i,
-    as: h,
-    ...x
-  } = t, { listBoxProps: u, labelProps: B } = k(
+import { jsxs as P, jsx as n } from "react/jsx-runtime";
+import { mergeProps as H } from "./index158.mjs";
+import { isEmpty as I } from "radashi";
+import { forwardRef as K, useRef as M } from "react";
+import { useListBox as O } from "react-aria";
+import { useFormContext as R, Controller as S } from "react-hook-form";
+import { useListState as g } from "react-stately";
+import { useTranslation as V } from "./index97.mjs";
+import j, { BoxWithForwardRef as w } from "./index37.mjs";
+import { Anchor as A } from "./index6.mjs";
+import v from "./index3.mjs";
+import Q from "./index61.mjs";
+import U from "./index60.mjs";
+const W = {
+  item: Q,
+  section: U
+}, E = K(
+  (r, t) => {
+    const {
+      themeName: e = "listBox",
+      tokens: f,
+      customTheme: C,
+      label: c,
+      escapeKeyBehavior: L = "clearSelection",
+      linkElementType: $ = A,
+      isDisabled: p = !1,
+      isRequired: m = !1,
+      isInvalid: q = !1,
+      isError: y = !1,
+      errorMessage: h,
+      disabledKeys: N,
+      fieldRef: d,
+      ...k
+    } = r, i = g(r), o = i.collection.getKeys(), b = (s) => {
+      if (s) {
+        if (d == null || d(s), !t) return;
+        typeof t == "function" ? t(s) : t.current = s;
+      }
+    }, { listBoxProps: u, labelProps: F } = O(
+      {
+        ...k,
+        escapeKeyBehavior: L,
+        label: c,
+        disabledKeys: p ? o : N
+      },
+      i,
+      b
+    ), a = {
+      ...f,
+      isDisabled: p,
+      isRequired: m,
+      isInvalid: q,
+      isError: y
+    };
+    return /* @__PURE__ */ P(j, { themeName: `${e}.wrapper`, tokens: a, customTheme: C, children: [
+      c && /* @__PURE__ */ n(v, { ...F, themeName: `${e}.label`, tokens: a, children: c }),
+      /* @__PURE__ */ n(
+        w,
+        {
+          ref: t,
+          as: "ul",
+          ...u,
+          themeName: `${e}.list`,
+          tokens: a,
+          children: [...i.collection].map((s) => {
+            const { key: x } = s, l = s.type ?? "item", B = W[l];
+            return /* @__PURE__ */ n(
+              B,
+              {
+                [l]: s,
+                state: i,
+                tokens: { ...f, type: l },
+                themeName: `${e}.${l}`,
+                linkElementType: $
+              },
+              x
+            );
+          })
+        }
+      ),
+      y && h && /* @__PURE__ */ n(v, { themeName: `${e}.errorMessage`, tokens: a, children: h })
+    ] });
+  }
+);
+E.displayName = "ControlledListBox";
+const ie = (r) => {
+  const t = g(r), e = M(null);
+  return /* @__PURE__ */ n(E, { ...r, state: t, ref: e });
+}, T = K((r, t) => {
+  const { name: e, rules: f, isRequired: C, isDisabled: c, tokens: L, selectionMode: $ = "single", errorMessage: p, ...m } = r, { control: q, setValue: y, watch: h, getValues: N } = R(), { selectedKeys: d = h(e), defaultSelectedKeys: k = N(e) } = m, { t: i } = V(), o = {
+    required: C ? i("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    disabled: c,
+    ...f
+  };
+  return /* @__PURE__ */ n(
+    S,
     {
-      ...x,
-      escapeKeyBehavior: c,
-      label: n
-    },
-    i,
-    o
+      ...m,
+      defaultValue: k,
+      name: e,
+      control: q,
+      rules: o,
+      disabled: o == null ? void 0 : o.disabled,
+      render: ({ field: b, fieldState: u }) => {
+        var B;
+        const { ref: F, ...a } = b, s = !I(u.error), x = {
+          isDisabled: b.disabled ?? !1,
+          isRequired: (o == null ? void 0 : o.required) === !0 || (o == null ? void 0 : o.required) === "required",
+          isInvalid: u.invalid,
+          isError: s
+        }, l = {
+          ...L,
+          ...x
+        };
+        return /* @__PURE__ */ n(
+          E,
+          {
+            ...H(m, a, x, {
+              onSelectionChange: (D) => {
+                y(e, D);
+              }
+            }),
+            tokens: l,
+            selectionMode: $,
+            selectedKeys: d,
+            defaultSelectedKeys: k,
+            errorMessage: p ?? ((B = u.error) == null ? void 0 : B.message),
+            ref: t
+          }
+        );
+      }
+    }
   );
-  return /* @__PURE__ */ L(b, { themeName: `${e}.wrapper`, tokens: r, customTheme: p, as: h, children: [
-    n && /* @__PURE__ */ m(S, { ...B, themeName: `${e}.label`, tokens: r, children: n }),
-    /* @__PURE__ */ m(w, { ref: o, as: "ul", ...u, themeName: `${e}.list`, tokens: r, children: [...i.collection].map((l) => {
-      const { key: d } = l, s = l.type ?? "item", y = P[s];
-      return /* @__PURE__ */ m(
-        y,
-        {
-          [s]: l,
-          state: i,
-          tokens: { ...r, type: s },
-          themeName: `${e}.${s}`,
-          linkElementType: f
-        },
-        d
-      );
-    }) })
-  ] });
 });
-a.displayName = "ControlledListBox";
-const z = (t) => {
-  const o = C(t), e = $(null);
-  return /* @__PURE__ */ m(a, { ...t, state: o, ref: e });
+T.displayName = "ControlledReactHookFormListBox";
+const ae = (r) => {
+  const t = g(r), e = M(null);
+  return /* @__PURE__ */ n(T, { ...r, state: t, ref: e });
 };
 export {
-  a as ControlledListBox,
-  z as default
+  E as ControlledListBox,
+  T as ControlledReactHookFormListBox,
+  ae as ReactHookFormListBox,
+  ie as default
 };

package/index59.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),C=require("./index180.js"),u=require("react-aria"),D=require("./index104.js"),a=require("./index36.js"),y=require("./index3.js"),B=require("./index60.js"),S=({section:p,state:s,...o})=>{var c,l;const{key:d,rendered:n,props:h,level:x,hasChildNodes:g,type:P}=p,{themeName:e="listBox.section",tokens:r,as:f="li",customTheme:q,...k}=D.mergeDefaultComponentProps(o,h),i={...r,type:P,level:x.toString(),hasChildNodes:g},{itemProps:N,headingProps:$,groupProps:j}=u.useListBoxSection(o);return t.jsxs(a.default,{as:f,themeName:`${e}.wrapper`,tokens:i,...u.mergeProps(C.filterDOMProps(k),N),customTheme:q,children:[n&&t.jsx(y.default,{themeName:`${e}.heading`,tokens:r,...$,children:n}),t.jsx(a.default,{as:"ul",themeName:`${e}.group`,tokens:i,...j,children:[...((l=(c=s.collection).getChildren)==null?void 0:l.call(c,d))??[]].map(m=>t.jsx(B,{item:m,state:s,tokens:r,themeName:`${e}.item`},m.key))})]})};module.exports=S;
+"use strict";const e=require("react/jsx-runtime"),re=require("radashi"),n=require("react"),N=require("react-aria");require("react-hook-form");const ie=require("react-stately"),ce=require("./index115.js"),ue=require("./index89.js");require("./index97.js");const m=require("./index37.js"),le=require("./index24.js"),ae=require("./index63.js"),pe=require("./index69.js"),de=require("./index12.js"),v=require("./index3.js"),fe=require("./index58.js"),me=require("./index164.js"),xe=l=>{const{children:y,hookFormRef:i,errorMessage:x,themeName:t="comboBox",tokens:R,customTheme:C,label:h,icon:F=e.jsx(ae,{}),closeIcon:I=e.jsx(pe,{}),isDisabled:g=!1,isRequired:M=!1,isReadOnly:S=!1,defaultFilter:V,inputRef:w,buttonRef:D,popoverRef:O,listBoxRef:A,debounceDelay:E=200}=l,T=n.useRef(null),a=w??T,W=n.useRef(null),b=D??W,z=n.useRef(null),q=O??z,L=n.useRef(null),B=A??L,c=n.useRef(null),{contains:G}=N.useFilter({sensitivity:"base"}),H=V??G,o=ie.useComboBoxState({...l,defaultFilter:H}),{inputProps:J,listBoxProps:K,labelProps:Q,buttonProps:U,errorMessageProps:X,isInvalid:$}=N.useComboBox({...l,inputRef:a,buttonRef:b,popoverRef:q,listBoxRef:B},o),j=ce.useDebounce(o.collection,E),P=n.useMemo(()=>({...o,collection:j}),[o,j]),{onPress:p,onPressStart:d,preventFocusOnPress:Re,...Y}=U,{isOpen:u,selectedItem:f,selectionManager:Z}=o,{isFocused:_,isSelectAll:ee,isEmpty:te}=Z,k=!re.isEmpty(o.inputValue),s={...R,isInvalid:$,isOpen:u,isFocused:_,hasValue:k,hasSelectedItem:!te,isSelectAll:ee,isReadOnly:S,isDisabled:g,isRequired:M},oe=n.useCallback(r=>{r&&(i==null||i(r),a.current=r)},[i,a]),se=n.useMemo(()=>f&&!u?f.rendered:o.inputValue,[f,o.inputValue,u]),ne=ue(`${t}.input`,R);return e.jsxs(m.default,{themeName:`${t}.wrapper`,tokens:s,customTheme:C,children:[h&&e.jsx(v.default,{...Q,as:"label",themeName:`${t}.label`,tokens:s,children:h}),e.jsxs(m.default,{themeName:`${t}.container`,children:[e.jsxs(m.BoxWithForwardRef,{ref:c,themeName:`${t}.inputWrapper`,tokens:s,children:[e.jsx("input",{...J,ref:oe,value:se,className:ne}),e.jsx(me,{state:o,themeName:`${t}.button`,tokens:s,...Y,ref:b,handlePress:r=>{p==null||p(r),d==null||d(r)},children:e.jsx(le,{themeName:`${t}.icon`,tokens:s,icon:k?I:F})})]}),u&&c.current&&P.collection.size>0&&e.jsx(de.Popover,{themeName:`${t}.popover`,tokens:s,state:o,triggerRef:c,placement:"bottom",sizeRef:c,popoverRef:q,autoFocus:!1,children:e.jsx(fe.ControlledListBox,{...K,themeName:`${t}.list`,tokens:s,state:P,ref:B,children:y})}),$&&x&&e.jsx(v.default,{tokens:s,themeName:`${t}.errorMessage`,...X,children:x})]})]})};module.exports=xe;

package/index59.mjs

@@ -1,44 +1,115 @@
 "use client";
-import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { filterDOMProps as C } from "./index180.mjs";
-import { useListBoxSection as S, mergeProps as T } from "react-aria";
-import { mergeDefaultComponentProps as b } from "./index104.mjs";
-import l from "./index36.mjs";
-import j from "./index3.mjs";
-import v from "./index60.mjs";
-const A = ({
-  section: a,
-  state: r,
-  ...s
-}) => {
-  var n, p;
-  const { key: d, rendered: m, props: h, level: f, hasChildNodes: g, type: u } = a, {
-    themeName: e = "listBox.section",
-    tokens: o,
-    as: x = "li",
-    customTheme: P,
-    ...$
-  } = b(s, h), i = {
-    ...o,
-    type: u,
-    level: f.toString(),
-    hasChildNodes: g
-  }, { itemProps: k, headingProps: N, groupProps: y } = S(s);
-  return /* @__PURE__ */ B(
-    l,
-    {
-      as: x,
-      themeName: `${e}.wrapper`,
-      tokens: i,
-      ...T(C($), k),
-      customTheme: P,
-      children: [
-        m && /* @__PURE__ */ t(j, { themeName: `${e}.heading`, tokens: o, ...N, children: m }),
-        /* @__PURE__ */ t(l, { as: "ul", themeName: `${e}.group`, tokens: i, ...y, children: [...((p = (n = r.collection).getChildren) == null ? void 0 : p.call(n, d)) ?? []].map((c) => /* @__PURE__ */ t(v, { item: c, state: r, tokens: o, themeName: `${e}.item` }, c.key)) })
-      ]
-    }
-  );
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { isEmpty as se } from "radashi";
+import { useRef as s, useMemo as y, useCallback as ie } from "react";
+import { useFilter as le, useComboBox as ce } from "react-aria";
+import "react-hook-form";
+import { useComboBoxState as me } from "react-stately";
+import { useDebounce as pe } from "./index115.mjs";
+import ae from "./index89.mjs";
+import "./index97.mjs";
+import C, { BoxWithForwardRef as ue } from "./index37.mjs";
+import fe from "./index24.mjs";
+import de from "./index63.mjs";
+import he from "./index69.mjs";
+import { Popover as be } from "./index12.mjs";
+import F from "./index3.mjs";
+import { ControlledListBox as Re } from "./index58.mjs";
+import xe from "./index164.mjs";
+const je = (m) => {
+  const {
+    children: I,
+    hookFormRef: i,
+    errorMessage: h,
+    themeName: e = "comboBox",
+    tokens: b,
+    customTheme: g,
+    label: R,
+    icon: D = /* @__PURE__ */ t(de, {}),
+    closeIcon: M = /* @__PURE__ */ t(he, {}),
+    isDisabled: S = !1,
+    isRequired: T = !1,
+    isReadOnly: V = !1,
+    defaultFilter: w,
+    inputRef: O,
+    buttonRef: E,
+    popoverRef: W,
+    listBoxRef: j,
+    debounceDelay: z = 200
+  } = m, A = s(null), p = O ?? A, L = s(null), x = E ?? L, q = s(null), B = W ?? q, G = s(null), P = j ?? G, l = s(null), { contains: H } = le({ sensitivity: "base" }), o = me({ ...m, defaultFilter: w ?? H }), { inputProps: J, listBoxProps: K, labelProps: Q, buttonProps: U, errorMessageProps: X, isInvalid: N } = ce(
+    { ...m, inputRef: p, buttonRef: x, popoverRef: B, listBoxRef: P },
+    o
+  ), k = pe(o.collection, z), v = y(
+    () => ({
+      ...o,
+      collection: k
+    }),
+    [o, k]
+  ), { onPress: a, onPressStart: u, preventFocusOnPress: Pe, ...Y } = U, { isOpen: c, selectedItem: f, selectionManager: Z } = o, { isFocused: _, isSelectAll: ee, isEmpty: oe } = Z, $ = !se(o.inputValue), n = {
+    ...b,
+    isInvalid: N,
+    isOpen: c,
+    isFocused: _,
+    hasValue: $,
+    hasSelectedItem: !oe,
+    isSelectAll: ee,
+    isReadOnly: V,
+    isDisabled: S,
+    isRequired: T
+  }, te = ie(
+    (r) => {
+      r && (i == null || i(r), p.current = r);
+    },
+    [i, p]
+  ), ne = y(() => f && !c ? f.rendered : o.inputValue, [f, o.inputValue, c]), re = ae(`${e}.input`, b);
+  return /* @__PURE__ */ d(C, { themeName: `${e}.wrapper`, tokens: n, customTheme: g, children: [
+    R && /* @__PURE__ */ t(F, { ...Q, as: "label", themeName: `${e}.label`, tokens: n, children: R }),
+    /* @__PURE__ */ d(C, { themeName: `${e}.container`, children: [
+      /* @__PURE__ */ d(ue, { ref: l, themeName: `${e}.inputWrapper`, tokens: n, children: [
+        /* @__PURE__ */ t("input", { ...J, ref: te, value: ne, className: re }),
+        /* @__PURE__ */ t(
+          xe,
+          {
+            state: o,
+            themeName: `${e}.button`,
+            tokens: n,
+            ...Y,
+            ref: x,
+            handlePress: (r) => {
+              a == null || a(r), u == null || u(r);
+            },
+            children: /* @__PURE__ */ t(fe, { themeName: `${e}.icon`, tokens: n, icon: $ ? M : D })
+          }
+        )
+      ] }),
+      c && l.current && v.collection.size > 0 && /* @__PURE__ */ t(
+        be,
+        {
+          themeName: `${e}.popover`,
+          tokens: n,
+          state: o,
+          triggerRef: l,
+          placement: "bottom",
+          sizeRef: l,
+          popoverRef: B,
+          autoFocus: !1,
+          children: /* @__PURE__ */ t(
+            Re,
+            {
+              ...K,
+              themeName: `${e}.list`,
+              tokens: n,
+              state: v,
+              ref: P,
+              children: I
+            }
+          )
+        }
+      ),
+      N && h && /* @__PURE__ */ t(F, { tokens: n, themeName: `${e}.errorMessage`, ...X, children: h })
+    ] })
+  ] });
 };
 export {
-  A as default
+  je as default
 };

package/index6.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),l=require("react"),i=require("react-aria"),C=require("./index88.js"),P=l.forwardRef((e,t)=>{var x;const{as:n="a",handlePress:h,children:m,as:r,customTheme:f,tokens:d,themeName:g="button",nextLinkProps:{onClick:u,...o}={},...c}=e,a=t,{linkProps:j}=i.useLink({...e,...o,onClick:({currentTarget:B,...R})=>{u==null||u({...R,currentTarget:B})},href:e.href??((x=o==null?void 0:o.href)==null?void 0:x.toString()),elementType:r==null?void 0:r.toString(),onPress:h},t??a),b=C(g,d,f);return s.jsx(i.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsx(n,{ref:a,...j,...o,...c,className:b,children:m})})}),F=l.forwardRef((e,t)=>{const{as:n="button",handlePress:h,children:m,as:r,customTheme:f,tokens:d,themeName:g="button",isDisabled:u=!1,...o}=e,c=t,{buttonProps:a}=i.useButton({...e,isDisabled:u,elementType:r,onPress:h},t??c),j=C(g,d,f),{onPress:b,onFocusChange:x,excludeFromTabOrder:B,...R}=o;return s.jsx(i.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:s.jsx(n,{ref:c,...a,...R,className:j,children:m})})}),k=l.forwardRef((e,t)=>{const{as:n}=e;return n==="a"?s.jsx(P,{ref:t,...e}):s.jsx(F,{ref:t,...e})}),T=e=>{const{as:t}=e,n=l.useRef(null);return t==="a"?s.jsx(P,{ref:n,...e}):s.jsx(F,{ref:n,...e})};T.displayName="Button";exports.Anchor=P;exports.ButtonWithForwardRef=k;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),i=require("react"),a=require("react-aria"),C=require("./index89.js"),x=i.forwardRef((e,s)=>{var b;const{as:n="a",handlePress:l,children:h,as:r,customTheme:m,tokens:d,themeName:f="button",nextLinkProps:{onClick:c,...o}={},...u}=e,{onPress:j,onFocusChange:F,excludeFromTabOrder:k,preventFocusOnPress:N,...R}=u,P=s,{linkProps:g}=a.useLink({...e,...o,onClick:({currentTarget:q,...v})=>{c==null||c({...v,currentTarget:q})},href:e.href??((b=o==null?void 0:o.href)==null?void 0:b.toString()),elementType:r==null?void 0:r.toString(),onPress:l},s??P),O=C(f,d,m);return t.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",children:t.jsx(n,{ref:P,...g,...o,...R,className:O,children:h})})}),T=i.forwardRef((e,s)=>{const{as:n="button",handlePress:l,children:h,as:r,customTheme:m,tokens:d,themeName:f="button",isDisabled:c=!1,...o}=e,u=s,{buttonProps:j}=a.useButton({...e,isDisabled:c,elementType:r,onPress:l},s??u),F=C(f,d,m),{onPress:k,onFocusChange:N,excludeFromTabOrder:R,preventFocusOnPress:P,...g}=o;return t.jsx(a.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:t.jsx(n,{ref:u,...j,...g,className:F,children:h})})}),w=i.forwardRef((e,s)=>{const{as:n}=e;return n==="a"?t.jsx(x,{ref:s,...e}):t.jsx(T,{ref:s,...e})}),B=e=>{const{as:s}=e,n=i.useRef(null);return s==="a"?t.jsx(x,{ref:n,...e}):t.jsx(T,{ref:n,...e})};B.displayName="Button";exports.Anchor=x;exports.ButtonWithForwardRef=w;exports.default=B;

package/index6.mjs

@@ -1,66 +1,66 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import C, { useRef as x } from "react";
-import { useLink as F, FocusRing as T, useButton as w } from "react-aria";
-import B from "./index88.mjs";
-const N = C.forwardRef((e, t) => {
-  var g;
+import P, { useRef as y } from "react";
+import { useLink as v, FocusRing as R, useButton as S } from "react-aria";
+import T from "./index89.mjs";
+const x = P.forwardRef((e, t) => {
+  var b;
   const {
     as: n = "a",
-    handlePress: m,
-    children: i,
+    handlePress: a,
+    children: m,
     as: r,
-    customTheme: l,
-    tokens: f,
-    themeName: h = "button",
+    customTheme: i,
+    tokens: h,
+    themeName: l = "button",
     nextLinkProps: { onClick: c, ...o } = {},
-    ...a
-  } = e, u = t, { linkProps: d } = F(
+    ...u
+  } = e, { onPress: g, onFocusChange: C, excludeFromTabOrder: N, preventFocusOnPress: k, ...F } = u, f = t, { linkProps: d } = v(
     {
       ...e,
       ...o,
-      onClick: ({ currentTarget: b, ...P }) => {
+      onClick: ({ currentTarget: p, ...w }) => {
         c == null || c({
-          ...P,
+          ...w,
           // @ts-expect-error Mismatch between react-aria and next/link. Happens since react-aria >3.36
-          currentTarget: b
+          currentTarget: p
         });
       },
-      href: e.href ?? ((g = o == null ? void 0 : o.href) == null ? void 0 : g.toString()),
+      href: e.href ?? ((b = o == null ? void 0 : o.href) == null ? void 0 : b.toString()),
       elementType: r == null ? void 0 : r.toString(),
-      onPress: m
+      onPress: a
     },
-    t ?? u
-  ), R = B(h, f, l);
-  return /* @__PURE__ */ s(T, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: u, ...d, ...o, ...a, className: R, children: i }) });
-}), k = C.forwardRef((e, t) => {
+    t ?? f
+  ), O = T(l, h, i);
+  return /* @__PURE__ */ s(R, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: f, ...d, ...o, ...F, className: O, children: m }) });
+}), B = P.forwardRef((e, t) => {
   const {
     as: n = "button",
-    handlePress: m,
-    children: i,
+    handlePress: a,
+    children: m,
     as: r,
-    customTheme: l,
-    tokens: f,
-    themeName: h = "button",
+    customTheme: i,
+    tokens: h,
+    themeName: l = "button",
     isDisabled: c = !1,
     ...o
-  } = e, a = t, { buttonProps: u } = w(
-    { ...e, isDisabled: c, elementType: r, onPress: m },
-    t ?? a
-  ), d = B(h, f, l), { onPress: R, onFocusChange: g, excludeFromTabOrder: b, ...P } = o;
-  return /* @__PURE__ */ s(T, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: a, ...u, ...P, className: d, children: i }) });
-}), D = C.forwardRef(
+  } = e, u = t, { buttonProps: g } = S(
+    { ...e, isDisabled: c, elementType: r, onPress: a },
+    t ?? u
+  ), C = T(l, h, i), { onPress: N, onFocusChange: k, excludeFromTabOrder: F, preventFocusOnPress: f, ...d } = o;
+  return /* @__PURE__ */ s(R, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: u, ...g, ...d, className: C, children: m }) });
+}), W = P.forwardRef(
   (e, t) => {
     const { as: n } = e;
-    return n === "a" ? /* @__PURE__ */ s(N, { ref: t, ...e }) : /* @__PURE__ */ s(k, { ref: t, ...e });
+    return n === "a" ? /* @__PURE__ */ s(x, { ref: t, ...e }) : /* @__PURE__ */ s(B, { ref: t, ...e });
   }
-), y = (e) => {
-  const { as: t } = e, n = x(null);
-  return t === "a" ? /* @__PURE__ */ s(N, { ref: n, ...e }) : /* @__PURE__ */ s(k, { ref: n, ...e });
+), _ = (e) => {
+  const { as: t } = e, n = y(null);
+  return t === "a" ? /* @__PURE__ */ s(x, { ref: n, ...e }) : /* @__PURE__ */ s(B, { ref: n, ...e });
 };
-y.displayName = "Button";
+_.displayName = "Button";
 export {
-  N as Anchor,
-  D as ButtonWithForwardRef,
-  y as default
+  x as Anchor,
+  W as ButtonWithForwardRef,
+  _ as default
 };