@okam/stack-ui 1.38.1 → 1.39.1

package/index149.mjs

@@ -1,40 +1,33 @@
-import { tabsIds as m } from "./index250.mjs";
-import { TabsKeyboardDelegate as $ } from "./index252.mjs";
-import { useId as p } from "./index154.mjs";
-import { mergeProps as u } from "./index127.mjs";
-import { useLabels as x } from "./index179.mjs";
-import { useLocale as g } from "@react-aria/i18n";
-import { useMemo as y } from "react";
-import { useSelectableCollection as L } from "./index253.mjs";
-function A(o, t, a) {
-  let { orientation: e = "horizontal", keyboardActivation: s = "automatic" } = o, { collection: r, selectionManager: d, disabledKeys: i } = t, { direction: c } = g(), n = y(() => new $(r, c, e, i), [
-    r,
-    i,
-    e,
-    c
-  ]), { collectionProps: b } = L({
-    ref: a,
-    selectionManager: d,
-    keyboardDelegate: n,
-    selectOnFocus: s === "automatic",
-    disallowEmptySelection: !0,
-    scrollRef: a,
-    linkBehavior: "selection"
-  }), l = p();
-  m.set(t, l);
-  let f = x({
-    ...o,
-    id: l
-  });
-  return {
-    tabListProps: {
-      ...u(b, f),
-      role: "tablist",
-      "aria-orientation": e,
-      tabIndex: void 0
-    }
-  };
-}
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as m, config as f, animated as l } from "@react-spring/web";
+import p from "./index79.mjs";
+const y = ({ isVisible: t, children: o, themeName: e, tokens: i, customTheme: n }) => {
+  const s = p(e, i, n);
+  return m(t, {
+    from: { opacity: 0, scale: 0.75 },
+    enter: { opacity: 1, scale: 1 },
+    leave: { opacity: 0, scale: 0.75 },
+    config: f.stiff
+  })(
+    (a, r) => r && /* @__PURE__ */ c(
+      l.div,
+      {
+        className: s,
+        style: {
+          position: "fixed",
+          left: 0,
+          top: 0,
+          bottom: 0,
+          zIndex: 1e3,
+          width: "100%",
+          height: "100%",
+          ...a
+        },
+        children: o
+      }
+    )
+  );
+};
 export {
-  A as useTabList
+  y as default
 };

package/index15.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const h=require("react/jsx-runtime"),p=require("@react-aria/i18n"),S=require("radashi"),l=require("react-aria"),q=require("./index76.js"),y=r=>{const{as:o="time",date:s,tokens:n,customTheme:a,dateFormatterOptions:m={month:"long",day:"numeric",year:"numeric"},themeName:c="typography",...i}=r,u=l.useIsSSR(),t=new Date(s),e=p.useDateFormatter(m).format(t),d=q(c,n,a);return u||S.isEmpty(e)?null:h.jsx(o,{...i,dateTime:t.toISOString(),className:d,children:e})};module.exports=y;
+"use strict";const a=require("./index130.js"),o=require("react/jsx-runtime"),t=require("react"),v=require("./index79.js"),x=require("./index128.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),q=r=>{const{icon:s,...i}=r,n=t.useMemo(()=>t.lazy(()=>a(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index54.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index55.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index56.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index57.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index58.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index59.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index60.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index61.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index62.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index63.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index64.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index128.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index65.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index66.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index67.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index68.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index69.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index70.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index129.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index71.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index72.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index73.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index74.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index75.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index76.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index77.js")))}),`../icons/${s||"ArrowRight"}.tsx`,3)),[s]);return o.jsx(t.Suspense,{fallback:o.jsx(x,{className:"overflow-visible pointer-events-none"}),children:o.jsx(n,{...i,className:"overflow-visible pointer-events-none",...r})})},P=r=>{const{icon:s,as:i="span",tokens:n,customTheme:m,themeName:h="icon",children:c,...l}=r,u=v(h,n,m);return typeof s!="string"?o.jsxs(i,{...l,className:u,children:[c,s]}):o.jsxs(i,{className:u,children:[c,o.jsx(q,{icon:s,...l})]})};module.exports=P;

package/index15.mjs

@@ -1,21 +1,22 @@
 "use client";
