@okam/stack-ui 1.42.4 → 1.44.0

package/index42.mjs

@@ -1,17 +1,27 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { useTransition as l, animated as c } from "@react-spring/web";
-import p from "./index88.mjs";
-const h = ({ isVisible: t, children: e, themeName: a, tokens: o, customTheme: r }) => {
-  const n = p(a, o, r);
-  return l(t, {
-    from: { opacity: 0, translateX: "100%" },
-    enter: { opacity: 1, translateX: "0%" },
-    leave: { opacity: 0, translateX: "25%" }
-  })(
-    (i, s) => s && /* @__PURE__ */ m(c.div, { className: n, style: i, children: e })
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useRadioGroupState as h } from "./index176.mjs";
+import { useRadioGroup as G } from "react-aria";
+import { RadioGroupProvider as b } from "./index93.mjs";
+import d from "./index37.mjs";
+import m from "./index3.mjs";
+const j = (o) => {
+  const { label: e, isError: p = !1, errorMessage: a, isDisabled: i = !1, children: n, themeName: s = "radioGroup", tokens: u } = o, t = h(o), { radioGroupProps: c } = G(o, t), l = { ...u, isDisabled: i };
+  return /* @__PURE__ */ f(
+    d,
+    {
+      ...c,
+      "aria-disabled": i,
+      themeName: `${s}.radioGroup`,
+      tokens: l,
+      children: [
+        e && /* @__PURE__ */ r(m, { tokens: { size: "h6" }, children: e }),
+        /* @__PURE__ */ r(d, { themeName: `${s}.radioGroupItemsGroup`, children: /* @__PURE__ */ r(b, { state: t, children: n }) }),
+        p && a && /* @__PURE__ */ r(m, { tokens: { isError: !0 }, children: a })
+      ]
+    }
   );
 };
 export {
-  h as default
+  j as default
 };

package/index43.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index91.js"),l=require("./index90.js"),x=require("./index173.js"),r=require("./index36.js"),p=require("./index174.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 l=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index89.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/index43.mjs

@@ -1,35 +1,17 @@
 "use client";
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useMenu as d } from "./index91.mjs";
-import { useSidePanel as u } from "./index90.mjs";
-import f from "./index173.mjs";
-import i from "./index36.mjs";
-import N from "./index174.mjs";
-const M = (o) => {
-  const {
-    id: s = "main-menu",
-    children: a,
-    PanelTransition: c = f,
-    themeName: e,
-    tokens: n,
-    customTheme: p,
-    ...h
-  } = o, { overlayState: t } = u(), { closeBtn: m } = d();
-  return /* @__PURE__ */ r(c, { themeName: `${e}.panelTransition`, tokens: n, isVisible: t == null ? void 0 : t.isOpen, children: /* @__PURE__ */ l(i, { themeName: `${e}.wrapper`, tokens: n, children: [
-    m && m(),
-    /* @__PURE__ */ r(i, { themeName: `${e}.container`, tokens: n, children: /* @__PURE__ */ r(
-      N,
-      {
-        id: s,
-        themeName: `${e}.innerContent`,
-        tokens: n,
-        customTheme: p,
-        ...h,
-        children: a
-      }
-    ) })
-  ] }) });
+import { jsx as m } from "react/jsx-runtime";
+import { useTransition as l, animated as c } from "@react-spring/web";
+import p from "./index89.mjs";
+const h = ({ isVisible: t, children: e, themeName: a, tokens: o, customTheme: r }) => {
+  const n = p(a, o, r);
+  return l(t, {
+    from: { opacity: 0, translateX: "100%" },
+    enter: { opacity: 1, translateX: "0%" },
+    leave: { opacity: 0, translateX: "25%" }
+  })(
+    (i, s) => s && /* @__PURE__ */ m(c.div, { className: n, style: i, children: e })
+  );
 };
 export {
-  M as default
+  h as default
 };

package/index44.js

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

package/index44.mjs

@@ -1,36 +1,35 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { useMenu as h } from "./index91.mjs";
-import p from "./index9.mjs";
-import P from "./index174.mjs";
-const B = (m) => {
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useMenu as d } from "./index92.mjs";
+import { useSidePanel as u } from "./index91.mjs";
+import f from "./index177.mjs";
+import i from "./index37.mjs";
+import N from "./index178.mjs";
+const M = (o) => {
   const {
-    id: n = "main-menu",
-    children: s,
-    TransitionAnimation: a,
-    PanelTransition: l,
-    themeName: t,
-    tokens: o,
-    customTheme: i,
-    ...d
-  } = m, { closeBtn: c, tabState: e, defaultSelectedKey: u } = h();
-  return /* @__PURE__ */ r(
-    p,
-    {
-      themeName: `${t}.sidePanel`,
-      tokens: o,
-      customTheme: i,
-      closeBtnRender: c,
-      id: n,
-      TransitionAnimation: a,
-      PanelTransition: l,
-      onOpenChange: (f) => {
-        f || e == null || e.setSelectedKey(u);
-      },
-      children: /* @__PURE__ */ r(P, { id: n, themeName: t, tokens: o, customTheme: i, ...d, children: s })
-    }
-  );
+    id: s = "main-menu",
+    children: a,
+    PanelTransition: c = f,
+    themeName: e,
+    tokens: n,
+    customTheme: p,
+    ...h
+  } = o, { overlayState: t } = u(), { closeBtn: m } = d();
+  return /* @__PURE__ */ r(c, { themeName: `${e}.panelTransition`, tokens: n, isVisible: t == null ? void 0 : t.isOpen, children: /* @__PURE__ */ l(i, { themeName: `${e}.wrapper`, tokens: n, children: [
+    m && m(),
+    /* @__PURE__ */ r(i, { themeName: `${e}.container`, tokens: n, children: /* @__PURE__ */ r(
+      N,
+      {
+        id: s,
+        themeName: `${e}.innerContent`,
+        tokens: n,
+        customTheme: p,
+        ...h,
+        children: a
+      }
+    ) })
+  ] }) });
 };
 export {
-  B as default
+  M as default
 };

