@okam/stack-ui 1.43.0 → 1.44.1

package/index57.js

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

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

package/index59.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { jsx as t, jsxs as d } 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";
@@ -15,7 +15,7 @@ import he from "./index69.mjs";
 import { Popover as be } from "./index12.mjs";
 import F from "./index3.mjs";
 import { ControlledListBox as Re } from "./index58.mjs";
-import xe from "./index164.mjs";
+import xe from "./index183.mjs";
 const je = (m) => {
   const {
     children: I,

package/index8.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),M=require("react"),p=require("react-aria"),f=require("./index37.js"),x=require("./index6.js"),l=({href:e="#main",themeName:a="skipToMain",tokens:i,customTheme:n,children:r,ariaLabel:t,...s})=>u.jsx(x.default,{as:"a",href:e,themeName:a,tokens:i,customTheme:n,"aria-label":t,...s,children:r}),c=({as:e="main",id:a="main",tabIndex:i=-1,themeName:n="main",tokens:r,customTheme:t,children:s,...d})=>{const o=M.useRef(null),{landmarkProps:m}=p.useLandmark({role:"main"},o);return u.jsx(f.BoxWithForwardRef,{as:e,id:a,tabIndex:i,themeName:n,tokens:r,customTheme:t,ref:o,...d,...m,children:s})};l.displayName="SkipToMain";c.displayName="Main";exports.Main=c;exports.default=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("react/jsx-runtime"),M=require("react"),p=require("react-aria"),f=require("./index37.js"),x=require("./index6.js"),l=({href:e="#main",themeName:a="skipToMain",tokens:i,customTheme:n,children:r,ariaLabel:t,...s})=>u.jsx(x.default,{as:"a",href:e,themeName:a,tokens:i,customTheme:n,"aria-label":t,...s,children:r}),c=({as:e="main",id:a="main",tabIndex:i=-1,themeName:n="main",tokens:r,customTheme:t,children:s,...d})=>{const o=M.useRef(null),{landmarkProps:m}=p.useLandmark({role:"main"},o);return u.jsx(f.BoxWithForwardRef,{as:e,id:a,themeName:n,tokens:r,customTheme:t,ref:o,...d,...m,tabIndex:i,children:s})};l.displayName="SkipToMain";c.displayName="Main";exports.Main=c;exports.default=l;

package/index8.mjs

@@ -45,13 +45,13 @@ const M = ({
     {
       as: a,
       id: o,
-      tabIndex: r,
       themeName: i,
       tokens: n,
       customTheme: m,
       ref: e,
       ...s,
       ...f,
+      tabIndex: r,
       children: t
     }
   );

package/package.json

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