@okam/stack-ui 1.43.0 → 1.44.1

package/index346.mjs

@@ -1,24 +1,284 @@
-import { useId as l } from "./index185.mjs";
-import { isAppleDevice as a } from "./index250.mjs";
-function d(e) {
-  return a() ? e.altKey : e.ctrlKey;
-}
-function u(e, t) {
-  var o, f;
-  let c = `[data-key="${CSS.escape(String(t))}"]`, r = (o = e.current) === null || o === void 0 ? void 0 : o.dataset.collection;
-  return r && (c = `[data-collection="${CSS.escape(r)}"]${c}`), (f = e.current) === null || f === void 0 ? void 0 : f.querySelector(c);
-}
-const n = /* @__PURE__ */ new WeakMap();
-function b(e) {
-  let t = l();
-  return n.set(e, t), t;
-}
-function s(e) {
-  return n.get(e);
+import { Selection as n } from "./index351.mjs";
+import { compareNodeOrder as r, getFirstItem as d, getChildNodes as u } from "./index352.mjs";
+class h {
+  /**
+  * The type of selection that is allowed in the collection.
+  */
+  get selectionMode() {
+    return this.state.selectionMode;
+  }
+  /**
+  * Whether the collection allows empty selection.
+  */
+  get disallowEmptySelection() {
+    return this.state.disallowEmptySelection;
+  }
+  /**
+  * The selection behavior for the collection.
+  */
+  get selectionBehavior() {
+    return this.state.selectionBehavior;
+  }
+  /**
+  * Sets the selection behavior for the collection.
+  */
+  setSelectionBehavior(t) {
+    this.state.setSelectionBehavior(t);
+  }
+  /**
+  * Whether the collection is currently focused.
+  */
+  get isFocused() {
+    return this.state.isFocused;
+  }
+  /**
+  * Sets whether the collection is focused.
+  */
+  setFocused(t) {
+    this.state.setFocused(t);
+  }
+  /**
+  * The current focused key in the collection.
+  */
+  get focusedKey() {
+    return this.state.focusedKey;
+  }
+  /** Whether the first or last child of the focused key should receive focus. */
+  get childFocusStrategy() {
+    return this.state.childFocusStrategy;
+  }
+  /**
+  * Sets the focused key.
+  */
+  setFocusedKey(t, e) {
+    (t == null || this.collection.getItem(t)) && this.state.setFocusedKey(t, e);
+  }
+  /**
+  * The currently selected keys in the collection.
+  */
+  get selectedKeys() {
+    return this.state.selectedKeys === "all" ? new Set(this.getSelectAllKeys()) : this.state.selectedKeys;
+  }
+  /**
+  * The raw selection value for the collection.
+  * Either 'all' for select all, or a set of keys.
+  */
+  get rawSelection() {
+    return this.state.selectedKeys;
+  }
+  /**
+  * Returns whether a key is selected.
+  */
+  isSelected(t) {
+    if (this.state.selectionMode === "none") return !1;
+    let e = this.getKey(t);
+    return e == null ? !1 : this.state.selectedKeys === "all" ? this.canSelectItem(e) : this.state.selectedKeys.has(e);
+  }
+  /**
+  * Whether the selection is empty.
+  */
+  get isEmpty() {
+    return this.state.selectedKeys !== "all" && this.state.selectedKeys.size === 0;
+  }
+  /**
+  * Whether all items in the collection are selected.
+  */
+  get isSelectAll() {
+    if (this.isEmpty) return !1;
+    if (this.state.selectedKeys === "all") return !0;
+    if (this._isSelectAll != null) return this._isSelectAll;
+    let t = this.getSelectAllKeys(), e = this.state.selectedKeys;
+    return this._isSelectAll = t.every((l) => e.has(l)), this._isSelectAll;
+  }
+  get firstSelectedKey() {
+    let t = null;
+    for (let l of this.state.selectedKeys) {
+      let s = this.collection.getItem(l);
+      (!t || s && r(this.collection, s, t) < 0) && (t = s);
+    }
+    var e;
+    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
+  }
+  get lastSelectedKey() {
+    let t = null;
+    for (let l of this.state.selectedKeys) {
+      let s = this.collection.getItem(l);
+      (!t || s && r(this.collection, s, t) > 0) && (t = s);
+    }
+    var e;
+    return (e = t == null ? void 0 : t.key) !== null && e !== void 0 ? e : null;
+  }
+  get disabledKeys() {
+    return this.state.disabledKeys;
+  }
+  get disabledBehavior() {
+    return this.state.disabledBehavior;
+  }
+  /**
+  * Extends the selection to the given key.
+  */
+  extendSelection(t) {
+    if (this.selectionMode === "none") return;
+    if (this.selectionMode === "single") {
+      this.replaceSelection(t);
+      return;
+    }
+    let e = this.getKey(t);
+    if (e == null) return;
+    let l;
+    if (this.state.selectedKeys === "all") l = new n([
+      e
+    ], e, e);
+    else {
+      let i = this.state.selectedKeys;
+      var s;
+      let a = (s = i.anchorKey) !== null && s !== void 0 ? s : e;
+      l = new n(i, a, e);
+      var o;
+      for (let c of this.getKeyRange(a, (o = i.currentKey) !== null && o !== void 0 ? o : e)) l.delete(c);
+      for (let c of this.getKeyRange(e, a)) this.canSelectItem(c) && l.add(c);
+    }
+    this.state.setSelectedKeys(l);
+  }
+  getKeyRange(t, e) {
+    let l = this.collection.getItem(t), s = this.collection.getItem(e);
+    return l && s ? r(this.collection, l, s) <= 0 ? this.getKeyRangeInternal(t, e) : this.getKeyRangeInternal(e, t) : [];
+  }
+  getKeyRangeInternal(t, e) {
+    var l;
+    if (!((l = this.layoutDelegate) === null || l === void 0) && l.getKeyRange) return this.layoutDelegate.getKeyRange(t, e);
+    let s = [], o = t;
+    for (; o != null; ) {
+      let i = this.collection.getItem(o);
+      if (i && (i.type === "item" || i.type === "cell" && this.allowsCellSelection) && s.push(o), o === e) return s;
+      o = this.collection.getKeyAfter(o);
+    }
+    return [];
+  }
+  getKey(t) {
+    let e = this.collection.getItem(t);
+    if (!e || e.type === "cell" && this.allowsCellSelection) return t;
+    for (; e && e.type !== "item" && e.parentKey != null; ) e = this.collection.getItem(e.parentKey);
+    return !e || e.type !== "item" ? null : e.key;
+  }
+  /**
+  * Toggles whether the given key is selected.
+  */
+  toggleSelection(t) {
+    if (this.selectionMode === "none") return;
+    if (this.selectionMode === "single" && !this.isSelected(t)) {
+      this.replaceSelection(t);
+      return;
+    }
+    let e = this.getKey(t);
+    if (e == null) return;
+    let l = new n(this.state.selectedKeys === "all" ? this.getSelectAllKeys() : this.state.selectedKeys);
+    l.has(e) ? l.delete(e) : this.canSelectItem(e) && (l.add(e), l.anchorKey = e, l.currentKey = e), !(this.disallowEmptySelection && l.size === 0) && this.state.setSelectedKeys(l);
+  }
+  /**
+  * Replaces the selection with only the given key.
+  */
+  replaceSelection(t) {
+    if (this.selectionMode === "none") return;
+    let e = this.getKey(t);
+    if (e == null) return;
+    let l = this.canSelectItem(e) ? new n([
+      e
+    ], e, e) : new n();
+    this.state.setSelectedKeys(l);
+  }
+  /**
+  * Replaces the selection with the given keys.
+  */
+  setSelectedKeys(t) {
+    if (this.selectionMode === "none") return;
+    let e = new n();
+    for (let l of t) {
+      let s = this.getKey(l);
+      if (s != null && (e.add(s), this.selectionMode === "single"))
+        break;
+    }
+    this.state.setSelectedKeys(e);
+  }
+  getSelectAllKeys() {
+    let t = [], e = (l) => {
+      for (; l != null; ) {
+        if (this.canSelectItem(l)) {
+          var s;
+          let i = this.collection.getItem(l);
+          (i == null ? void 0 : i.type) === "item" && t.push(l);
+          var o;
+          i != null && i.hasChildNodes && (this.allowsCellSelection || i.type !== "item") && e((o = (s = d(u(i, this.collection))) === null || s === void 0 ? void 0 : s.key) !== null && o !== void 0 ? o : null);
+        }
+        l = this.collection.getKeyAfter(l);
+      }
+    };
+    return e(this.collection.getFirstKey()), t;
+  }
+  /**
+  * Selects all items in the collection.
+  */
+  selectAll() {
+    !this.isSelectAll && this.selectionMode === "multiple" && this.state.setSelectedKeys("all");
+  }
+  /**
+  * Removes all keys from the selection.
+  */
+  clearSelection() {
+    !this.disallowEmptySelection && (this.state.selectedKeys === "all" || this.state.selectedKeys.size > 0) && this.state.setSelectedKeys(new n());
+  }
+  /**
+  * Toggles between select all and an empty selection.
+  */
+  toggleSelectAll() {
+    this.isSelectAll ? this.clearSelection() : this.selectAll();
+  }
+  select(t, e) {
+    this.selectionMode !== "none" && (this.selectionMode === "single" ? this.isSelected(t) && !this.disallowEmptySelection ? this.toggleSelection(t) : this.replaceSelection(t) : this.selectionBehavior === "toggle" || e && (e.pointerType === "touch" || e.pointerType === "virtual") ? this.toggleSelection(t) : this.replaceSelection(t));
+  }
+  /**
+  * Returns whether the current selection is equal to the given selection.
+  */
+  isSelectionEqual(t) {
+    if (t === this.state.selectedKeys) return !0;
+    let e = this.selectedKeys;
+    if (t.size !== e.size) return !1;
+    for (let l of t)
+      if (!e.has(l)) return !1;
+    for (let l of e)
+      if (!t.has(l)) return !1;
+    return !0;
+  }
+  canSelectItem(t) {
+    var e;
+    if (this.state.selectionMode === "none" || this.state.disabledKeys.has(t)) return !1;
+    let l = this.collection.getItem(t);
+    return !(!l || !(l == null || (e = l.props) === null || e === void 0) && e.isDisabled || l.type === "cell" && !this.allowsCellSelection);
+  }
+  isDisabled(t) {
+    var e, l;
+    return this.state.disabledBehavior === "all" && (this.state.disabledKeys.has(t) || !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.isDisabled));
+  }
+  isLink(t) {
+    var e, l;
+    return !!(!((l = this.collection.getItem(t)) === null || l === void 0 || (e = l.props) === null || e === void 0) && e.href);
+  }
+  getItemProps(t) {
+    var e;
+    return (e = this.collection.getItem(t)) === null || e === void 0 ? void 0 : e.props;
+  }
+  withCollection(t) {
+    return new h(t, this.state, {
+      allowsCellSelection: this.allowsCellSelection,
+      layoutDelegate: this.layoutDelegate || void 0
+    });
+  }
+  constructor(t, e, l) {
+    this.collection = t, this.state = e;
+    var s;
+    this.allowsCellSelection = (s = l == null ? void 0 : l.allowsCellSelection) !== null && s !== void 0 ? s : !1, this._isSelectAll = null, this.layoutDelegate = (l == null ? void 0 : l.layoutDelegate) || null;
+  }
 }
 export {
-  s as getCollectionId,
-  u as getItemElement,
-  d as isNonContiguousSelectionModifier,
-  b as useCollectionId
+  h as SelectionManager
 };