-import { jsx as u } from "react/jsx-runtime";
-import { useDateFormatter as d } from "@react-aria/i18n";
-import { isEmpty as h } from "radashi";
-import { useIsSSR as l } from "react-aria";
-import S from "./index76.mjs";
-const F = (o) => {
-  const {
-    as: m = "time",
-    date: r,
-    tokens: a,
-    customTheme: n,
-    dateFormatterOptions: s = { month: "long", day: "numeric", year: "numeric" },
-    themeName: i = "typography",
-    ...p
-  } = o, c = l(), t = new Date(r), e = d(s).format(t), f = S(i, a, n);
-  return c || h(e) ? null : /* @__PURE__ */ u(m, { ...p, dateTime: t.toISOString(), className: f, children: e });
+import l from "./index130.mjs";
+import { jsxs as m, jsx as i } from "react/jsx-runtime";
+import { useMemo as x, lazy as h, Suspense as u } from "react";
+import d from "./index79.mjs";
+import b from "./index128.mjs";
+const f = (t) => {
+  const { icon: o, ...s } = t, r = x(() => h(() => l(/* @__PURE__ */ Object.assign({ "../icons/ArrowDown.tsx": () => import("./index54.mjs"), "../icons/ArrowLeft.tsx": () => import("./index55.mjs"), "../icons/ArrowRight.tsx": () => import("./index56.mjs"), "../icons/Check.tsx": () => import("./index57.mjs"), "../icons/ChevronLeft.tsx": () => import("./index58.mjs"), "../icons/ChevronRight.tsx": () => import("./index59.mjs"), "../icons/CloseBtn.tsx": () => import("./index60.mjs"), "../icons/Facebook.tsx": () => import("./index61.mjs"), "../icons/FacebookColored.tsx": () => import("./index62.mjs"), "../icons/FacebookRounded.tsx": () => import("./index63.mjs"), "../icons/Globe.tsx": () => import("./index64.mjs"), "../icons/IconFallback.tsx": () => import("./index128.mjs"), "../icons/Instagram.tsx": () => import("./index65.mjs"), "../icons/InstagramColored.tsx": () => import("./index66.mjs"), "../icons/Link.tsx": () => import("./index67.mjs"), "../icons/LinkedIn.tsx": () => import("./index68.mjs"), "../icons/Mail.tsx": () => import("./index69.mjs"), "../icons/Plus.tsx": () => import("./index70.mjs"), "../icons/Search.tsx": () => import("./index129.mjs"), "../icons/Share.tsx": () => import("./index71.mjs"), "../icons/Twitter.tsx": () => import("./index72.mjs"), "../icons/TwitterColored.tsx": () => import("./index73.mjs"), "../icons/Upload.tsx": () => import("./index74.mjs"), "../icons/X.tsx": () => import("./index75.mjs"), "../icons/YouTube.tsx": () => import("./index76.mjs"), "../icons/YouTubeColored.tsx": () => import("./index77.mjs") }), `../icons/${o || "ArrowRight"}.tsx`, 3)), [o]);
+  return /* @__PURE__ */ i(u, { fallback: /* @__PURE__ */ i(b, { className: "overflow-visible pointer-events-none" }), children: /* @__PURE__ */ i(r, { ...s, className: "overflow-visible pointer-events-none", ...t }) });
+}, g = (t) => {
+  const { icon: o, as: s = "span", tokens: r, customTheme: p, themeName: a = "icon", children: n, ...e } = t, c = d(a, r, p);
+  return typeof o != "string" ? /* @__PURE__ */ m(s, { ...e, className: c, children: [
+    n,
+    o
+  ] }) : /* @__PURE__ */ m(s, { className: c, children: [
+    n,
+    /* @__PURE__ */ i(f, { icon: o, ...e })
+  ] });
 };
 export {
-  F as default
+  g as default
 };

package/index150.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index254.js"),f=require("react");function K(t){var u,e;let s=y.useSingleSelectListState({...t,suppressTextValueWarning:!0,defaultSelectedKey:(e=(u=t.defaultSelectedKey)!==null&&u!==void 0?u:r(t.collection,t.disabledKeys?new Set(t.disabledKeys):new Set))!==null&&e!==void 0?e:void 0}),{selectionManager:d,collection:a,selectedKey:i}=s,n=f.useRef(i);return f.useEffect(()=>{let l=i;t.selectedKey==null&&(d.isEmpty||l==null||!a.getItem(l))&&(l=r(a,s.disabledKeys),l!=null&&d.setSelectedKeys([l])),(l!=null&&d.focusedKey==null||!d.isFocused&&l!==n.current)&&d.setFocusedKey(l),n.current=l}),{...s,isDisabled:t.isDisabled||!1}}function r(t,u){let e=null;if(t){var s,d,a,i;for(e=t.getFirstKey();e!=null&&(u.has(e)||!((d=t.getItem(e))===null||d===void 0||(s=d.props)===null||s===void 0)&&s.isDisabled)&&e!==t.getLastKey();)e=t.getKeyAfter(e);e!=null&&(u.has(e)||!((i=t.getItem(e))===null||i===void 0||(a=i.props)===null||a===void 0)&&a.isDisabled)&&e===t.getLastKey()&&(e=t.getFirstKey())}return e}exports.useTabListState=K;
+"use strict";const e=require("react/jsx-runtime"),t=require("react-aria"),a=require("./index142.js"),l=s=>{const{children:o,themeName:r,tokens:u,customTheme:c,title:i,...n}=s;return e.jsx(a.Dialog,{themeName:`${r}.dialog`,tokens:u,customTheme:c,title:i,...n,children:e.jsx(t.FocusRing,{focusRingClass:"has-focus-ring",within:!0,autoFocus:!0,children:e.jsx(t.FocusScope,{contain:!0,restoreFocus:!0,autoFocus:!0,children:o})})})};module.exports=l;

package/index150.mjs

@@ -1,31 +1,10 @@
-import { useSingleSelectListState as r } from "./index254.mjs";
-import { useRef as y, useEffect as K } from "react";
-function b(d) {
-  var l, e;
-  let s = r({
-    ...d,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (e = (l = d.defaultSelectedKey) !== null && l !== void 0 ? l : n(d.collection, d.disabledKeys ? new Set(d.disabledKeys) : /* @__PURE__ */ new Set())) !== null && e !== void 0 ? e : void 0
-  }), { selectionManager: t, collection: u, selectedKey: i } = s, f = y(i);
-  return K(() => {
-    let a = i;
-    d.selectedKey == null && (t.isEmpty || a == null || !u.getItem(a)) && (a = n(u, s.disabledKeys), a != null && t.setSelectedKeys([
-      a
-    ])), (a != null && t.focusedKey == null || !t.isFocused && a !== f.current) && t.setFocusedKey(a), f.current = a;
-  }), {
-    ...s,
-    isDisabled: d.isDisabled || !1
-  };
-}
-function n(d, l) {
-  let e = null;
-  if (d) {
-    var s, t, u, i;
-    for (e = d.getFirstKey(); e != null && (l.has(e) || !((t = d.getItem(e)) === null || t === void 0 || (s = t.props) === null || s === void 0) && s.isDisabled) && e !== d.getLastKey(); ) e = d.getKeyAfter(e);
-    e != null && (l.has(e) || !((i = d.getItem(e)) === null || i === void 0 || (u = i.props) === null || u === void 0) && u.isDisabled) && e === d.getLastKey() && (e = d.getFirstKey());
-  }
-  return e;
-}
+import { jsx as o } from "react/jsx-runtime";
+import { FocusRing as a, FocusScope as n } from "react-aria";
+import { Dialog as m } from "./index142.mjs";
+const f = (e) => {
+  const { children: t, themeName: r, tokens: s, customTheme: u, title: i, ...c } = e;
+  return /* @__PURE__ */ o(m, { themeName: `${r}.dialog`, tokens: s, customTheme: u, title: i, ...c, children: /* @__PURE__ */ o(a, { focusRingClass: "has-focus-ring", within: !0, autoFocus: !0, children: /* @__PURE__ */ o(n, { contain: !0, restoreFocus: !0, autoFocus: !0, children: t }) }) });
+};
 export {
-  b as useTabListState
+  f as default
 };

package/index151.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index250.js"),o=require("./index127.js"),u=require("./index179.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;
+"use strict";const s=require("react/jsx-runtime"),m=require("react"),h=require("react-aria"),o=require("./index28.js"),x=a=>{const{themeName:e,tokens:r,customTheme:n,children:c,state:u,...l}=a,t=m.useRef(null),{modalProps:i,underlayProps:d}=h.useModalOverlay(l,u,t);return s.jsx(o.default,{themeName:`${e}.underlay`,tokens:r,customTheme:n,...d,children:s.jsx(o.BoxWithForwardRef,{ref:t,themeName:`${e}.overlay`,tokens:r,...i,children:c})})};module.exports=x;

package/index151.mjs

@@ -1,24 +1,11 @@
-import { generateId as r } from "./index250.mjs";
-import { mergeProps as n } from "./index127.mjs";
-import { useLabels as c } from "./index179.mjs";
-import { useHasTabbableChild as f } from "@react-aria/focus";
-function m(a, e, b) {
-  let i = f(b) ? void 0 : 0;
-  var d;
-  const l = r(e, (d = a.id) !== null && d !== void 0 ? d : e == null ? void 0 : e.selectedKey, "tabpanel"), o = c({
-    ...a,
-    id: l,
-    "aria-labelledby": r(e, e == null ? void 0 : e.selectedKey, "tab")
-  });
-  return {
-    tabPanelProps: n(o, {
-      tabIndex: i,
-      role: "tabpanel",
-      "aria-describedby": a["aria-describedby"],
-      "aria-details": a["aria-details"]
-    })
-  };
-}
+import { jsx as t } from "react/jsx-runtime";
+import { useRef as u } from "react";
+import { useModalOverlay as c } from "react-aria";
+import h, { BoxWithForwardRef as i } from "./index28.mjs";
+const N = (m) => {
+  const { themeName: e, tokens: o, customTheme: a, children: s, state: l, ...n } = m, r = u(null), { modalProps: d, underlayProps: f } = c(n, l, r);
+  return /* @__PURE__ */ t(h, { themeName: `${e}.underlay`, tokens: o, customTheme: a, ...f, children: /* @__PURE__ */ t(i, { ref: r, themeName: `${e}.overlay`, tokens: o, ...d, children: s }) });
+};
 export {
-  m as useTabPanel
+  N as default
 };

package/index152.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index250.js"),S=require("./index127.js"),k=require("./index153.js"),y=require("./index175.js"),q=require("@react-aria/focus"),v=require("./index251.js");function M(n,e,t){let{key:s,isDisabled:c,shouldSelectOnPressUp:b}=n,{selectionManager:u,selectedKey:p}=e,r=s===p,i=c||e.isDisabled||e.selectionManager.isDisabled(s),{itemProps:o,isPressed:P}=v.useSelectableItem({selectionManager:u,key:s,ref:t,isDisabled:i,shouldSelectOnPressUp:b,linkBehavior:"selection"}),f=a.generateId(e,s,"tab"),g=a.generateId(e,s,"tabpanel"),{tabIndex:m}=o,l=e.collection.getItem(s),d=k.filterDOMProps(l==null?void 0:l.props,{labelable:!0});delete d.id;let D=y.useLinkProps(l==null?void 0:l.props),{focusableProps:I}=q.useFocusable({isDisabled:i},t);return{tabProps:S.mergeProps(d,I,D,o,{id:f,"aria-selected":r,"aria-disabled":i||void 0,"aria-controls":r?g:void 0,tabIndex:i?void 0:m,role:"tab"}),isSelected:r,isDisabled:i,isPressed:P}}exports.useTab=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index169.js"),V=require("./index170.js"),d=require("react");let S=Math.round(Math.random()*1e10),m=0;function $(e){let u=d.useMemo(()=>e.name||`radio-group-${S}-${++m}`,[e.name]);var a;let[l,n]=V.useControlledState(e.value,(a=e.defaultValue)!==null&&a!==void 0?a:null,e.onChange),[s,c]=d.useState(null),t=v.useFormValidationState({...e,value:l}),o=r=>{!e.isReadOnly&&!e.isDisabled&&(n(r),t.commitValidation())},i=t.displayValidation.isInvalid;return{...t,name:u,selectedValue:l,setSelectedValue:o,lastFocusedValue:s,setLastFocusedValue:c,isDisabled:e.isDisabled||!1,isReadOnly:e.isReadOnly||!1,isRequired:e.isRequired||!1,validationState:e.validationState||(i?"invalid":null),isInvalid:i}}exports.useRadioGroupState=$;

