@okam/stack-ui 1.34.0 → 1.35.0

package/index288.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dateRange:u=>`${u.startDate} إلى ${u.endDate}`,dateSelected:u=>`${u.date} المحدد`,finishRangeSelectionPrompt:"انقر لإنهاء عملية تحديد نطاق التاريخ",maximumDate:"آخر تاريخ متاح",minimumDate:"أول تاريخ متاح",next:"التالي",previous:"السابق",selectedDateDescription:u=>`تاريخ محدد: ${u.date}`,selectedRangeDescription:u=>`المدى الزمني المحدد: ${u.dateRange}`,startRangeSelectionPrompt:"انقر لبدء عملية تحديد نطاق التاريخ",todayDate:u=>`اليوم، ${u.date}`,todayDateSelected:u=>`اليوم، ${u.date} محدد`};module.exports=exports.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(t,e,n){if(!e.has(t))throw new TypeError("attempted to "+n+" private field on non-instance");return e.get(t)}exports._=o;

package/index288.mjs

@@ -1,18 +1,7 @@
-var e = {};
-e = {
-  dateRange: (u) => `${u.startDate} إلى ${u.endDate}`,
-  dateSelected: (u) => `${u.date} المحدد`,
-  finishRangeSelectionPrompt: "انقر لإنهاء عملية تحديد نطاق التاريخ",
-  maximumDate: "آخر تاريخ متاح",
-  minimumDate: "أول تاريخ متاح",
-  next: "التالي",
-  previous: "السابق",
-  selectedDateDescription: (u) => `تاريخ محدد: ${u.date}`,
-  selectedRangeDescription: (u) => `المدى الزمني المحدد: ${u.dateRange}`,
-  startRangeSelectionPrompt: "انقر لبدء عملية تحديد نطاق التاريخ",
-  todayDate: (u) => `اليوم، ${u.date}`,
-  todayDateSelected: (u) => `اليوم، ${u.date} محدد`
-};
+function o(t, e, n) {
+  if (!e.has(t)) throw new TypeError("attempted to " + n + " private field on non-instance");
+  return e.get(t);
+}
 export {
-  e as default
+  o as _
 };

package/index289.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dateRange:u=>`${u.startDate} до ${u.endDate}`,dateSelected:u=>`Избрано е ${u.date}`,finishRangeSelectionPrompt:"Натиснете, за да довършите избора на времеви интервал",maximumDate:"Последна налична дата",minimumDate:"Първа налична дата",next:"Напред",previous:"Назад",selectedDateDescription:u=>`Избрана дата: ${u.date}`,selectedRangeDescription:u=>`Избран диапазон: ${u.dateRange}`,startRangeSelectionPrompt:"Натиснете, за да пристъпите към избора на времеви интервал",todayDate:u=>`Днес, ${u.date}`,todayDateSelected:u=>`Днес, ${u.date} са избрани`};module.exports=exports.default;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(l,e,t){if(e.set)e.set.call(l,t);else{if(!e.writable)throw new TypeError("attempted to set read only private field");e.value=t}}exports._=a;

package/index289.mjs

@@ -1,18 +1,11 @@
-var e = {};
-e = {
-  dateRange: (u) => `${u.startDate} до ${u.endDate}`,
-  dateSelected: (u) => `Избрано е ${u.date}`,
-  finishRangeSelectionPrompt: "Натиснете, за да довършите избора на времеви интервал",
-  maximumDate: "Последна налична дата",
-  minimumDate: "Първа налична дата",
-  next: "Напред",
-  previous: "Назад",
-  selectedDateDescription: (u) => `Избрана дата: ${u.date}`,
-  selectedRangeDescription: (u) => `Избран диапазон: ${u.dateRange}`,
-  startRangeSelectionPrompt: "Натиснете, за да пристъпите към избора на времеви интервал",
-  todayDate: (u) => `Днес, ${u.date}`,
-  todayDateSelected: (u) => `Днес, ${u.date} са избрани`
-};
+function l(a, e, t) {
+  if (e.set) e.set.call(a, t);
+  else {
+    if (!e.writable)
+      throw new TypeError("attempted to set read only private field");
+    e.value = t;
+  }
+}
 export {
-  e as default
+  l as _
 };