package/index347.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react"),s=1e3;function f(r){let{keyboardDelegate:o,selectionManager:c,onTypeSelect:i}=r,e=l.useRef({search:"",timeout:void 0}).current,u=t=>{let a=g(t.key);if(!(!a||t.ctrlKey||t.metaKey||!t.currentTarget.contains(t.target)||e.search.length===0&&a===" ")){if(a===" "&&e.search.trim().length>0&&(t.preventDefault(),"continuePropagation"in t||t.stopPropagation()),e.search+=a,o.getKeyForSearch!=null){let n=o.getKeyForSearch(e.search,c.focusedKey);n==null&&(n=o.getKeyForSearch(e.search)),n!=null&&(c.setFocusedKey(n),i&&i(n))}clearTimeout(e.timeout),e.timeout=setTimeout(()=>{e.search=""},s)}};return{typeSelectProps:{onKeyDownCapture:o.getKeyForSearch?u:void 0}}}function g(r){return r.length===1||!/^[A-Z]/i.test(r)?r:""}exports.useTypeSelect=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index353.js"),n=require("react");function s(u,l,t){let i=n.useMemo(()=>new d.CollectionBuilder,[]),{children:r,items:o,collection:e}=u;return n.useMemo(()=>{if(e)return e;let c=i.build({children:r,items:o},t);return l(c)},[i,r,o,e,t,l])}exports.useCollection=s;