package/index152.mjs

@@ -1,38 +1,32 @@
-import { generateId as t } from "./index250.mjs";
-import { mergeProps as I } from "./index127.mjs";
-import { filterDOMProps as g } from "./index153.mjs";
-import { useLinkProps as k } from "./index175.mjs";
-import { useFocusable as S } from "@react-aria/focus";
-import { useSelectableItem as v } from "./index251.mjs";
-function B(b, e, d) {
-  let { key: s, isDisabled: c, shouldSelectOnPressUp: n } = b, { selectionManager: p, selectedKey: f } = e, r = s === f, o = c || e.isDisabled || e.selectionManager.isDisabled(s), { itemProps: i, isPressed: m } = v({
-    selectionManager: p,
-    key: s,
-    ref: d,
-    isDisabled: o,
-    shouldSelectOnPressUp: n,
-    linkBehavior: "selection"
-  }), u = t(e, s, "tab"), $ = t(e, s, "tabpanel"), { tabIndex: P } = i, l = e.collection.getItem(s), a = g(l == null ? void 0 : l.props, {
-    labelable: !0
-  });
-  delete a.id;
-  let x = k(l == null ? void 0 : l.props), { focusableProps: D } = S({
-    isDisabled: o
-  }, d);
+import { useFormValidationState as f } from "./index169.mjs";
+import { useControlledState as $ } from "./index170.mjs";
+import { useMemo as m, useState as r } from "react";
+let b = Math.round(Math.random() * 1e10), v = 0;
+function F(e) {
+  let d = m(() => e.name || `radio-group-${b}-${++v}`, [
+    e.name
+  ]);
+  var a;
+  let [t, u] = $(e.value, (a = e.defaultValue) !== null && a !== void 0 ? a : null, e.onChange), [s, n] = r(null), l = f({
+    ...e,
+    value: t
+  }), c = (o) => {
+    !e.isReadOnly && !e.isDisabled && (u(o), l.commitValidation());
+  }, i = l.displayValidation.isInvalid;
   return {
-    tabProps: I(a, D, x, i, {
-      id: u,
-      "aria-selected": r,
-      "aria-disabled": o || void 0,
-      "aria-controls": r ? $ : void 0,
-      tabIndex: o ? void 0 : P,
-      role: "tab"
-    }),
-    isSelected: r,
-    isDisabled: o,
-    isPressed: m
+    ...l,
+    name: d,
+    selectedValue: t,
+    setSelectedValue: c,
+    lastFocusedValue: s,
+    setLastFocusedValue: n,
+    isDisabled: e.isDisabled || !1,
+    isReadOnly: e.isReadOnly || !1,
+    isRequired: e.isRequired || !1,
+    validationState: e.validationState || (i ? "invalid" : null),
+    isInvalid: i
   };
 }
 export {
-  B as useTab
+  F as useRadioGroupState
 };

package/index153.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=new Set(["id"]),i=new Set(["aria-label","aria-labelledby","aria-describedby","aria-details"]),n=new Set(["href","hrefLang","target","rel","download","ping","referrerPolicy"]),s=/^(data-.*)$/;function c(a,l={}){let{labelable:o,isLink:d,propNames:r}=l,t={};for(const e in a)Object.prototype.hasOwnProperty.call(a,e)&&(b.has(e)||o&&i.has(e)||d&&n.has(e)||r!=null&&r.has(e)||s.test(e))&&(t[e]=a[e]);return t}exports.filterDOMProps=c;
+"use strict";const f=require("react/jsx-runtime"),t=require("@react-spring/web"),m=require("./index79.js"),p=({isVisible:e,children:i,themeName:n,tokens:s,customTheme:o,...r})=>{const c=m(n,s,o);return t.useTransition(e,{from:{opacity:0},enter:{opacity:1},leave:{opacity:0},config:t.config.stiff})((a,u)=>u&&f.jsx(t.animated.div,{...r,className:c,style:a,children:i}))};module.exports=p;

package/index153.mjs

@@ -1,24 +1,17 @@
-const b = /* @__PURE__ */ new Set([
-  "id"
-]), i = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]), s = /* @__PURE__ */ new Set([
-  "href",
-  "hrefLang",
-  "target",
-  "rel",
-  "download",
-  "ping",
-  "referrerPolicy"
-]), n = /^(data-.*)$/;
-function c(a, t = {}) {
-  let { labelable: d, isLink: o, propNames: r } = t, l = {};
-  for (const e in a) Object.prototype.hasOwnProperty.call(a, e) && (b.has(e) || d && i.has(e) || o && s.has(e) || r != null && r.has(e) || n.test(e)) && (l[e] = a[e]);
-  return l;
-}
+import { jsx as c } from "react/jsx-runtime";
+import { useTransition as f, config as p, animated as y } from "@react-spring/web";
+import d from "./index79.mjs";
+const T = ({ isVisible: t, children: i, themeName: o, tokens: e, customTheme: n, ...r }) => {
+  const a = d(o, e, n);
+  return f(t, {
+    from: { opacity: 0 },
+    enter: { opacity: 1 },
+    leave: { opacity: 0 },
+    config: p.stiff
+  })(
+    (s, m) => m && /* @__PURE__ */ c(y.div, { ...r, className: a, style: s, children: i })
+  );
+};
 export {
-  c as filterDOMProps
+  T as default
 };