package/index29.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index131.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 n=require("react/jsx-runtime"),j=require("./index125.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index27.js"),$=require("./index3.js"),v=require("./index126.js"),b=require("./index127.js");function y(c){const{buttons:i,tokens:u,customTheme:l,themeName:e="calendar",gridProps:d,...s}=c,{locale:m}=g.useLocale(),r=P.useRangeCalendarState({...s,locale:m,createCalendar:j.createCalendar}),{isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R}=r,a=N.useRef(null),{calendarProps:k,prevButtonProps:p,nextButtonProps:C,title:f}=B.useRangeCalendar({...s},r,a),t={isDisabled:x,isReadOnly:h,isValueInvalid:q,isFocused:R,...u};return n.jsxs(o.BoxWithForwardRef,{...k,ref:a,themeName:`${e}.container`,tokens:t,customTheme:l,children:[n.jsxs(o.default,{themeName:`${e}.header`,tokens:t,children:[n.jsx($.default,{as:"p",themeName:`${e}.title`,tokens:t,children:f}),n.jsx(b,{themeName:e,tokens:t,buttons:i,prevButtonProps:p,nextButtonProps:C})]}),n.jsx(v,{...d,state:r,themeName:e,tokens:t})]})}module.exports=y;

package/index29.mjs

@@ -1,27 +1,53 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index131.mjs";
-import { useRadioGroup as G } from "react-aria";
-import { RadioGroupProvider as b } from "./index68.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,
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { createCalendar as $ } from "./index125.mjs";
+import { useLocale as b } from "@react-aria/i18n";
+import { useRef as B } from "react";
+import { useRangeCalendar as N } from "react-aria";
+import { useRangeCalendarState as P } from "react-stately";
+import v, { BoxWithForwardRef as y } from "./index27.mjs";
+import T from "./index3.mjs";
+import j from "./index126.mjs";
+import F from "./index127.mjs";
+function z(m) {
+  const { buttons: i, tokens: d, customTheme: l, themeName: e = "calendar", gridProps: c, ...a } = m, { locale: p } = b(), o = P({
+    ...a,
+    locale: p,
+    createCalendar: $
+  }), { isDisabled: f, isReadOnly: u, isValueInvalid: h, isFocused: k } = o, n = B(null), { calendarProps: x, prevButtonProps: g, nextButtonProps: C, title: R } = N({ ...a }, o, n), t = {
+    isDisabled: f,
+    isReadOnly: u,
+    isValueInvalid: h,
+    isFocused: k,
+    ...d
+  };
+  return /* @__PURE__ */ s(
+    y,
     {
-      ...c,
-      "aria-disabled": i,
-      themeName: `${s}.radioGroup`,
-      tokens: l,
+      ...x,
+      ref: n,
+      themeName: `${e}.container`,
+      tokens: t,
+      customTheme: 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 })
+        /* @__PURE__ */ s(v, { themeName: `${e}.header`, tokens: t, children: [
+          /* @__PURE__ */ r(T, { as: "p", themeName: `${e}.title`, tokens: t, children: R }),
+          /* @__PURE__ */ r(
+            F,
+            {
+              themeName: e,
+              tokens: t,
+              buttons: i,
+              prevButtonProps: g,
+              nextButtonProps: C
+            }
+          )
+        ] }),
+        /* @__PURE__ */ r(j, { ...c, state: o, themeName: e, tokens: t })
       ]
     }
   );