package/index347.mjs

@@ -1,32 +1,23 @@
-import { useRef as u } from "react";
-const f = 1e3;
-function y(r) {
-  let { keyboardDelegate: o, selectionManager: c, onTypeSelect: i } = r, e = u({
-    search: "",
-    timeout: void 0
-  }).current, l = (t) => {
-    let a = s(t.key);
-    if (!(!a || t.ctrlKey || t.metaKey || !t.currentTarget.contains(t.target) || e.search.length === 0 && a === " ")) {
-      if (a === " " && e.search.trim().length > 0 && (t.preventDefault(), "continuePropagation" in t || t.stopPropagation()), e.search += a, o.getKeyForSearch != null) {
-        let n = o.getKeyForSearch(e.search, c.focusedKey);
-        n == null && (n = o.getKeyForSearch(e.search)), n != null && (c.setFocusedKey(n), i && i(n));
-      }
-      clearTimeout(e.timeout), e.timeout = setTimeout(() => {
-        e.search = "";
-      }, f);
-    }
-  };
-  return {
-    typeSelectProps: {
-      // Using a capturing listener to catch the keydown event before
-      // other hooks in order to handle the Spacebar event.
-      onKeyDownCapture: o.getKeyForSearch ? l : void 0
-    }
-  };
-}
-function s(r) {
-  return r.length === 1 || !/^[A-Z]/i.test(r) ? r : "";
+import { CollectionBuilder as u } from "./index353.mjs";
+import { useMemo as n } from "react";
+function b(d, l, r) {
+  let t = n(() => new u(), []), { children: i, items: o, collection: e } = d;
+  return n(() => {
+    if (e) return e;
+    let c = t.build({
+      children: i,
+      items: o
+    }, r);
+    return l(c);
+  }, [
+    t,
+    i,
+    o,
+    e,
+    r,
+    l
+  ]);
 }
 export {
-  y as useTypeSelect
+  b as useCollection
 };

package/index35.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const i=require("react/jsx-runtime"),F=require("./index170.js"),q=require("@react-aria/i18n"),g=require("react"),o=require("react-aria"),N=require("react-stately"),S=require("./index89.js"),f=require("./index37.js");function j(n){const{themeName:a="datePicker",tokens:e,customTheme:l,segment:s,state:t}=n,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(s,t,c),u=S(`${a}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${a}.dateSegment`,tokens:{...e,className:h?`has-focus-ring ${e==null?void 0:e.className}`:(e==null?void 0:e.className)??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:s.isPlaceholder?"visible":"hidden",height:s.isPlaceholder?"":0,pointerEvents:"none",display:s.isPlaceholder?"block":"none"},children:s.placeholder}),s.isPlaceholder?"":s.text]})})}function k(n){const{themeName:a="datePicker",tokens:e,customTheme:l}=n,{locale:s}=q.useLocale(),t=N.useDateFieldState({...n,locale:s,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=t,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(n,t,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...e};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${a}.dateField`,tokens:m,customTheme:l,children:t.segments.map((P,R)=>i.jsx(j,{themeName:a,tokens:m,segment:P,state:t},R))})}module.exports=k;
+"use strict";const i=require("react/jsx-runtime"),F=require("./index168.js"),q=require("@react-aria/i18n"),g=require("react"),o=require("react-aria"),N=require("react-stately"),S=require("./index89.js"),f=require("./index37.js");function j(n){const{themeName:a="datePicker",tokens:e,customTheme:l,segment:s,state:t}=n,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(s,t,c),u=S(`${a}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${a}.dateSegment`,tokens:{...e,className:h?`has-focus-ring ${e==null?void 0:e.className}`:(e==null?void 0:e.className)??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:s.isPlaceholder?"visible":"hidden",height:s.isPlaceholder?"":0,pointerEvents:"none",display:s.isPlaceholder?"block":"none"},children:s.placeholder}),s.isPlaceholder?"":s.text]})})}function k(n){const{themeName:a="datePicker",tokens:e,customTheme:l}=n,{locale:s}=q.useLocale(),t=N.useDateFieldState({...n,locale:s,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=t,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(n,t,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...e};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${a}.dateField`,tokens:m,customTheme:l,children:t.segments.map((P,R)=>i.jsx(j,{themeName:a,tokens:m,segment:P,state:t},R))})}module.exports=k;

