@okam/stack-ui 1.41.0 → 1.41.2

package/index50.mjs

@@ -1,43 +1,38 @@
 "use client";
-import d from "react";
-import { log as m } from "./index112.mjs";
-function s(t) {
-  return null;
-}
-function h(t) {
-  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
-}
-s.getCollectionNode = function* (e, l) {
-  const { childItems: a, title: u, children: c } = e, n = e.title || e.children, r = e.textValue || (typeof n == "string" ? n : "") || e["aria-label"] || "";
-  !r && !(l != null && l.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && m(
-    "<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: n,
-    textValue: r,
-    "aria-label": e["aria-label"],
-    hasChildNodes: h(e),
-    *childNodes() {
-      if (a)
-        yield* Array.from(a).map((i) => ({
-          type: "item",
-          value: i
-        }));
-      else if (u) {
-        const i = [];
-        d.Children.forEach(c, (o) => {
-          i.push({
-            type: "item",
-            element: o
-          });
-        }), yield* i;
-      }
-    }
-  };
+import { jsxs as $, jsx as o } from "react/jsx-runtime";
+import { useRef as x } from "react";
+import { useTagGroup as P } from "react-aria";
+import { useListState as T } from "react-stately";
+import b, { BoxWithForwardRef as y } from "./index35.mjs";
+import a from "./index3.mjs";
+import B from "./index171.mjs";
+const F = (t) => {
+  const {
+    themeName: e = "tagGroup",
+    tokens: r,
+    customTheme: l,
+    as: h,
+    label: p,
+    description: i,
+    errorMessage: n,
+    removeButtonProps: d = { children: "❌" }
+  } = t, c = x(null), s = T(t), { gridProps: f, labelProps: g, descriptionProps: u, errorMessageProps: N } = P(t, s, c);
+  return /* @__PURE__ */ $(b, { as: h, themeName: `${e}.wrapper`, tokens: r, customTheme: l, children: [
+    p && /* @__PURE__ */ o(a, { themeName: `${e}.label`, tokens: r, ...g, children: p }),
+    /* @__PURE__ */ o(y, { themeName: `${e}.tags`, tokens: r, ref: c, ...f, children: [...s.collection].map((m) => /* @__PURE__ */ o(
+      B,
+      {
+        themeName: `${e}.tag`,
+        tokens: r,
+        item: { ...m, props: { removeButtonProps: d, ...m.props } },
+        state: s
+      },
+      m.key
+    )) }),
+    i && /* @__PURE__ */ o(a, { themeName: `${e}.description`, tokens: r, ...u, children: i }),
+    n && /* @__PURE__ */ o(a, { themeName: `${e}.errorMessage`, tokens: r, ...N, children: n })
+  ] });
 };
-const I = s;
 export {
-  I as TagItem
+  F as default
 };

package/index51.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),T=require("./index172.js"),k=require("./index173.js"),x=require("react"),q=require("./index169.js"),a=require("./index34.js"),L=require("./index54.js"),f=require("./index53.js");function j(i){var u;const{themeName:e="tabList",tokens:o,customTheme:b,label:r,orientation:c="horizontal",panelTransition:h=q}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:d}=T.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:b,children:[r&&s.jsx(a.default,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.default,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...d,ref:l,children:[...t.collection].map(m=>s.jsx(L,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(f,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},(u=t.selectedItem)==null?void 0:u.key)]})]})}module.exports=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index113.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&h.log("<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:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TagItem=f;

package/index51.mjs

@@ -1,52 +1,43 @@
 "use client";
-import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { useTabList as $ } from "./index172.mjs";
-import { useTabListState as k } from "./index173.mjs";
-import { useRef as T } from "react";
-import u from "./index169.mjs";
-import s, { BoxWithForwardRef as x } from "./index34.mjs";
-import N from "./index54.mjs";
-import L from "./index53.mjs";
-function z(n) {
-  var c;
-  const {
-    themeName: e = "tabList",
-    tokens: i,
-    customTheme: h,
-    label: r,
-    orientation: m = "horizontal",
-    panelTransition: p = u
-  } = n, t = k(n), l = T(null), { tabListProps: d } = $(n, t, l), a = {
-    ...i,
-    orientation: m,
-    isDisabled: t.isDisabled
-  };
-  return /* @__PURE__ */ b(s, { themeName: `${e}.wrapper`, tokens: a, customTheme: h, children: [
-    r && /* @__PURE__ */ o(s, { themeName: `${e}.label`, tokens: a, children: r }),
-    /* @__PURE__ */ b(s, { themeName: `${e}.container`, tokens: a, children: [
-      /* @__PURE__ */ o(x, { themeName: `${e}.list`, tokens: a, ...d, ref: l, children: [...t.collection].map((f) => /* @__PURE__ */ o(
-        N,
-        {
-          item: f,
-          state: t,
-          themeName: `${e}.tab`,
-          tokens: { ...i, orientation: m }
-        },
-        f.key
-      )) }),
-      /* @__PURE__ */ o(
-        L,
-        {
-          state: t,
-          themeName: `${e}.panel`,
-          tokens: a,
-          panelTransition: p
-        },
-        (c = t.selectedItem) == null ? void 0 : c.key
-      )
-    ] })
-  ] });
+import d from "react";
+import { log as m } from "./index113.mjs";
+function s(t) {
+  return null;
+}
+function h(t) {
+  return t.hasChildItems != null ? t.hasChildItems : !!(t.childItems || t.title && d.Children.count(t.children) > 0);
 }
+s.getCollectionNode = function* (e, l) {
+  const { childItems: a, title: u, children: c } = e, n = e.title || e.children, r = e.textValue || (typeof n == "string" ? n : "") || e["aria-label"] || "";
+  !r && !(l != null && l.suppressTextValueWarning) && process.env.NODE_ENV !== "production" && m(
+    "<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: n,
+    textValue: r,
+    "aria-label": e["aria-label"],
+    hasChildNodes: h(e),
+    *childNodes() {
+      if (a)
+        yield* Array.from(a).map((i) => ({
+          type: "item",
+          value: i
+        }));
+      else if (u) {
+        const i = [];
+        d.Children.forEach(c, (o) => {
+          i.push({
+            type: "item",
+            element: o
+          });
+        }), yield* i;
+      }
+    }
+  };
+};
+const I = s;
 export {
-  z as default
+  I as TagItem
 };

package/index52.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index112.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<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:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;
+"use strict";const s=require("react/jsx-runtime"),T=require("./index172.js"),k=require("./index173.js"),x=require("react"),q=require("./index169.js"),a=require("./index35.js"),L=require("./index55.js"),f=require("./index54.js");function j(i){var u;const{themeName:e="tabList",tokens:o,customTheme:b,label:r,orientation:c="horizontal",panelTransition:h=q}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:d}=T.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.default,{themeName:`${e}.wrapper`,tokens:n,customTheme:b,children:[r&&s.jsx(a.default,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.default,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...d,ref:l,children:[...t.collection].map(m=>s.jsx(L,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(f,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},(u=t.selectedItem)==null?void 0:u.key)]})]})}module.exports=j;

