@okam/stack-ui 1.29.1 → 1.30.1

package/index27.mjs

@@ -1,19 +1,19 @@
 "use client";
 import { jsx as o } from "react/jsx-runtime";
-import { OverlayContainer as l } from "react-aria";
-import s from "./index117.mjs";
-import d from "./index118.mjs";
-import p from "./index119.mjs";
-const O = (e) => {
+import { OverlayContainer as s } from "react-aria";
+import l from "./index118.mjs";
+import d from "./index119.mjs";
+import p from "./index120.mjs";
+const O = (n) => {
   const {
     children: a,
-    transitionComponent: m = s,
-    state: r,
-    themeName: t,
-    tokens: i,
-    ...n
-  } = e;
-  return /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(m, { isVisible: r.isOpen, children: /* @__PURE__ */ o(p, { themeName: t, tokens: i, state: r, ...n, children: /* @__PURE__ */ o(d, { themeName: t, tokens: i, ...n, children: a }) }) }) });
+    transitionComponent: m = l,
+    state: t,
+    themeName: r,
+    tokens: e,
+    ...i
+  } = n;
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(m, { themeName: `${r}.transition`, isVisible: t.isOpen, children: /* @__PURE__ */ o(p, { themeName: r, tokens: e, state: t, ...i, children: /* @__PURE__ */ o(d, { themeName: r, tokens: e, ...i, children: a }) }) }) });
 };
 export {
   O as default

package/index28.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),p=require("lodash"),v=require("react"),a=require("react-aria"),f=require("react-hook-form"),M=require("react-i18next"),T=require("./index68.js"),R=require("./index64.js"),y=require("./index3.js"),g=t=>{const{id:c,label:u,themeName:r="radio",tokens:d,customTheme:s,value:n,fieldRef:i}=t,o=T.useRadioGroupCtx(),l=v.useRef(null),{inputProps:q}=a.useRadio(t,o,l),h=(o==null?void 0:o.selectedValue)===n,{focusProps:j}=a.useFocusRing(),m={...d,selected:h},b=R(`${r}.label`,m,s),k=R(`${r}.radio`,m,s),F=R(`${r}.selectedMark`,m,s);return e.jsx("div",{children:e.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{htmlFor:c,className:b,children:[e.jsx(a.VisuallyHidden,{children:e.jsx("input",{type:"radio",...a.mergeProps(j,q),ref:x=>{i==null||i(x),l.current=x}})}),e.jsx("div",{className:k,"aria-checked":h,role:"radio","aria-labelledby":c,children:e.jsx("div",{className:F})}),e.jsx(y.default,{themeName:`${r}.label`,children:u})]})})})},E=t=>{const{name:c,required:u}=t,{register:r,formState:d}=f.useFormContext(),s=f.get(d.errors,c),n=(s==null?void 0:s.message)??void 0,{t:i}=M.useTranslation("components"),{ref:o,...l}=r(c,{required:u?i("FORM.ERROR.REQUIRED")??"required":!1});return e.jsx(g,{fieldRef:o,...l,...t,isError:!p.isEmpty(n),errorMessage:n})};exports.ReactHookFormRadio=E;exports.default=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("lodash"),M=require("react"),a=require("react-aria"),f=require("react-hook-form"),T=require("./index68.js"),R=require("./index64.js"),p=require("./index72.js"),y=require("./index3.js"),g=t=>{const{id:i,label:u,themeName:r="radio",tokens:d,customTheme:s,value:n,fieldRef:c}=t,o=T.useRadioGroupCtx(),l=M.useRef(null),{inputProps:q}=a.useRadio(t,o,l),h=(o==null?void 0:o.selectedValue)===n,{focusProps:j}=a.useFocusRing(),m={...d,selected:h},b=R(`${r}.label`,m,s),k=R(`${r}.radio`,m,s),F=R(`${r}.selectedMark`,m,s);return e.jsx("div",{children:e.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{htmlFor:i,className:b,children:[e.jsx(a.VisuallyHidden,{children:e.jsx("input",{type:"radio",...a.mergeProps(j,q),ref:x=>{c==null||c(x),l.current=x}})}),e.jsx("div",{className:k,"aria-checked":h,role:"radio","aria-labelledby":i,children:e.jsx("div",{className:F})}),e.jsx(y.default,{themeName:`${r}.label`,children:u})]})})})},E=t=>{const{name:i,required:u}=t,{register:r,formState:d}=f.useFormContext(),s=f.get(d.errors,i),n=(s==null?void 0:s.message)??void 0,{t:c}=p.useTranslation(),{ref:o,...l}=r(i,{required:u?c("FORM.ERROR.REQUIRED")??"required":!1});return e.jsx(g,{fieldRef:o,...l,...t,isError:!v.isEmpty(n),errorMessage:n})};exports.ReactHookFormRadio=E;exports.default=g;

