@okam/stack-ui 1.41.0 → 1.41.2

package/index56.mjs

@@ -1,60 +1,115 @@
 "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 "./index34.mjs";
-import { Anchor as R } from "./index6.mjs";
-import S from "./index3.mjs";
-import T from "./index58.mjs";
-import j from "./index57.mjs";
-const P = {
-  item: T,
-  section: j
-}, a = N((t, o) => {
+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 "./index111.mjs";
+import ae from "./index86.mjs";
+import "./index94.mjs";
+import C, { BoxWithForwardRef as ue } from "./index35.mjs";
+import fe from "./index22.mjs";
+import de from "./index61.mjs";
+import he from "./index67.mjs";
+import { Popover as be } from "./index10.mjs";
+import F from "./index3.mjs";
+import { ControlledListBox as Re } from "./index57.mjs";
+import xe from "./index156.mjs";
+const je = (m) => {
   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(
-    {
-      ...x,
-      escapeKeyBehavior: c,
-      label: n
-    },
-    i,
+    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
-  );
-  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,
+  ), 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,
         {
-          [s]: l,
-          state: i,
-          tokens: { ...r, type: s },
-          themeName: `${e}.${s}`,
-          linkElementType: f
-        },
-        d
-      );
-    }) })
+          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 })
+    ] })
   ] });
-});
-a.displayName = "ControlledListBox";
-const z = (t) => {
-  const o = C(t), e = $(null);
-  return /* @__PURE__ */ m(a, { ...t, state: o, ref: e });
 };
 export {
-  a as ControlledListBox,
-  z as default
+  je as default
 };

package/index57.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),C=require("./index176.js"),u=require("react-aria"),D=require("./index100.js"),a=require("./index34.js"),y=require("./index3.js"),B=require("./index58.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";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("./index35.js"),N=require("./index6.js"),S=require("./index3.js"),b=require("./index59.js"),C=require("./index58.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;

package/index57.mjs

@@ -1,44 +1,60 @@
 "use client";
-import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { filterDOMProps as C } from "./index176.mjs";
-import { useListBoxSection as S, mergeProps as T } from "react-aria";
-import { mergeDefaultComponentProps as b } from "./index100.mjs";
-import l from "./index34.mjs";
-import j from "./index3.mjs";
-import v from "./index58.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,
+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 "./index35.mjs";
+import { Anchor as R } from "./index6.mjs";
+import S from "./index3.mjs";
+import T from "./index59.mjs";
+import j from "./index58.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(
     {
-      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)) })
-      ]
-    }
+      ...x,
+      escapeKeyBehavior: c,
+      label: n
+    },
+    i,
+    o
   );
+  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 });
 };
 export {
-  A as default
+  a as ControlledListBox,
+  z as default
 };