package/index45.js

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

package/index45.mjs

@@ -1,134 +1,36 @@
 "use client";
-import { jsxs as x, jsx as f } from "react/jsx-runtime";
-import N, { useCallback as C, createElement as $, useRef as E } from "react";
-import { useMenu as K } from "./index91.mjs";
-import y from "./index36.mjs";
-import T, { Anchor as A } from "./index6.mjs";
-const B = (i) => {
-  const { tabState: a, defaultSelectedKey: o } = K(), { setSelectedKey: t } = a, {
-    id: l,
-    path: n,
-    label: c,
-    themeName: m = "button",
-    tokens: e,
-    customTheme: h,
-    target: L,
-    children: b,
-    childItems: u,
-    as: s,
-    ariaLabel: r,
-    "aria-label": d,
-    ...p
-  } = i, k = n == null ? void 0 : n.substring(1), g = C(() => {
-    if (k != null) {
-      if (a.selectedKey === k) {
-        t(o);
-        return;
-      }
-      t(k);
-    }
-  }, [k, a.selectedKey, t, o]);
-  return /* @__PURE__ */ $(
-    T,
-    {
-      ...p,
-      themeName: `${m}`,
-      tokens: e,
-      customTheme: h,
-      key: `button-${l}`,
-      handlePress: g,
-      as: s,
-      "aria-label": d ?? r
-    },
-    N.isValidElement(b) ? b : c
-  );
-}, P = (i) => {
+import { jsx as r } from "react/jsx-runtime";
+import { useMenu as h } from "./index92.mjs";
+import p from "./index10.mjs";
+import P from "./index178.mjs";
+const B = (m) => {
   const {
-    id: a,
-    target: o,
-    path: t,
-    label: l,
-    themeName: n = "anchor",
-    customTheme: c,
-    tokens: m,
-    nextLinkProps: e,
-    children: h,
-    as: L,
-    childItems: b,
-    ariaLabel: u,
-    "aria-label": s,
-    ...r
-  } = i, d = E(null);
-  return t == null || l == null ? null : /* @__PURE__ */ $(
-    A,
+    id: n = "main-menu",
+    children: s,
+    TransitionAnimation: a,
+    PanelTransition: l,
+    themeName: t,
+    tokens: o,
+    customTheme: i,
+    ...d
+  } = m, { closeBtn: c, tabState: e, defaultSelectedKey: u } = h();
+  return /* @__PURE__ */ r(
+    p,
     {
-      ...r,
-      themeName: `${n}`,
-      tokens: m,
-      customTheme: c,
-      nextLinkProps: {
-        href: t,
-        ...e
+      themeName: `${t}.sidePanel`,
+      tokens: o,
+      customTheme: i,
+      closeBtnRender: c,
+      id: n,
+      TransitionAnimation: a,
+      PanelTransition: l,
+      onOpenChange: (f) => {
+        f || e == null || e.setSelectedKey(u);
       },
-      ref: d,
-      key: `link-${a}`,
-      target: o ?? "_self",
-      as: L,
-      "aria-label": s ?? u
-    },
-    N.isValidElement(h) ? h : l
+      children: /* @__PURE__ */ r(P, { id: n, themeName: t, tokens: o, customTheme: i, ...d, children: s })
+    }
   );
-}, V = (i) => {
-  const {
-    menuItems: a,
-    children: o,
-    themeName: t = "menuItem",
-    tokens: l,
-    customTheme: n,
-    menuLinkComponent: c,
-    buttonLinkComponent: m
-  } = i;
-  return /* @__PURE__ */ x(y, { themeName: `${t}.wrapper`, tokens: l, customTheme: n, children: [
-    /* @__PURE__ */ f(y, { themeName: `${t}.container`, tokens: l, customTheme: n, children: a == null ? void 0 : a.map((e) => {
-      var p;
-      const { id: h, path: L, label: b, as: u, ...s } = e ?? {}, r = { ...l, ...e.tokens };
-      if ((e == null ? void 0 : e.path) == null || e.id == null)
-        return null;
-      const d = (p = e.path) != null && p.startsWith("#") ? "button" : "a";
-      return /* @__PURE__ */ f(
-        y,
-        {
-          themeName: `${t}.innerContent`,
-          tokens: r,
-          customTheme: n,
-          children: d === "button" ? /* @__PURE__ */ f(
-            B,
-            {
-              ...s,
-              ...e,
-              themeName: `${t}.button`,
-              tokens: r,
-              customTheme: n,
-              as: u ?? m
-            }
-          ) : /* @__PURE__ */ f(
-            P,
-            {
-              ...s,
-              ...e,
-              themeName: `${t}.anchor`,
-              tokens: r,
-              customTheme: n,
-              as: u ?? c
-            }
-          )
-        },
-        `li-${e.id}`
-      );
-    }) }),
-    o
-  ] });
 };
 export {
-  V as default
+  B as default
 };

package/index46.js

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

package/index46.mjs

@@ -1,12 +1,134 @@
 "use client";
-import { createElement as a } from "react";
-import { useMenu as o } from "./index91.mjs";
-import m from "./index55.mjs";
-const f = (r) => {
-  var t;
-  const { tabState: e } = o();
-  return /* @__PURE__ */ a(m, { ...r, key: (t = e.selectedItem) == null ? void 0 : t.key, state: e });
+import { jsxs as x, jsx as f } from "react/jsx-runtime";
+import N, { useCallback as C, createElement as $, useRef as E } from "react";
+import { useMenu as K } from "./index92.mjs";
+import y from "./index37.mjs";
+import T, { Anchor as A } from "./index6.mjs";
+const B = (i) => {
+  const { tabState: a, defaultSelectedKey: o } = K(), { setSelectedKey: t } = a, {
+    id: l,
+    path: n,
+    label: c,
+    themeName: m = "button",
+    tokens: e,
+    customTheme: h,
+    target: L,
+    children: b,
+    childItems: u,
+    as: s,
+    ariaLabel: r,
+    "aria-label": d,
+    ...p
+  } = i, k = n == null ? void 0 : n.substring(1), g = C(() => {
+    if (k != null) {
+      if (a.selectedKey === k) {
+        t(o);
+        return;
+      }
+      t(k);
+    }
+  }, [k, a.selectedKey, t, o]);
+  return /* @__PURE__ */ $(
+    T,
+    {
+      ...p,
+      themeName: `${m}`,
+      tokens: e,
+      customTheme: h,
+      key: `button-${l}`,
+      handlePress: g,
+      as: s,
+      "aria-label": d ?? r
+    },
+    N.isValidElement(b) ? b : c
+  );
+}, P = (i) => {
+  const {
+    id: a,
+    target: o,
+    path: t,
+    label: l,
+    themeName: n = "anchor",
+    customTheme: c,
+    tokens: m,
+    nextLinkProps: e,
+    children: h,
+    as: L,
+    childItems: b,
+    ariaLabel: u,
+    "aria-label": s,
+    ...r
+  } = i, d = E(null);
+  return t == null || l == null ? null : /* @__PURE__ */ $(
+    A,
+    {
+      ...r,
+      themeName: `${n}`,
+      tokens: m,
+      customTheme: c,
+      nextLinkProps: {
+        href: t,
+        ...e
+      },
+      ref: d,
+      key: `link-${a}`,
+      target: o ?? "_self",
+      as: L,
+      "aria-label": s ?? u
+    },
+    N.isValidElement(h) ? h : l
+  );
+}, V = (i) => {
+  const {
+    menuItems: a,
+    children: o,
+    themeName: t = "menuItem",
+    tokens: l,
+    customTheme: n,
+    menuLinkComponent: c,
+    buttonLinkComponent: m
+  } = i;
+  return /* @__PURE__ */ x(y, { themeName: `${t}.wrapper`, tokens: l, customTheme: n, children: [
+    /* @__PURE__ */ f(y, { themeName: `${t}.container`, tokens: l, customTheme: n, children: a == null ? void 0 : a.map((e) => {
+      var p;
+      const { id: h, path: L, label: b, as: u, ...s } = e ?? {}, r = { ...l, ...e.tokens };
+      if ((e == null ? void 0 : e.path) == null || e.id == null)
+        return null;
+      const d = (p = e.path) != null && p.startsWith("#") ? "button" : "a";
+      return /* @__PURE__ */ f(
+        y,
+        {
+          themeName: `${t}.innerContent`,
+          tokens: r,
+          customTheme: n,
+          children: d === "button" ? /* @__PURE__ */ f(
+            B,
+            {
+              ...s,
+              ...e,
+              themeName: `${t}.button`,
+              tokens: r,
+              customTheme: n,
+              as: u ?? m
+            }
+          ) : /* @__PURE__ */ f(
+            P,
+            {
+              ...s,
+              ...e,
+              themeName: `${t}.anchor`,
+              tokens: r,
+              customTheme: n,
+              as: u ?? c
+            }
+          )
+        },
+        `li-${e.id}`
+      );
+    }) }),
+    o
+  ] });
 };
 export {
-  f as default
+  V as default
 };

package/index47.js

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

package/index47.mjs

@@ -1,50 +1,12 @@
 "use client";
-import { jsxs as g, jsx as n } from "react/jsx-runtime";
-import { useRef as h } from "react";
-import { useOverlayTriggerState as O } from "react-stately";
-import d from "./index105.mjs";
-import y from "./index173.mjs";
-import C from "./index14.mjs";
-import B from "./index159.mjs";
-import b from "./index48.mjs";
-const I = (e) => {
-  const {
-    themeName: t = "alerts",
-    tokens: r,
-    customTheme: A,
-    defaultOpen: l = !0,
-    closeButton: a = B,
-    transitionComponent: i = y,
-    closeButtonAriaLabel: m,
-    isOpen: v,
-    onOpenChange: x,
-    setOpen: L,
-    children: p = b,
-    ...u
-  } = e, o = h(null), s = O({ ...e, defaultOpen: l }), { triggerProps: c, overlayProps: f } = d({ ...e, type: "dialog" }, s, o);
-  return /* @__PURE__ */ g(
-    i,
-    {
-      ...f,
-      role: "alert",
-      themeName: `${t}.wrapper`,
-      tokens: r,
-      isVisible: s.isOpen,
-      children: [
-        /* @__PURE__ */ n(
-          a,
-          {
-            ref: o,
-            themeName: `${t}.closeBtn`,
-            "aria-label": m,
-            ...c
-          }
-        ),
-        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
-      ]
-    }
-  );
+import { createElement as a } from "react";
+import { useMenu as o } from "./index92.mjs";
+import m from "./index56.mjs";
+const f = (r) => {
+  var t;
+  const { tabState: e } = o();
+  return /* @__PURE__ */ a(m, { ...r, key: (t = e.selectedItem) == null ? void 0 : t.key, state: e });
 };
 export {
-  I as default
+  f as default
 };

package/index48.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),o=require("react"),h=require("./index95.js"),a=require("./index36.js"),$=require("./index6.js"),j=require("./index23.js"),q=l=>{const{title:i,button:r,content:e,themeName:n="alerts.item",tokens:s,icon:c,id:m,swiperSlideIndex:u=0}=l,{activeIndex:d}=h.useCarousel(),x=d===u;return!i&&!r&&!e&&!c?null:t.jsxs(t.Fragment,{children:[c&&t.jsx(j,{icon:c,themeName:`${n}.icon`,tokens:s}),(i||r||e)&&t.jsxs(a.default,{themeName:`${n}.container`,tokens:s,children:[i&&t.jsx(a.default,{as:"span",themeName:`${n}.title`,tokens:s,id:m,children:i}),r&&t.jsx($.default,{tabIndex:x?0:-1,themeName:`${n}.button`,tokens:s,...r}),e&&(o.isValidElement(e)?o.cloneElement(e,{...e.props,themeName:`${n}.content`,tokens:s}):e)]})]})};module.exports=q;
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index106.js"),d=require("./index177.js"),x=require("./index15.js"),y=require("./index163.js"),C=require("./index49.js"),B=e=>{const{themeName:t="alerts",tokens:s,customTheme:R,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:f,onOpenChange:j,setOpen:A,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})};module.exports=B;

package/index48.mjs

@@ -1,21 +1,50 @@
 "use client";
-import { jsxs as a, Fragment as f, jsx as i } from "react/jsx-runtime";
-import s from "react";
-import { useCarousel as x } from "./index95.mjs";
-import c from "./index36.mjs";
-import N from "./index6.mjs";
-import I from "./index23.mjs";
-const C = (l) => {
-  const { title: o, button: m, content: e, themeName: t = "alerts.item", tokens: n, icon: r, id: p, swiperSlideIndex: d = 0 } = l, { activeIndex: h } = x(), u = h === d;
-  return !o && !m && !e && !r ? null : /* @__PURE__ */ a(f, { children: [
-    r && /* @__PURE__ */ i(I, { icon: r, themeName: `${t}.icon`, tokens: n }),
-    (o || m || e) && /* @__PURE__ */ a(c, { themeName: `${t}.container`, tokens: n, children: [
-      o && /* @__PURE__ */ i(c, { as: "span", themeName: `${t}.title`, tokens: n, id: p, children: o }),
-      m && /* @__PURE__ */ i(N, { tabIndex: u ? 0 : -1, themeName: `${t}.button`, tokens: n, ...m }),
-      e && (s.isValidElement(e) ? s.cloneElement(e, { ...e.props, themeName: `${t}.content`, tokens: n }) : e)
-    ] })
-  ] });
+import { jsxs as g, jsx as n } from "react/jsx-runtime";
+import { useRef as h } from "react";
+import { useOverlayTriggerState as O } from "react-stately";
+import d from "./index106.mjs";
+import y from "./index177.mjs";
+import C from "./index15.mjs";
+import B from "./index163.mjs";
+import b from "./index49.mjs";
+const I = (e) => {
+  const {
+    themeName: t = "alerts",
+    tokens: r,
+    customTheme: A,
+    defaultOpen: l = !0,
+    closeButton: a = B,
+    transitionComponent: i = y,
+    closeButtonAriaLabel: m,
+    isOpen: v,
+    onOpenChange: x,
+    setOpen: L,
+    children: p = b,
+    ...u
+  } = e, o = h(null), s = O({ ...e, defaultOpen: l }), { triggerProps: c, overlayProps: f } = d({ ...e, type: "dialog" }, s, o);
+  return /* @__PURE__ */ g(
+    i,
+    {
+      ...f,
+      role: "alert",
+      themeName: `${t}.wrapper`,
+      tokens: r,
+      isVisible: s.isOpen,
+      children: [
+        /* @__PURE__ */ n(
+          a,
+          {
+            ref: o,
+            themeName: `${t}.closeBtn`,
+            "aria-label": m,
+            ...c
+          }
+        ),
+        /* @__PURE__ */ n(C, { themeName: t, tokens: r, ...u, children: p })
+      ]
+    }
+  );
 };
 export {
-  C as default
+  I as default
 };

package/index49.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),c=require("react-stately"),n=e=>{const{key:t,value:r}=e;return s.jsx(c.Item,{children:r},t)};module.exports=n;
+"use strict";const t=require("react/jsx-runtime"),o=require("react"),h=require("./index96.js"),a=require("./index37.js"),$=require("./index6.js"),j=require("./index24.js"),q=l=>{const{title:i,button:r,content:e,themeName:n="alerts.item",tokens:s,icon:c,id:m,swiperSlideIndex:u=0}=l,{activeIndex:d}=h.useCarousel(),x=d===u;return!i&&!r&&!e&&!c?null:t.jsxs(t.Fragment,{children:[c&&t.jsx(j,{icon:c,themeName:`${n}.icon`,tokens:s}),(i||r||e)&&t.jsxs(a.default,{themeName:`${n}.container`,tokens:s,children:[i&&t.jsx(a.default,{as:"span",themeName:`${n}.title`,tokens:s,id:m,children:i}),r&&t.jsx($.default,{tabIndex:x?0:-1,themeName:`${n}.button`,tokens:s,...r}),e&&(o.isValidElement(e)?o.cloneElement(e,{themeName:`${n}.content`,tokens:s}):e)]})]})};module.exports=q;