package/index154.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index166.js"),a=require("./index167.js"),l=require("react"),b=require("./index168.js");let $=!!(typeof window<"u"&&window.document&&window.document.createElement),f=new Map,s;typeof FinalizationRegistry<"u"&&(s=new FinalizationRegistry(r=>{f.delete(r)}));function i(r){let[e,c]=l.useState(r),n=l.useRef(null),t=b.useSSRSafeId(e),d=l.useRef(null);if(s&&s.register(d,t),$){const u=f.get(t);u&&!u.includes(n)?u.push(n):f.set(t,[n])}return o.useLayoutEffect(()=>{let u=t;return()=>{s&&s.unregister(d),f.delete(u)}},[t]),l.useEffect(()=>{let u=n.current;return u&&c(u),()=>{u&&(n.current=null)}}),t}function p(r,e){if(r===e)return r;let c=f.get(r);if(c)return c.forEach(t=>t.current=e),e;let n=f.get(e);return n?(n.forEach(t=>t.current=r),r):e}function y(r=[]){let e=i(),[c,n]=a.useValueEffect(e),t=l.useCallback(()=>{n(function*(){yield e,yield document.getElementById(e)?e:void 0})},[e,n]);return o.useLayoutEffect(t,[e,t,...r]),c}exports.idsUpdaterMap=f;exports.mergeIds=p;exports.useId=i;exports.useSlotId=y;
+"use strict";const e=require("react/jsx-runtime"),d=require("./index82.js"),l=require("./index28.js"),h=require("./index38.js"),x=c=>{var u;const{themeName:t,tokens:n,customTheme:r,children:i,beforeTabContent:a,afterTabContent:o}=c,{tabState:s,defaultSelectedKey:m}=d.useMenu();return e.jsxs(e.Fragment,{children:[e.jsx(l.default,{themeName:`${t}.wrapper`,tokens:n,customTheme:r,children:i}),((u=s==null?void 0:s.selectedKey)==null?void 0:u.toString())===m?null:e.jsxs(l.default,{themeName:`${t}.tabWrapper`,tokens:n,customTheme:r,children:[a!==null&&a,e.jsx(h,{themeName:`${t}.tabPanel`,tokens:n,customTheme:r}),o!==null&&o]})]})};module.exports=x;