package/index58.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),e=require("react"),l=require("react-aria"),M=require("./index100.js"),a=require("./index34.js"),O=require("./index6.js"),B=({item:d,state:t,...g})=>{const{key:o,rendered:s,type:b}=d,{themeName:i="option",tokens:C,as:P="li",customTheme:j,linkElementType:q=O.Anchor,...E}=M.mergeDefaultComponentProps(g,d.props),u=e.useRef(null),{optionProps:R,isFocused:y,isDisabled:F,isFocusVisible:V,isPressed:A,isSelected:D,allowsSelection:L,descriptionProps:m,labelProps:p,hasAction:N}=l.useOption({key:o},t,u),r=t.selectionManager.isLink(o),S=t.selectionManager.canSelectItem(o),c={...C,type:b,isFocused:y,isDisabled:F,isFocusVisible:V,isPressed:A,isSelected:D,allowsSelection:L,hasAction:N,isLink:r,isSelectable:S},T=r?q:a.BoxWithForwardRef,$=r?"a":P,w=()=>{if(e.Children.count(s)>1){const[h,f]=e.Children.toArray(s),k=e.isValidElement(h),x=e.isValidElement(f);return!k&&!x?s:n.jsxs(n.Fragment,{children:[k&&n.jsx(a.default,{...p,themeName:`${i}.label`,tokens:c,children:e.cloneElement(h,p)}),x&&n.jsx(a.default,{...m,themeName:`${i}.description`,tokens:c,children:e.cloneElement(f,m)})]})}return s};return n.jsx(l.FocusRing,{focusRingClass:"has-focus-ring",children:n.jsx(T,{as:$,...l.mergeProps(E,R),ref:u,themeName:`${i}.option`,tokens:c,customTheme:j,children:w()})})};module.exports=B;
+"use strict";const t=require("react/jsx-runtime"),C=require("./index176.js"),u=require("react-aria"),D=require("./index101.js"),a=require("./index35.js"),y=require("./index3.js"),B=require("./index59.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;

package/index58.mjs

@@ -1,68 +1,44 @@
 "use client";
-import { jsx as o, jsxs as O, Fragment as I } from "react/jsx-runtime";
-import { useRef as W, Children as f, isValidElement as k, cloneElement as g } from "react";
-import { useOption as q, FocusRing as v, mergeProps as z } from "react-aria";
-import { mergeDefaultComponentProps as G } from "./index100.mjs";
-import b, { BoxWithForwardRef as H } from "./index34.mjs";
-import { Anchor as J } from "./index6.mjs";
-const _ = ({
-  item: l,
-  state: n,
-  ...P
+import { jsxs as B, jsx as t } from "react/jsx-runtime";
+import { filterDOMProps as C } from "./index176.mjs";
+import { useListBoxSection as S, mergeProps as T } from "react-aria";
+import { mergeDefaultComponentProps as b } from "./index101.mjs";
+import l from "./index35.mjs";
+import j from "./index3.mjs";
+import v from "./index59.mjs";
+const A = ({
+  section: a,
+  state: r,
+  ...s
 }) => {
-  const { key: s, rendered: e, type: x } = l, {
-    themeName: t = "option",
-    tokens: y,
-    as: C = "li",
-    customTheme: F,
-    linkElementType: E = J,
-    ...L
-  } = G(P, l.props), c = W(null), {
-    optionProps: N,
-    isFocused: R,
-    isDisabled: S,
-    isFocusVisible: T,
-    isPressed: V,
-    isSelected: A,
-    allowsSelection: D,
-    descriptionProps: m,
-    labelProps: a,
-    hasAction: $
-  } = q({ key: s }, n, c), i = n.selectionManager.isLink(s), j = n.selectionManager.canSelectItem(s), r = {
-    ...y,
-    type: x,
-    isFocused: R,
-    isDisabled: S,
-    isFocusVisible: T,
-    isPressed: V,
-    isSelected: A,
-    allowsSelection: D,
-    hasAction: $,
-    isLink: i,
-    isSelectable: j
-  }, w = i ? E : H, B = i ? "a" : C, M = () => {
-    if (f.count(e) > 1) {
-      const [p, d] = f.toArray(e), h = k(p), u = k(d);
-      return !h && !u ? e : /* @__PURE__ */ O(I, { children: [
-        h && /* @__PURE__ */ o(b, { ...a, themeName: `${t}.label`, tokens: r, children: g(p, a) }),
-        u && /* @__PURE__ */ o(b, { ...m, themeName: `${t}.description`, tokens: r, children: g(d, m) })
-      ] });
-    }
-    return e;
-  };
-  return /* @__PURE__ */ o(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(
-    w,
+  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: B,
-      ...z(L, N),
-      ref: c,
-      themeName: `${t}.option`,
-      tokens: r,
-      customTheme: F,
-      children: M()
+      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)) })
+      ]
     }
-  ) });
+  );
 };
 export {
-  _ as default
+  A as default
 };