package/index28.mjs

@@ -4,12 +4,12 @@ import { isEmpty as x } from "lodash";
 import { useRef as y } from "react";
 import { useRadio as F, useFocusRing as v, FocusRing as C, VisuallyHidden as E, mergeProps as M } from "react-aria";
 import { useFormContext as N, get as $ } from "react-hook-form";
-import { useTranslation as q } from "react-i18next";
-import { useRadioGroupCtx as P } from "./index68.mjs";
+import { useRadioGroupCtx as q } from "./index68.mjs";
 import u from "./index64.mjs";
+import { useTranslation as P } from "./index72.mjs";
 import j from "./index3.mjs";
 const H = (t) => {
-  const { id: i, label: l, themeName: o = "radio", tokens: m, customTheme: r, value: n, fieldRef: a } = t, s = P(), c = y(null), { inputProps: p } = F(t, s, c), f = (s == null ? void 0 : s.selectedValue) === n, { focusProps: R } = v(), d = { ...m, selected: f }, g = u(`${o}.label`, d, r), b = u(`${o}.radio`, d, r), T = u(`${o}.selectedMark`, d, r);
+  const { id: i, label: l, themeName: o = "radio", tokens: m, customTheme: r, value: c, fieldRef: a } = t, s = q(), n = y(null), { inputProps: p } = F(t, s, n), f = (s == null ? void 0 : s.selectedValue) === c, { focusProps: R } = v(), d = { ...m, selected: f }, g = u(`${o}.label`, d, r), b = u(`${o}.radio`, d, r), T = u(`${o}.selectedMark`, d, r);
   return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(C, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ k("label", { htmlFor: i, className: g, children: [
     /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
       "input",
@@ -17,7 +17,7 @@ const H = (t) => {
         type: "radio",
         ...M(R, p),
         ref: (h) => {
-          a == null || a(h), c.current = h;
+          a == null || a(h), n.current = h;
         }
       }
     ) }),
@@ -25,10 +25,10 @@ const H = (t) => {
     /* @__PURE__ */ e(j, { themeName: `${o}.label`, children: l })
   ] }) }) });
 }, z = (t) => {
-  const { name: i, required: l } = t, { register: o, formState: m } = N(), r = $(m.errors, i), n = (r == null ? void 0 : r.message) ?? void 0, { t: a } = q("components"), { ref: s, ...c } = o(i, {
+  const { name: i, required: l } = t, { register: o, formState: m } = N(), r = $(m.errors, i), c = (r == null ? void 0 : r.message) ?? void 0, { t: a } = P(), { ref: s, ...n } = o(i, {
     required: l ? a("FORM.ERROR.REQUIRED") ?? "required" : !1
   });
-  return /* @__PURE__ */ e(H, { fieldRef: s, ...c, ...t, isError: !x(n), errorMessage: n });
+  return /* @__PURE__ */ e(H, { fieldRef: s, ...n, ...t, isError: !x(c), errorMessage: c });
 };
 export {
   z as ReactHookFormRadio,

package/index29.js

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

package/index29.mjs

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

package/index30.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const s=require("react/jsx-runtime"),t=require("react-spring"),a=({isVisible:e,children:n})=>t.useTransition(e,{from:{opacity:0,translateX:"100%"},enter:{opacity:1,translateX:"0%"},leave:{opacity:0,translateX:"25%"}})((r,i)=>i&&s.jsx(t.animated.div,{style:r,children:n}));module.exports=a;
+"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index64.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/index30.mjs

@@ -1,11 +1,17 @@
 "use client";
-import { jsx as i } from "react/jsx-runtime";
-import { useTransition as n, animated as o } from "react-spring";
-const p = ({ isVisible: t, children: a }) => n(t, {
-  from: { opacity: 0, translateX: "100%" },
-  enter: { opacity: 1, translateX: "0%" },
-  leave: { opacity: 0, translateX: "25%" }
-})((e, r) => r && /* @__PURE__ */ i(o.div, { style: e, children: a }));
+import { jsx as m } from "react/jsx-runtime";
+import { useTransition as l, animated as c } from "@react-spring/web";
+import p from "./index64.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 {
-  p as default
+  h as default
 };

package/index31.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index67.js"),l=require("./index66.js"),x=require("./index121.js"),i=require("./index25.js"),q=require("./index122.js"),j=r=>{const{id:c="main-menu",children:o,PanelTransition:u=x,themeName:n,tokens:m,customTheme:d,...a}=r,{overlayState:t}=l.useSidePanel(),{closeBtn:s}=h.useMenu();return e.jsx(u,{isVisible:t==null?void 0:t.isOpen,children:e.jsxs(i.default,{themeName:`${n}.wrapper`,children:[s&&s(),e.jsx(i.default,{themeName:`${n}.container`,children:e.jsx(q,{id:c,themeName:`${n}.innerContent`,tokens:m,customTheme:d,...a,children:o})})]})})};module.exports=j;
+"use strict";const t=require("react/jsx-runtime"),h=require("./index67.js"),l=require("./index66.js"),x=require("./index122.js"),r=require("./index25.js"),p=require("./index123.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/index31.mjs

@@ -1,35 +1,35 @@
 "use client";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { useMenu as l } from "./index67.mjs";
+import { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useMenu as d } from "./index67.mjs";
 import { useSidePanel as u } from "./index66.mjs";
-import f from "./index121.mjs";
-import m from "./index25.mjs";
-import x from "./index122.mjs";
-const O = (o) => {
+import f from "./index122.mjs";
+import i from "./index25.mjs";
+import N from "./index123.mjs";
+const M = (o) => {
   const {
-    id: i = "main-menu",
-    children: s,
+    id: s = "main-menu",
+    children: a,
     PanelTransition: c = f,
     themeName: e,
-    tokens: a,
+    tokens: n,
     customTheme: p,
     ...h
-  } = o, { overlayState: n } = u(), { closeBtn: r } = l();
-  return /* @__PURE__ */ t(c, { isVisible: n == null ? void 0 : n.isOpen, children: /* @__PURE__ */ d(m, { themeName: `${e}.wrapper`, children: [
-    r && r(),
-    /* @__PURE__ */ t(m, { themeName: `${e}.container`, children: /* @__PURE__ */ t(
-      x,
+  } = 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: i,
+        id: s,
         themeName: `${e}.innerContent`,
-        tokens: a,
+        tokens: n,
         customTheme: p,
         ...h,
-        children: s
+        children: a
       }
     ) })
   ] }) });
 };
 export {
-  O as default
+  M as default
 };

package/index32.js

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

package/index32.mjs

@@ -2,7 +2,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useMenu as f } from "./index67.mjs";
 import h from "./index8.mjs";
-import p from "./index122.mjs";
+import p from "./index123.mjs";
 const T = (m) => {
   const {
     id: n = "main-menu",

package/index33.mjs

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

package/index34.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react"),s=require("./index67.js"),a=require("./index123.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 r=require("react"),s=require("./index67.js"),a=require("./index124.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/index34.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { createElement as a } from "react";
 import { useMenu as o } from "./index67.mjs";
-import m from "./index123.mjs";
+import m from "./index124.mjs";
 const f = (r) => {
   var t;
   const { tabState: e } = o();

package/index35.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index121.js"),x=require("./index11.js"),O=require("./index100.js"),y=require("./index124.js"),B=require("./index36.js"),C=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=B,...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=C;
+"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),d=require("./index122.js"),x=require("./index11.js"),O=require("./index101.js"),y=require("./index125.js"),B=require("./index36.js"),C=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=B,...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=C;

package/index35.mjs

@@ -2,10 +2,10 @@
 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 "./index121.mjs";
+import d from "./index122.mjs";
 import C from "./index11.mjs";
-import y from "./index100.mjs";
-import B from "./index124.mjs";
+import y from "./index101.mjs";
+import B from "./index125.mjs";
 import A from "./index36.mjs";
 const I = (e) => {
   const {

package/index36.mjs

@@ -1,22 +1,22 @@
 "use client";
 import { jsxs as d, Fragment as x, jsx as s } from "react/jsx-runtime";
-import l from "react";
+import p from "react";
 import { useSwiperController as N } from "./index71.mjs";
-import p from "./index25.mjs";
+import l from "./index25.mjs";
 import I from "./index6.mjs";
 import $ from "./index14.mjs";
-const _ = (f) => {
+const E = (f) => {
   var c;
-  const { title: i, button: o, content: e, themeName: n = "alerts.item", tokens: m, icon: r, id: a } = f, { controller: t } = N(), h = ((c = t == null ? void 0 : t.slides) == null ? void 0 : c.findIndex((u) => u.id === a)) === (t == null ? void 0 : t.activeIndex);
-  return !i && !o && !e && !r ? null : /* @__PURE__ */ d(x, { children: [
+  const { title: o, button: i, content: e, themeName: n = "alerts.item", tokens: m, icon: r, id: a } = f, { controller: t } = N(), h = ((c = t == null ? void 0 : t.slides) == null ? void 0 : c.findIndex((u) => u.id === a)) === (t == null ? void 0 : t.activeIndex);
+  return !o && !i && !e && !r ? null : /* @__PURE__ */ d(x, { children: [
     r && /* @__PURE__ */ s($, { icon: r, themeName: `${n}.icon`, tokens: m }),
-    (i || o || e) && /* @__PURE__ */ d(p, { themeName: `${n}.container`, tokens: m, children: [
-      i && /* @__PURE__ */ s(p, { as: "span", themeName: `${n}.title`, tokens: m, id: a, children: i }),
-      o && /* @__PURE__ */ s(I, { tabIndex: h ? 0 : -1, themeName: `${n}.button`, tokens: m, ...o }),
-      e && (l.isValidElement(e) ? l.cloneElement(e, { ...e.props, themeName: `${n}.content`, tokens: m }) : e)
+    (o || i || e) && /* @__PURE__ */ d(l, { themeName: `${n}.container`, tokens: m, children: [
+      o && /* @__PURE__ */ s(l, { as: "span", themeName: `${n}.title`, tokens: m, id: a, children: o }),
+      i && /* @__PURE__ */ s(I, { tabIndex: h ? 0 : -1, themeName: `${n}.button`, tokens: m, ...i }),
+      e && (p.isValidElement(e) ? p.cloneElement(e, { ...e.props, themeName: `${n}.content`, tokens: m }) : e)
     ] })
   ] });
 };
 export {
-  _ as default
+  E as default
 };

package/index4.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),a=require("./index97.js"),m=require("react"),x=require("./index69.js"),A=require("./index25.js"),q=require("./index98.js"),h=require("./index77.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:d}=a.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(A.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...d,children:[...o.collection].map(i=>r.jsx(q,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;
+"use strict";const r=require("react/jsx-runtime"),a=require("./index98.js"),m=require("react"),x=require("./index69.js"),A=require("./index25.js"),q=require("./index99.js"),h=require("./index78.js"),l=e=>{const{themeName:c="accordion",tokens:n,customTheme:s,TransitionAnimation:u}=e,t=m.useRef(null),o=h(e),{accordionProps:d}=a.useAccordion(e,o,t);return r.jsx(x.AccordionContextProvider,{state:o,TransitionAnimation:u,children:r.jsx(A.BoxWithForwardRef,{themeName:`${c}.wrapper`,tokens:n,customTheme:s,ref:t,...d,children:[...o.collection].map(i=>r.jsx(q,{item:i,themeName:c,tokens:n},i.key))})})};module.exports=l;

package/index4.mjs

@@ -1,11 +1,11 @@
 "use client";
 import { jsx as e } from "react/jsx-runtime";
-import { useAccordion as f } from "./index97.mjs";
+import { useAccordion as f } from "./index98.mjs";
 import { useRef as s } from "react";
 import { AccordionContextProvider as p } from "./index69.mjs";
 import { BoxWithForwardRef as u } from "./index25.mjs";
-import l from "./index98.mjs";
-import A from "./index77.mjs";
+import l from "./index99.mjs";
+import A from "./index78.mjs";
 const N = (o) => {
   const { themeName: t = "accordion", tokens: c, customTheme: m, TransitionAnimation: a } = o, n = s(null), r = A(o), { accordionProps: d } = f(o, r, n);
   return /* @__PURE__ */ e(p, { state: r, TransitionAnimation: a, children: /* @__PURE__ */ e(

package/index6.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),c=require("react"),a=require("react-aria"),b=require("./index64.js"),R=c.forwardRef((e,t)=>{var x;const{as:n="a",handlePress:i,children:h,as:r,customTheme:l,tokens:m,themeName:f="button",nextLinkProps:o,...d}=e,u=t,{linkProps:g}=a.useLink({...e,...o,href:e.href??((x=o==null?void 0:o.href)==null?void 0:x.toString()),elementType:r==null?void 0:r.toString(),onPress:i},t??u),j=b(f,m,l);return s.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsx(n,{ref:u,...g,...o,...d,className:j,children:h})})}),B=c.forwardRef((e,t)=>{const{as:n="button",handlePress:i,children:h,as:r,customTheme:l,tokens:m,themeName:f="button",isDisabled:o=!1,...d}=e,u=t,{buttonProps:g}=a.useButton({...e,isDisabled:o,elementType:r,onPress:i},t??u),j=b(f,m,l);return s.jsx(a.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:s.jsx(n,{ref:u,...g,...d,className:j,children:h})})}),P=c.forwardRef((e,t)=>{const{as:n}=e;return n==="a"?s.jsx(R,{ref:t,...e}):s.jsx(B,{ref:t,...e})}),C=e=>{const{as:t}=e,n=c.useRef(null);return t==="a"?s.jsx(R,{ref:n,...e}):s.jsx(B,{ref:n,...e})},T=c.memo(C);exports.Anchor=R;exports.ButtonWithForwardRef=P;exports.default=T;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),a=require("react"),c=require("react-aria"),P=require("./index64.js"),x=a.forwardRef((e,t)=>{var R;const{as:s="a",handlePress:i,children:l,as:r,customTheme:h,tokens:m,themeName:f="button",nextLinkProps:o,...d}=e,u=t,{linkProps:g}=c.useLink({...e,...o,href:e.href??((R=o==null?void 0:o.href)==null?void 0:R.toString()),elementType:r==null?void 0:r.toString(),onPress:i},t??u),j=P(f,m,h);return n.jsx(c.FocusRing,{focusRingClass:"has-focus-ring",children:n.jsx(s,{ref:u,...g,...o,...d,className:j,children:l})})}),b=a.forwardRef((e,t)=>{const{as:s="button",handlePress:i,children:l,as:r,customTheme:h,tokens:m,themeName:f="button",isDisabled:o=!1,...d}=e,u=t,{buttonProps:g}=c.useButton({...e,isDisabled:o,elementType:r,onPress:i},t??u),j=P(f,m,h),{onPress:R,onFocusChange:N,...C}=d;return n.jsx(c.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:n.jsx(s,{ref:u,...g,...C,className:j,children:l})})}),F=a.forwardRef((e,t)=>{const{as:s}=e;return s==="a"?n.jsx(x,{ref:t,...e}):n.jsx(b,{ref:t,...e})}),B=e=>{const{as:t}=e,s=a.useRef(null);return t==="a"?n.jsx(x,{ref:s,...e}):n.jsx(b,{ref:s,...e})};B.displayName="Button";exports.Anchor=x;exports.ButtonWithForwardRef=F;exports.default=B;

package/index6.mjs

@@ -1,60 +1,61 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import u, { useRef as T } from "react";
-import { useLink as N, FocusRing as C, useButton as k } from "react-aria";
-import b from "./index64.mjs";
-const B = u.forwardRef(
-  (t, e) => {
-    var R;
+import { jsx as s } from "react/jsx-runtime";
+import C, { useRef as T } from "react";
+import { useLink as k, FocusRing as P, useButton as w } from "react-aria";
+import R from "./index64.mjs";
+const b = C.forwardRef(
+  (e, t) => {
+    var g;
     const {
       as: n = "a",
-      handlePress: m,
-      children: a,
+      handlePress: a,
+      children: u,
       as: r,
-      customTheme: i,
-      tokens: f,
-      themeName: h = "button",
-      nextLinkProps: s,
-      ...l
-    } = t, c = e, { linkProps: d } = N(
+      customTheme: m,
+      tokens: i,
+      themeName: f = "button",
+      nextLinkProps: o,
+      ...h
+    } = e, c = t, { linkProps: l } = k(
       {
-        ...t,
-        ...s,
-        href: t.href ?? ((R = s == null ? void 0 : s.href) == null ? void 0 : R.toString()),
+        ...e,
+        ...o,
+        href: e.href ?? ((g = o == null ? void 0 : o.href) == null ? void 0 : g.toString()),
         elementType: r == null ? void 0 : r.toString(),
-        onPress: m
+        onPress: a
       },
-      e ?? c
-    ), g = b(h, f, i);
-    return /* @__PURE__ */ o(C, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(n, { ref: c, ...d, ...s, ...l, className: g, children: a }) });
+      t ?? c
+    ), d = R(f, i, m);
+    return /* @__PURE__ */ s(P, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: c, ...l, ...o, ...h, className: d, children: u }) });
   }
-), P = u.forwardRef((t, e) => {
+), B = C.forwardRef((e, t) => {
   const {
     as: n = "button",
-    handlePress: m,
-    children: a,
+    handlePress: a,
+    children: u,
     as: r,
-    customTheme: i,
-    tokens: f,
-    themeName: h = "button",
-    isDisabled: s = !1,
-    ...l
-  } = t, c = e, { buttonProps: d } = k(
-    { ...t, isDisabled: s, elementType: r, onPress: m },
-    e ?? c
-  ), g = b(h, f, i);
-  return /* @__PURE__ */ o(C, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(n, { ref: c, ...d, ...l, className: g, children: a }) });
-}), _ = u.forwardRef(
-  (t, e) => {
-    const { as: n } = t;
-    return n === "a" ? /* @__PURE__ */ o(B, { ref: e, ...t }) : /* @__PURE__ */ o(P, { ref: e, ...t });
+    customTheme: m,
+    tokens: i,
+    themeName: f = "button",
+    isDisabled: o = !1,
+    ...h
+  } = e, c = t, { buttonProps: l } = w(
+    { ...e, isDisabled: o, elementType: r, onPress: a },
+    t ?? c
+  ), d = R(f, i, m), { onPress: g, onFocusChange: F, ...N } = h;
+  return /* @__PURE__ */ s(P, { within: !0, focusRingClass: "has-focus-ring", children: /* @__PURE__ */ s(n, { ref: c, ...l, ...N, className: d, children: u }) });
+}), A = C.forwardRef(
+  (e, t) => {
+    const { as: n } = e;
+    return n === "a" ? /* @__PURE__ */ s(b, { ref: t, ...e }) : /* @__PURE__ */ s(B, { ref: t, ...e });
   }
-), w = (t) => {
-  const { as: e } = t, n = T(null);
-  return e === "a" ? /* @__PURE__ */ o(B, { ref: n, ...t }) : /* @__PURE__ */ o(P, { ref: n, ...t });
-}, j = u.memo(w);
+), y = (e) => {
+  const { as: t } = e, n = T(null);
+  return t === "a" ? /* @__PURE__ */ s(b, { ref: n, ...e }) : /* @__PURE__ */ s(B, { ref: n, ...e });
+};
+y.displayName = "Button";
 export {
-  B as Anchor,
-  _ as ButtonWithForwardRef,
-  j as default
+  b as Anchor,
+  A as ButtonWithForwardRef,
+  y as default
 };

package/index65.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index125.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:r,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index126.js"),e=require("react"),[u,l]=o.default();function c({children:s}){const[t,n]=e.useState(!1);e.useEffect(()=>{n(!0)},[]);const r=e.useMemo(()=>({isClient:t}),[t]);return i.jsx(l,{value:r,children:s})}exports.IsClientContextProvider=c;exports.useIsClient=u;

package/index65.mjs

@@ -1,6 +1,6 @@
 "use client";
 import { jsx as s } from "react/jsx-runtime";
-import i from "./index125.mjs";
+import i from "./index126.mjs";
 import { useState as n, useEffect as u, useMemo as f } from "react";
 const [a, l] = i();
 function p({ children: t }) {

package/index66.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index125.js"),r=require("react"),v=require("react-stately"),y=require("./index100.js"),[x,R]=g.default();function q(i){const{children:l,defaultSelectedKey:s,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=r.useRef(null),P=r.useRef(null),n=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:u}=y({type:c},n),f=r.useMemo(()=>({overlayProps:u,defaultSelectedKey:s,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:P,openButtonProps:o,openButtonRef:d}}),[n,s,o,u]);return S.jsx(R,{value:f,children:l})}exports.SidePanelContextProvider=q;exports.useSidePanel=x;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),g=require("./index126.js"),r=require("react"),v=require("react-stately"),y=require("./index101.js"),[x,R]=g.default();function q(i){const{children:l,defaultSelectedKey:s,onOpenCallback:e,onCloseCallback:t,defaultIsOpen:a=!1,type:c="dialog"}=i,d=r.useRef(null),P=r.useRef(null),n=v.useOverlayTriggerState({defaultOpen:a,onOpenChange(p){if(!p){t==null||t();return}e==null||e()}}),{triggerProps:o,overlayProps:u}=y({type:c},n),f=r.useMemo(()=>({overlayProps:u,defaultSelectedKey:s,overlayState:n,buttonProps:{closeButtonProps:o,closeButtonRef:P,openButtonProps:o,openButtonRef:d}}),[n,s,o,u]);return S.jsx(R,{value:f,children:l})}exports.SidePanelContextProvider=q;exports.useSidePanel=x;