package/index154.mjs

@@ -1,59 +1,19 @@
-import { useLayoutEffect as o } from "./index166.mjs";
-import { useValueEffect as s } from "./index167.mjs";
-import { useCallback as i, useState as $, useRef as l, useEffect as b } from "react";
-import { useSSRSafeId as p } from "./index168.mjs";
-let m = !!(typeof window < "u" && window.document && window.document.createElement), d = /* @__PURE__ */ new Map(), u;
-typeof FinalizationRegistry < "u" && (u = new FinalizationRegistry((r) => {
-  d.delete(r);
-}));
-function I(r) {
-  let [e, c] = $(r), f = l(null), t = p(e), a = l(null);
-  if (u && u.register(a, t), m) {
-    const n = d.get(t);
-    n && !n.includes(f) ? n.push(f) : d.set(t, [
-      f
-    ]);
-  }
-  return o(() => {
-    let n = t;
-    return () => {
-      u && u.unregister(a), d.delete(n);
-    };
-  }, [
-    t
-  ]), b(() => {
-    let n = f.current;
-    return n && c(n), () => {
-      n && (f.current = null);
-    };
-  }), t;
-}
-function E(r, e) {
-  if (r === e) return r;
-  let c = d.get(r);
-  if (c)
-    return c.forEach((t) => t.current = e), e;
-  let f = d.get(e);
-  return f ? (f.forEach((t) => t.current = r), r) : e;
-}
-function R(r = []) {
-  let e = I(), [c, f] = s(e), t = i(() => {
-    f(function* () {
-      yield e, yield document.getElementById(e) ? e : void 0;
-    });
-  }, [
-    e,
-    f
-  ]);
-  return o(t, [
-    e,
-    t,
-    ...r
-  ]), c;
-}
+import { jsxs as l, Fragment as f, jsx as s } from "react/jsx-runtime";
+import { useMenu as h } from "./index82.mjs";
+import c from "./index28.mjs";
+import d from "./index38.mjs";
+const T = (i) => {
+  var a;
+  const { themeName: e, tokens: t, customTheme: n, children: p, beforeTabContent: o, afterTabContent: m } = i, { tabState: r, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ l(f, { children: [
+    /* @__PURE__ */ s(c, { themeName: `${e}.wrapper`, tokens: t, customTheme: n, children: p }),
+    ((a = r == null ? void 0 : r.selectedKey) == null ? void 0 : a.toString()) === u ? null : /* @__PURE__ */ l(c, { themeName: `${e}.tabWrapper`, tokens: t, customTheme: n, children: [
+      o !== null && o,
+      /* @__PURE__ */ s(d, { themeName: `${e}.tabPanel`, tokens: t, customTheme: n }),
+      m !== null && m
+    ] })
+  ] });
+};
 export {
-  d as idsUpdaterMap,
-  E as mergeIds,
-  I as useId,
-  R as useSlotId
+  T as default
 };

package/index155.js

@@ -1 +1,2 @@
-"use strict";const T=require("react/jsx-runtime"),e=require("@react-spring/web"),g=require("./index76.js"),u=t=>{const{isVisible:o,children:i,themeName:n,tokens:r,customTheme:s,...a}=t,d=e.useTransition(o,{from:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"},enter:{gridTemplateRows:"1fr",paddingTop:"1rem",paddingBottom:"1rem"},leave:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"}}),m=g(n,r,s);return d((c,p)=>p&&T.jsx(e.animated.div,{...a,style:c,className:m,children:i}))};module.exports=u;
+"use client";
+"use strict";const n=require("react/jsx-runtime"),P=require("react"),h=require("react-aria"),i=require("./index28.js"),p=require("./index6.js"),C=c=>{const{themeName:t,tokens:m,customTheme:x,as:b,item:o,state:f,...g}=c,{removeButtonProps:e,href:k}=o.props??{},a=P.useRef(null),{rowProps:R,gridCellProps:j,removeButtonProps:s,allowsRemoving:q,isDisabled:w,isFocused:N,isPressed:$,isSelected:T}=h.useTag(c,f,a),r={...m,isDisabled:w,isFocused:N,isPressed:$,isSelected:T,isLink:!!k},F={...e,...s,handlePress:d=>{var l,u;(l=e==null?void 0:e.handlePress)==null||l.call(e,d),(u=s==null?void 0:s.onPress)==null||u.call(s,d)}};return n.jsx(h.FocusRing,{focusRingClass:"has-focus-ring within",children:n.jsx(i.BoxWithForwardRef,{...g,...R,ref:a,themeName:`${t}.wrapper`,tokens:r,customTheme:x,children:n.jsxs(i.default,{themeName:`${t}.container`,tokens:r,...j,children:[n.jsx(i.default,{themeName:`${t}.item`,tokens:r,children:o.rendered}),q&&e&&n.jsx(p.default,{themeName:`${t}.removeButton`,tokens:r,...F})]})})})};module.exports=C;

