@okam/stack-ui 1.35.7 → 1.36.0

package/index315.mjs

@@ -0,0 +1,284 @@
+import { Selection as n } from "./index320.mjs";
+import { compareNodeOrder as r, getFirstItem as d, getChildNodes as u } from "./index321.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 {
+  h as SelectionManager
+};

package/index316.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index322.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/index316.mjs

@@ -0,0 +1,23 @@
+import { CollectionBuilder as u } from "./index322.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 {
+  b as useCollection
+};

package/index317.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(t,e){return e.get?e.get.call(t):e.value}exports._=l;

package/index317.mjs

@@ -0,0 +1,6 @@
+function a(t, e) {
+  return e.get ? e.get.call(t) : e.value;
+}
+export {
+  a as _
+};

package/index318.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e,n){if(!e.has(t))throw new TypeError("attempted to "+n+" private field on non-instance");return e.get(t)}exports._=o;

package/index318.mjs

@@ -0,0 +1,7 @@
+function o(t, e, n) {
+  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
+  return e.get(t);
+}
+export {
+  o as _
+};

package/index319.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(l,e,t){if(e.set)e.set.call(l,t);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=t}}exports._=a;

package/index319.mjs

@@ -0,0 +1,11 @@
+function l(a, e, t) {
+  if (e.set) e.set.call(a, t);
+  else {
+    if (!e.writable)
+      throw new TypeError("attempted to set read only private field");
+    e.value = t;
+  }
+}
+export {
+  l as _
+};

package/index32.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index135.js"),x=require("react-aria"),m=require("./index73.js"),u=require("./index27.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("./index141.js"),x=require("react-aria"),m=require("./index77.js"),u=require("./index27.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/index32.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index135.mjs";
+import { useRadioGroupState as h } from "./index141.mjs";
 import { useRadioGroup as G } from "react-aria";
-import { RadioGroupProvider as b } from "./index73.mjs";
+import { RadioGroupProvider as b } from "./index77.mjs";
 import d from "./index27.mjs";
 import m from "./index3.mjs";
 const j = (o) => {

package/index320.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});class o extends Set{constructor(t,l,i){super(t),t instanceof o?(this.anchorKey=l??t.anchorKey,this.currentKey=i??t.currentKey):(this.anchorKey=l??null,this.currentKey=i??null)}}exports.Selection=o;

package/index320.mjs

@@ -0,0 +1,8 @@
+class t extends Set {
+  constructor(s, l, i) {
+    super(s), s instanceof t ? (this.anchorKey = l ?? s.anchorKey, this.currentKey = i ?? s.currentKey) : (this.anchorKey = l ?? null, this.currentKey = i ?? null);
+  }
+}
+export {
+  t as Selection
+};

package/index321.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(n,e){return typeof e.getChildren=="function"?e.getChildren(n.key):n.childNodes}function l(n){return o(n)}function o(n,e){for(let t of n)return t}function s(n,e,t){if(e.parentKey===t.parentKey)return e.index-t.index;let r=[...c(n,e),e],f=[...c(n,t),t],d=r.slice(0,f.length).findIndex((i,u)=>i!==f[u]);return d!==-1?(e=r[d],t=f[d],e.index-t.index):r.findIndex(i=>i===t)>=0?1:(f.findIndex(i=>i===e)>=0,-1)}function c(n,e){let t=[],r=e;for(;(r==null?void 0:r.parentKey)!=null;)r=n.getItem(r.parentKey),r&&t.unshift(r);return t}exports.compareNodeOrder=s;exports.getChildNodes=a;exports.getFirstItem=l;exports.getNthItem=o;

package/index321.mjs

@@ -0,0 +1,33 @@
+function a(n, e) {
+  return typeof e.getChildren == "function" ? e.getChildren(n.key) : n.childNodes;
+}
+function s(n) {
+  return u(n);
+}
+function u(n, e) {
+  for (let t of n)
+    return t;
+}
+function $(n, e, t) {
+  if (e.parentKey === t.parentKey) return e.index - t.index;
+  let r = [
+    ...c(n, e),
+    e
+  ], f = [
+    ...c(n, t),
+    t
+  ], d = r.slice(0, f.length).findIndex((i, o) => i !== f[o]);
+  return d !== -1 ? (e = r[d], t = f[d], e.index - t.index) : r.findIndex((i) => i === t) >= 0 ? 1 : (f.findIndex((i) => i === e) >= 0, -1);
+}
+function c(n, e) {
+  let t = [], r = e;
+  for (; (r == null ? void 0 : r.parentKey) != null; )
+    r = n.getItem(r.parentKey), r && t.unshift(r);
+  return t;
+}
+export {
+  $ as compareNodeOrder,
+  a as getChildNodes,
+  s as getFirstItem,
+  u as getNthItem
+};

