@okam/stack-ui 1.38.1 → 1.39.1

package/index46.mjs

@@ -1,31 +1,43 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index151.mjs";
-import { useRef as p } from "react";
-import h from "./index146.mjs";
-import { BoxWithForwardRef as b } from "./index27.mjs";
-const x = (e) => {
-  var o;
-  const {
-    state: t,
-    customTheme: s,
-    themeName: r = "tabList.panel",
-    tokens: a,
-    panelTransition: m = h,
-    ...l
-  } = e, n = p(null), { tabPanelProps: c } = f(e, t, n);
-  return /* @__PURE__ */ i(
-    m,
-    {
-      ...l,
-      themeName: `${r}.transition`,
-      tokens: a,
-      customTheme: s,
-      isVisible: !0,
-      children: /* @__PURE__ */ i(b, { themeName: `${r}.container`, tokens: a, ...c, ref: n, children: (o = t.selectedItem) == null ? void 0 : o.props.children })
+import d from "react";
+import { log as h } from "./index98.mjs";
+function u(t) {
+  return null;
+}
+function o(t) {
+  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
+}
+u.getCollectionNode = function* (e, l) {
+  const { childItems: n, title: s, children: m } = e, a = e.title || e.children, r = e.textValue || (typeof a == "string" ? a : "") || e["aria-label"] || "";
+  !r && !(l != null && l.suppressTextValueWarning) && h(
+    "<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
+    "warn"
+  ), yield {
+    type: "item",
+    props: e,
+    rendered: a,
+    textValue: r,
+    "aria-label": e["aria-label"],
+    hasChildNodes: o(e),
+    *childNodes() {
+      if (n)
+        yield* Array.from(n).map((i) => ({
+          type: "item",
+          value: i
+        }));
+      else if (s) {
+        const i = [];
+        d.Children.forEach(m, (c) => {
+          i.push({
+            type: "item",
+            element: c
+          });
+        }), yield* i;
+      }
     }
-  );
+  };
 };
+const I = u;
 export {
-  x as default
+  I as TabItem
 };

package/index47.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index152.js"),F=require("react"),P=require("react-aria"),R=require("./index91.js"),h=require("./index27.js"),D=({item:o,state:e,...r})=>{const{key:s,rendered:t}=o,{themeName:i="tabList.tab",tokens:c,...u}=R.mergeDefaultComponentProps(r,o.props),n=F.useRef(null),{tabProps:a}=x.useTab({key:s},e,n),{focusProps:l,isFocusVisible:b,isFocused:d}=k.useFocusRing({within:!0,autoFocus:!1}),p=e.selectionManager.isDisabled(s),f=e.selectionManager.isSelected(s),g=e.selectionManager.isLink(s),m={...c,isDisabled:p,isSelected:f,isLink:g,isFocused:d,isFocusVisible:b};return q.jsx(h.BoxWithForwardRef,{...P.mergeProps(u,l,a),themeName:i,tokens:m,ref:n,children:t})};module.exports=D;
+"use strict";const a=require("react/jsx-runtime"),m=require("./index158.js"),h=require("react"),d=require("./index153.js"),b=require("./index28.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,...l}=e,r=h.useRef(null),{tabPanelProps:u}=m.useTabPanel(e,t,r);return a.jsx(c,{...l,themeName:`${n}.transition`,tokens:s,customTheme:o,isVisible:!0,children:a.jsx(b.BoxWithForwardRef,{themeName:`${n}.container`,tokens:s,...u,ref:r,children:(i=t.selectedItem)==null?void 0:i.props.children})})};module.exports=x;

package/index47.mjs

@@ -1,22 +1,31 @@
 "use client";
-import { jsx as k } from "react/jsx-runtime";
-import { useFocusRing as F } from "@react-aria/focus";
-import { useTab as h } from "./index152.mjs";
-import { useRef as x } from "react";
-import { mergeProps as P } from "react-aria";
-import { mergeDefaultComponentProps as D } from "./index91.mjs";
-import { BoxWithForwardRef as L } from "./index27.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 });
+import { jsx as i } from "react/jsx-runtime";
+import { useTabPanel as f } from "./index158.mjs";
+import { useRef as p } from "react";
+import h from "./index153.mjs";
+import { BoxWithForwardRef as b } from "./index28.mjs";
+const x = (e) => {
+  var o;
+  const {
+    state: t,
+    customTheme: s,
+    themeName: r = "tabList.panel",
+    tokens: a,
+    panelTransition: m = h,
+    ...l
+  } = e, n = p(null), { tabPanelProps: c } = f(e, t, n);
+  return /* @__PURE__ */ i(
+    m,
+    {
+      ...l,
+      themeName: `${r}.transition`,
+      tokens: a,
+      customTheme: s,
+      isVisible: !0,
+      children: /* @__PURE__ */ i(b, { themeName: `${r}.container`, tokens: a, ...c, ref: n, children: (o = t.selectedItem) == null ? void 0 : o.props.children })
+    }
+  );
 };
 export {
-  y as default
+  x as default
 };

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),B=require("react"),f=require("react-aria"),j=require("react-stately"),l=require("./index27.js"),y=require("./index6.js"),N=require("./index3.js"),L=require("./index50.js"),R=require("./index49.js"),S={item:L,section:R},b=i=>{const{themeName:e="listBox",tokens:t,customTheme:u,label:n,escapeKeyBehavior:m="clearSelection",linkElementType:x=y.Anchor,...h}=i,r=j.useListState(i),c=B.useRef(null),{listBoxProps:d,labelProps:p}=f.useListBox({...h,escapeKeyBehavior:m,label:n},r,c);return s.jsxs(l.default,{themeName:`${e}.wrapper`,tokens:t,customTheme:u,children:[n&&s.jsx(N.default,{...p,themeName:`${e}.label`,tokens:t,children:n}),s.jsx(l.BoxWithForwardRef,{ref:c,as:"ul",...d,themeName:`${e}.list`,tokens:t,children:[...r.collection].map(a=>{const{type:o,key:q}=a,$=S[o];return s.jsx($,{[o]:a,state:r,tokens:t,themeName:`${e}.${o}`,linkElementType:x},q)})})]})};module.exports=b;
+"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index159.js"),F=require("react"),P=require("react-aria"),R=require("./index94.js"),h=require("./index28.js"),D=({item:o,state:e,...r})=>{const{key:s,rendered:t}=o,{themeName:i="tabList.tab",tokens:c,...u}=R.mergeDefaultComponentProps(r,o.props),n=F.useRef(null),{tabProps:a}=x.useTab({key:s},e,n),{focusProps:l,isFocusVisible:b,isFocused:d}=k.useFocusRing({within:!0,autoFocus:!1}),p=e.selectionManager.isDisabled(s),f=e.selectionManager.isSelected(s),g=e.selectionManager.isLink(s),m={...c,isDisabled:p,isSelected:f,isLink:g,isFocused:d,isFocusVisible:b};return q.jsx(h.BoxWithForwardRef,{...P.mergeProps(u,l,a),themeName:i,tokens:m,ref:n,children:t})};module.exports=D;

package/index48.mjs

@@ -1,52 +1,22 @@
 "use client";
-import { jsxs as y, jsx as s } from "react/jsx-runtime";
-import { useRef as d } from "react";
-import { useListBox as N } from "react-aria";
-import { useListState as $ } from "react-stately";
-import L, { BoxWithForwardRef as b } from "./index27.mjs";
-import { Anchor as k } from "./index6.mjs";
-import S from "./index3.mjs";
-import T from "./index50.mjs";
-import j from "./index49.mjs";
-const w = {
-  item: T,
-  section: j
-}, O = (i) => {
-  const {
-    themeName: e = "listBox",
-    tokens: o,
-    customTheme: p,
-    label: t,
-    escapeKeyBehavior: a = "clearSelection",
-    linkElementType: c = k,
-    ...f
-  } = i, r = $(i), n = d(null), { listBoxProps: h, labelProps: x } = N(
-    {
-      ...f,
-      escapeKeyBehavior: a,
-      label: t
-    },
-    r,
-    n
-  );
-  return /* @__PURE__ */ y(L, { themeName: `${e}.wrapper`, tokens: o, customTheme: p, children: [
-    t && /* @__PURE__ */ s(S, { ...x, themeName: `${e}.label`, tokens: o, children: t }),
-    /* @__PURE__ */ s(b, { ref: n, as: "ul", ...h, themeName: `${e}.list`, tokens: o, children: [...r.collection].map((l) => {
-      const { type: m, key: u } = l, B = w[m];
-      return /* @__PURE__ */ s(
-        B,
-        {
-          [m]: l,
-          state: r,
-          tokens: o,
-          themeName: `${e}.${m}`,
-          linkElementType: c
-        },
-        u
-      );
-    }) })
-  ] });
+import { jsx as k } from "react/jsx-runtime";
+import { useFocusRing as F } from "@react-aria/focus";
+import { useTab as h } from "./index159.mjs";
+import { useRef as x } from "react";
+import { mergeProps as P } from "react-aria";
+import { mergeDefaultComponentProps as D } from "./index94.mjs";
+import { BoxWithForwardRef as L } from "./index28.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 {
-  O as default
+  y as default
 };

package/index49.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),C=require("./index153.js"),u=require("react-aria"),D=require("./index91.js"),a=require("./index27.js"),y=require("./index3.js"),B=require("./index50.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 t=require("react/jsx-runtime"),re=require("radashi"),n=require("react"),k=require("react-aria");require("react-hook-form");const ie=require("react-stately"),ce=require("./index96.js");require("./index87.js");const x=require("./index28.js"),le=require("./index6.js"),ue=require("./index15.js"),ae=require("./index54.js"),de=require("./index60.js"),fe=require("./index10.js"),v=require("./index3.js"),pe=require("./index50.js"),me=p=>{const{children:N,hookFormRef:c,errorMessage:R,themeName:s="comboBox",tokens:y,customTheme:C,label:h,icon:F=t.jsx(ae,{}),closeIcon:I=t.jsx(de,{}),isDisabled:g=!1,isRequired:M=!1,isReadOnly:S=!1,defaultFilter:V,inputRef:w,buttonRef:D,popoverRef:O,listBoxRef:W,debounceDelay:A=200}=p,E=n.useRef(null),r=w??E,z=n.useRef(null),b=D??z,L=n.useRef(null),q=O??L,T=n.useRef(null),B=W??T,l=n.useRef(null),{contains:G}=k.useFilter({sensitivity:"base"}),H=V??G,e=ie.useComboBoxState({...p,defaultFilter:H}),{inputProps:J,listBoxProps:K,labelProps:Q,buttonProps:U,errorMessageProps:X,isInvalid:$}=k.useComboBox({...p,inputRef:r,buttonRef:b,popoverRef:q,listBoxRef:B},e),P=ce.useDebounce(e.collection,A),j=n.useMemo(()=>({...e,collection:P}),[e,P]),{onPress:u,onPressStart:a,preventFocusOnPress:xe,...Y}=U,{isOpen:d,selectedItem:m,selectionManager:Z}=e,{isFocused:_,isSelectAll:ee,isEmpty:te}=Z,f=!re.isEmpty(e.inputValue),o={...y,isInvalid:$,isOpen:d,isFocused:_,hasValue:f,hasSelectedItem:!te,isSelectAll:ee,isReadOnly:S,isDisabled:g,isRequired:M},se=n.useCallback(i=>{f?(e.setInputValue(""),e.selectionManager.clearSelection(),r.current&&r.current.focus()):(u==null||u(i),a==null||a(i))},[f,e,u,a,r]),ne=n.useCallback(i=>{i&&(c==null||c(i),r.current=i)},[c,r]),oe=n.useMemo(()=>m&&!d?m.rendered:e.inputValue,[m,e.inputValue,d]);return t.jsxs(x.default,{themeName:`${s}.wrapper`,tokens:o,customTheme:C,children:[h&&t.jsx(v.default,{...Q,as:"label",themeName:`${s}.label`,tokens:o,children:h}),t.jsxs(x.default,{themeName:`${s}.container`,children:[t.jsxs(x.BoxWithForwardRef,{ref:l,themeName:`${s}.inputWrapper`,tokens:o,children:[t.jsx("input",{...J,ref:ne,value:oe}),t.jsx(le.ButtonWithForwardRef,{themeName:`${s}.button`,tokens:o,...Y,ref:b,handlePress:se,children:t.jsx(ue,{themeName:`${s}.icon`,tokens:o,icon:f?I:F})})]}),d&&l.current&&j.collection.size>0&&t.jsx(fe.Popover,{themeName:`${s}.popover`,tokens:o,state:e,triggerRef:l,placement:"bottom",sizeRef:l,popoverRef:q,autoFocus:!1,children:t.jsx(pe.ControlledListBox,{...K,themeName:`${s}.list`,tokens:o,state:j,ref:B,children:N})}),$&&R&&t.jsx(v.default,{tokens:o,themeName:`${s}.errorMessage`,...X,children:R})]})]})};module.exports=me;

package/index49.mjs

@@ -1,44 +1,116 @@
 "use client";
-import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { filterDOMProps as C } from "./index153.mjs";
-import { useListBoxSection as S, mergeProps as T } from "react-aria";
-import { mergeDefaultComponentProps as b } from "./index91.mjs";
-import l from "./index27.mjs";
-import j from "./index3.mjs";
-import v from "./index50.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 h, jsx as t } from "react/jsx-runtime";
+import { isEmpty as ie } from "radashi";
+import { useRef as i, useMemo as y, useCallback as F } from "react";
+import { useFilter as le, useComboBox as ce } from "react-aria";
+import "react-hook-form";
+import { useComboBoxState as ae } from "react-stately";
+import { useDebounce as me } from "./index96.mjs";
+import "./index87.mjs";
+import I, { BoxWithForwardRef as ue } from "./index28.mjs";
+import { ButtonWithForwardRef as pe } from "./index6.mjs";
+import fe from "./index15.mjs";
+import de from "./index54.mjs";
+import he from "./index60.mjs";
+import { Popover as Re } from "./index10.mjs";
+import $ from "./index3.mjs";
+import { ControlledListBox as be } from "./index50.mjs";
+const Ee = (f) => {
+  const {
+    children: g,
+    hookFormRef: l,
+    errorMessage: R,
+    themeName: o = "comboBox",
+    tokens: C,
+    customTheme: M,
+    label: b,
+    icon: S = /* @__PURE__ */ t(de, {}),
+    closeIcon: V = /* @__PURE__ */ t(he, {}),
+    isDisabled: w = !1,
+    isRequired: D = !1,
+    isReadOnly: O = !1,
+    defaultFilter: W,
+    inputRef: E,
+    buttonRef: T,
+    popoverRef: j,
+    listBoxRef: z,
+    debounceDelay: A = 200
+  } = f, L = i(null), r = E ?? L, q = i(null), B = T ?? q, G = i(null), x = j ?? G, H = i(null), P = z ?? H, c = i(null), { contains: J } = le({ sensitivity: "base" }), e = ae({ ...f, defaultFilter: W ?? J }), { inputProps: K, listBoxProps: Q, labelProps: U, buttonProps: X, errorMessageProps: Y, isInvalid: k } = ce(
+    { ...f, inputRef: r, buttonRef: B, popoverRef: x, listBoxRef: P },
+    e
+  ), v = me(e.collection, A), N = y(
+    () => ({
+      ...e,
+      collection: v
+    }),
+    [e, v]
+  ), { onPress: a, onPressStart: m, preventFocusOnPress: xe, ...Z } = X, { isOpen: u, selectedItem: d, selectionManager: _ } = e, { isFocused: ee, isSelectAll: oe, isEmpty: te } = _, p = !ie(e.inputValue), n = {
+    ...C,
+    isInvalid: k,
+    isOpen: u,
+    isFocused: ee,
+    hasValue: p,
+    hasSelectedItem: !te,
+    isSelectAll: oe,
+    isReadOnly: O,
+    isDisabled: w,
+    isRequired: D
+  }, ne = F(
+    (s) => {
+      p ? (e.setInputValue(""), e.selectionManager.clearSelection(), r.current && r.current.focus()) : (a == null || a(s), m == null || m(s));
+    },
+    [p, e, a, m, r]
+  ), re = F(
+    (s) => {
+      s && (l == null || l(s), r.current = s);
+    },
+    [l, r]
+  ), se = y(() => d && !u ? d.rendered : e.inputValue, [d, e.inputValue, u]);
+  return /* @__PURE__ */ h(I, { themeName: `${o}.wrapper`, tokens: n, customTheme: M, children: [
+    b && /* @__PURE__ */ t($, { ...U, as: "label", themeName: `${o}.label`, tokens: n, children: b }),
+    /* @__PURE__ */ h(I, { themeName: `${o}.container`, children: [
+      /* @__PURE__ */ h(ue, { ref: c, themeName: `${o}.inputWrapper`, tokens: n, children: [
+        /* @__PURE__ */ t("input", { ...K, ref: re, value: se }),
+        /* @__PURE__ */ t(
+          pe,
+          {
+            themeName: `${o}.button`,
+            tokens: n,
+            ...Z,
+            ref: B,
+            handlePress: ne,
+            children: /* @__PURE__ */ t(fe, { themeName: `${o}.icon`, tokens: n, icon: p ? V : S })
+          }
+        )
+      ] }),
+      u && c.current && N.collection.size > 0 && /* @__PURE__ */ t(
+        Re,
+        {
+          themeName: `${o}.popover`,
+          tokens: n,
+          state: e,
+          triggerRef: c,
+          placement: "bottom",
+          sizeRef: c,
+          popoverRef: x,
+          autoFocus: !1,
+          children: /* @__PURE__ */ t(
+            be,
+            {
+              ...Q,
+              themeName: `${o}.list`,
+              tokens: n,
+              state: N,
+              ref: P,
+              children: g
+            }
+          )
+        }
+      ),
+      k && R && /* @__PURE__ */ t($, { tokens: n, themeName: `${o}.errorMessage`, ...Y, children: R })
+    ] })
+  ] });
 };
 export {
-  A as default
+  Ee as default
 };

package/index50.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),e=require("react"),l=require("react-aria"),M=require("./index91.js"),a=require("./index27.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";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("./index28.js"),N=require("./index6.js"),S=require("./index3.js"),b=require("./index52.js"),C=require("./index51.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/index50.mjs

@@ -1,68 +1,60 @@
 "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 "./index91.mjs";
-import b, { BoxWithForwardRef as H } from "./index27.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,
+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 "./index28.mjs";
+import { Anchor as R } from "./index6.mjs";
+import S from "./index3.mjs";
+import T from "./index52.mjs";
+import j from "./index51.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: B,
-      ...z(L, N),
-      ref: c,
-      themeName: `${t}.option`,
-      tokens: r,
-      customTheme: F,
-      children: M()
-    }
-  ) });
+      ...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 {
-  _ as default
+  a as ControlledListBox,
+  z as default
 };