package/index155.mjs

@@ -1,14 +1,50 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useTransition as c, animated as g } from "@react-spring/web";
-import l from "./index76.mjs";
-const w = (e) => {
-  const { isVisible: t, children: o, themeName: r, tokens: i, customTheme: n, ...m } = e, s = c(t, {
-    from: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" },
-    enter: { gridTemplateRows: "1fr", paddingTop: "1rem", paddingBottom: "1rem" },
-    leave: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" }
-  }), a = l(r, i, n);
-  return s((d, p) => p && /* @__PURE__ */ T(g.div, { ...m, style: d, className: a, children: o }));
+"use client";
+import { jsx as t, jsxs as F } from "react/jsx-runtime";
+import { useRef as P } from "react";
+import { useTag as j, FocusRing as b } from "react-aria";
+import l, { BoxWithForwardRef as B } from "./index28.mjs";
+import D from "./index6.mjs";
+const E = (r) => {
+  const { themeName: o, tokens: d, customTheme: f, as: L, item: i, state: u, ...g } = r, { removeButtonProps: e, href: p } = i.props ?? {}, m = P(null), {
+    rowProps: k,
+    gridCellProps: w,
+    removeButtonProps: s,
+    allowsRemoving: x,
+    isDisabled: N,
+    isFocused: R,
+    isPressed: T,
+    isSelected: $
+  } = j(r, u, m), n = {
+    ...d,
+    isDisabled: N,
+    isFocused: R,
+    isPressed: T,
+    isSelected: $,
+    isLink: !!p
+  }, C = {
+    ...e,
+    ...s,
+    handlePress: (a) => {
+      var c, h;
+      (c = e == null ? void 0 : e.handlePress) == null || c.call(e, a), (h = s == null ? void 0 : s.onPress) == null || h.call(s, a);
+    }
+  };
+  return /* @__PURE__ */ t(b, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
+    B,
+    {
+      ...g,
+      ...k,
+      ref: m,
+      themeName: `${o}.wrapper`,
+      tokens: n,
+      customTheme: f,
+      children: /* @__PURE__ */ F(l, { themeName: `${o}.container`, tokens: n, ...w, children: [
+        /* @__PURE__ */ t(l, { themeName: `${o}.item`, tokens: n, children: i.rendered }),
+        x && e && /* @__PURE__ */ t(D, { themeName: `${o}.removeButton`, tokens: n, ...C })
+      ] })
+    }
+  ) });
 };
 export {
-  w as default
+  E as default
 };