package/index322.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react");class I{build(e,l){return this.context=l,V(()=>this.iterateCollection(e))}*iterateCollection(e){let{children:l,items:u}=e;if(y.isValidElement(l)&&l.type===y.Fragment)yield*this.iterateCollection({children:l.props.children,items:u});else if(typeof l=="function"){if(!u)throw new Error("props.children was a function but props.items is missing");let n=0;for(let r of u)yield*this.getFullNode({value:r,index:n},{renderer:l}),n++}else{let n=[];y.Children.forEach(l,t=>{t&&n.push(t)});let r=0;for(let t of n){let d=this.getFullNode({element:t,index:r},{});for(let m of d)r++,yield m}}}getKey(e,l,u,n){if(e.key!=null)return e.key;if(l.type==="cell"&&l.key!=null)return`${n}${l.key}`;let r=l.value;if(r!=null){var t;let d=(t=r.key)!==null&&t!==void 0?t:r.id;if(d==null)throw new Error("No key found for item");return d}return n?`${n}.${l.index}`:`$.${l.index}`}getChildState(e,l){return{renderer:l.renderer||e.renderer}}*getFullNode(e,l,u,n){if(y.isValidElement(e.element)&&e.element.type===y.Fragment){let i=[];y.Children.forEach(e.element.props.children,f=>{i.push(f)});var r;let s=(r=e.index)!==null&&r!==void 0?r:0;for(const f of i)yield*this.getFullNode({element:f,index:s++},l,u,n);return}let t=e.element;if(!t&&e.value&&l&&l.renderer){let i=this.cache.get(e.value);if(i&&(!i.shouldInvalidate||!i.shouldInvalidate(this.context))){i.index=e.index,i.parentKey=n?n.key:null,yield i;return}t=l.renderer(e.value)}if(y.isValidElement(t)){let i=t.type;if(typeof i!="function"&&typeof i.getCollectionNode!="function"){let c=t.type;throw new Error(`Unknown element <${c}> in collection.`)}let s=i.getCollectionNode(t.props,this.context);var d;let f=(d=e.index)!==null&&d!==void 0?d:0,v=s.next();for(;!v.done&&v.value;){let c=v.value;e.index=f;var m;let C=(m=c.key)!==null&&m!==void 0?m:null;C==null&&(C=c.element?null:this.getKey(t,e,l,u));let S=[...this.getFullNode({...c,key:C,index:f,wrapper:p(e.wrapper,c.wrapper)},this.getChildState(l,c),u?`${u}${t.key}`:t.key,n)];for(let h of S){var x,k;h.value=(k=(x=c.value)!==null&&x!==void 0?x:e.value)!==null&&k!==void 0?k:null,h.value&&this.cache.set(h.value,h);var g;if(e.type&&h.type!==e.type)throw new Error(`Unsupported type <${E(h.type)}> in <${E((g=n==null?void 0:n.type)!==null&&g!==void 0?g:"unknown parent type")}>. Only <${E(e.type)}> is supported.`);f++,yield h}v=s.next(S)}return}if(e.key==null||e.type==null)return;let F=this;var w,b;let $={type:e.type,props:e.props,key:e.key,parentKey:n?n.key:null,value:(w=e.value)!==null&&w!==void 0?w:null,level:n?n.level+1:0,index:e.index,rendered:e.rendered,textValue:(b=e.textValue)!==null&&b!==void 0?b:"","aria-label":e["aria-label"],wrapper:e.wrapper,shouldInvalidate:e.shouldInvalidate,hasChildNodes:e.hasChildNodes||!1,childNodes:V(function*(){if(!e.hasChildNodes||!e.childNodes)return;let i=0;for(let s of e.childNodes()){s.key!=null&&(s.key=`${$.key}${s.key}`);let f=F.getFullNode({...s,index:i},F.getChildState(l,s),$.key,$);for(let v of f)i++,yield v}})};yield $}constructor(){this.cache=new WeakMap}}function V(o){let e=[],l=null;return{*[Symbol.iterator](){for(let u of e)yield u;l||(l=o());for(let u of l)e.push(u),yield u}}}function p(o,e){if(o&&e)return l=>o(e(l));if(o)return o;if(e)return e}function E(o){return o[0].toUpperCase()+o.slice(1)}exports.CollectionBuilder=I;