package/index59.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function u(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&o.Children.count(e.children)>0)}function h(e){return"items"in e}function f(e){return!("items"in e)}const s=e=>null;s.getCollectionNode=function*(t){if(f(t)){const{childItems:n,title:l,children:r}=t,i=l||r,c=t.textValue||(typeof i=="string"?i:"")||t["aria-label"]||"";yield{type:"item",props:t,rendered:i,textValue:c,"aria-label":t["aria-label"],hasChildNodes:u(t),*childNodes(){if(n)for(const d of n)yield{type:"item",value:d};else if(l){const d=[];o.Children.forEach(r,a=>{d.push({type:"item",element:a})}),yield*d}}}}if(h(t)){const{items:n,children:l,title:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:r,"aria-label":t["aria-label"],*childNodes(){if(typeof l=="function"){if(!n)throw new Error("props.children was a function but props.items is missing");for(const i of n)yield{type:"item",value:i,renderer:l}}else{const i=[];o.Children.forEach(l,c=>{i.push({type:"item",element:c})}),yield*i}}}}};const m=s;exports.Node=m;
+"use strict";const n=require("react/jsx-runtime"),e=require("react"),l=require("react-aria"),M=require("./index101.js"),a=require("./index35.js"),O=require("./index6.js"),B=({item:d,state:t,...g})=>{const{key:o,rendered:s,type:b}=d,{themeName:i="option",tokens:C,as:P="li",customTheme:j,linkElementType:q=O.Anchor,...E}=M.mergeDefaultComponentProps(g,d.props),u=e.useRef(null),{optionProps:R,isFocused:y,isDisabled:F,isFocusVisible:V,isPressed:A,isSelected:D,allowsSelection:L,descriptionProps:m,labelProps:p,hasAction:N}=l.useOption({key:o},t,u),r=t.selectionManager.isLink(o),S=t.selectionManager.canSelectItem(o),c={...C,type:b,isFocused:y,isDisabled:F,isFocusVisible:V,isPressed:A,isSelected:D,allowsSelection:L,hasAction:N,isLink:r,isSelectable:S},T=r?q:a.BoxWithForwardRef,$=r?"a":P,w=()=>{if(e.Children.count(s)>1){const[h,f]=e.Children.toArray(s),k=e.isValidElement(h),x=e.isValidElement(f);return!k&&!x?s:n.jsxs(n.Fragment,{children:[k&&n.jsx(a.default,{...p,themeName:`${i}.label`,tokens:c,children:e.cloneElement(h,p)}),x&&n.jsx(a.default,{...m,themeName:`${i}.description`,tokens:c,children:e.cloneElement(f,m)})]})}return s};return n.jsx(l.FocusRing,{focusRingClass:"has-focus-ring",children:n.jsx(T,{as:$,...l.mergeProps(E,R),ref:u,themeName:`${i}.option`,tokens:c,customTheme:j,children:w()})})};module.exports=B;

package/index59.mjs

@@ -1,76 +1,68 @@
 "use client";
