welcome-ui 1.0.0-beta.5 → 1.0.0-beta.7

package/dist/Search.mjs

@@ -1,24 +1,24 @@
 "use client";
 import t, { useState as me, useCallback as pe, useMemo as fe, Fragment as ue } from "react";
-import { D as H } from "./downshift.esm-K4YLLQXl.mjs";
+import H from "downshift";
 import { IconWrapper as he } from "./Field.mjs";
 import { ClearButton as ge } from "./ClearButton.mjs";
 import { shouldForwardProp as j, forwardRef as Ee } from "./System.mjs";
-import { c as $e } from "./create-event-rXDe5aCQ.mjs";
-import { d as we, F as ye } from "./field-styles-CeV7pnOp.mjs";
-import { t as be } from "./throttle-BDBzFeFj.mjs";
-import a, { system as A, css as F, th as o } from "@xstyled/styled-components";
-import { StyledIcon as Fe } from "./Icon.mjs";
+import { c as we } from "./create-event-rXDe5aCQ.mjs";
+import { d as ye, F as $e } from "./field-styles-CeV7pnOp.mjs";
+import { t as Ie } from "./throttle-BDBzFeFj.mjs";
+import a, { system as A, css as b, th as o } from "@xstyled/styled-components";
+import { StyledIcon as be } from "./Icon.mjs";
 import { o as B } from "./overflow-ellipsis-DGV5Kgt-.mjs";
 const G = a("div").withConfig({ shouldForwardProp: j })`
   position: relative;
   ${A};
-`, Ie = a.div`
+`, Fe = a.div`
   position: relative;
 `, Se = a("input").withConfig({ shouldForwardProp: j })(
-  ({ iconPlacement: i, size: n, transparent: s, variant: g }) => F`
+  ({ iconPlacement: i, size: n, transparent: s, variant: g }) => b`
     position: relative;
-    ${we({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
+    ${ye({ iconPlacement: i, size: n, variant: g, transparent: s, isClearable: !0 })};
     ${B};
     ${A};
 
@@ -41,7 +41,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
   overflow: auto;
   -webkit-overflow-scrolling: touch;
 `, O = a.li(
-  ({ isExisting: i, isHighlighted: n, isSelected: s }) => F`
+  ({ isExisting: i, isHighlighted: n, isSelected: s }) => b`
     color: beige-70;
     ${n && o("defaultFields.select.highlighted")};
     ${s && o("defaultFields.select.selected")};
@@ -62,7 +62,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
   right: 0;
   display: flex;
 `, ve = a.button(
-  ({ isOpen: i, size: n }) => F`
+  ({ isOpen: i, size: n }) => b`
     position: relative;
     height: 100%;
     width: ${o(`defaultFields.sizes.${n}.height`)};
@@ -76,7 +76,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
     align-items: center;
     justify-content: center;
 
-    ${Fe} {
+    ${be} {
       transform: ${i ? "rotate3d(0, 0, 1, 180deg)" : "rotate3d(0)"};
       transition: medium;
     }
@@ -96,7 +96,7 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
     id: Y,
     itemToString: l,
     minChars: E = 3,
-    name: I,
+    name: F,
     onBlur: Z,
     onChange: S,
     onClick: q,
@@ -105,13 +105,13 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
     renderGroupHeader: K,
     renderItem: C,
     search: v,
-    size: $ = "md",
+    size: w = "md",
     throttle: R = 500,
     value: f = V,
     variant: Q,
-    ...w
+    ...y
   }, U) => {
-    const X = f ? l(f) : V, [x, d] = me([]), D = pe(
+    const X = f ? l(f) : V, [x, d] = me([]), _ = pe(
       async (e) => {
         if (E === 0 || (e == null ? void 0 : e.length) >= E) {
           const m = await v(e);
@@ -120,14 +120,14 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
           d([]);
       },
       [E, v]
-    ), _ = fe(
-      () => be(D, R, !1),
-      [D, R]
-    ), y = (e) => {
-      const m = $e({ name: I, value: e });
+    ), D = fe(
+      () => Ie(_, R, !1),
+      [_, R]
+    ), $ = (e) => {
+      const m = we({ name: F, value: e });
       S && S(e, m);
     }, z = (e) => {
-      e ? y(e) : (y(), d([]));
+      e ? $(e) : ($(), d([]));
     }, ee = () => {
       f || z(), d([]);
     }, te = (e) => l(e) || "";
@@ -136,11 +136,11 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
       {
         initialInputValue: X,
         itemToString: te,
-        onInputValueChange: _,
+        onInputValueChange: D,
         onOuterClick: ee,
         onSelect: z,
         selectedItem: f,
-        ...w
+        ...y
       },
       ({
         clearSelection: e,
@@ -155,32 +155,32 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
         toggleMenu: ae
       }) => {
         const se = () => {
-          d([]), y(), e();
-        }, le = N && x.length > 0, re = /* @__PURE__ */ t.createElement(ve, { as: "div", size: $ }, /* @__PURE__ */ t.createElement(ge, { onClick: se })), ce = m({
+          d([]), $(), e();
+        }, le = N && x.length > 0, re = /* @__PURE__ */ t.createElement(ve, { as: "div", size: w }, /* @__PURE__ */ t.createElement(ge, { onClick: se })), ce = m({
           autoComplete: i,
           autoFocus: n,
           "data-testid": s,
           disabled: g,
           iconPlacement: !!p && "left",
           id: Y,
-          name: I,
+          name: F,
           onBlur: Z,
           onClick: q,
           onFocus: (r) => {
-            k && k(r), _(""), ae();
+            k && k(r), D(""), ae();
           },
           placeholder: J,
           ref: U,
-          size: $,
+          size: w,
           tabIndex: 0,
           variant: N ? "focused" : Q,
-          ...w
+          ...y
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        }), T = ye[$];
-        return /* @__PURE__ */ t.createElement(G, { ...oe(w) }, /* @__PURE__ */ t.createElement(Ie, null, /* @__PURE__ */ t.createElement(Se, { ...ce }), p && /* @__PURE__ */ t.createElement(he, { iconPlacement: "left", size: T }, t.cloneElement(p, { ...p.props, size: T })), /* @__PURE__ */ t.createElement(Ce, null, ie && re)), le && /* @__PURE__ */ t.createElement(ke, { ...ne() }, x.reduce(
+        }), T = $e[w];
+        return /* @__PURE__ */ t.createElement(G, { ...oe(y) }, /* @__PURE__ */ t.createElement(Fe, null, /* @__PURE__ */ t.createElement(Se, { ...ce }), p && /* @__PURE__ */ t.createElement(he, { iconPlacement: "left", size: T }, t.cloneElement(p, { ...p.props, size: T })), /* @__PURE__ */ t.createElement(Ce, null, ie && re)), le && /* @__PURE__ */ t.createElement(ke, { ...ne() }, x.reduce(
           (r, c, h) => (L ? r.itemsToRender.push(
             // eslint-disable-next-line react/no-array-index-key
-            /* @__PURE__ */ t.createElement(ue, { key: h }, K(c), c.options && c.options.map((b, de) => {
+            /* @__PURE__ */ t.createElement(ue, { key: h }, K(c), c.options && c.options.map((I, de) => {
               const W = r.itemIndex++;
               return /* @__PURE__ */ t.createElement(
                 O,
@@ -188,12 +188,12 @@ const G = a("div").withConfig({ shouldForwardProp: j })`
                   key: de,
                   ...M({
                     index: W,
-                    isSelected: u && l(u) === l(b),
-                    item: b
+                    isSelected: u && l(u) === l(I),
+                    item: I
                   }),
                   isHighlighted: P === W
                 },
-                C(b)
+                C(I)
               );
             }))
           ) : r.itemsToRender.push(

package/dist/Select.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("./downshift.esm-DAo-GJwH.js");const e=require("./index-_oF_K5ZN.js");require("./Icon.js");require("./ClearButton.js");require("./System.js");require("./create-event-YSlay9Ef.js");require("./field-styles-D_gf6ypV.js");exports.Select=e.Select;exports.StyledSelect=e.StyledSelect;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react");require("downshift");require("match-sorter");require("./Icon.js");const e=require("./index-DG7ovxHW.js");require("./ClearButton.js");require("./System.js");require("./create-event-YSlay9Ef.js");require("./field-styles-D_gf6ypV.js");exports.Select=e.Select;exports.StyledSelect=e.StyledSelect;

package/dist/Select.mjs

@@ -1,12 +1,13 @@
 import "react";
-import "./downshift.esm-K4YLLQXl.mjs";
-import { a as l, S as c } from "./index-CGZVoNIN.mjs";
+import "downshift";
+import "match-sorter";
 import "./Icon.mjs";
+import { a as c, S as s } from "./index-CmBs24Im.mjs";
 import "./ClearButton.mjs";
 import "./System.mjs";
 import "./create-event-rXDe5aCQ.mjs";
 import "./field-styles-CeV7pnOp.mjs";
 export {
-  l as Select,
-  c as StyledSelect
+  c as Select,
+  s as StyledSelect
 };

package/dist/Tabs.js

@@ -1,4 +1,4 @@
-"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react"),j=require("./System.js"),Q=require("./use-viewport-BDDjd1nl.js"),U=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),p=require("@xstyled/styled-components"),y=require("./P2CTZE2T-q8vyaGc0.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),k=require("./ITI7HKP4-BPa8qpnl.js"),A=require("./VGCJ63VH-BNLwLOaC.js"),d=require("./YV4JVR4I-DIthYWMj.js"),Z=require("./VEVQD5MH-mN1wMozH.js"),q=require("./MTZPJQMC-5Xg78Uyy.js");var G=e.createStoreContext([q.PopoverContextProvider,y.CompositeContextProvider],[q.PopoverScopedContextProvider,y.CompositeScopedContextProvider]),X=G.useContext;m.createContext(!1);m.createContext(null);function ee(s={}){var n=s,{composite:o,combobox:t}=n,r=e.__objRest$1(n,["composite","combobox"]);const a=["items","renderedItems","moves","orientation","virtualFocus","includesBaseElement","baseElement","focusLoop","focusShift","focusWrap"],v=d.mergeStore(r.store,d.omit2(o,a),d.omit2(t,a)),u=v==null?void 0:v.getState(),f=k.createCompositeStore(e.__spreadProps$1(e.__spreadValues$1({},r),{store:v,includesBaseElement:e.defaultValue(r.includesBaseElement,u==null?void 0:u.includesBaseElement,!1),orientation:e.defaultValue(r.orientation,u==null?void 0:u.orientation,"horizontal"),focusLoop:e.defaultValue(r.focusLoop,u==null?void 0:u.focusLoop,!0)})),i=k.createCollectionStore(),g=e.__spreadProps$1(e.__spreadValues$1({},f.getState()),{selectedId:e.defaultValue(r.selectedId,u==null?void 0:u.selectedId,r.defaultSelectedId),selectOnMove:e.defaultValue(r.selectOnMove,u==null?void 0:u.selectOnMove,!0)}),c=d.createStore(g,f,v);d.setup(c,()=>d.sync(c,["moves"],()=>{const{activeId:b,selectOnMove:I}=c.getState();if(!I||!b)return;const h=f.item(b);h&&(h.dimmed||h.disabled||c.setState("selectedId",h.id))}));let S=!0;d.setup(c,()=>d.batch(c,["selectedId"],(b,I)=>{if(!S){S=!0;return}o&&b.selectedId===I.selectedId||c.setState("activeId",b.selectedId)})),d.setup(c,()=>d.sync(c,["selectedId","renderedItems"],b=>{if(b.selectedId!==void 0)return;const{activeId:I,renderedItems:h}=c.getState(),x=f.item(I);if(x&&!x.disabled&&!x.dimmed)c.setState("selectedId",x.id);else{const E=h.find(T=>!T.disabled&&!T.dimmed);c.setState("selectedId",E==null?void 0:E.id)}})),d.setup(c,()=>d.sync(c,["renderedItems"],b=>{const I=b.renderedItems;if(I.length)return d.sync(i,["renderedItems"],h=>{const x=h.renderedItems;x.some(T=>!T.tabId)&&x.forEach((T,R)=>{if(T.tabId)return;const L=I[R];L&&i.renderItem(e.__spreadProps$1(e.__spreadValues$1({},T),{tabId:L.id}))})})}));let P=null;return d.setup(c,()=>{const b=()=>{P=c.getState().selectedId},I=()=>{S=!1,c.setState("selectedId",P)};if(o&&"setSelectElement"in o)return e.chain(d.sync(o,["value"],b),d.sync(o,["mounted"],I));if(t)return e.chain(d.sync(t,["selectedValue"],b),d.sync(t,["mounted"],I))}),e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1({},f),c),{panels:i,setSelectedId:b=>c.setState("selectedId",b),select:b=>{c.setState("selectedId",b),f.move(b)}})}function te(s,n,o){e.useUpdateEffect(n,[o.composite,o.combobox]),s=k.useCompositeStoreProps(s,n,o),d.useStoreProps(s,o,"selectedId","setSelectedId"),d.useStoreProps(s,o,"selectOnMove");const[t,r]=d.useStore(()=>s.panels,{});return e.useUpdateEffect(r,[s,r]),Object.assign(m.useMemo(()=>e.__spreadProps(e.__spreadValues({},s),{panels:t}),[s,t]),{composite:o.composite,combobox:o.combobox})}function se(s={}){const n=Z.useComboboxContext(),o=X()||n;s=e.__spreadProps(e.__spreadValues({},s),{composite:s.composite!==void 0?s.composite:o,combobox:s.combobox!==void 0?s.combobox:n});const[t,r]=d.useStore(ee,s);return te(t,r,s)}var B=e.createStoreContext([y.CompositeContextProvider],[y.CompositeScopedContextProvider]),ne=B.useScopedContext,H=B.useProviderContext,F=B.ScopedContextProvider,oe="button",re=e.createHook(function(n){var o=n,{store:t,getItem:r}=o,a=e.__objRest(o,["store","getItem"]),v;const u=ne();t=t||u,e.invariant(t,process.env.NODE_ENV!=="production"&&"Tab must be wrapped in a TabList component.");const f=e.useId(),i=a.id||f,g=e.disabledFromProps(a),c=m.useCallback(_=>{const $=e.__spreadProps(e.__spreadValues({},_),{dimmed:g});return r?r($):$},[g,r]),S=a.onClick,P=e.useEvent(_=>{S==null||S(_),!_.defaultPrevented&&(t==null||t.setSelectedId(i))}),b=t.panels.useState(_=>{var $;return($=_.items.find(l=>l.tabId===i))==null?void 0:$.id}),I=f?a.shouldRegisterItem:!1,h=t.useState(_=>!!i&&_.activeId===i),x=t.useState(_=>!!i&&_.selectedId===i),E=t.useState(_=>!!t.item(_.activeId)),T=h||x&&!E,R=x||((v=a.accessibleWhenDisabled)!=null?v:!0);if(d.useStoreState(t.combobox||t.composite,"virtualFocus")&&(a=e.__spreadProps(e.__spreadValues({},a),{tabIndex:-1})),a=e.__spreadProps(e.__spreadValues({id:i,role:"tab","aria-selected":x,"aria-controls":b||void 0},a),{onClick:P}),t.composite){const _={id:i,accessibleWhenDisabled:R,store:t.composite,shouldRegisterItem:T&&I,rowId:a.rowId,render:a.render};a=e.__spreadProps(e.__spreadValues({},a),{render:e.jsxRuntimeExports.jsx(y.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{render:t.combobox&&t.composite!==t.combobox?e.jsxRuntimeExports.jsx(y.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{store:t.combobox})):_.render}))})}return a=y.useCompositeItem(e.__spreadProps(e.__spreadValues({store:t},a),{accessibleWhenDisabled:R,getItem:c,shouldRegisterItem:I})),a}),ae=e.memo2(e.forwardRef2(function(n){const o=re(n);return e.createElement(oe,o)})),ie="div",ce=e.createHook(function(n){var o=n,{store:t}=o,r=e.__objRest(o,["store"]);const a=H();t=t||a,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabList must receive a `store` prop or be wrapped in a TabProvider component.");const v=t.useState(u=>u.orientation==="both"?void 0:u.orientation);return r=e.useWrapElement(r,u=>e.jsxRuntimeExports.jsx(F,{value:t,children:u}),[t]),t.composite&&(r=e.__spreadValues({focusable:!1},r)),r=e.__spreadValues({role:"tablist","aria-orientation":v},r),r=k.useComposite(e.__spreadValues({store:t},r)),r}),ue=e.forwardRef2(function(n){const o=ce(n);return e.createElement(ie,o)}),le="div",de=e.createHook(function(n){var o=n,{store:t,unmountOnHide:r,tabId:a,getItem:v,scrollRestoration:u,scrollElement:f}=o,i=e.__objRest(o,["store","unmountOnHide","tabId","getItem","scrollRestoration","scrollElement"]);const g=H();t=t||g,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");const c=m.useRef(null),S=e.useId(i.id),P=d.useStoreState(t.panels,()=>{var l;return a||((l=t==null?void 0:t.panels.item(S))==null?void 0:l.tabId)}),b=d.useStoreState(t,l=>!!P&&l.selectedId===P),I=A.useDisclosureStore({open:b}),h=d.useStoreState(I,"mounted"),x=m.useRef(new Map),E=e.useEvent(()=>{const l=c.current;return l?f?typeof f=="function"?f(l):"current"in f?f.current:f:l:null});m.useEffect(()=>{var l,V;if(!u||!h)return;const C=E();if(!C)return;if(u==="reset"){C.scroll(0,0);return}if(!P)return;const w=x.current.get(P);C.scroll((l=w==null?void 0:w.x)!=null?l:0,(V=w==null?void 0:w.y)!=null?V:0);const N=()=>{x.current.set(P,{x:C.scrollLeft,y:C.scrollTop})};return C.addEventListener("scroll",N),()=>{C.removeEventListener("scroll",N)}},[u,h,P,E,t]);const[T,R]=m.useState(!1);m.useEffect(()=>{const l=c.current;if(!l)return;const V=e.getAllTabbableIn(l);R(!!V.length)},[]);const L=m.useCallback(l=>{const V=e.__spreadProps(e.__spreadValues({},l),{id:S||l.id,tabId:a});return v?v(V):V},[S,a,v]),_=i.onKeyDown,$=e.useEvent(l=>{if(_==null||_(l),l.defaultPrevented||!(t!=null&&t.composite))return;const C={ArrowLeft:t.previous,ArrowRight:t.next,Home:t.first,End:t.last}[l.key];if(!C)return;const{selectedId:w}=t.getState(),N=C({activeId:w});N&&(l.preventDefault(),t.move(N))});return i=e.useWrapElement(i,l=>e.jsxRuntimeExports.jsx(F,{value:t,children:l}),[t]),i=e.__spreadProps(e.__spreadValues({id:S,role:"tabpanel","aria-labelledby":P||void 0},i),{children:r&&!h?null:i.children,ref:e.useMergeRefs(c,i.ref),onKeyDown:$}),i=e.useFocusable(e.__spreadValues({focusable:!t.composite&&!T},i)),i=A.useDisclosureContent(e.__spreadValues({store:I},i)),i=y.useCollectionItem(e.__spreadProps(e.__spreadValues({store:t.panels},i),{getItem:L})),i}),pe=e.forwardRef2(function(n){const o=de(n);return e.createElement(le,o)});function M(s){var n=m.Children.toArray(s);return n.reduce(function(o,t){return t.type===m.Fragment?o.concat(M(t.props.children)):(o.push(t),o)},[])}function D(s,n){typeof s=="function"?s(n):s&&(s.current=n)}function me(s,n){return m.useMemo(()=>s==null&&n==null?null:o=>{D(s,o),D(n,o)},[s,n])}const fe=p(ue)(({size:s})=>p.css`
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react"),M=require("./System.js"),O=require("react-flatten-children"),Q=require("./use-viewport-BDDjd1nl.js"),U=require("./use-isomorphic-layout-effect-C1_Gy5Nu.js"),p=require("@xstyled/styled-components"),$=require("./P2CTZE2T-q8vyaGc0.js"),e=require("./LVA2YJMS-B2HZjIhJ.js"),k=require("./ITI7HKP4-BPa8qpnl.js"),q=require("./VGCJ63VH-Cuf7P3qW.js"),d=require("./YV4JVR4I-DIthYWMj.js"),Z=require("./VEVQD5MH-Cal9SWXl.js"),D=require("./MTZPJQMC-D0pYOjc_.js");var G=e.createStoreContext([D.PopoverContextProvider,$.CompositeContextProvider],[D.PopoverScopedContextProvider,$.CompositeScopedContextProvider]),X=G.useContext;b.createContext(!1);b.createContext(null);function ee(s={}){var o=s,{composite:n,combobox:t}=o,r=e.__objRest$1(o,["composite","combobox"]);const a=["items","renderedItems","moves","orientation","virtualFocus","includesBaseElement","baseElement","focusLoop","focusShift","focusWrap"],v=d.mergeStore(r.store,d.omit2(n,a),d.omit2(t,a)),l=v==null?void 0:v.getState(),m=k.createCompositeStore(e.__spreadProps$1(e.__spreadValues$1({},r),{store:v,includesBaseElement:e.defaultValue(r.includesBaseElement,l==null?void 0:l.includesBaseElement,!1),orientation:e.defaultValue(r.orientation,l==null?void 0:l.orientation,"horizontal"),focusLoop:e.defaultValue(r.focusLoop,l==null?void 0:l.focusLoop,!0)})),i=k.createCollectionStore(),g=e.__spreadProps$1(e.__spreadValues$1({},m.getState()),{selectedId:e.defaultValue(r.selectedId,l==null?void 0:l.selectedId,r.defaultSelectedId),selectOnMove:e.defaultValue(r.selectOnMove,l==null?void 0:l.selectOnMove,!0)}),c=d.createStore(g,m,v);d.setup(c,()=>d.sync(c,["moves"],()=>{const{activeId:f,selectOnMove:I}=c.getState();if(!I||!f)return;const h=m.item(f);h&&(h.dimmed||h.disabled||c.setState("selectedId",h.id))}));let S=!0;d.setup(c,()=>d.batch(c,["selectedId"],(f,I)=>{if(!S){S=!0;return}n&&f.selectedId===I.selectedId||c.setState("activeId",f.selectedId)})),d.setup(c,()=>d.sync(c,["selectedId","renderedItems"],f=>{if(f.selectedId!==void 0)return;const{activeId:I,renderedItems:h}=c.getState(),x=m.item(I);if(x&&!x.disabled&&!x.dimmed)c.setState("selectedId",x.id);else{const E=h.find(C=>!C.disabled&&!C.dimmed);c.setState("selectedId",E==null?void 0:E.id)}})),d.setup(c,()=>d.sync(c,["renderedItems"],f=>{const I=f.renderedItems;if(I.length)return d.sync(i,["renderedItems"],h=>{const x=h.renderedItems;x.some(C=>!C.tabId)&&x.forEach((C,R)=>{if(C.tabId)return;const L=I[R];L&&i.renderItem(e.__spreadProps$1(e.__spreadValues$1({},C),{tabId:L.id}))})})}));let P=null;return d.setup(c,()=>{const f=()=>{P=c.getState().selectedId},I=()=>{S=!1,c.setState("selectedId",P)};if(n&&"setSelectElement"in n)return e.chain(d.sync(n,["value"],f),d.sync(n,["mounted"],I));if(t)return e.chain(d.sync(t,["selectedValue"],f),d.sync(t,["mounted"],I))}),e.__spreadProps$1(e.__spreadValues$1(e.__spreadValues$1({},m),c),{panels:i,setSelectedId:f=>c.setState("selectedId",f),select:f=>{c.setState("selectedId",f),m.move(f)}})}function te(s,o,n){e.useUpdateEffect(o,[n.composite,n.combobox]),s=k.useCompositeStoreProps(s,o,n),d.useStoreProps(s,n,"selectedId","setSelectedId"),d.useStoreProps(s,n,"selectOnMove");const[t,r]=d.useStore(()=>s.panels,{});return e.useUpdateEffect(r,[s,r]),Object.assign(b.useMemo(()=>e.__spreadProps(e.__spreadValues({},s),{panels:t}),[s,t]),{composite:n.composite,combobox:n.combobox})}function se(s={}){const o=Z.useComboboxContext(),n=X()||o;s=e.__spreadProps(e.__spreadValues({},s),{composite:s.composite!==void 0?s.composite:n,combobox:s.combobox!==void 0?s.combobox:o});const[t,r]=d.useStore(ee,s);return te(t,r,s)}var j=e.createStoreContext([$.CompositeContextProvider],[$.CompositeScopedContextProvider]),oe=j.useScopedContext,A=j.useProviderContext,F=j.ScopedContextProvider,ne="button",re=e.createHook(function(o){var n=o,{store:t,getItem:r}=n,a=e.__objRest(n,["store","getItem"]),v;const l=oe();t=t||l,e.invariant(t,process.env.NODE_ENV!=="production"&&"Tab must be wrapped in a TabList component.");const m=e.useId(),i=a.id||m,g=e.disabledFromProps(a),c=b.useCallback(_=>{const y=e.__spreadProps(e.__spreadValues({},_),{dimmed:g});return r?r(y):y},[g,r]),S=a.onClick,P=e.useEvent(_=>{S==null||S(_),!_.defaultPrevented&&(t==null||t.setSelectedId(i))}),f=t.panels.useState(_=>{var y;return(y=_.items.find(u=>u.tabId===i))==null?void 0:y.id}),I=m?a.shouldRegisterItem:!1,h=t.useState(_=>!!i&&_.activeId===i),x=t.useState(_=>!!i&&_.selectedId===i),E=t.useState(_=>!!t.item(_.activeId)),C=h||x&&!E,R=x||((v=a.accessibleWhenDisabled)!=null?v:!0);if(d.useStoreState(t.combobox||t.composite,"virtualFocus")&&(a=e.__spreadProps(e.__spreadValues({},a),{tabIndex:-1})),a=e.__spreadProps(e.__spreadValues({id:i,role:"tab","aria-selected":x,"aria-controls":f||void 0},a),{onClick:P}),t.composite){const _={id:i,accessibleWhenDisabled:R,store:t.composite,shouldRegisterItem:C&&I,rowId:a.rowId,render:a.render};a=e.__spreadProps(e.__spreadValues({},a),{render:e.jsxRuntimeExports.jsx($.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{render:t.combobox&&t.composite!==t.combobox?e.jsxRuntimeExports.jsx($.CompositeItem,e.__spreadProps(e.__spreadValues({},_),{store:t.combobox})):_.render}))})}return a=$.useCompositeItem(e.__spreadProps(e.__spreadValues({store:t},a),{accessibleWhenDisabled:R,getItem:c,shouldRegisterItem:I})),a}),ae=e.memo2(e.forwardRef2(function(o){const n=re(o);return e.createElement(ne,n)})),ie="div",ce=e.createHook(function(o){var n=o,{store:t}=n,r=e.__objRest(n,["store"]);const a=A();t=t||a,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabList must receive a `store` prop or be wrapped in a TabProvider component.");const v=t.useState(l=>l.orientation==="both"?void 0:l.orientation);return r=e.useWrapElement(r,l=>e.jsxRuntimeExports.jsx(F,{value:t,children:l}),[t]),t.composite&&(r=e.__spreadValues({focusable:!1},r)),r=e.__spreadValues({role:"tablist","aria-orientation":v},r),r=k.useComposite(e.__spreadValues({store:t},r)),r}),le=e.forwardRef2(function(o){const n=ce(o);return e.createElement(ie,n)}),ue="div",de=e.createHook(function(o){var n=o,{store:t,unmountOnHide:r,tabId:a,getItem:v,scrollRestoration:l,scrollElement:m}=n,i=e.__objRest(n,["store","unmountOnHide","tabId","getItem","scrollRestoration","scrollElement"]);const g=A();t=t||g,e.invariant(t,process.env.NODE_ENV!=="production"&&"TabPanel must receive a `store` prop or be wrapped in a TabProvider component.");const c=b.useRef(null),S=e.useId(i.id),P=d.useStoreState(t.panels,()=>{var u;return a||((u=t==null?void 0:t.panels.item(S))==null?void 0:u.tabId)}),f=d.useStoreState(t,u=>!!P&&u.selectedId===P),I=q.useDisclosureStore({open:f}),h=d.useStoreState(I,"mounted"),x=b.useRef(new Map),E=e.useEvent(()=>{const u=c.current;return u?m?typeof m=="function"?m(u):"current"in m?m.current:m:u:null});b.useEffect(()=>{var u,V;if(!l||!h)return;const T=E();if(!T)return;if(l==="reset"){T.scroll(0,0);return}if(!P)return;const w=x.current.get(P);T.scroll((u=w==null?void 0:w.x)!=null?u:0,(V=w==null?void 0:w.y)!=null?V:0);const N=()=>{x.current.set(P,{x:T.scrollLeft,y:T.scrollTop})};return T.addEventListener("scroll",N),()=>{T.removeEventListener("scroll",N)}},[l,h,P,E,t]);const[C,R]=b.useState(!1);b.useEffect(()=>{const u=c.current;if(!u)return;const V=e.getAllTabbableIn(u);R(!!V.length)},[]);const L=b.useCallback(u=>{const V=e.__spreadProps(e.__spreadValues({},u),{id:S||u.id,tabId:a});return v?v(V):V},[S,a,v]),_=i.onKeyDown,y=e.useEvent(u=>{if(_==null||_(u),u.defaultPrevented||!(t!=null&&t.composite))return;const T={ArrowLeft:t.previous,ArrowRight:t.next,Home:t.first,End:t.last}[u.key];if(!T)return;const{selectedId:w}=t.getState(),N=T({activeId:w});N&&(u.preventDefault(),t.move(N))});return i=e.useWrapElement(i,u=>e.jsxRuntimeExports.jsx(F,{value:t,children:u}),[t]),i=e.__spreadProps(e.__spreadValues({id:S,role:"tabpanel","aria-labelledby":P||void 0},i),{children:r&&!h?null:i.children,ref:e.useMergeRefs(c,i.ref),onKeyDown:y}),i=e.useFocusable(e.__spreadValues({focusable:!t.composite&&!C},i)),i=q.useDisclosureContent(e.__spreadValues({store:I},i)),i=$.useCollectionItem(e.__spreadProps(e.__spreadValues({store:t.panels},i),{getItem:L})),i}),pe=e.forwardRef2(function(o){const n=de(o);return e.createElement(ue,n)});function H(s,o){typeof s=="function"?s(o):s&&(s.current=o)}function me(s,o){return b.useMemo(()=>s==null&&o==null?null:n=>{H(s,n),H(o,n)},[s,o])}const fe=p(le)(({size:s})=>p.css`
     position: relative;
     width: 100%;
     overflow-x: auto;
@@ -61,22 +61,22 @@
   }
 `,be=p(pe)(({orientation:s})=>p.css`
     ${s==="vertical"?p.th("tabs.panel.vertical"):p.th("tabs.panel.horizontal")};
-  `),ve=({offset:s=0,size:n=0})=>p.css`
+  `),ve=({offset:s=0,size:o=0})=>p.css`
   ${p.th("tabs.activeBar.horizontal")};
   left: 0;
   bottom: 0;
-  width: ${n}px;
+  width: ${o}px;
   transform: translateX(${s}px);
-`,_e=({offset:s=0,size:n=0})=>p.css`
+`,_e=({offset:s=0,size:o=0})=>p.css`
   ${p.th("tabs.activeBar.vertical")};
   right: 0;
   top: 0;
-  height: ${n}px;
+  height: ${o}px;
   transform: translateY(${s}px);
-`,Ie=p.span(({orientation:s,...n})=>p.css`
+`,Ie=p.span(({orientation:s,...o})=>p.css`
     position: absolute;
-    ${s==="vertical"?_e(n):ve(n)}
+    ${s==="vertical"?_e(o):ve(o)}
     will-change: width, transform;
     transition: medium;
     transition-property: transform, width;
-  `),W=s=>{if(!s||typeof window>"u")return 1;const n=Number(window.getComputedStyle(s).scale);return isNaN(n)?W(s.parentElement):n};function Se(s,n,o){const[t,r]=m.useState({}),{height:a,width:v}=Q.useViewportSize();return U.useIsomorphicLayoutEffect(()=>{const u=s.current;if(!u||!n)return;const f=u.getBoundingClientRect(),i=n.getBoundingClientRect(),g=W(u);if(o==="vertical"){const c=i.top-f.top,S=i.height;r({size:S,offset:c,orientation:o})}else{const c=(i.left-f.left+u.scrollLeft)/g,S=i.width/g;r({size:isNaN(S)?0:S,offset:isNaN(c)?0:c,orientation:o})}},[s,n,v,a,o]),t}const K=({activeTab:s,listRef:n,orientation:o})=>{const t=Se(n,s,o);return m.createElement(Ie,{...t})};K.displayName="ActiveBar";const he=M.default||M;function xe(s,n){const[o,t]=m.useState(null);return[he(n).map(a=>a.props.id===s?m.cloneElement(a,{ref:t}):a),o]}const J=j.forwardRef(({children:s,size:n="md",store:o,...t},r)=>{const a=m.useRef(),v=me(r,a),{orientation:u,selectedId:f}=o.useState(),[i,g]=xe(f,s);return m.createElement(fe,{orientation:u,ref:v,size:n,store:o,...t},i,i.length>1&&m.createElement(K,{activeTab:g,listRef:a,orientation:u}))});J.displayName="TabList";const Y=j.forwardRef(({children:s,store:n,tabId:o,...t},r)=>{const a=n.useState("orientation");return m.createElement(be,{orientation:a,ref:r,store:n,tabId:o,...t},s)});Y.displayName="TabPanel";const O=j.forwardRef(({as:s,children:n,id:o,store:t,...r},a)=>m.createElement(ae,{id:o,render:v=>m.createElement(z,{as:s,...v,ref:a}),store:t,...r},n));O.displayName="Tab";const Pe=Object.assign(O,{List:J,Panel:Y});function ge(s){return se(s)}exports.Tab=Pe;exports.TabComponent=O;exports.useTab=ge;
+  `),W=s=>{if(!s||typeof window>"u")return 1;const o=Number(window.getComputedStyle(s).scale);return isNaN(o)?W(s.parentElement):o};function Se(s,o,n){const[t,r]=b.useState({}),{height:a,width:v}=Q.useViewportSize();return U.useIsomorphicLayoutEffect(()=>{const l=s.current;if(!l||!o)return;const m=l.getBoundingClientRect(),i=o.getBoundingClientRect(),g=W(l);if(n==="vertical"){const c=i.top-m.top,S=i.height;r({size:S,offset:c,orientation:n})}else{const c=(i.left-m.left+l.scrollLeft)/g,S=i.width/g;r({size:isNaN(S)?0:S,offset:isNaN(c)?0:c,orientation:n})}},[s,o,v,a,n]),t}const K=({activeTab:s,listRef:o,orientation:n})=>{const t=Se(o,s,n);return b.createElement(Ie,{...t})};K.displayName="ActiveBar";const he=O.default||O;function xe(s,o){const[n,t]=b.useState(null);return[he(o).map(a=>a.props.id===s?b.cloneElement(a,{ref:t}):a),n]}const J=M.forwardRef(({children:s,size:o="md",store:n,...t},r)=>{const a=b.useRef(),v=me(r,a),{orientation:l,selectedId:m}=n.useState(),[i,g]=xe(m,s);return b.createElement(fe,{orientation:l,ref:v,size:o,store:n,...t},i,i.length>1&&b.createElement(K,{activeTab:g,listRef:a,orientation:l}))});J.displayName="TabList";const Y=M.forwardRef(({children:s,store:o,tabId:n,...t},r)=>{const a=o.useState("orientation");return b.createElement(be,{orientation:a,ref:r,store:o,tabId:n,...t},s)});Y.displayName="TabPanel";const B=M.forwardRef(({as:s,children:o,id:n,store:t,...r},a)=>b.createElement(ae,{id:n,render:v=>b.createElement(z,{as:s,...v,ref:a}),store:t,...r},o));B.displayName="Tab";const Pe=Object.assign(B,{List:J,Panel:Y});function ge(s){return se(s)}exports.Tab=Pe;exports.TabComponent=B;exports.useTab=ge;