package/index322.mjs

@@ -0,0 +1,170 @@
+import y from "react";
+class z {
+  build(e, l) {
+    return this.context = l, p(() => this.iterateCollection(e));
+  }
+  *iterateCollection(e) {
+    let { children: l, items: u } = e;
+    if (y.isValidElement(l) && l.type === y.Fragment) yield* this.iterateCollection({
+      children: l.props.children,
+      items: u
+    });
+    else if (typeof l == "function") {
+      if (!u) throw new Error("props.children was a function but props.items is missing");
+      let n = 0;
+      for (let r of u)
+        yield* this.getFullNode({
+          value: r,
+          index: n
+        }, {
+          renderer: l
+        }), n++;
+    } else {
+      let n = [];
+      y.Children.forEach(l, (t) => {
+        t && n.push(t);
+      });
+      let r = 0;
+      for (let t of n) {
+        let d = this.getFullNode({
+          element: t,
+          index: r
+        }, {});
+        for (let m of d)
+          r++, yield m;
+      }
+    }
+  }
+  getKey(e, l, u, n) {
+    if (e.key != null) return e.key;
+    if (l.type === "cell" && l.key != null) return `${n}${l.key}`;
+    let r = l.value;
+    if (r != null) {
+      var t;
+      let d = (t = r.key) !== null && t !== void 0 ? t : r.id;
+      if (d == null) throw new Error("No key found for item");
+      return d;
+    }
+    return n ? `${n}.${l.index}` : `$.${l.index}`;
+  }
+  getChildState(e, l) {
+    return {
+      renderer: l.renderer || e.renderer
+    };
+  }
+  *getFullNode(e, l, u, n) {
+    if (y.isValidElement(e.element) && e.element.type === y.Fragment) {
+      let i = [];
+      y.Children.forEach(e.element.props.children, (s) => {
+        i.push(s);
+      });
+      var r;
+      let o = (r = e.index) !== null && r !== void 0 ? r : 0;
+      for (const s of i) yield* this.getFullNode({
+        element: s,
+        index: o++
+      }, l, u, n);
+      return;
+    }
+    let t = e.element;
+    if (!t && e.value && l && l.renderer) {
+      let i = this.cache.get(e.value);
+      if (i && (!i.shouldInvalidate || !i.shouldInvalidate(this.context))) {
+        i.index = e.index, i.parentKey = n ? n.key : null, yield i;
+        return;
+      }
+      t = l.renderer(e.value);
+    }
+    if (y.isValidElement(t)) {
+      let i = t.type;
+      if (typeof i != "function" && typeof i.getCollectionNode != "function") {
+        let h = t.type;
+        throw new Error(`Unknown element <${h}> in collection.`);
+      }
+      let o = i.getCollectionNode(t.props, this.context);
+      var d;
+      let s = (d = e.index) !== null && d !== void 0 ? d : 0, v = o.next();
+      for (; !v.done && v.value; ) {
+        let h = v.value;
+        e.index = s;
+        var m;
+        let b = (m = h.key) !== null && m !== void 0 ? m : null;
+        b == null && (b = h.element ? null : this.getKey(t, e, l, u));
+        let V = [
+          ...this.getFullNode({
+            ...h,
+            key: b,
+            index: s,
+            wrapper: I(e.wrapper, h.wrapper)
+          }, this.getChildState(l, h), u ? `${u}${t.key}` : t.key, n)
+        ];
+        for (let c of V) {
+          var x, k;
+          c.value = (k = (x = h.value) !== null && x !== void 0 ? x : e.value) !== null && k !== void 0 ? k : null, c.value && this.cache.set(c.value, c);
+          var w;
+          if (e.type && c.type !== e.type) throw new Error(`Unsupported type <${E(c.type)}> in <${E((w = n == null ? void 0 : n.type) !== null && w !== void 0 ? w : "unknown parent type")}>. Only <${E(e.type)}> is supported.`);
+          s++, yield c;
+        }
+        v = o.next(V);
+      }
+      return;
+    }
+    if (e.key == null || e.type == null) return;
+    let F = this;
+    var g, C;
+    let $ = {
+      type: e.type,
+      props: e.props,
+      key: e.key,
+      parentKey: n ? n.key : null,
+      value: (g = e.value) !== null && g !== void 0 ? g : null,
+      level: n ? n.level + 1 : 0,
+      index: e.index,
+      rendered: e.rendered,
+      textValue: (C = e.textValue) !== null && C !== void 0 ? C : "",
+      "aria-label": e["aria-label"],
+      wrapper: e.wrapper,
+      shouldInvalidate: e.shouldInvalidate,
+      hasChildNodes: e.hasChildNodes || !1,
+      childNodes: p(function* () {
+        if (!e.hasChildNodes || !e.childNodes) return;
+        let i = 0;
+        for (let o of e.childNodes()) {
+          o.key != null && (o.key = `${$.key}${o.key}`);
+          let s = F.getFullNode({
+            ...o,
+            index: i
+          }, F.getChildState(l, o), $.key, $);
+          for (let v of s)
+            i++, yield v;
+        }
+      })
+    };
+    yield $;
+  }
+  constructor() {
+    this.cache = /* @__PURE__ */ new WeakMap();
+  }
+}
+function p(f) {
+  let e = [], l = null;
+  return {
+    *[Symbol.iterator]() {
+      for (let u of e) yield u;
+      l || (l = f());
+      for (let u of l)
+        e.push(u), yield u;
+    }
+  };
+}
+function I(f, e) {
+  if (f && e) return (l) => f(e(l));
+  if (f) return f;
+  if (e) return e;
+}
+function E(f) {
+  return f[0].toUpperCase() + f.slice(1);
+}
+export {
+  z as CollectionBuilder
+};