package/index35.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as r, jsxs as F } from "react/jsx-runtime";
-import { createCalendar as b } from "./index170.mjs";
+import { createCalendar as b } from "./index168.mjs";
 import { useLocale as N } from "@react-aria/i18n";
 import { useRef as u } from "react";
 import { useDateField as x, useDateSegment as R, useFocusRing as $, FocusRing as D } from "react-aria";

package/index36.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),a=require("./index37.js"),W=require("./index39.js"),G=require("./index166.js"),J=require("./index3.js"),Q=require("./index34.js"),r=require("./index35.js"),V=require("./index162.js");function X(o){const{popoverPlacement:x="bottom start",placement:P="bottom start",buttonLabel:g,description:d,themeName:t="datePicker",tokens:l,customTheme:j,icon:f,buttonContent:b,innerDateFieldSeparator:c=" - ",outerDateFieldSeparator:u=" - ",invalidIndicator:p="❌",children:q,label:m,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C}=o,y=P??x,s=U.useDateRangePickerState(o),{isInvalid:O,isOpen:T,hasTime:w}=s,i=L.useRef(null),{labelProps:z,descriptionProps:A,groupProps:B,startFieldProps:h,endFieldProps:k,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(o,s,i),n={...l,isInvalid:O,isOpen:T,hasTime:w};return e.jsxs(a.default,{themeName:`${t}.container`,tokens:n,customTheme:j,children:[m&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:m}),d&&e.jsx(a.default,{as:"div",themeName:`${t}.description`,tokens:n,...A,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:i,groupProps:B,buttonProps:E,buttonLabel:g,buttonContent:b,icon:f,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"start"},...h}),u&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:u}),e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:p})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:n,triggerRef:i,state:s,placement:y,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[q,e.jsxs(a.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"start"},...h}),c&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:c}),e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:p})]}),e.jsx(W,{...K,tokens:l})]})})]})}module.exports=X;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),a=require("./index37.js"),W=require("./index39.js"),G=require("./index163.js"),J=require("./index3.js"),Q=require("./index34.js"),r=require("./index35.js"),V=require("./index164.js");function X(o){const{popoverPlacement:x="bottom start",placement:P="bottom start",buttonLabel:g,description:d,themeName:t="datePicker",tokens:l,customTheme:j,icon:f,buttonContent:b,innerDateFieldSeparator:c=" - ",outerDateFieldSeparator:u=" - ",invalidIndicator:p="❌",children:q,label:m,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C}=o,y=P??x,s=U.useDateRangePickerState(o),{isInvalid:O,isOpen:T,hasTime:w}=s,i=L.useRef(null),{labelProps:z,descriptionProps:A,groupProps:B,startFieldProps:h,endFieldProps:k,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(o,s,i),n={...l,isInvalid:O,isOpen:T,hasTime:w};return e.jsxs(a.default,{themeName:`${t}.container`,tokens:n,customTheme:j,children:[m&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:m}),d&&e.jsx(a.default,{as:"div",themeName:`${t}.description`,tokens:n,...A,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:i,groupProps:B,buttonProps:E,buttonLabel:g,buttonContent:b,icon:f,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"start"},...h}),u&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:u}),e.jsx(r,{themeName:t,tokens:{...n,position:"outer",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:p})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:n,triggerRef:i,state:s,placement:y,containerPadding:v,shouldCloseOnInteractOutside:N,arrowBoundaryOffset:$,isNonModal:D,isKeyboardDismissDisabled:F,arrowSize:R,boundaryElement:I,maxHeight:S,shouldUpdatePosition:C,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[q,e.jsxs(a.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"start"},...h}),c&&e.jsx(a.default,{as:"span",themeName:`${t}.dateFieldSeparator`,tokens:n,children:c}),e.jsx(r,{themeName:t,tokens:{...n,position:"inner",range:"end"},...k}),s.isInvalid&&e.jsx(a.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:p})]}),e.jsx(W,{...K,tokens:l})]})})]})}module.exports=X;

