@okam/stack-ui 1.27.0 → 1.27.2

package/index268.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index278.js");var n;function i(){return n||(n=1,function(t){Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"escapeStringRegexp",{enumerable:!0,get:function(){return c}});const u=/[|\\{}()[\]^$+*?.-]/,p=/[|\\{}()[\]^$+*?.-]/g;function c(e){return u.test(e)?e.replace(p,"\\$&"):e}}(r.__exports)),r.__exports}exports.__require=i;

package/index268.mjs

@@ -1,4 +1,21 @@
-var a = {};
+import { __exports as r } from "./index278.mjs";
+var n;
+function i() {
+  return n ? r : (n = 1, function(t) {
+    Object.defineProperty(t, "__esModule", {
+      value: !0
+    }), Object.defineProperty(t, "escapeStringRegexp", {
+      enumerable: !0,
+      get: function() {
+        return c;
+      }
+    });
+    const p = /[|\\{}()[\]^$+*?.-]/, u = /[|\\{}()[\]^$+*?.-]/g;
+    function c(e) {
+      return p.test(e) ? e.replace(u, "\\$&") : e;
+    }
+  }(r), r);
+}
 export {
-  a as __exports
+  i as __require
 };

package/index269.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=new WeakMap;function f(a,e,r){return typeof e=="string"&&(e=e.replace(/\s+/g,"")),`${t.get(a)}-${r}-${e}`}exports.generateId=f;exports.tabsIds=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});var e={};exports.__exports=e;

package/index269.mjs

@@ -1,8 +1,4 @@
-const f = /* @__PURE__ */ new WeakMap();
-function $(t, e, a) {
-  return typeof e == "string" && (e = e.replace(/\s+/g, "")), `${f.get(t)}-${a}-${e}`;
-}
+var a = {};
 export {
-  $ as generateId,
-  f as tabsIds
+  a as __exports
 };

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

package/index27.mjs

@@ -1,36 +1,20 @@
 "use client";
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
-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 u from "./index64.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);
-  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",
-      {
-        type: "radio",
-        ...M(R, p),
-        ref: (h) => {
-          a == null || a(h), c.current = h;
-        }
-      }
-    ) }),
-    /* @__PURE__ */ e("div", { className: b, "aria-checked": f, role: "radio", "aria-labelledby": i, children: /* @__PURE__ */ e("div", { className: 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, {
-    required: l ? a("FORM.ERROR.REQUIRED") ?? "required" : !1
-  });
-  return /* @__PURE__ */ e(H, { fieldRef: s, ...c, ...t, isError: !x(n), errorMessage: n });
+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) => {
+  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 }) }) }) });
 };
 export {
-  z as ReactHookFormRadio,
-  H as default
+  O as default
 };

package/index28.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("./index24.js"),d=require("./index3.js"),q=r=>{const{label:o,isError:n=!1,errorMessage:s,isDisabled:i=!1,children:c,themeName:t="radioGroup",tokens:l}=r,a=h.useRadioGroupState(r),{radioGroupProps:G}=x.useRadioGroup(r,a),p={...l,isDisabled:i};return e.jsxs(u.default,{...G,"aria-disabled":i,themeName:`${t}.radioGroup`,tokens:p,children:[o&&e.jsx(d.default,{tokens:{size:"h6"},children:o}),e.jsx(u.default,{themeName:`${t}.radioGroupItemsGroup`,children:e.jsx(m.RadioGroupProvider,{state:a,children:c})}),n&&s&&e.jsx(d.default,{tokens:{isError:!0},children:s})]})};module.exports=q;
+"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"),q=require("react-hook-form"),M=require("react-i18next"),T=require("./index69.js"),R=require("./index65.js"),$=require("./index3.js"),x=t=>{const{id:c,label:u,themeName:s="radio",tokens:d,customTheme:r,value:n,fieldRef:i}=t,o=T.useRadioGroupCtx(),l=v.useRef(null),{inputProps:g}=a.useRadio(t,o,l),h=(o==null?void 0:o.selectedValue)===n,{focusProps:b}=a.useFocusRing(),m={...d,selected:h},j=R(`${s}.label`,m,r),k=R(`${s}.radio`,m,r),F=R(`${s}.selectedMark`,m,r);return e.jsx("div",{children:e.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{htmlFor:c,className:j,children:[e.jsx(a.VisuallyHidden,{children:e.jsx("input",{type:"radio",...a.mergeProps(b,g),ref:f=>{i==null||i(f),l.current=f}})}),e.jsx("div",{className:k,"aria-checked":h,role:"radio","aria-labelledby":c,children:e.jsx("div",{className:F})}),e.jsx($.default,{themeName:`${s}.label`,children:u})]})})})},y=t=>{const{name:c,required:u}=t,{register:s,formState:d}=q.useFormContext(),r=q.get(d.errors,c),n=(r==null?void 0:r.message)??void 0,{t:i}=M.useTranslation("components"),{ref:o,...l}=s(c,{required:u?i("FORM.ERROR.REQUIRED")??"required":!1});return e.jsx(x,{fieldRef:o,...l,...t,isError:!p.isEmpty(n),errorMessage:n})};exports.ReactHookFormRadio=y;exports.default=x;

package/index28.mjs