package/index33.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index69.js"),m=({isVisible:e,children:s,themeName:n,tokens:r,customTheme:i})=>{const a=u(n,r,i);return t.useTransition(e,{from:{opacity:0,translateX:"100%"},enter:{opacity:1,translateX:"0%"},leave:{opacity:0,translateX:"25%"}})((o,c)=>c&&l.jsx(t.animated.div,{className:a,style:o,children:s}))};module.exports=m;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index73.js"),m=({isVisible:e,children:s,themeName:n,tokens:r,customTheme:i})=>{const a=u(n,r,i);return t.useTransition(e,{from:{opacity:0,translateX:"100%"},enter:{opacity:1,translateX:"0%"},leave:{opacity:0,translateX:"25%"}})((o,c)=>c&&l.jsx(t.animated.div,{className:a,style:o,children:s}))};module.exports=m;

package/index33.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
 import { useTransition as l, animated as c } from "@react-spring/web";
-import p from "./index69.mjs";
+import p from "./index73.mjs";
 const h = ({ isVisible: t, children: e, themeName: a, tokens: o, customTheme: r }) => {
   const n = p(a, o, r);
   return l(t, {

package/index34.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index72.js"),l=require("./index71.js"),x=require("./index136.js"),r=require("./index27.js"),p=require("./index137.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("./index76.js"),l=require("./index75.js"),x=require("./index142.js"),r=require("./index27.js"),p=require("./index143.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/index34.mjs

@@ -1,10 +1,10 @@
 "use client";
 import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useMenu as d } from "./index72.mjs";
-import { useSidePanel as u } from "./index71.mjs";
-import f from "./index136.mjs";
+import { useMenu as d } from "./index76.mjs";
+import { useSidePanel as u } from "./index75.mjs";
+import f from "./index142.mjs";
 import i from "./index27.mjs";
-import N from "./index137.mjs";
+import N from "./index143.mjs";
 const M = (o) => {
   const {
     id: s = "main-menu",

package/index35.js

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

package/index35.mjs

@@ -1,8 +1,8 @@
 "use client";
 import { jsx as i } from "react/jsx-runtime";
-import { useMenu as f } from "./index72.mjs";
+import { useMenu as f } from "./index76.mjs";
 import h from "./index8.mjs";
-import p from "./index137.mjs";
+import p from "./index143.mjs";
 const T = (m) => {
   const {
     id: n = "main-menu",

package/index36.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const f=require("react/jsx-runtime"),c=require("react"),y=require("./index72.js"),$=require("./index27.js"),N=require("./index6.js"),j=i=>{const{tabState:s,defaultSelectedKey:r}=y.useMenu(),{setSelectedKey:t}=s,{id:l,path:n,label:u,themeName:h="button",tokens:e,customTheme:d,target:x,children:b,childItems:m,as:o,...k}=i,a=n==null?void 0:n.substring(1),p=c.useCallback(()=>{if(a!=null){if(s.selectedKey===a){t(r);return}t(a)}},[a,s.selectedKey,t,r]);return c.createElement(N.default,{...k,themeName:`${h}`,tokens:e,customTheme:d,key:`button-${l}`,handlePress:p,as:o},c.isValidElement(b)?b:u)},E=i=>{const{id:s,target:r,path:t,label:l,themeName:n="anchor",customTheme:u,tokens:h,nextLinkProps:e,children:d,as:x,childItems:b,...m}=i,o=c.useRef(null);return t==null||l==null?null:c.createElement(N.Anchor,{...m,themeName:`${n}`,tokens:h,customTheme:u,nextLinkProps:{scroll:!1,href:t,...e},ref:o,key:`link-${s}`,target:r??"_self",as:x},c.isValidElement(d)?d:l)},q=i=>{const{menuItems:s,children:r,themeName:t="menuItem",tokens:l,customTheme:n,menuLinkComponent:u,buttonLinkComponent:h}=i;return f.jsxs($.default,{themeName:`${t}.wrapper`,tokens:l,customTheme:n,children:[f.jsx($.default,{themeName:`${t}.container`,tokens:l,customTheme:n,children:s==null?void 0:s.map(e=>{var p;const{id:d,path:x,label:b,as:m,...o}=e??{},k={...l,...e.tokens};if((e==null?void 0:e.path)==null||e.id==null)return null;const a=(p=e.path)!=null&&p.startsWith("#")?"button":"a";return f.jsx($.default,{themeName:`${t}.innerContent`,tokens:k,customTheme:n,children:a==="button"?f.jsx(j,{...o,...e,themeName:`${t}.button`,tokens:k,customTheme:n,as:m??h}):f.jsx(E,{...o,...e,themeName:`${t}.anchor`,tokens:k,customTheme:n,as:m??u})},`li-${e.id}`)})}),r]})};module.exports=q;
+"use strict";const f=require("react/jsx-runtime"),c=require("react"),y=require("./index76.js"),$=require("./index27.js"),N=require("./index6.js"),j=i=>{const{tabState:s,defaultSelectedKey:r}=y.useMenu(),{setSelectedKey:t}=s,{id:l,path:n,label:u,themeName:h="button",tokens:e,customTheme:d,target:x,children:b,childItems:m,as:o,...k}=i,a=n==null?void 0:n.substring(1),p=c.useCallback(()=>{if(a!=null){if(s.selectedKey===a){t(r);return}t(a)}},[a,s.selectedKey,t,r]);return c.createElement(N.default,{...k,themeName:`${h}`,tokens:e,customTheme:d,key:`button-${l}`,handlePress:p,as:o},c.isValidElement(b)?b:u)},E=i=>{const{id:s,target:r,path:t,label:l,themeName:n="anchor",customTheme:u,tokens:h,nextLinkProps:e,children:d,as:x,childItems:b,...m}=i,o=c.useRef(null);return t==null||l==null?null:c.createElement(N.Anchor,{...m,themeName:`${n}`,tokens:h,customTheme:u,nextLinkProps:{scroll:!1,href:t,...e},ref:o,key:`link-${s}`,target:r??"_self",as:x},c.isValidElement(d)?d:l)},q=i=>{const{menuItems:s,children:r,themeName:t="menuItem",tokens:l,customTheme:n,menuLinkComponent:u,buttonLinkComponent:h}=i;return f.jsxs($.default,{themeName:`${t}.wrapper`,tokens:l,customTheme:n,children:[f.jsx($.default,{themeName:`${t}.container`,tokens:l,customTheme:n,children:s==null?void 0:s.map(e=>{var p;const{id:d,path:x,label:b,as:m,...o}=e??{},k={...l,...e.tokens};if((e==null?void 0:e.path)==null||e.id==null)return null;const a=(p=e.path)!=null&&p.startsWith("#")?"button":"a";return f.jsx($.default,{themeName:`${t}.innerContent`,tokens:k,customTheme:n,children:a==="button"?f.jsx(j,{...o,...e,themeName:`${t}.button`,tokens:k,customTheme:n,as:m??h}):f.jsx(E,{...o,...e,themeName:`${t}.anchor`,tokens:k,customTheme:n,as:m??u})},`li-${e.id}`)})}),r]})};module.exports=q;