package/index36.mjs

@@ -5,11 +5,11 @@ import { useDateRangePicker as q } from "react-aria";
 import { useDateRangePickerState as A } from "react-stately";
 import n from "./index37.mjs";
 import G from "./index39.mjs";
-import { Dialog as J } from "./index166.mjs";
+import { Dialog as J } from "./index163.mjs";
 import Q from "./index3.mjs";
 import { CalendarPopover as V } from "./index34.mjs";
 import i from "./index35.mjs";
-import X from "./index162.mjs";
+import X from "./index164.mjs";
 function de(s) {
   const {
     popoverPlacement: f = "bottom start",

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),B=require("./index170.js"),$=require("@react-aria/i18n"),P=require("react"),v=require("react-aria"),y=require("react-stately"),o=require("./index37.js"),F=require("./index3.js"),S=require("./index171.js"),b=require("./index172.js");function g({buttons:c,tokens:i,customTheme:l,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:d}=$.useLocale(),r=y.useCalendarState({...a,locale:d,value:s,createCalendar:B.createCalendar}),{isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f}=r,j=P.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:R,title:h}=v.useCalendar({...a,value:s},r),t={isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f,...i};return n.jsxs(o.BoxWithForwardRef,{...k,ref:j,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx(F.default,{as:"p",themeName:`${e}.title`,tokens:t,children:h}),n.jsx(b,{themeName:e,tokens:t,buttons:c,prevButtonProps:p,nextButtonProps:R})]}),n.jsx(S,{...u,themeName:e,state:r,tokens:t})]})}module.exports=g;
+"use strict";const n=require("react/jsx-runtime"),B=require("./index168.js"),$=require("@react-aria/i18n"),P=require("react"),v=require("react-aria"),y=require("react-stately"),o=require("./index37.js"),F=require("./index3.js"),S=require("./index169.js"),b=require("./index170.js");function g({buttons:c,tokens:i,customTheme:l,themeName:e="calendar",gridProps:u,value:s,...a}){const{locale:d}=$.useLocale(),r=y.useCalendarState({...a,locale:d,value:s,createCalendar:B.createCalendar}),{isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f}=r,j=P.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:R,title:h}=v.useCalendar({...a,value:s},r),t={isDisabled:x,isReadOnly:q,isValueInvalid:C,isFocused:f,...i};return n.jsxs(o.BoxWithForwardRef,{...k,ref:j,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx(F.default,{as:"p",themeName:`${e}.title`,tokens:t,children:h}),n.jsx(b,{themeName:e,tokens:t,buttons:c,prevButtonProps:p,nextButtonProps:R})]}),n.jsx(S,{...u,themeName:e,state:r,tokens:t})]})}module.exports=g;

package/index38.mjs

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { createCalendar as b } from "./index170.mjs";
+import { createCalendar as b } from "./index168.mjs";
 import { useLocale as y } from "@react-aria/i18n";
 import { useRef as P } from "react";
 import { useCalendar as R } from "react-aria";
 import { useCalendarState as g } from "react-stately";
 import j, { BoxWithForwardRef as v } from "./index37.mjs";
 import F from "./index3.mjs";