-import { Children as s } from "react";
-function u(e) {
-  return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && s.count(e.children) > 0);
-}
-function f(e) {
-  return "items" in e;
-}
-function h(e) {
-  return !("items" in e);
-}
-const c = (e) => null;
-c.getCollectionNode = function* (t) {
-  if (h(t)) {
-    const { childItems: n, title: l, children: d } = t, i = l || d, o = t.textValue || (typeof i == "string" ? i : "") || t["aria-label"] || "";
-    yield {
-      type: "item",
-      props: t,
-      rendered: i,
-      textValue: o,
-      "aria-label": t["aria-label"],
-      hasChildNodes: u(t),
-      *childNodes() {
-        if (n)
-          for (const r of n)
-            yield {
-              type: "item",
-              value: r
-            };
-        else if (l) {
-          const r = [];
-          s.forEach(d, (a) => {
-            r.push({
-              type: "item",
-              element: a
-            });
-          }), yield* r;
-        }
-      }
-    };
-  }
-  if (f(t)) {
-    const { items: n, children: l, title: d } = t;
-    yield {
-      type: "section",
-      props: t,
-      hasChildNodes: !0,
-      rendered: d,
-      "aria-label": t["aria-label"],
-      *childNodes() {
-        if (typeof l == "function") {
-          if (!n)
-            throw new Error("props.children was a function but props.items is missing");
-          for (const i of n)
-            yield {
-              type: "item",
-              value: i,
-              renderer: l
-            };
-        } else {
-          const i = [];
-          s.forEach(l, (o) => {
-            i.push({
-              type: "item",
-              element: o
-            });
-          }), yield* i;
-        }
-      }
-    };
-  }
+import { jsx as o, jsxs as O, Fragment as I } from "react/jsx-runtime";
+import { useRef as W, Children as f, isValidElement as k, cloneElement as g } from "react";
+import { useOption as q, FocusRing as v, mergeProps as z } from "react-aria";
+import { mergeDefaultComponentProps as G } from "./index101.mjs";
+import b, { BoxWithForwardRef as H } from "./index35.mjs";
+import { Anchor as J } from "./index6.mjs";
+const _ = ({
+  item: l,
+  state: n,
+  ...P
+}) => {
+  const { key: s, rendered: e, type: x } = l, {
+    themeName: t = "option",
+    tokens: y,
+    as: C = "li",
+    customTheme: F,
+    linkElementType: E = J,
+    ...L
+  } = G(P, l.props), c = W(null), {
+    optionProps: N,
+    isFocused: R,
+    isDisabled: S,
+    isFocusVisible: T,
+    isPressed: V,
+    isSelected: A,
+    allowsSelection: D,
+    descriptionProps: m,
+    labelProps: a,
+    hasAction: $
+  } = q({ key: s }, n, c), i = n.selectionManager.isLink(s), j = n.selectionManager.canSelectItem(s), r = {
+    ...y,
+    type: x,
+    isFocused: R,
+    isDisabled: S,
+    isFocusVisible: T,
+    isPressed: V,
+    isSelected: A,
+    allowsSelection: D,
+    hasAction: $,
+    isLink: i,
+    isSelectable: j
+  }, w = i ? E : H, B = i ? "a" : C, M = () => {
+    if (f.count(e) > 1) {
+      const [p, d] = f.toArray(e), h = k(p), u = k(d);
+      return !h && !u ? e : /* @__PURE__ */ O(I, { children: [
+        h && /* @__PURE__ */ o(b, { ...a, themeName: `${t}.label`, tokens: r, children: g(p, a) }),
+        u && /* @__PURE__ */ o(b, { ...m, themeName: `${t}.description`, tokens: r, children: g(d, m) })
+      ] });
+    }
+    return e;
+  };
+  return /* @__PURE__ */ o(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(
+    w,
+    {
+      as: B,
+      ...z(L, N),
+      ref: c,
+      themeName: `${t}.option`,
+      tokens: r,
+      customTheme: F,
+      children: M()
+    }
+  ) });
 };
-const y = c;
 export {
-  y as Node
+  _ 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("./index85.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 s=require("react/jsx-runtime"),l=require("react"),i=require("react-aria"),C=require("./index86.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;

package/index6.mjs

@@ -2,7 +2,7 @@
 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 "./index85.mjs";
+import B from "./index86.mjs";
 const N = C.forwardRef((e, t) => {
   var g;
   const {

package/index60.js

@@ -1 +1,2 @@
-"use strict";const t=require("react/jsx-runtime"),r=require("radashi"),s=require("react"),o=e=>t.jsx("svg",{width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg",...e,children:t.jsx("path",{d:"M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14",stroke:"currentColor"})}),n=s.memo(o,r.isEqual);module.exports=n;
+"use client";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function u(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&o.Children.count(e.children)>0)}function h(e){return"items"in e}function f(e){return!("items"in e)}const s=e=>null;s.getCollectionNode=function*(t){if(f(t)){const{childItems:n,title:l,children:r}=t,i=l||r,c=t.textValue||(typeof i=="string"?i:"")||t["aria-label"]||"";yield{type:"item",props:t,rendered:i,textValue:c,"aria-label":t["aria-label"],hasChildNodes:u(t),*childNodes(){if(n)for(const d of n)yield{type:"item",value:d};else if(l){const d=[];o.Children.forEach(r,a=>{d.push({type:"item",element:a})}),yield*d}}}}if(h(t)){const{items:n,children:l,title:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:r,"aria-label":t["aria-label"],*childNodes(){if(typeof l=="function"){if(!n)throw new Error("props.children was a function but props.items is missing");for(const i of n)yield{type:"item",value:i,renderer:l}}else{const i=[];o.Children.forEach(l,c=>{i.push({type:"item",element:c})}),yield*i}}}}};const m=s;exports.Node=m;