package/index52.mjs

@@ -1,43 +1,52 @@
 "use client";
-import d from "react";
-import { log as h } from "./index112.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;
-      }
-    }
+import { jsxs as b, jsx as o } from "react/jsx-runtime";
+import { useTabList as $ } from "./index172.mjs";
+import { useTabListState as k } from "./index173.mjs";
+import { useRef as T } from "react";
+import u from "./index169.mjs";
+import s, { BoxWithForwardRef as x } from "./index35.mjs";
+import N from "./index55.mjs";
+import L from "./index54.mjs";
+function z(n) {
+  var c;
+  const {
+    themeName: e = "tabList",
+    tokens: i,
+    customTheme: h,
+    label: r,
+    orientation: m = "horizontal",
+    panelTransition: p = u
+  } = n, t = k(n), l = T(null), { tabListProps: d } = $(n, t, l), a = {
+    ...i,
+    orientation: m,
+    isDisabled: t.isDisabled
   };
-};
-const I = u;
+  return /* @__PURE__ */ b(s, { themeName: `${e}.wrapper`, tokens: a, customTheme: h, children: [
+    r && /* @__PURE__ */ o(s, { themeName: `${e}.label`, tokens: a, children: r }),
+    /* @__PURE__ */ b(s, { themeName: `${e}.container`, tokens: a, children: [
+      /* @__PURE__ */ o(x, { themeName: `${e}.list`, tokens: a, ...d, ref: l, children: [...t.collection].map((f) => /* @__PURE__ */ o(
+        N,
+        {
+          item: f,
+          state: t,
+          themeName: `${e}.tab`,
+          tokens: { ...i, orientation: m }
+        },
+        f.key
+      )) }),
+      /* @__PURE__ */ o(
+        L,
+        {
+          state: t,
+          themeName: `${e}.panel`,
+          tokens: a,
+          panelTransition: p
+        },
+        (c = t.selectedItem) == null ? void 0 : c.key
+      )
+    ] })
+  ] });
+}
 export {
-  I as TabItem
+  z as default
 };