-import T from "./index171.mjs";
-import w from "./index172.mjs";
+import T from "./index169.mjs";
+import w from "./index170.mjs";
 function A({
   buttons: i,
   tokens: d,

package/index39.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),j=require("./index170.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index37.js"),$=require("./index3.js"),v=require("./index171.js"),b=require("./index172.js");function y(c){const{buttons:i,tokens:u,customTheme:l,themeName:e="calendar",gridProps:d,...s}=c,{locale:m}=g.useLocale(),r=P.useRangeCalendarState({...s,locale:m,createCalendar:j.createCalendar}),{isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R}=r,a=N.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:C,title:f}=B.useRangeCalendar({...s},r,a),t={isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R,...u};return n.jsxs(o.BoxWithForwardRef,{...k,ref:a,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx($.default,{as:"p",themeName:`${e}.title`,tokens:t,children:f}),n.jsx(b,{themeName:e,tokens:t,buttons:i,prevButtonProps:p,nextButtonProps:C})]}),n.jsx(v,{...d,state:r,themeName:e,tokens:t})]})}module.exports=y;
+"use strict";const n=require("react/jsx-runtime"),j=require("./index168.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index37.js"),$=require("./index3.js"),v=require("./index169.js"),b=require("./index170.js");function y(c){const{buttons:i,tokens:u,customTheme:l,themeName:e="calendar",gridProps:d,...s}=c,{locale:m}=g.useLocale(),r=P.useRangeCalendarState({...s,locale:m,createCalendar:j.createCalendar}),{isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R}=r,a=N.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:C,title:f}=B.useRangeCalendar({...s},r,a),t={isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R,...u};return n.jsxs(o.BoxWithForwardRef,{...k,ref:a,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx($.default,{as:"p",themeName:`${e}.title`,tokens:t,children:f}),n.jsx(b,{themeName:e,tokens:t,buttons:i,prevButtonProps:p,nextButtonProps:C})]}),n.jsx(v,{...d,state:r,themeName:e,tokens:t})]})}module.exports=y;

package/index39.mjs

@@ -1,14 +1,14 @@
 "use client";
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { createCalendar as $ } from "./index170.mjs";
+import { createCalendar as $ } from "./index168.mjs";
 import { useLocale as b } from "@react-aria/i18n";
 import { useRef as B } from "react";
 import { useRangeCalendar as N } from "react-aria";
 import { useRangeCalendarState as P } from "react-stately";
 import v, { BoxWithForwardRef as y } from "./index37.mjs";
 import T from "./index3.mjs";
-import j from "./index171.mjs";
-import F from "./index172.mjs";
+import j from "./index169.mjs";
+import F from "./index170.mjs";
 function z(m) {
   const { buttons: i, tokens: d, customTheme: l, themeName: e = "calendar", gridProps: c, ...a } = m, { locale: p } = b(), o = P({
     ...a,

package/index40.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),m=require("./index173.js"),u=require("./index174.js"),h=require("./index175.js"),x=i=>{const{children:a,transitionComponent:c=m,state:s,themeName:n,tokens:l,...o}=i,{isOpen:r}=s,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:s,...o,children:e.jsx(u,{themeName:n,tokens:t,...o,children:a})})})})};module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),m=require("./index171.js"),u=require("./index172.js"),h=require("./index173.js"),x=i=>{const{children:a,transitionComponent:c=m,state:s,themeName:n,tokens:l,...o}=i,{isOpen:r}=s,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:s,...o,children:e.jsx(u,{themeName:n,tokens:t,...o,children:a})})})})};module.exports=x;

package/index40.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
 import { OverlayContainer as d } from "react-aria";
