@okam/stack-ui 1.40.0 → 1.40.1

package/index47.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index158.mjs";
+import { useTabPanel as f } from "./index159.mjs";
 import { useRef as p } from "react";
-import h from "./index153.mjs";
+import h from "./index154.mjs";
 import { BoxWithForwardRef as b } from "./index28.mjs";
 const x = (e) => {
   var o;

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";const q=require("react/jsx-runtime"),k=require("@react-aria/focus"),x=require("./index160.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,7 +1,7 @@
 "use client";
 import { jsx as k } from "react/jsx-runtime";
 import { useFocusRing as F } from "@react-aria/focus";
-import { useTab as h } from "./index159.mjs";
+import { useTab as h } from "./index160.mjs";
 import { useRef as x } from "react";
 import { mergeProps as P } from "react-aria";
 import { mergeDefaultComponentProps as D } from "./index94.mjs";

package/index49.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"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("./index96.js"),ue=require("./index79.js");require("./index87.js");const m=require("./index28.js"),le=require("./index15.js"),ae=require("./index54.js"),pe=require("./index60.js"),de=require("./index10.js"),v=require("./index3.js"),fe=require("./index50.js"),me=require("./index141.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/index49.mjs

@@ -1,116 +1,115 @@
 "use client";
-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 { 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 ae } from "react-stately";
-import { useDebounce as me } from "./index96.mjs";
+import { useComboBoxState as me } from "react-stately";
+import { useDebounce as pe } from "./index96.mjs";
+import ae from "./index79.mjs";
 import "./index87.mjs";
-import I, { BoxWithForwardRef as ue } from "./index28.mjs";
-import { ButtonWithForwardRef as pe } from "./index6.mjs";
+import C, { BoxWithForwardRef as ue } from "./index28.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) => {
+import { Popover as be } from "./index10.mjs";
+import F from "./index3.mjs";
+import { ControlledListBox as Re } from "./index50.mjs";
+import xe from "./index141.mjs";
+const je = (m) => {
   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(
+    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(
     () => ({
-      ...e,
-      collection: v
+      ...o,
+      collection: k
     }),
-    [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));
+    [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);
     },
-    [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 }),
+    [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(
-          pe,
+          xe,
           {
-            themeName: `${o}.button`,
+            state: o,
+            themeName: `${e}.button`,
             tokens: n,
-            ...Z,
-            ref: B,
-            handlePress: ne,
-            children: /* @__PURE__ */ t(fe, { themeName: `${o}.icon`, tokens: n, icon: p ? V : S })
+            ...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 })
           }
         )
       ] }),
-      u && c.current && N.collection.size > 0 && /* @__PURE__ */ t(
-        Re,
+      c && l.current && v.collection.size > 0 && /* @__PURE__ */ t(
+        be,
         {
-          themeName: `${o}.popover`,
+          themeName: `${e}.popover`,
           tokens: n,
-          state: e,
-          triggerRef: c,
+          state: o,
+          triggerRef: l,
           placement: "bottom",
-          sizeRef: c,
-          popoverRef: x,
+          sizeRef: l,
+          popoverRef: B,
           autoFocus: !1,
           children: /* @__PURE__ */ t(
-            be,
+            Re,
             {
-              ...Q,
-              themeName: `${o}.list`,
+              ...K,
+              themeName: `${e}.list`,
               tokens: n,
-              state: N,
+              state: v,
               ref: P,
-              children: g
+              children: I
             }
           )
         }
       ),
-      k && R && /* @__PURE__ */ t($, { tokens: n, themeName: `${o}.errorMessage`, ...Y, children: R })
+      N && h && /* @__PURE__ */ t(F, { tokens: n, themeName: `${e}.errorMessage`, ...X, children: h })
     ] })
   ] });
 };
 export {
-  Ee as default
+  je as default
 };

package/index51.js

@@ -1,2 +1,2 @@
 "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;
+"use strict";const t=require("react/jsx-runtime"),C=require("./index161.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,6 +1,6 @@
 "use client";
 import { jsxs as B, jsx as t } from "react/jsx-runtime";
-import { filterDOMProps as C } from "./index160.mjs";
+import { filterDOMProps as C } from "./index161.mjs";
 import { useListBoxSection as S, mergeProps as T } from "react-aria";
 import { mergeDefaultComponentProps as b } from "./index94.mjs";
 import l from "./index28.mjs";

package/index95.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("./index161.js"),p=require("react-aria");function d(s,o,l){const{type:a="dialog"}=s,{triggerProps:{onPress:t,...i},overlayProps:g}=p.useOverlayTrigger({type:a},o,l),r=n.useSlotId(),e={"aria-labelledby":r,handlePress:t,...i};return{openTriggerProps:e,triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=d;
+"use strict";const n=require("./index162.js"),p=require("react-aria");function d(s,o,l){const{type:a="dialog"}=s,{triggerProps:{onPress:t,...i},overlayProps:g}=p.useOverlayTrigger({type:a},o,l),r=n.useSlotId(),e={"aria-labelledby":r,handlePress:t,...i};return{openTriggerProps:e,triggerProps:e,labelProps:{id:r},overlayProps:{...g,"aria-labelledby":r}}}module.exports=d;

package/index95.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { useSlotId as g } from "./index161.mjs";
+import { useSlotId as g } from "./index162.mjs";
 import { useOverlayTrigger as i } from "react-aria";
 function P(o, s, l) {
   const { type: a = "dialog" } = o, {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@okam/stack-ui",
   "main": "./index.js",
-  "version": "1.40.0",
+  "version": "1.40.1",
   "types": "./index.d.ts",
   "exports": {
     ".": {