package/index51.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";const t=require("react/jsx-runtime"),C=require("./index160.js"),u=require("react-aria"),D=require("./index94.js"),a=require("./index28.js"),y=require("./index3.js"),B=require("./index52.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/index51.mjs

@@ -1,7 +1,44 @@
-import { jsx as o } from "react/jsx-runtime";
-import { isEqual as t } from "radashi";
-import { memo as m } from "react";
-const n = (r) => /* @__PURE__ */ o("svg", { width: 24, height: 24, fill: "none", xmlns: "http://www.w3.org/2000/svg", ...r, children: /* @__PURE__ */ o("path", { d: "M17.728 13.66 12.388 19 7.05 13.66M12.4 5v14", stroke: "currentColor" }) }), l = m(n, t);
+"use client";
+import { jsxs as B, jsx as t } from "react/jsx-runtime";
+import { filterDOMProps as C } from "./index160.mjs";
+import { useListBoxSection as S, mergeProps as T } from "react-aria";
+import { mergeDefaultComponentProps as b } from "./index94.mjs";
+import l from "./index28.mjs";
+import j from "./index3.mjs";
+import v from "./index52.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)) })
+      ]
+    }
+  );
+};
 export {
-  l as default
+  A as default
 };

package/index52.js

@@ -1 +1,2 @@
-"use strict";const e=require("react/jsx-runtime"),s=require("radashi"),t=require("react"),i=r=>e.jsxs("svg",{width:24,height:24,fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",...r,children:[e.jsx("g",{children:e.jsx("path",{d:"M.075 11.622a1 1 0 0 0 0 .76 1 1 0 0 0 .21.33l8 8a1.004 1.004 0 0 0 1.42-1.42l-6.3-6.29h19.59a1 1 0 0 0 0-2H3.405l6.3-6.29a1 1 0 0 0 0-1.42 1 1 0 0 0-1.42 0l-8 8a1 1 0 0 0-.21.33Z"})}),e.jsx("defs",{children:e.jsx("clipPath",{children:e.jsx("path",{fill:"currentColor",d:"M0 0h24v24H0z"})})})]}),l=t.memo(i,s.isEqual);module.exports=l;
+"use client";
+"use strict";const n=require("react/jsx-runtime"),e=require("react"),l=require("react-aria"),M=require("./index94.js"),a=require("./index28.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;