-import p from "./index173.mjs";
-import c from "./index174.mjs";
-import f from "./index175.mjs";
+import p from "./index171.mjs";
+import c from "./index172.mjs";
+import f from "./index173.mjs";
 const T = (s) => {
   const {
     children: a,

package/index42.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index176.js"),x=require("react-aria"),m=require("./index93.js"),u=require("./index37.js"),d=require("./index3.js"),R=r=>{const{label:o,isError:n=!1,errorMessage:s,isDisabled:t=!1,children:c,themeName:i="radioGroup",tokens:l}=r,a=h.useRadioGroupState(r),{radioGroupProps:G}=x.useRadioGroup(r,a),p={...l,isDisabled:t};return e.jsxs(u.default,{...G,"aria-disabled":t,themeName:`${i}.radioGroup`,tokens:p,children:[o&&e.jsx(d.default,{tokens:{size:"h6"},children:o}),e.jsx(u.default,{themeName:`${i}.radioGroupItemsGroup`,children:e.jsx(m.RadioGroupProvider,{state:a,children:c})}),n&&s&&e.jsx(d.default,{tokens:{isError:!0},children:s})]})};module.exports=R;
+"use strict";const e=require("react/jsx-runtime"),h=require("./index174.js"),x=require("react-aria"),m=require("./index93.js"),u=require("./index37.js"),d=require("./index3.js"),R=r=>{const{label:o,isError:n=!1,errorMessage:s,isDisabled:t=!1,children:c,themeName:i="radioGroup",tokens:l}=r,a=h.useRadioGroupState(r),{radioGroupProps:G}=x.useRadioGroup(r,a),p={...l,isDisabled:t};return e.jsxs(u.default,{...G,"aria-disabled":t,themeName:`${i}.radioGroup`,tokens:p,children:[o&&e.jsx(d.default,{tokens:{size:"h6"},children:o}),e.jsx(u.default,{themeName:`${i}.radioGroupItemsGroup`,children:e.jsx(m.RadioGroupProvider,{state:a,children:c})}),n&&s&&e.jsx(d.default,{tokens:{isError:!0},children:s})]})};module.exports=R;

package/index42.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index176.mjs";
+import { useRadioGroupState as h } from "./index174.mjs";
 import { useRadioGroup as G } from "react-aria";
 import { RadioGroupProvider as b } from "./index93.mjs";
 import d from "./index37.mjs";

package/index44.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index92.js"),l=require("./index91.js"),x=require("./index177.js"),r=require("./index37.js"),p=require("./index178.js"),q=c=>{const{id:o="main-menu",children:u,PanelTransition:m=x,themeName:e,tokens:n,customTheme:a,...d}=c,{overlayState:i}=l.useSidePanel(),{closeBtn:s}=h.useMenu();return t.jsx(m,{themeName:`${e}.panelTransition`,tokens:n,isVisible:i==null?void 0:i.isOpen,children:t.jsxs(r.default,{themeName:`${e}.wrapper`,tokens:n,children:[s&&s(),t.jsx(r.default,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...d,children:u})})]})})};module.exports=q;
+"use strict";const t=require("react/jsx-runtime"),h=require("./index92.js"),l=require("./index91.js"),x=require("./index175.js"),r=require("./index37.js"),p=require("./index176.js"),q=c=>{const{id:o="main-menu",children:u,PanelTransition:m=x,themeName:e,tokens:n,customTheme:a,...d}=c,{overlayState:i}=l.useSidePanel(),{closeBtn:s}=h.useMenu();return t.jsx(m,{themeName:`${e}.panelTransition`,tokens:n,isVisible:i==null?void 0:i.isOpen,children:t.jsxs(r.default,{themeName:`${e}.wrapper`,tokens:n,children:[s&&s(),t.jsx(r.default,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...d,children:u})})]})})};module.exports=q;

package/index44.mjs

@@ -2,9 +2,9 @@
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
 import { useMenu as d } from "./index92.mjs";
 import { useSidePanel as u } from "./index91.mjs";
-import f from "./index177.mjs";
+import f from "./index175.mjs";
 import i from "./index37.mjs";
-import N from "./index178.mjs";
+import N from "./index176.mjs";
 const M = (o) => {
   const {
     id: s = "main-menu",

package/index45.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("./index92.js"),q=require("./index10.js"),j=require("./index178.js"),P=o=>{const{id:n="main-menu",children:c,TransitionAnimation:u,PanelTransition:d,themeName:t,tokens:s,customTheme:i,...l}=o,{closeBtn:m,tabState:e,defaultSelectedKey:a}=x.useMenu();return r.jsx(q,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:m,id:n,TransitionAnimation:u,PanelTransition:d,onOpenChange:h=>{h||e==null||e.setSelectedKey(a)},children:r.jsx(j,{id:n,themeName:t,tokens:s,customTheme:i,...l,children:c})})};module.exports=P;
+"use strict";const r=require("react/jsx-runtime"),x=require("./index92.js"),q=require("./index10.js"),j=require("./index176.js"),P=o=>{const{id:n="main-menu",children:c,TransitionAnimation:u,PanelTransition:d,themeName:t,tokens:s,customTheme:i,...l}=o,{closeBtn:m,tabState:e,defaultSelectedKey:a}=x.useMenu();return r.jsx(q,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:m,id:n,TransitionAnimation:u,PanelTransition:d,onOpenChange:h=>{h||e==null||e.setSelectedKey(a)},children:r.jsx(j,{id:n,themeName:t,tokens:s,customTheme:i,...l,children:c})})};module.exports=P;

package/index45.mjs

@@ -2,7 +2,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import { useMenu as h } from "./index92.mjs";
 import p from "./index10.mjs";
