@okam/stack-ui 1.41.1 → 1.42.0

package/index278.mjs

@@ -1,12 +1,46 @@
-import { e as i, c as m } from "./index210.mjs";
-function o(f, a, n, l) {
-  return f.params.createElements && Object.keys(l).forEach((e) => {
-    if (!n[e] && n.auto === !0) {
-      let t = i(f.el, `.${l[e]}`)[0];
-      t || (t = m("div", l[e]), t.className = l[e], f.el.append(t)), n[e] = t, a[e] = t;
-    }
-  }), n;
+class r {
+  getKeyLeftOf(e) {
+    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
+  }
+  getKeyRightOf(e) {
+    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
+  }
+  isDisabled(e) {
+    var t, i;
+    return this.disabledKeys.has(e) || !!(!((i = this.collection.getItem(e)) === null || i === void 0 || (t = i.props) === null || t === void 0) && t.isDisabled);
+  }
+  getFirstKey() {
+    let e = this.collection.getFirstKey();
+    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
+  }
+  getLastKey() {
+    let e = this.collection.getLastKey();
+    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
+  }
+  getKeyAbove(e) {
+    return this.tabDirection ? null : this.getPreviousKey(e);
+  }
+  getKeyBelow(e) {
+    return this.tabDirection ? null : this.getNextKey(e);
+  }
+  getNextKey(e) {
+    let t = e;
+    do
+      t = this.collection.getKeyAfter(t), t == null && (t = this.collection.getFirstKey());
+    while (t != null && this.isDisabled(t));
+    return t;
+  }
+  getPreviousKey(e) {
+    let t = e;
+    do
+      t = this.collection.getKeyBefore(t), t == null && (t = this.collection.getLastKey());
+    while (t != null && this.isDisabled(t));
+    return t;
+  }
+  constructor(e, t, i, s = /* @__PURE__ */ new Set()) {
+    this.collection = e, this.flipDirection = t === "rtl" && i === "horizontal", this.disabledKeys = s, this.tabDirection = i === "horizontal";
+  }
 }
 export {
-  o as c
+  r as TabsKeyboardDelegate
 };

package/index279.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e===void 0&&(e=""),`.${e.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}exports.c=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("./index335.js"),fe=require("./index336.js"),$=require("./index153.js"),H=require("./index259.js"),ae=require("./index260.js"),j=require("./index263.js"),w=require("./index268.js"),O=require("./index270.js"),G=require("./index269.js"),J=require("./index273.js"),b=require("./index274.js"),de=require("react-dom"),p=require("react"),Q=require("./index326.js"),X=require("./index334.js"),Y=require("@react-aria/focus"),ve=require("@react-aria/i18n");function ye(Z){let{selectionManager:e,keyboardDelegate:t,ref:i,autoFocus:P=!1,shouldFocusWrap:S=!1,disallowEmptySelection:_=!1,disallowSelectAll:ee=!1,escapeKeyBehavior:le="clearSelection",selectOnFocus:m=e.selectionBehavior==="replace",disallowTypeAhead:te=!1,shouldUseVirtualFocus:K,allowsTabNavigation:oe=!1,isVirtualized:L,scrollRef:f=i,linkBehavior:N="action"}=Z,{direction:T}=ve.useLocale(),re=ae.useRouter(),ue=l=>{var r;if(l.altKey&&l.key==="Tab"&&l.preventDefault(),!(!((r=i.current)===null||r===void 0)&&r.contains(l.target)))return;const u=(o,v)=>{if(o!=null){if(e.isLink(o)&&N==="selection"&&m&&!F.isNonContiguousSelectionModifier(l)){de.flushSync(()=>{e.setFocusedKey(o,v)});let y=F.getItemElement(i,o),W=e.getItemProps(o);y&&re.open(y,l,W.href,W.routerOptions);return}if(e.setFocusedKey(o,v),e.isLink(o)&&N==="override")return;l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&!F.isNonContiguousSelectionModifier(l)&&e.replaceSelection(o)}};switch(l.key){case"ArrowDown":if(t.getKeyBelow){var n,s,c;let o=e.focusedKey!=null?(n=t.getKeyBelow)===null||n===void 0?void 0:n.call(t,e.focusedKey):(s=t.getFirstKey)===null||s===void 0?void 0:s.call(t);o==null&&S&&(o=(c=t.getFirstKey)===null||c===void 0?void 0:c.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o))}break;case"ArrowUp":if(t.getKeyAbove){var a,d,k;let o=e.focusedKey!=null?(a=t.getKeyAbove)===null||a===void 0?void 0:a.call(t,e.focusedKey):(d=t.getLastKey)===null||d===void 0?void 0:d.call(t);o==null&&S&&(o=(k=t.getLastKey)===null||k===void 0?void 0:k.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o))}break;case"ArrowLeft":if(t.getKeyLeftOf){var q,A,M;let o=e.focusedKey!=null?(q=t.getKeyLeftOf)===null||q===void 0?void 0:q.call(t,e.focusedKey):null;o==null&&S&&(o=T==="rtl"?(A=t.getFirstKey)===null||A===void 0?void 0:A.call(t,e.focusedKey):(M=t.getLastKey)===null||M===void 0?void 0:M.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o,T==="rtl"?"first":"last"))}break;case"ArrowRight":if(t.getKeyRightOf){var C,x,V;let o=e.focusedKey!=null?(C=t.getKeyRightOf)===null||C===void 0?void 0:C.call(t,e.focusedKey):null;o==null&&S&&(o=T==="rtl"?(x=t.getLastKey)===null||x===void 0?void 0:x.call(t,e.focusedKey):(V=t.getFirstKey)===null||V===void 0?void 0:V.call(t,e.focusedKey)),o!=null&&(l.preventDefault(),u(o,T==="rtl"?"last":"first"))}break;case"Home":if(t.getFirstKey){if(e.focusedKey===null&&l.shiftKey)return;l.preventDefault();let o=t.getFirstKey(e.focusedKey,b.isCtrlKeyPressed(l));e.setFocusedKey(o),o!=null&&(b.isCtrlKeyPressed(l)&&l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&e.replaceSelection(o))}break;case"End":if(t.getLastKey){if(e.focusedKey===null&&l.shiftKey)return;l.preventDefault();let o=t.getLastKey(e.focusedKey,b.isCtrlKeyPressed(l));e.setFocusedKey(o),o!=null&&(b.isCtrlKeyPressed(l)&&l.shiftKey&&e.selectionMode==="multiple"?e.extendSelection(o):m&&e.replaceSelection(o))}break;case"PageDown":if(t.getKeyPageBelow&&e.focusedKey!=null){let o=t.getKeyPageBelow(e.focusedKey);o!=null&&(l.preventDefault(),u(o))}break;case"PageUp":if(t.getKeyPageAbove&&e.focusedKey!=null){let o=t.getKeyPageAbove(e.focusedKey);o!=null&&(l.preventDefault(),u(o))}break;case"a":b.isCtrlKeyPressed(l)&&e.selectionMode==="multiple"&&ee!==!0&&(l.preventDefault(),e.selectAll());break;case"Escape":le==="clearSelection"&&!_&&e.selectedKeys.size!==0&&(l.stopPropagation(),l.preventDefault(),e.clearSelection());break;case"Tab":if(!oe){if(l.shiftKey)i.current.focus();else{let o=Y.getFocusableTreeWalker(i.current,{tabbable:!0}),v,y;do y=o.lastChild(),y&&(v=y);while(y);v&&!v.contains(document.activeElement)&&H.focusWithoutScrolling(v)}break}}},D=p.useRef({top:0,left:0});w.useEvent(f,"scroll",L?void 0:()=>{var l,r,u,n;D.current={top:(u=(l=f.current)===null||l===void 0?void 0:l.scrollTop)!==null&&u!==void 0?u:0,left:(n=(r=f.current)===null||r===void 0?void 0:r.scrollLeft)!==null&&n!==void 0?n:0}});let ie=l=>{if(e.isFocused){l.currentTarget.contains(l.target)||e.setFocused(!1);return}if(l.currentTarget.contains(l.target)){if(e.setFocused(!0),e.focusedKey==null){var r,u;let c=d=>{d!=null&&(e.setFocusedKey(d),m&&!e.isSelected(d)&&e.replaceSelection(d))},a=l.relatedTarget;var n,s;a&&l.currentTarget.compareDocumentPosition(a)&Node.DOCUMENT_POSITION_FOLLOWING?c((n=e.lastSelectedKey)!==null&&n!==void 0?n:(r=t.getLastKey)===null||r===void 0?void 0:r.call(t)):c((s=e.firstSelectedKey)!==null&&s!==void 0?s:(u=t.getFirstKey)===null||u===void 0?void 0:u.call(t))}else!L&&f.current&&(f.current.scrollTop=D.current.top,f.current.scrollLeft=D.current.left);if(e.focusedKey!=null&&f.current){let c=F.getItemElement(i,e.focusedKey);c instanceof HTMLElement&&(!c.contains(document.activeElement)&&!K&&H.focusWithoutScrolling(c),Q.getInteractionModality()==="keyboard"&&O.scrollIntoViewport(c,{containingElement:i.current}))}}},ne=l=>{l.currentTarget.contains(l.relatedTarget)||e.setFocused(!1)},E=p.useRef(!1);w.useEvent(i,J.FOCUS_EVENT,K?l=>{let{detail:r}=l;l.stopPropagation(),e.setFocused(!0),(r==null?void 0:r.focusStrategy)==="first"&&(E.current=!0)}:void 0);let U=G.useEffectEvent(()=>{var l,r;let u=(r=(l=t.getFirstKey)===null||l===void 0?void 0:l.call(t))!==null&&r!==void 0?r:null;u==null?(Y.moveVirtualFocus(i.current),e.collection.size>0&&(E.current=!1)):(e.setFocusedKey(u),E.current=!1)});j.useUpdateLayoutEffect(()=>{E.current&&U()},[e.collection,U]);let g=G.useEffectEvent(()=>{e.collection.size>0&&(E.current=!1)});j.useUpdateLayoutEffect(()=>{g()},[e.focusedKey,g]),w.useEvent(i,J.CLEAR_FOCUS_EVENT,K?l=>{var r;l.stopPropagation(),e.setFocused(!1),!((r=l.detail)===null||r===void 0)&&r.clearFocusKey&&e.setFocusedKey(null)}:void 0);const B=p.useRef(P),h=p.useRef(!1);p.useEffect(()=>{if(B.current){var l,r;let s=null;var u;P==="first"&&(s=(u=(l=t.getFirstKey)===null||l===void 0?void 0:l.call(t))!==null&&u!==void 0?u:null);var n;P==="last"&&(s=(n=(r=t.getLastKey)===null||r===void 0?void 0:r.call(t))!==null&&n!==void 0?n:null);let c=e.selectedKeys;if(c.size){for(let a of c)if(e.canSelectItem(a)){s=a;break}}e.setFocused(!0),e.setFocusedKey(s),s==null&&!K&&i.current&&X.focusSafely(i.current),e.collection.size>0&&(B.current=!1,h.current=!0)}});let I=p.useRef(e.focusedKey);p.useEffect(()=>{if(e.isFocused&&e.focusedKey!=null&&(e.focusedKey!==I.current||h.current)&&f.current&&i.current){let l=Q.getInteractionModality(),r=F.getItemElement(i,e.focusedKey);if(!(r instanceof HTMLElement))return;(l==="keyboard"||h.current)&&(O.scrollIntoView(f.current,r),l!=="virtual"&&O.scrollIntoViewport(r,{containingElement:i.current}))}!K&&e.isFocused&&e.focusedKey==null&&I.current!=null&&i.current&&X.focusSafely(i.current),I.current=e.focusedKey,h.current=!1}),w.useEvent(i,"react-aria-focus-scope-restore",l=>{l.preventDefault(),e.setFocused(!0)});let R={onKeyDown:ue,onFocus:ie,onBlur:ne,onMouseDown(l){f.current===l.target&&l.preventDefault()}},{typeSelectProps:ce}=fe.useTypeSelect({keyboardDelegate:t,selectionManager:e});te||(R=$.mergeProps(ce,R));let z;K||(z=e.focusedKey==null?0:-1);let se=F.useCollectionId(e.collection);return{collectionProps:$.mergeProps(R,{tabIndex:z,"data-collection":se})}}exports.useSelectableCollection=ye;

package/index279.mjs

@@ -1,6 +1,233 @@
-function r(e) {
-  return e === void 0 && (e = ""), `.${e.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}`;
+import { getItemElement as V, useCollectionId as fe, isNonContiguousSelectionModifier as H } from "./index335.mjs";
+import { useTypeSelect as ae } from "./index336.mjs";
+import { mergeProps as G } from "./index153.mjs";
+import { focusWithoutScrolling as j } from "./index259.mjs";
+import { useRouter as de } from "./index260.mjs";
+import { useUpdateLayoutEffect as q } from "./index263.mjs";
+import { useEvent as S } from "./index268.mjs";
+import { scrollIntoView as ve, scrollIntoViewport as J } from "./index270.mjs";
+import { useEffectEvent as Q } from "./index269.mjs";
+import { FOCUS_EVENT as pe, CLEAR_FOCUS_EVENT as ye } from "./index273.mjs";
+import { isCtrlKeyPressed as m } from "./index274.mjs";
+import { flushSync as be } from "react-dom";
+import { useRef as $, useEffect as X } from "react";
+import { getInteractionModality as Y } from "./index326.mjs";
+import { focusSafely as Z } from "./index334.mjs";
+import { moveVirtualFocus as Ke, getFocusableTreeWalker as me } from "@react-aria/focus";
+import { useLocale as $e } from "@react-aria/i18n";
+function Ce(g) {
+  let { selectionManager: e, keyboardDelegate: o, ref: i, autoFocus: h = !1, shouldFocusWrap: F = !1, disallowEmptySelection: _ = !1, disallowSelectAll: ee = !1, escapeKeyBehavior: le = "clearSelection", selectOnFocus: b = e.selectionBehavior === "replace", disallowTypeAhead: oe = !1, shouldUseVirtualFocus: y, allowsTabNavigation: te = !1, isVirtualized: B, scrollRef: f = i, linkBehavior: C = "action" } = g, { direction: x } = $e(), re = de(), ce = (l) => {
+    var r;
+    if (l.altKey && l.key === "Tab" && l.preventDefault(), !(!((r = i.current) === null || r === void 0) && r.contains(l.target))) return;
+    const c = (t, v) => {
+      if (t != null) {
+        if (e.isLink(t) && C === "selection" && b && !H(l)) {
+          be(() => {
+            e.setFocusedKey(t, v);
+          });
+          let p = V(i, t), W = e.getItemProps(t);
+          p && re.open(p, l, W.href, W.routerOptions);
+          return;
+        }
+        if (e.setFocusedKey(t, v), e.isLink(t) && C === "override") return;
+        l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && !H(l) && e.replaceSelection(t);
+      }
+    };
+    switch (l.key) {
+      case "ArrowDown":
+        if (o.getKeyBelow) {
+          var n, s, u;
+          let t = e.focusedKey != null ? (n = o.getKeyBelow) === null || n === void 0 ? void 0 : n.call(o, e.focusedKey) : (s = o.getFirstKey) === null || s === void 0 ? void 0 : s.call(o);
+          t == null && F && (t = (u = o.getFirstKey) === null || u === void 0 ? void 0 : u.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "ArrowUp":
+        if (o.getKeyAbove) {
+          var a, d, P;
+          let t = e.focusedKey != null ? (a = o.getKeyAbove) === null || a === void 0 ? void 0 : a.call(o, e.focusedKey) : (d = o.getLastKey) === null || d === void 0 ? void 0 : d.call(o);
+          t == null && F && (t = (P = o.getLastKey) === null || P === void 0 ? void 0 : P.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "ArrowLeft":
+        if (o.getKeyLeftOf) {
+          var k, A, I;
+          let t = e.focusedKey != null ? (k = o.getKeyLeftOf) === null || k === void 0 ? void 0 : k.call(o, e.focusedKey) : null;
+          t == null && F && (t = x === "rtl" ? (A = o.getFirstKey) === null || A === void 0 ? void 0 : A.call(o, e.focusedKey) : (I = o.getLastKey) === null || I === void 0 ? void 0 : I.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "first" : "last"));
+        }
+        break;
+      case "ArrowRight":
+        if (o.getKeyRightOf) {
+          var M, R, O;
+          let t = e.focusedKey != null ? (M = o.getKeyRightOf) === null || M === void 0 ? void 0 : M.call(o, e.focusedKey) : null;
+          t == null && F && (t = x === "rtl" ? (R = o.getLastKey) === null || R === void 0 ? void 0 : R.call(o, e.focusedKey) : (O = o.getFirstKey) === null || O === void 0 ? void 0 : O.call(o, e.focusedKey)), t != null && (l.preventDefault(), c(t, x === "rtl" ? "last" : "first"));
+        }
+        break;
+      case "Home":
+        if (o.getFirstKey) {
+          if (e.focusedKey === null && l.shiftKey) return;
+          l.preventDefault();
+          let t = o.getFirstKey(e.focusedKey, m(l));
+          e.setFocusedKey(t), t != null && (m(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
+        }
+        break;
+      case "End":
+        if (o.getLastKey) {
+          if (e.focusedKey === null && l.shiftKey) return;
+          l.preventDefault();
+          let t = o.getLastKey(e.focusedKey, m(l));
+          e.setFocusedKey(t), t != null && (m(l) && l.shiftKey && e.selectionMode === "multiple" ? e.extendSelection(t) : b && e.replaceSelection(t));
+        }
+        break;
+      case "PageDown":
+        if (o.getKeyPageBelow && e.focusedKey != null) {
+          let t = o.getKeyPageBelow(e.focusedKey);
+          t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "PageUp":
+        if (o.getKeyPageAbove && e.focusedKey != null) {
+          let t = o.getKeyPageAbove(e.focusedKey);
+          t != null && (l.preventDefault(), c(t));
+        }
+        break;
+      case "a":
+        m(l) && e.selectionMode === "multiple" && ee !== !0 && (l.preventDefault(), e.selectAll());
+        break;
+      case "Escape":
+        le === "clearSelection" && !_ && e.selectedKeys.size !== 0 && (l.stopPropagation(), l.preventDefault(), e.clearSelection());
+        break;
+      case "Tab":
+        if (!te) {
+          if (l.shiftKey) i.current.focus();
+          else {
+            let t = me(i.current, {
+              tabbable: !0
+            }), v, p;
+            do
+              p = t.lastChild(), p && (v = p);
+            while (p);
+            v && !v.contains(document.activeElement) && j(v);
+          }
+          break;
+        }
+    }
+  }, w = $({
+    top: 0,
+    left: 0
+  });
+  S(f, "scroll", B ? void 0 : () => {
+    var l, r, c, n;
+    w.current = {
+      top: (c = (l = f.current) === null || l === void 0 ? void 0 : l.scrollTop) !== null && c !== void 0 ? c : 0,
+      left: (n = (r = f.current) === null || r === void 0 ? void 0 : r.scrollLeft) !== null && n !== void 0 ? n : 0
+    };
+  });
+  let ie = (l) => {
+    if (e.isFocused) {
+      l.currentTarget.contains(l.target) || e.setFocused(!1);
+      return;
+    }
+    if (l.currentTarget.contains(l.target)) {
+      if (e.setFocused(!0), e.focusedKey == null) {
+        var r, c;
+        let u = (d) => {
+          d != null && (e.setFocusedKey(d), b && !e.isSelected(d) && e.replaceSelection(d));
+        }, a = l.relatedTarget;
+        var n, s;
+        a && l.currentTarget.compareDocumentPosition(a) & Node.DOCUMENT_POSITION_FOLLOWING ? u((n = e.lastSelectedKey) !== null && n !== void 0 ? n : (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) : u((s = e.firstSelectedKey) !== null && s !== void 0 ? s : (c = o.getFirstKey) === null || c === void 0 ? void 0 : c.call(o));
+      } else !B && f.current && (f.current.scrollTop = w.current.top, f.current.scrollLeft = w.current.left);
+      if (e.focusedKey != null && f.current) {
+        let u = V(i, e.focusedKey);
+        u instanceof HTMLElement && (!u.contains(document.activeElement) && !y && j(u), Y() === "keyboard" && J(u, {
+          containingElement: i.current
+        }));
+      }
+    }
+  }, ne = (l) => {
+    l.currentTarget.contains(l.relatedTarget) || e.setFocused(!1);
+  }, K = $(!1);
+  S(i, pe, y ? (l) => {
+    let { detail: r } = l;
+    l.stopPropagation(), e.setFocused(!0), (r == null ? void 0 : r.focusStrategy) === "first" && (K.current = !0);
+  } : void 0);
+  let N = Q(() => {
+    var l, r;
+    let c = (r = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && r !== void 0 ? r : null;
+    c == null ? (Ke(i.current), e.collection.size > 0 && (K.current = !1)) : (e.setFocusedKey(c), K.current = !1);
+  });
+  q(() => {
+    K.current && N();
+  }, [
+    e.collection,
+    N
+  ]);
+  let U = Q(() => {
+    e.collection.size > 0 && (K.current = !1);
+  });
+  q(() => {
+    U();
+  }, [
+    e.focusedKey,
+    U
+  ]), S(i, ye, y ? (l) => {
+    var r;
+    l.stopPropagation(), e.setFocused(!1), !((r = l.detail) === null || r === void 0) && r.clearFocusKey && e.setFocusedKey(null);
+  } : void 0);
+  const z = $(h), T = $(!1);
+  X(() => {
+    if (z.current) {
+      var l, r;
+      let s = null;
+      var c;
+      h === "first" && (s = (c = (l = o.getFirstKey) === null || l === void 0 ? void 0 : l.call(o)) !== null && c !== void 0 ? c : null);
+      var n;
+      h === "last" && (s = (n = (r = o.getLastKey) === null || r === void 0 ? void 0 : r.call(o)) !== null && n !== void 0 ? n : null);
+      let u = e.selectedKeys;
+      if (u.size) {
+        for (let a of u) if (e.canSelectItem(a)) {
+          s = a;
+          break;
+        }
+      }
+      e.setFocused(!0), e.setFocusedKey(s), s == null && !y && i.current && Z(i.current), e.collection.size > 0 && (z.current = !1, T.current = !0);
+    }
+  });
+  let D = $(e.focusedKey);
+  X(() => {
+    if (e.isFocused && e.focusedKey != null && (e.focusedKey !== D.current || T.current) && f.current && i.current) {
+      let l = Y(), r = V(i, e.focusedKey);
+      if (!(r instanceof HTMLElement))
+        return;
+      (l === "keyboard" || T.current) && (ve(f.current, r), l !== "virtual" && J(r, {
+        containingElement: i.current
+      }));
+    }
+    !y && e.isFocused && e.focusedKey == null && D.current != null && i.current && Z(i.current), D.current = e.focusedKey, T.current = !1;
+  }), S(i, "react-aria-focus-scope-restore", (l) => {
+    l.preventDefault(), e.setFocused(!0);
+  });
+  let E = {
+    onKeyDown: ce,
+    onFocus: ie,
+    onBlur: ne,
+    onMouseDown(l) {
+      f.current === l.target && l.preventDefault();
+    }
+  }, { typeSelectProps: ue } = ae({
+    keyboardDelegate: o,
+    selectionManager: e
+  });
+  oe || (E = G(ue, E));
+  let L;
+  y || (L = e.focusedKey == null ? 0 : -1);
+  let se = fe(e.collection);
+  return {
+    collectionProps: G(E, {
+      tabIndex: L,
+      "data-collection": se
+    })
+  };
 }
 export {
-  r as c
+  Ce as useSelectableCollection
 };

package/index28.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),O=require("radashi"),D=require("react"),F=require("react-aria"),I=require("react-hook-form"),G=require("./index153.js"),j=require("./index86.js"),H=require("./index94.js"),P=require("./index22.js"),$=require("./index3.js"),_=c=>{const{id:i,ariaLabel:e,icon:l,state:x,themeName:t="checkbox",customTheme:a,tokens:R,isDisabled:k=!1,isError:d=!1,value:h,errorMessage:u,label:f}=c,m=D.useRef(null),{inputProps:M}=F.useCheckboxGroupItem(c,x,m),{isSelected:b}=x,o={...R,selected:b(h),isDisabled:k,isError:d},v=j(`${t}.container`,o,a),s=j(`${t}.checkBox`,o,a),n=j(`${t}.checkMark`,o,a),C=j(`${t}.checkMarkIcon`,o,a);return r.jsxs("div",{children:[r.jsx(F.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("label",{className:v,htmlFor:i,"aria-label":e,"aria-disabled":k,children:[r.jsx(F.VisuallyHidden,{children:r.jsx("input",{ref:m,...M})}),r.jsx("div",{className:s,"aria-checked":b(h),role:"checkbox","aria-labelledby":i,children:r.jsx("div",{className:n,children:l&&r.jsx(P,{icon:l,customTheme:C})})}),r.jsx($.default,{themeName:`${t}.label`,tokens:o,children:f})]})}),d&&u&&r.jsx($.default,{themeName:`${t}.errorMessage`,tokens:o,children:u})]})},p=c=>{const i=G.useCheckboxGroupCtx();return i&&r.jsx(_,{state:i,...c})},A=({name:c,label:i,rules:e,tokens:l,ariaLabel:x,defaultValue:t=!1,themeName:a="checkbox",isReadOnly:R=!1,isRequired:k,onChange:d,onBlur:h,value:u,icon:f,...m})=>{const{control:M}=I.useFormContext(),{t:b}=H.useTranslation(),o=()=>{const s=Object.entries(m).filter(([n,C])=>n.startsWith("aria-"));return Object.fromEntries(s)},v={required:k?b("FORM.ERROR.REQUIRED")??"required":!1,...e};return r.jsx(I.Controller,{name:c,control:M,rules:v,disabled:e==null?void 0:e.disabled,defaultValue:t,render:({field:s,fieldState:n})=>{var g;const{ref:C,...E}=s,N=!O.isEmpty(n.error),T={isDisabled:s.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:n.invalid,isError:N,isReadOnly:R},y={...l,...T};return r.jsx(p,{...E,...T,...o(),id:c,value:u,icon:f,themeName:a,label:i,tokens:y,ariaLabel:x,isDisabled:s.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",errorMessage:(g=n.error)==null?void 0:g.message,onChange:q=>{s.onChange(q),d==null||d(q)},onBlur:q=>{s.onBlur(),h==null||h(q)}})}})};exports.ReactHookFormCheckboxItem=A;exports.default=p;
+"use strict";const e=require("react/jsx-runtime"),p=require("./index160.js"),G=require("react-aria"),m=require("./index156.js"),n=require("./index36.js"),i=require("./index3.js"),f=r=>{const{label:s,isError:a=!1,errorMessage:o,isDisabled:t=!1,children:x,themeName:c="checkboxGroup",tokens:h}=r,u=p.useCheckboxGroupState(r),{groupProps:l,labelProps:d,errorMessageProps:k}=G.useCheckboxGroup(r,u),b={...h,isDisabled:t};return e.jsxs(n.default,{...l,"aria-disabled":t,themeName:`${c}.checkboxGroup`,tokens:b,children:[s&&e.jsx(i.default,{...d,tokens:{size:"h6"},children:s}),e.jsx(n.default,{themeName:`${c}.checkboxGroupItemsGroup`,children:e.jsx(m.CheckboxGroupProvider,{state:u,children:x})}),a&&o&&e.jsx(i.default,{...k,tokens:{isError:!0},children:o})]})};module.exports=f;

package/index28.mjs

@@ -1,112 +1,35 @@
 "use client";
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { isEmpty as $ } from "radashi";
-import { useRef as D } from "react";
-import { useCheckboxGroupItem as j, FocusRing as G, VisuallyHidden as O } from "react-aria";
-import { useFormContext as B, Controller as H } from "react-hook-form";
-import { useCheckboxGroupCtx as P } from "./index153.mjs";
-import u from "./index86.mjs";
-import { useTranslation as w } from "./index94.mjs";
-import A from "./index22.mjs";
-import F from "./index3.mjs";
-const L = (i) => {
+import { jsxs as k, jsx as e } from "react/jsx-runtime";
+import { useCheckboxGroupState as x } from "./index160.mjs";
+import { useCheckboxGroup as f } from "react-aria";
+import { CheckboxGroupProvider as G } from "./index156.mjs";
+import i from "./index36.mjs";
+import m from "./index3.mjs";
+const y = (o) => {
   const {
-    id: s,
-    ariaLabel: e,
-    icon: h,
-    state: l,
-    themeName: t = "checkbox",
-    customTheme: n,
-    tokens: R,
-    isDisabled: k = !1,
-    isError: m = !1,
-    value: d,
-    errorMessage: b,
-    label: T
-  } = i, p = D(null), { inputProps: q } = j(i, l, p), { isSelected: x } = l, c = { ...R, selected: x(d), isDisabled: k, isError: m }, C = u(`${t}.container`, c, n), r = u(`${t}.checkBox`, c, n), a = u(`${t}.checkMark`, c, n), I = u(`${t}.checkMarkIcon`, c, n);
-  return /* @__PURE__ */ v("div", { children: [
-    /* @__PURE__ */ o(G, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ v("label", { className: C, htmlFor: s, "aria-label": e, "aria-disabled": k, children: [
-      /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o("input", { ref: p, ...q }) }),
-      /* @__PURE__ */ o("div", { className: r, "aria-checked": x(d), role: "checkbox", "aria-labelledby": s, children: /* @__PURE__ */ o("div", { className: a, children: h && /* @__PURE__ */ o(A, { icon: h, customTheme: I }) }) }),
-      /* @__PURE__ */ o(F, { themeName: `${t}.label`, tokens: c, children: T })
-    ] }) }),
-    m && b && /* @__PURE__ */ o(F, { themeName: `${t}.errorMessage`, tokens: c, children: b })
-  ] });
-}, Q = (i) => {
-  const s = P();
-  return s && /* @__PURE__ */ o(L, { state: s, ...i });
-}, S = ({
-  name: i,
-  label: s,
-  rules: e,
-  tokens: h,
-  ariaLabel: l,
-  defaultValue: t = !1,
-  themeName: n = "checkbox",
-  isReadOnly: R = !1,
-  isRequired: k,
-  onChange: m,
-  onBlur: d,
-  value: b,
-  icon: T,
-  ...p
-}) => {
-  const { control: q } = B(), { t: x } = w(), c = () => {
-    const r = Object.entries(p).filter(([a, I]) => a.startsWith("aria-"));
-    return Object.fromEntries(r);
-  }, C = {
-    required: k ? x("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...e
-  };
-  return /* @__PURE__ */ o(
-    H,
+    label: r,
+    isError: p = !1,
+    errorMessage: s,
+    isDisabled: t = !1,
+    children: h,
+    themeName: a = "checkboxGroup",
+    tokens: n
+  } = o, c = x(o), { groupProps: d, labelProps: u, errorMessageProps: l } = f(o, c), b = { ...n, isDisabled: t };
+  return /* @__PURE__ */ k(
+    i,
     {
-      name: i,
-      control: q,
-      rules: C,
-      disabled: e == null ? void 0 : e.disabled,
-      defaultValue: t,
-      render: ({ field: r, fieldState: a }) => {
-        var g;
-        const { ref: I, ...E } = r, y = !$(a.error), M = {
-          isDisabled: r.disabled ?? !1,
-          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: a.invalid,
-          isError: y,
-          isReadOnly: R
-        }, N = {
-          ...h,
-          ...M
-        };
-        return /* @__PURE__ */ o(
-          Q,
-          {
-            ...E,
-            ...M,
-            ...c(),
-            id: i,
-            value: b,
-            icon: T,
-            themeName: n,
-            label: s,
-            tokens: N,
-            ariaLabel: l,
-            isDisabled: r.disabled,
-            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            errorMessage: (g = a.error) == null ? void 0 : g.message,
-            onChange: (f) => {
-              r.onChange(f), m == null || m(f);
-            },
-            onBlur: (f) => {
-              r.onBlur(), d == null || d(f);
-            }
-          }
-        );
-      }
+      ...d,
+      "aria-disabled": t,
+      themeName: `${a}.checkboxGroup`,
+      tokens: b,
+      children: [
+        r && /* @__PURE__ */ e(m, { ...u, tokens: { size: "h6" }, children: r }),
+        /* @__PURE__ */ e(i, { themeName: `${a}.checkboxGroupItemsGroup`, children: /* @__PURE__ */ e(G, { state: c, children: h }) }),
+        p && s && /* @__PURE__ */ e(m, { ...l, tokens: { isError: !0 }, children: s })
+      ]
     }
   );
 };
 export {
-  S as ReactHookFormCheckboxItem,
-  Q as default
+  y as default
 };

package/index280.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(d){const{effect:s,swiper:e,on:r,setTranslate:n,setTransition:p,overwriteParams:f,perspective:o,recreateShadows:l,getEffectParams:c}=d;r("beforeInit",()=>{if(e.params.effect!==s)return;e.classNames.push(`${e.params.containerModifierClass}${s}`),o&&o()&&e.classNames.push(`${e.params.containerModifierClass}3d`);const t=f?f():{};Object.assign(e.params,t),Object.assign(e.originalParams,t)}),r("setTranslate",()=>{e.params.effect===s&&n()}),r("setTransition",(t,i)=>{e.params.effect===s&&p(i)}),r("transitionEnd",()=>{if(e.params.effect===s&&l){if(!c||!c().slideShadows)return;e.slides.forEach(t=>{t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(i=>i.remove())}),l()}});let a;r("virtualUpdate",()=>{e.params.effect===s&&(e.slides.length||(a=!0),requestAnimationFrame(()=>{a&&e.slides&&e.slides.length&&(n(),a=!1)}))})}exports.e=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("./index337.js"),y=require("./index232.js"),g=require("react");function K(t){var l;let[e,s]=y.useControlledState(t.selectedKey,(l=t.defaultSelectedKey)!==null&&l!==void 0?l:null,t.onSelectionChange),i=g.useMemo(()=>e!=null?[e]:[],[e]),{collection:a,disabledKeys:u,selectionManager:d}=S.useListState({...t,selectionMode:"single",disallowEmptySelection:!0,allowDuplicateSelectionEvents:!0,selectedKeys:i,onSelectionChange:o=>{if(o==="all")return;var n;let c=(n=o.values().next().value)!==null&&n!==void 0?n:null;c===e&&t.onSelectionChange&&t.onSelectionChange(c),s(c)}}),r=e!=null?a.getItem(e):null;return{collection:a,disabledKeys:u,selectionManager:d,selectedKey:e,setSelectedKey:s,selectedItem:r}}exports.useSingleSelectListState=K;

package/index280.mjs

@@ -1,39 +1,34 @@
-function m(d) {
-  const {
-    effect: s,
-    swiper: e,
-    on: r,
-    setTranslate: f,
-    setTransition: p,
-    overwriteParams: n,
-    perspective: o,
-    recreateShadows: l,
-    getEffectParams: c
-  } = d;
-  r("beforeInit", () => {
-    if (e.params.effect !== s) return;
-    e.classNames.push(`${e.params.containerModifierClass}${s}`), o && o() && e.classNames.push(`${e.params.containerModifierClass}3d`);
-    const a = n ? n() : {};
-    Object.assign(e.params, a), Object.assign(e.originalParams, a);
-  }), r("setTranslate", () => {
-    e.params.effect === s && f();
-  }), r("setTransition", (a, i) => {
-    e.params.effect === s && p(i);
-  }), r("transitionEnd", () => {
-    if (e.params.effect === s && l) {
-      if (!c || !c().slideShadows) return;
-      e.slides.forEach((a) => {
-        a.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach((i) => i.remove());
-      }), l();
+import { useListState as f } from "./index337.mjs";
+import { useControlledState as S } from "./index232.mjs";
+import { useMemo as y } from "react";
+function g(l) {
+  var t;
+  let [e, c] = S(l.selectedKey, (t = l.defaultSelectedKey) !== null && t !== void 0 ? t : null, l.onSelectionChange), i = y(() => e != null ? [
+    e
+  ] : [], [
+    e
+  ]), { collection: o, disabledKeys: d, selectionManager: u } = f({
+    ...l,
+    selectionMode: "single",
+    disallowEmptySelection: !0,
+    allowDuplicateSelectionEvents: !0,
+    selectedKeys: i,
+    onSelectionChange: (s) => {
+      if (s === "all") return;
+      var n;
+      let a = (n = s.values().next().value) !== null && n !== void 0 ? n : null;
+      a === e && l.onSelectionChange && l.onSelectionChange(a), c(a);
     }
-  });
-  let t;
-  r("virtualUpdate", () => {
-    e.params.effect === s && (e.slides.length || (t = !0), requestAnimationFrame(() => {
-      t && e.slides && e.slides.length && (f(), t = !1);
-    }));
-  });
+  }), r = e != null ? o.getItem(e) : null;
+  return {
+    collection: o,
+    disabledKeys: d,
+    selectionManager: u,
+    selectedKey: e,
+    setSelectedKey: c,
+    selectedItem: r
+  };
 }
 export {
-  m as e
+  g as useSingleSelectListState
 };

package/index281.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index210.js");function r(c,t){const e=i.g(t);return e!==t&&(e.style.backfaceVisibility="hidden",e.style["-webkit-backface-visibility"]="hidden"),e}exports.e=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index213.js");function o(i,f,l,n){return i.params.createElements&&Object.keys(n).forEach(e=>{if(!l[e]&&l.auto===!0){let t=u.e(i.el,`.${n[e]}`)[0];t||(t=u.c("div",n[e]),t.className=n[e],i.el.append(t)),l[e]=t,f[e]=t}}),l}exports.c=o;

package/index281.mjs

@@ -1,8 +1,12 @@
-import { g as i } from "./index210.mjs";
-function r(a, t) {
-  const e = i(t);
-  return e !== t && (e.style.backfaceVisibility = "hidden", e.style["-webkit-backface-visibility"] = "hidden"), e;
+import { e as i, c as m } from "./index213.mjs";
+function o(f, a, n, l) {
+  return f.params.createElements && Object.keys(l).forEach((e) => {
+    if (!n[e] && n.auto === !0) {
+      let t = i(f.el, `.${l[e]}`)[0];
+      t || (t = m("div", l[e]), t.className = l[e], f.el.append(t)), n[e] = t, a[e] = t;
+    }
+  }), n;
 }
 export {
-  r as e
+  o as c
 };

package/index282.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./index210.js");function f(a){let{swiper:e,duration:l,transformElements:s,allSlides:o}=a;const{activeIndex:d}=e,u=n=>n.parentElement?n.parentElement:e.slides.filter(t=>t.shadowRoot&&t.shadowRoot===n.parentNode)[0];if(e.params.virtualTranslate&&l!==0){let n=!1,r;o?r=s:r=s.filter(t=>{const i=t.classList.contains("swiper-slide-transform")?u(t):t;return e.getSlideIndex(i)===d}),r.forEach(t=>{c.k(t,()=>{if(n||!e||e.destroyed)return;n=!0,e.animating=!1;const i=new window.CustomEvent("transitionend",{bubbles:!0,cancelable:!0});e.wrapperEl.dispatchEvent(i)})})}}exports.e=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(e){return e===void 0&&(e=""),`.${e.trim().replace(/([\.:!+\/])/g,"\\$1").replace(/ /g,".")}`}exports.c=r;

package/index282.mjs

@@ -1,32 +1,6 @@
-import { k as f } from "./index210.mjs";
-function p(a) {
-  let {
-    swiper: e,
-    duration: o,
-    transformElements: s,
-    allSlides: l
-  } = a;
-  const {
-    activeIndex: d
-  } = e, c = (n) => n.parentElement ? n.parentElement : e.slides.filter((t) => t.shadowRoot && t.shadowRoot === n.parentNode)[0];
-  if (e.params.virtualTranslate && o !== 0) {
-    let n = !1, r;
-    l ? r = s : r = s.filter((t) => {
-      const i = t.classList.contains("swiper-slide-transform") ? c(t) : t;
-      return e.getSlideIndex(i) === d;
-    }), r.forEach((t) => {
-      f(t, () => {
-        if (n || !e || e.destroyed) return;
-        n = !0, e.animating = !1;
-        const i = new window.CustomEvent("transitionend", {
-          bubbles: !0,
-          cancelable: !0
-        });
-        e.wrapperEl.dispatchEvent(i);
-      });
-    });
-  }
+function r(e) {
+  return e === void 0 && (e = ""), `.${e.trim().replace(/([\.:!+\/])/g, "\\$1").replace(/ /g, ".")}`;
 }
 export {
-  p as e
+  r as c
 };

package/index283.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index210.js");function l(t,a,o){const s=`swiper-slide-shadow${o?`-${o}`:""}${t?` swiper-slide-shadow-${t}`:""}`,i=r.g(a);let e=i.querySelector(`.${s.split(" ").join(".")}`);return e||(e=r.c("div",s.split(" ")),i.append(e)),e}exports.c=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function m(d){const{effect:s,swiper:e,on:r,setTranslate:n,setTransition:p,overwriteParams:f,perspective:o,recreateShadows:l,getEffectParams:c}=d;r("beforeInit",()=>{if(e.params.effect!==s)return;e.classNames.push(`${e.params.containerModifierClass}${s}`),o&&o()&&e.classNames.push(`${e.params.containerModifierClass}3d`);const t=f?f():{};Object.assign(e.params,t),Object.assign(e.originalParams,t)}),r("setTranslate",()=>{e.params.effect===s&&n()}),r("setTransition",(t,i)=>{e.params.effect===s&&p(i)}),r("transitionEnd",()=>{if(e.params.effect===s&&l){if(!c||!c().slideShadows)return;e.slides.forEach(t=>{t.querySelectorAll(".swiper-slide-shadow-top, .swiper-slide-shadow-right, .swiper-slide-shadow-bottom, .swiper-slide-shadow-left").forEach(i=>i.remove())}),l()}});let a;r("virtualUpdate",()=>{e.params.effect===s&&(e.slides.length||(a=!0),requestAnimationFrame(()=>{a&&e.slides&&e.slides.length&&(n(),a=!1)}))})}exports.e=m;