@@ -1,27 +1,36 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index120.mjs";
-import { useRadioGroup as G } from "react-aria";
-import { RadioGroupProvider as b } from "./index68.mjs";
-import d from "./index24.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 })
-      ]
-    }
-  );
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+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 "./index69.mjs";
+import u from "./index65.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);
+  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",
+      {
+        type: "radio",
+        ...M(R, p),
+        ref: (h) => {
+          a == null || a(h), c.current = h;
+        }
+      }
+    ) }),
+    /* @__PURE__ */ e("div", { className: b, "aria-checked": f, role: "radio", "aria-labelledby": i, children: /* @__PURE__ */ e("div", { className: 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, {
+    required: l ? a("FORM.ERROR.REQUIRED") ?? "required" : !1
+  });
+  return /* @__PURE__ */ e(H, { fieldRef: s, ...c, ...t, isError: !x(n), errorMessage: n });
 };
 export {
-  j as default
+  z as ReactHookFormRadio,
+  H as default
 };

package/index29.js

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

package/index29.mjs

@@ -1,11 +1,27 @@
 "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 { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useRadioGroupState as h } from "./index120.mjs";
+import { useRadioGroup as G } from "react-aria";
+import { RadioGroupProvider as b } from "./index69.mjs";
+import d from "./index25.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 {
-  p as default
+  j as default
 };

package/index3.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),p=require("./index64.js"),y=({as:e="span",themeName:r="typography",tokens:t,customTheme:o,children:s,...a})=>{const n=p(r,t,o);return c.jsx(e,{...a,className:n,children:s})},m=i.forwardRef((e,r)=>{const{as:t="span",tokens:o,themeName:s="typography",customTheme:a,children:n,...u}=e,h=p(s,o,a);return c.jsx(t,{...u,ref:r,className:h,children:n})});exports.TypographyWithForwardRef=m;exports.default=y;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),p=require("./index65.js"),y=({as:e="span",themeName:r="typography",tokens:t,customTheme:o,children:s,...a})=>{const n=p(r,t,o);return c.jsx(e,{...a,className:n,children:s})},m=i.forwardRef((e,r)=>{const{as:t="span",tokens:o,themeName:s="typography",customTheme:a,children:n,...u}=e,h=p(s,o,a);return c.jsx(t,{...u,ref:r,className:h,children:n})});exports.TypographyWithForwardRef=m;exports.default=y;

package/index3.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
 import f from "react";
-import n from "./index64.mjs";
+import n from "./index65.mjs";
 const i = ({
   as: e = "span",
   themeName: t = "typography",

package/index30.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("./index24.js"),q=require("./index122.js"),$=s=>{const{id:c="main-menu",children:o,PanelTransition:u=x,themeName:n,tokens:d,customTheme:m,...a}=s,{overlayState:t}=l.useSidePanel(),{closeBtn:r}=h.useMenu();return e.jsx(u,{isVisible:t==null?void 0:t.isOpen,children:e.jsxs(i.default,{themeName:`${n}.wrapper`,children:[r&&r(),e.jsx(i.default,{themeName:`${n}.container`,children:e.jsx(q,{id:c,themeName:`${n}.innerContent`,tokens:d,customTheme:m,...a,children:o})})]})})};module.exports=$;
+"use strict";const a=require("react/jsx-runtime"),t=require("react-spring"),s=({isVisible:e,children:r})=>t.useTransition(e,{from:{opacity:0,translateX:"100%"},enter:{opacity:1,translateX:"0%"},leave:{opacity:0,translateX:"25%"}})((i,n)=>n&&a.jsx(t.animated.div,{style:i,children:r}));module.exports=s;

package/index30.mjs

@@ -1,35 +1,11 @@
 "use client";
-import { jsx as t, jsxs as d } from "react/jsx-runtime";
-import { useMenu as l } from "./index67.mjs";
-import { useSidePanel as u } from "./index66.mjs";
-import f from "./index121.mjs";
-import m from "./index24.mjs";
-import x from "./index122.mjs";
-const O = (o) => {
-  const {
-    id: i = "main-menu",
-    children: s,
-    PanelTransition: c = f,
-    themeName: e,
-    tokens: a,
-    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,
-      {
-        id: i,
-        themeName: `${e}.innerContent`,
-        tokens: a,
-        customTheme: p,
-        ...h,
-        children: s
-      }
-    ) })
-  ] }) });
-};
+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 }));
 export {
-  O as default
+  p as default
 };

package/index31.js

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

package/index31.mjs

@@ -1,36 +1,35 @@
 "use client";
-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";
-const T = (m) => {
+import { jsx as t, jsxs as d } from "react/jsx-runtime";
+import { useMenu as l } from "./index68.mjs";
+import { useSidePanel as u } from "./index67.mjs";
+import f from "./index121.mjs";
+import m from "./index25.mjs";
+import x from "./index122.mjs";
+const O = (o) => {
   const {
-    id: n = "main-menu",
+    id: i = "main-menu",
     children: s,
-    TransitionAnimation: l,
-    PanelTransition: a,
-    themeName: t,
-    tokens: o,
-    customTheme: r,
-    ...c
-  } = m, { closeBtn: d, tabState: e, defaultSelectedKey: u } = f();
-  return /* @__PURE__ */ i(
-    h,
-    {
-      themeName: `${t}.sidePanel`,
-      tokens: o,
-      customTheme: r,
-      closeBtnRender: d,
-      id: n,
-      TransitionAnimation: l,
-      PanelTransition: a,
-      onCloseCallBack: () => {
-        e == null || e.setSelectedKey(u);
-      },
-      children: /* @__PURE__ */ i(p, { id: n, themeName: t, tokens: o, customTheme: r, ...c, children: s })
-    }
-  );
+    PanelTransition: c = f,
+    themeName: e,
+    tokens: a,
+    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,
+      {
+        id: i,
+        themeName: `${e}.innerContent`,
+        tokens: a,
+        customTheme: p,
+        ...h,
+        children: s
+      }
+    ) })
+  ] }) });
 };
 export {
-  T as default
+  O as default
 };

package/index32.js

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

package/index32.mjs

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

package/index33.js

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