-import P from "./index178.mjs";
+import P from "./index176.mjs";
 const B = (m) => {
   const {
     id: n = "main-menu",

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index106.js"),d=require("./index177.js"),x=require("./index15.js"),y=require("./index163.js"),C=require("./index49.js"),B=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=B;
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index106.js"),d=require("./index175.js"),x=require("./index15.js"),y=require("./index177.js"),C=require("./index49.js"),B=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=B;

package/index48.mjs

@@ -3,9 +3,9 @@ import { jsxs as g, jsx as n } from "react/jsx-runtime";
 import { useRef as h } from "react";
 import { useOverlayTriggerState as O } from "react-stately";
 import d from "./index106.mjs";
-import y from "./index177.mjs";
+import y from "./index175.mjs";
 import C from "./index15.mjs";
-import B from "./index163.mjs";
+import B from "./index177.mjs";
 import b from "./index49.mjs";
 const I = (e) => {
   const {

package/index52.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),$=require("react-stately"),m=require("./index37.js"),n=require("./index3.js"),P=require("./index179.js"),R=s=>{const{themeName:e="tagGroup",tokens:r,customTheme:d,as:h,label:c,description:i,errorMessage:u,removeButtonProps:p={children:"❌"}}=s,l=q.useRef(null),o=$.useListState(s),{gridProps:x,labelProps:g,descriptionProps:f,errorMessageProps:j}=N.useTagGroup(s,o,l);return t.jsxs(m.default,{as:h,themeName:`${e}.wrapper`,tokens:r,customTheme:d,children:[c&&t.jsx(n.default,{themeName:`${e}.label`,tokens:r,...g,children:c}),t.jsx(m.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:l,...x,children:[...o.collection].map(a=>t.jsx(P,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:p,...a.props}},state:o},a.key))}),i&&t.jsx(n.default,{themeName:`${e}.description`,tokens:r,...f,children:i}),u&&t.jsx(n.default,{themeName:`${e}.errorMessage`,tokens:r,...j,children:u})]})};module.exports=R;
+"use strict";const t=require("react/jsx-runtime"),q=require("react"),N=require("react-aria"),$=require("react-stately"),m=require("./index37.js"),n=require("./index3.js"),P=require("./index178.js"),R=s=>{const{themeName:e="tagGroup",tokens:r,customTheme:d,as:h,label:c,description:i,errorMessage:u,removeButtonProps:p={children:"❌"}}=s,l=q.useRef(null),o=$.useListState(s),{gridProps:x,labelProps:g,descriptionProps:f,errorMessageProps:j}=N.useTagGroup(s,o,l);return t.jsxs(m.default,{as:h,themeName:`${e}.wrapper`,tokens:r,customTheme:d,children:[c&&t.jsx(n.default,{themeName:`${e}.label`,tokens:r,...g,children:c}),t.jsx(m.BoxWithForwardRef,{themeName:`${e}.tags`,tokens:r,ref:l,...x,children:[...o.collection].map(a=>t.jsx(P,{themeName:`${e}.tag`,tokens:r,item:{...a,props:{removeButtonProps:p,...a.props}},state:o},a.key))}),i&&t.jsx(n.default,{themeName:`${e}.description`,tokens:r,...f,children:i}),u&&t.jsx(n.default,{themeName:`${e}.errorMessage`,tokens:r,...j,children:u})]})};module.exports=R;

package/index52.mjs

@@ -5,7 +5,7 @@ import { useTagGroup as P } from "react-aria";
 import { useListState as T } from "react-stately";
 import b, { BoxWithForwardRef as y } from "./index37.mjs";
 import a from "./index3.mjs";
-import B from "./index179.mjs";
+import B from "./index178.mjs";
 const F = (t) => {
   const {
     themeName: e = "tagGroup",

package/index54.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),T=require("./index180.js"),k=require("./index181.js"),x=require("react"),q=require("./index177.js"),a=require("./index37.js"),L=require("./index57.js"),f=require("./index56.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";const s=require("react/jsx-runtime"),T=require("./index179.js"),k=require("./index180.js"),x=require("react"),q=require("./index175.js"),a=require("./index37.js"),L=require("./index57.js"),f=require("./index56.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/index54.mjs

@@ -1,9 +1,9 @@
 "use client";
 import { jsxs as b, jsx as o } from "react/jsx-runtime";
-import { useTabList as $ } from "./index180.mjs";
-import { useTabListState as k } from "./index181.mjs";
+import { useTabList as $ } from "./index179.mjs";
+import { useTabListState as k } from "./index180.mjs";
 import { useRef as T } from "react";
-import u from "./index177.mjs";
+import u from "./index175.mjs";
 import s, { BoxWithForwardRef as x } from "./index37.mjs";
 import N from "./index57.mjs";
 import L from "./index56.mjs";

package/index56.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const a=require("react/jsx-runtime"),m=require("./index182.js"),h=require("react"),d=require("./index177.js"),b=require("./index37.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,id:P,...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";const a=require("react/jsx-runtime"),m=require("./index181.js"),h=require("react"),d=require("./index175.js"),b=require("./index37.js"),x=e=>{var i;const{state:t,customTheme:o,themeName:n="tabList.panel",tokens:s,panelTransition:c=d,id:P,...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/index56.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useTabPanel as f } from "./index182.mjs";
+import { useTabPanel as f } from "./index181.mjs";
 import { useRef as p } from "react";
-import d from "./index177.mjs";
+import d from "./index175.mjs";
 import { BoxWithForwardRef as h } from "./index37.mjs";
 const N = (e) => {
   var o;