package/index156.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function d(r,c){var o;const i=[];let e=null;const n=[];for(const t of c){const l=t.key==="header"||((o=t.key)==null?void 0:o.toString().includes("header-")),s=r.find(u=>u.rendered===t.value);l?(e&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e?s&&e.items.push(s):s&&n.push(s)}return e&&i.push(e),[...n.length>0?[{items:n}]:[],...i]}exports.useListboxSections=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("./index257.js"),y=require("./index259.js"),m=require("./index161.js"),q=require("./index134.js"),p=require("./index187.js"),L=require("@react-aria/i18n"),P=require("react"),f=require("./index260.js");function I(t,o,i){let{orientation:e="horizontal",keyboardActivation:n="automatic"}=t,{collection:l,selectionManager:c,disabledKeys:a}=o,{direction:r}=L.useLocale(),u=P.useMemo(()=>new y.TabsKeyboardDelegate(l,r,e,a),[l,a,e,r]),{collectionProps:b}=f.useSelectableCollection({ref:i,selectionManager:c,keyboardDelegate:u,selectOnFocus:n==="automatic",disallowEmptySelection:!0,scrollRef:i,linkBehavior:"selection"}),s=m.useId();g.tabsIds.set(o,s);let d=p.useLabels({...t,id:s});return{tabListProps:{...q.mergeProps(b,d),role:"tablist","aria-orientation":e,tabIndex:void 0}}}exports.useTabList=I;

package/index156.mjs

@@ -1,14 +1,40 @@
-function f(r, c) {
-  var o;
-  const s = [];
-  let e = null;
-  const i = [];
-  for (const t of c) {
-    const l = t.key === "header" || ((o = t.key) == null ? void 0 : o.toString().includes("header-")), n = r.find((u) => u.rendered === t.value);
-    l ? (e && s.push(e), e = { header: { key: t.key, rendered: t.value }, items: [] }) : e ? n && e.items.push(n) : n && i.push(n);
-  }
-  return e && s.push(e), [...i.length > 0 ? [{ items: i }] : [], ...s];
+import { tabsIds as m } from "./index257.mjs";
+import { TabsKeyboardDelegate as $ } from "./index259.mjs";
+import { useId as p } from "./index161.mjs";
+import { mergeProps as u } from "./index134.mjs";
+import { useLabels as x } from "./index187.mjs";
+import { useLocale as g } from "@react-aria/i18n";
+import { useMemo as y } from "react";
+import { useSelectableCollection as L } from "./index260.mjs";
+function A(o, t, a) {
+  let { orientation: e = "horizontal", keyboardActivation: s = "automatic" } = o, { collection: r, selectionManager: d, disabledKeys: i } = t, { direction: c } = g(), n = y(() => new $(r, c, e, i), [
+    r,
+    i,
+    e,
+    c
+  ]), { collectionProps: b } = L({
+    ref: a,
+    selectionManager: d,
+    keyboardDelegate: n,
+    selectOnFocus: s === "automatic",
+    disallowEmptySelection: !0,
+    scrollRef: a,
+    linkBehavior: "selection"
+  }), l = p();
+  m.set(t, l);
+  let f = x({
+    ...o,
+    id: l
+  });
+  return {
+    tabListProps: {
+      ...u(b, f),
+      role: "tablist",
+      "aria-orientation": e,
+      tabIndex: void 0
+    }
+  };
 }
 export {
-  f as useListboxSections
+  A as useTabList
 };

package/index157.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index197.js"),r=require("./index198.js"),t=require("./index199.js"),o=require("./index200.js"),i=require("./index201.js"),a=require("./index202.js"),c=require("./index203.js"),n=require("./index204.js"),u=require("./index205.js"),s=require("./index206.js"),f=require("./index207.js"),l=require("./index208.js"),q=require("./index209.js"),d=require("./index210.js"),b=require("./index211.js"),v=require("./index212.js"),y=require("./index213.js"),g=require("./index214.js"),p=require("./index215.js"),C=require("./index216.js"),h=require("./index217.js"),m=require("./index218.js"),E=require("./index219.js");exports.Virtual=e;exports.Keyboard=r;exports.Mousewheel=t;exports.Navigation=o;exports.Pagination=i;exports.Scrollbar=a;exports.Parallax=c;exports.Zoom=n;exports.Controller=u;exports.A11y=s;exports.History=f;exports.HashNavigation=l;exports.Autoplay=q;exports.Thumbs=d;exports.FreeMode=b;exports.Grid=v;exports.Manipulation=y;exports.EffectFade=g;exports.EffectCube=p;exports.EffectFlip=C;exports.EffectCoverflow=h;exports.EffectCreative=m;exports.EffectCards=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("./index261.js"),f=require("react");function K(t){var u,e;let s=y.useSingleSelectListState({...t,suppressTextValueWarning:!0,defaultSelectedKey:(e=(u=t.defaultSelectedKey)!==null&&u!==void 0?u:r(t.collection,t.disabledKeys?new Set(t.disabledKeys):new Set))!==null&&e!==void 0?e:void 0}),{selectionManager:d,collection:a,selectedKey:i}=s,n=f.useRef(i);return f.useEffect(()=>{let l=i;t.selectedKey==null&&(d.isEmpty||l==null||!a.getItem(l))&&(l=r(a,s.disabledKeys),l!=null&&d.setSelectedKeys([l])),(l!=null&&d.focusedKey==null||!d.isFocused&&l!==n.current)&&d.setFocusedKey(l),n.current=l}),{...s,isDisabled:t.isDisabled||!1}}function r(t,u){let e=null;if(t){var s,d,a,i;for(e=t.getFirstKey();e!=null&&(u.has(e)||!((d=t.getItem(e))===null||d===void 0||(s=d.props)===null||s===void 0)&&s.isDisabled)&&e!==t.getLastKey();)e=t.getKeyAfter(e);e!=null&&(u.has(e)||!((i=t.getItem(e))===null||i===void 0||(a=i.props)===null||a===void 0)&&a.isDisabled)&&e===t.getLastKey()&&(e=t.getFirstKey())}return e}exports.useTabListState=K;