-};
+}
 export {
-  j as default
+  z 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"),m=({as:e="span",themeName:t="typography",tokens:r,customTheme:o,children:s,...a})=>{const n=p(t,r,o);return c.jsx(e,{...a,className:n,children:s})},y=i.forwardRef((e,t)=>{const{as:r="span",tokens:o,themeName:s="typography",customTheme:a,children:n,...u}=e,h=p(s,o,a);return c.jsx(r,{...u,ref:t,className:h,children:n})});exports.TypographyWithForwardRef=y;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),p=require("./index67.js"),m=({as:e="span",themeName:t="typography",tokens:r,customTheme:o,children:s,...a})=>{const n=p(t,r,o);return c.jsx(e,{...a,className:n,children:s})},y=i.forwardRef((e,t)=>{const{as:r="span",tokens:o,themeName:s="typography",customTheme:a,children:n,...u}=e,h=p(s,o,a);return c.jsx(r,{...u,ref:t,className:h,children:n})});exports.TypographyWithForwardRef=y;exports.default=m;

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 "./index67.mjs";
 const i = ({
   as: e = "span",
   themeName: t = "typography",

package/index30.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index128.js"),d=require("./index129.js"),u=require("./index130.js"),m=s=>{const{children:o,transitionComponent:a=l,state:t,themeName:n,tokens:r,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{themeName:`${n}.transition`,tokens:r,isVisible:t.isOpen,children:e.jsx(u,{themeName:n,tokens:r,state:t,...i,children:e.jsx(d,{themeName:n,tokens:r,...i,children:o})})})})};module.exports=m;

package/index30.mjs

@@ -1,17 +1,20 @@
 "use client";
-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 })
-  );
+import { jsx as o } from "react/jsx-runtime";
+import { OverlayContainer as s } from "react-aria";
+import l from "./index128.mjs";
+import d from "./index129.mjs";
+import p from "./index130.mjs";
+const O = (n) => {
+  const {
+    children: a,
+    transitionComponent: m = l,
+    state: e,
+    themeName: r,
+    tokens: t,
+    ...i
+  } = n;
+  return /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(m, { themeName: `${r}.transition`, tokens: t, isVisible: e.isOpen, children: /* @__PURE__ */ o(p, { themeName: r, tokens: t, state: e, ...i, children: /* @__PURE__ */ o(d, { themeName: r, tokens: t, ...i, children: a }) }) }) });
 };
 export {
-  h as default
+  O as default
 };

package/index31.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index67.js"),l=require("./index66.js"),x=require("./index132.js"),r=require("./index25.js"),p=require("./index133.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";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),v=require("radashi"),M=require("react"),c=require("react-aria"),f=require("react-hook-form"),T=require("./index71.js"),R=require("./index67.js"),p=require("./index75.js"),y=require("./index3.js"),g=t=>{const{id:i,label:u,themeName:r="radio",tokens:d,customTheme:s,value:n,fieldRef:a}=t,o=T.useRadioGroupCtx(),l=M.useRef(null),{inputProps:q}=c.useRadio(t,o,l),h=(o==null?void 0:o.selectedValue)===n,{focusProps:j}=c.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(c.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{htmlFor:i,className:b,children:[e.jsx(c.VisuallyHidden,{children:e.jsx("input",{type:"radio",...c.mergeProps(j,q),ref:x=>{a==null||a(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:a}=p.useTranslation(),{ref:o,...l}=r(i,{required:u?a("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/index31.mjs

@@ -1,35 +1,36 @@
 "use client";