package/index53.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),m=require("./index174.js"),h=require("react"),d=require("./index169.js"),b=require("./index34.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),h=require("./index113.js");function d(t){return null}function m(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&u.Children.count(t.children)>0)}d.getCollectionNode=function*(e,l){const{childItems:a,title:s,children:c}=e,n=e.title||e.children,r=e.textValue||(typeof n=="string"?n:"")||e["aria-label"]||"";!r&&!(l!=null&&l.suppressTextValueWarning)&&h.log("<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:n,textValue:r,"aria-label":e["aria-label"],hasChildNodes:m(e),*childNodes(){if(a)yield*Array.from(a).map(i=>({type:"item",value:i}));else if(s){const i=[];u.Children.forEach(c,o=>{i.push({type:"item",element:o})}),yield*i}}}};const f=d;exports.TabItem=f;

package/index53.mjs

@@ -1,31 +1,43 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index174.mjs";
-import { useRef as p } from "react";
-import h from "./index169.mjs";
-import { BoxWithForwardRef as b } from "./index34.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 "./index113.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/index54.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index175.js"),F=require("react"),P=require("react-aria"),R=require("./index100.js"),h=require("./index34.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("./index174.js"),h=require("react"),d=require("./index169.js"),b=require("./index35.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/index54.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 "./index175.mjs";
-import { useRef as x } from "react";
-import { mergeProps as P } from "react-aria";
-import { mergeDefaultComponentProps as D } from "./index100.mjs";
-import { BoxWithForwardRef as L } from "./index34.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 "./index174.mjs";
+import { useRef as p } from "react";
+import h from "./index169.mjs";
+import { BoxWithForwardRef as b } from "./index35.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/index55.js

@@ -1,2 +1,2 @@
 "use client";
-"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("./index110.js"),ue=require("./index85.js");require("./index93.js");const m=require("./index34.js"),le=require("./index21.js"),ae=require("./index60.js"),pe=require("./index66.js"),de=require("./index10.js"),v=require("./index3.js"),fe=require("./index56.js"),me=require("./index156.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;
+"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index175.js"),F=require("react"),P=require("react-aria"),R=require("./index101.js"),h=require("./index35.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/index55.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 "./index110.mjs";
-import ae from "./index85.mjs";
-import "./index93.mjs";
-import C, { BoxWithForwardRef as ue } from "./index34.mjs";
-import fe from "./index21.mjs";
-import de from "./index60.mjs";
-import he from "./index66.mjs";
-import { Popover as be } from "./index10.mjs";
-import F from "./index3.mjs";
-import { ControlledListBox as Re } from "./index56.mjs";
-import xe from "./index156.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 "./index175.mjs";
+import { useRef as x } from "react";
+import { mergeProps as P } from "react-aria";
+import { mergeDefaultComponentProps as D } from "./index101.mjs";
+import { BoxWithForwardRef as L } from "./index35.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/index56.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("./index34.js"),N=require("./index6.js"),S=require("./index3.js"),b=require("./index58.js"),C=require("./index57.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";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("./index111.js"),ue=require("./index86.js");require("./index94.js");const m=require("./index35.js"),le=require("./index22.js"),ae=require("./index61.js"),pe=require("./index67.js"),de=require("./index10.js"),v=require("./index3.js"),fe=require("./index57.js"),me=require("./index156.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;