-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 "./index132.mjs";
-import i from "./index25.mjs";
-import N from "./index133.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,
+import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { isEmpty as x } from "radashi";
+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 { useRadioGroupCtx as q } from "./index71.mjs";
+import u from "./index67.mjs";
+import { useTranslation as P } from "./index75.mjs";
+import j from "./index3.mjs";
+const H = (t) => {
+  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",
       {
-        id: s,
-        themeName: `${e}.innerContent`,
-        tokens: n,
-        customTheme: p,
-        ...h,
-        children: a
+        type: "radio",
+        ...M(R, p),
+        ref: (h) => {
+          a == null || a(h), n.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), 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, ...n, ...t, isError: !x(c), errorMessage: c });
 };
 export {
-  M as default
+  z as ReactHookFormRadio,
+  H 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("./index133.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 e=require("react/jsx-runtime"),h=require("./index131.js"),x=require("react-aria"),m=require("./index71.js"),u=require("./index27.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/index32.mjs

@@ -1,36 +1,27 @@
 "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 "./index133.mjs";
-const T = (m) => {
-  const {
-    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,
+import { jsxs as f, jsx as r } from "react/jsx-runtime";
+import { useRadioGroupState as h } from "./index131.mjs";
+import { useRadioGroup as G } from "react-aria";
+import { RadioGroupProvider as b } from "./index71.mjs";
+import d from "./index27.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,
     {
-      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 })
+      ...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 {
-  T as default
+  j as default
 };

package/index33.js

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

@@ -1,129 +1,17 @@
 "use client";
-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 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: m = "button",
-    tokens: e,
-    customTheme: h,
-    target: b,
-    children: p,
-    childItems: u,
-    as: l,
-    ...d
-  } = i, a = n == null ? void 0 : n.substring(1), f = C(() => {
-    if (a != null) {
-      if (o.selectedKey === a) {
-        t(r);
-        return;
-      }
-      t(a);
-    }
-  }, [a, o.selectedKey, t, r]);
-  return /* @__PURE__ */ y(
-    L,
-    {
-      ...d,
-      themeName: `${m}`,
-      tokens: e,
-      customTheme: h,
-      key: `button-${s}`,
-      handlePress: f,
-      as: l
-    },
-    $.isValidElement(p) ? p : c
+import { jsx as m } from "react/jsx-runtime";
+import { useTransition as l, animated as c } from "@react-spring/web";
+import p from "./index67.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 })
   );
-}, B = (i) => {
-  const {
-    id: o,
-    target: r,
-    path: t,
-    label: s,
-    themeName: n = "anchor",
-    customTheme: c,
-    tokens: m,
-    nextLinkProps: e,
-    children: h,
-    as: b,
-    childItems: p,
-    ...u
-  } = i, l = E(null);
-  return t == null || s == null ? null : /* @__PURE__ */ y(
-    T,
-    {
-      ...u,
-      themeName: `${n}`,
-      tokens: m,
-      customTheme: c,
-      nextLinkProps: {
-        scroll: !1,
-        href: t,
-        ...e
-      },
-      ref: l,
-      key: `link-${o}`,
-      target: r ?? "_self",
-      as: b
-    },
-    $.isValidElement(h) ? h : s
-  );
-}, R = (i) => {
-  const {
-    menuItems: o,
-    children: r,
-    themeName: t = "menuItem",
-    tokens: s,
-    customTheme: n,
-    menuLinkComponent: c,
-    buttonLinkComponent: m
-  } = i;
-  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 = (f = e.path) != null && f.startsWith("#") ? "button" : "a";
-      return /* @__PURE__ */ k(
-        N,
-        {
-          themeName: `${t}.innerContent`,
-          tokens: d,
-          customTheme: n,
-          children: a === "button" ? /* @__PURE__ */ k(
-            g,
-            {
-              ...l,
-              ...e,
-              themeName: `${t}.button`,
-              tokens: d,
-              customTheme: n,
-              as: u ?? m
-            }
-          ) : /* @__PURE__ */ k(
-            B,
-            {
-              ...l,
-              ...e,
-              themeName: `${t}.anchor`,
-              tokens: d,
-              customTheme: n,
-              as: u ?? c
-            }
-          )
-        },
-        `li-${e.id}`
-      );
-    }) }),
-    r
-  ] });
 };
 export {
-  R as default
+  h as default
 };

package/index34.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react"),s=require("./index67.js"),a=require("./index134.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 t=require("react/jsx-runtime"),h=require("./index70.js"),l=require("./index69.js"),x=require("./index132.js"),r=require("./index27.js"),p=require("./index133.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/index34.mjs

@@ -1,12 +1,35 @@
 "use client";
-import { createElement as a } from "react";
-import { useMenu as o } from "./index67.mjs";
-import m from "./index134.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 { jsx as r, jsxs as l } from "react/jsx-runtime";
+import { useMenu as d } from "./index70.mjs";
+import { useSidePanel as u } from "./index69.mjs";
+import f from "./index132.mjs";
+import i from "./index27.mjs";
+import N from "./index133.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
+      }
+    ) })
+  ] }) });
 };
 export {
-  f as default
+  M as default
 };

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("./index132.js"),x=require("./index11.js"),O=require("./index101.js"),y=require("./index135.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"),x=require("./index70.js"),h=require("./index8.js"),q=require("./index133.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;