@okam/stack-ui 1.29.1 → 1.30.0

package/index204.mjs

@@ -1,12 +1,7 @@
-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;
-  }
+function a(t, e) {
+  return e.get ? e.get.call(t) : e.value;
 }
 export {
-  l as _,
-  l as _class_apply_descriptor_set
+  a as _,
+  a as _class_apply_descriptor_get
 };

package/index205.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(t,e,o){if(!e.has(t))throw new TypeError("attempted to "+o+" private field on non-instance");return e.get(t)}exports._=r;exports._class_extract_field_descriptor=r;

package/index205.mjs

@@ -0,0 +1,8 @@
+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 {
+  o as _,
+  o as _class_extract_field_descriptor
+};

package/index206.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});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}}exports._=l;exports._class_apply_descriptor_set=l;

package/index206.mjs

@@ -0,0 +1,12 @@
+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 {
+  l as _,
+  l as _class_apply_descriptor_set
+};

package/index21.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"),O=require("@react-aria/focus"),A=require("radash"),H=require("react"),$=require("react-aria"),M=require("react-hook-form"),C=require("react-i18next"),h=require("./index64.js"),P=require("./index3.js"),p=r=>{const{id:s,label:d,name:t,placeholder:R,required:x,disabled:a=!1,errorMessage:n,ariaLabel:o,value:m,onBlur:i,onChange:b,fieldRef:l,themeName:c="textarea",tokens:T,customTheme:g}=r,f=H.useRef(null),{errorMessageProps:j,inputProps:v,labelProps:E}=$.useTextField(r,f),u={...T,isDisabled:a,isError:n!=null},F=h(`${c}.wrapper`,u,g),N=h(`${c}.input`,u,g),k=h(`${c}.label`,u,g),L=h(`${c}.container`,u,g);return e.jsxs("div",{children:[e.jsxs("div",{className:F,"aria-disabled":a,children:[d&&e.jsx("label",{className:k,...E,children:d}),e.jsx("div",{className:L,children:e.jsx(O.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx("textarea",{...v,ref:q=>{l==null||l(q),f.current=q},className:N,placeholder:R,disabled:a,required:x,id:s,name:t,"aria-label":o,"aria-labelledby":s,value:m,onBlur:i,onChange:b})})})]}),n&&e.jsx(P.default,{themeName:`${c}.errorMessage`,tokens:u,...j,children:n})]})},_=r=>{const{name:s,required:d,minLength:t=0,maxLength:R=99999999,validation:x}=r,{register:a,formState:n}=M.useFormContext(),o=M.get(n.errors,s),m=(o==null?void 0:o.message)??void 0,{t:i}=C.useTranslation("components"),{ref:b,...l}=a(s,{required:d?i("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:t,message:i("FORM.ERROR.MIN_LENGTH",{length:t})},maxLength:{value:R,message:i("FORM.ERROR.MAX_LENGTH",{length:t})},...x});return e.jsx(p,{fieldRef:b,...l,...r,isError:!A.isEmpty(m),errorMessage:m})};exports.ReactHookFormTextArea=_;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),O=require("@react-aria/focus"),$=require("radash"),A=require("react"),H=require("react-aria"),M=require("react-hook-form"),h=require("./index64.js"),C=require("./index72.js"),P=require("./index3.js"),T=r=>{const{id:s,label:d,name:a,placeholder:R,required:x,disabled:t=!1,errorMessage:n,ariaLabel:o,value:m,onBlur:i,onChange:b,fieldRef:l,themeName:c="textarea",tokens:j,customTheme:g}=r,f=A.useRef(null),{errorMessageProps:p,inputProps:v,labelProps:E}=H.useTextField(r,f),u={...j,isDisabled:t,isError:n!=null},F=h(`${c}.wrapper`,u,g),N=h(`${c}.input`,u,g),k=h(`${c}.label`,u,g),L=h(`${c}.container`,u,g);return e.jsxs("div",{children:[e.jsxs("div",{className:F,"aria-disabled":t,children:[d&&e.jsx("label",{className:k,...E,children:d}),e.jsx("div",{className:L,children:e.jsx(O.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsx("textarea",{...v,ref:q=>{l==null||l(q),f.current=q},className:N,placeholder:R,disabled:t,required:x,id:s,name:a,"aria-label":o,"aria-labelledby":s,value:m,onBlur:i,onChange:b})})})]}),n&&e.jsx(P.default,{themeName:`${c}.errorMessage`,tokens:u,...p,children:n})]})},_=r=>{const{name:s,required:d,minLength:a=0,maxLength:R=99999999,validation:x}=r,{register:t,formState:n}=M.useFormContext(),o=M.get(n.errors,s),m=(o==null?void 0:o.message)??void 0,{t:i}=C.useTranslation(),{ref:b,...l}=t(s,{required:d?i("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:a,message:i("FORM.ERROR.MIN_LENGTH",{length:a})},maxLength:{value:R,message:i("FORM.ERROR.MAX_LENGTH",{length:a})},...x});return e.jsx(T,{fieldRef:b,...l,...r,isError:!$.isEmpty(m),errorMessage:m})};exports.ReactHookFormTextArea=_;exports.default=T;

package/index21.mjs

@@ -5,15 +5,15 @@ import { isEmpty as $ } from "radash";
 import { useRef as q } from "react";
 import { useTextField as y } from "react-aria";
 import { useFormContext as A, get as H } from "react-hook-form";
-import { useTranslation as P } from "react-i18next";
-import g from "./index64.mjs";
+import h from "./index64.mjs";
+import { useTranslation as P } from "./index72.mjs";
 import j from "./index3.mjs";
 const w = (r) => {
   const {
     id: s,
     label: u,
     name: a,
-    placeholder: h,
+    placeholder: p,
     required: f,
     disabled: t = !1,
     errorMessage: o,
@@ -24,8 +24,8 @@ const w = (r) => {
     fieldRef: l,
     themeName: m = "textarea",
     tokens: E,
-    customTheme: p
-  } = r, b = q(null), { errorMessageProps: M, inputProps: N, labelProps: v } = y(r, b), c = { ...E, isDisabled: t, isError: o != null }, F = g(`${m}.wrapper`, c, p), L = g(`${m}.input`, c, p), O = g(`${m}.label`, c, p), k = g(`${m}.container`, c, p);
+    customTheme: g
+  } = r, b = q(null), { errorMessageProps: M, inputProps: N, labelProps: v } = y(r, b), c = { ...E, isDisabled: t, isError: o != null }, F = h(`${m}.wrapper`, c, g), L = h(`${m}.input`, c, g), O = h(`${m}.label`, c, g), k = h(`${m}.container`, c, g);
   return /* @__PURE__ */ T("div", { children: [
     /* @__PURE__ */ T("div", { className: F, "aria-disabled": t, children: [
       u && /* @__PURE__ */ e("label", { className: O, ...v, children: u }),
@@ -37,7 +37,7 @@ const w = (r) => {
             l == null || l(x), b.current = x;
           },
           className: L,
-          placeholder: h,
+          placeholder: p,
           disabled: t,
           required: f,
           id: s,
@@ -53,14 +53,14 @@ const w = (r) => {
     o && /* @__PURE__ */ e(j, { themeName: `${m}.errorMessage`, tokens: c, ...M, children: o })
   ] });
 }, z = (r) => {
-  const { name: s, required: u, minLength: a = 0, maxLength: h = 99999999, validation: f } = r, { register: t, formState: o } = A(), n = H(o.errors, s), d = (n == null ? void 0 : n.message) ?? void 0, { t: i } = P("components"), { ref: R, ...l } = t(s, {
+  const { name: s, required: u, minLength: a = 0, maxLength: p = 99999999, validation: f } = r, { register: t, formState: o } = A(), n = H(o.errors, s), d = (n == null ? void 0 : n.message) ?? void 0, { t: i } = P(), { ref: R, ...l } = t(s, {
     required: u ? i("FORM.ERROR.REQUIRED") ?? "required" : !1,
     minLength: {
       value: a,
       message: i("FORM.ERROR.MIN_LENGTH", { length: a })
     },
     maxLength: {
-      value: h,
+      value: p,
       message: i("FORM.ERROR.MAX_LENGTH", { length: a })
     },
     ...f

package/index22.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),L=require("@react-aria/focus"),O=require("react"),P=require("react-aria"),f=require("react-hook-form"),y=require("react-i18next"),m=require("./index64.js"),H=require("./index3.js"),M=t=>{const{label:n,isRequired:u=!1,isDisabled:a=!1,required:i,disabled:R,errorMessage:o,fieldRef:l,children:g,themeName:e="textInput",tokens:b,customTheme:s,ariaLabel:h}=t,d=i??u,p=R??a,q=O.useRef(null),{errorMessageProps:j,inputProps:F,labelProps:v}=P.useTextField({"aria-label":h,...t,isRequired:d,isDisabled:p},q),{"aria-labelledby":D,...N}={...F,required:d,disabled:p},c={...b,isDisabled:a,isRequired:u,isError:!!o},T=m(`${e}.wrapper`,c,s),k=m(`${e}.label`,c,s),E=m(`${e}.input`,c,s),I=m(`${e}.container`,c,s);return r.jsxs("div",{children:[r.jsx(L.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("div",{"aria-disabled":a,className:T,children:[n&&r.jsx("label",{className:k,...v,children:n}),r.jsxs("div",{className:I,children:[g,r.jsx("input",{...N,className:E,ref:x=>{l==null||l(x),q.current=x}})]})]})}),o&&r.jsx(H.default,{themeName:`${e}.errorMessage`,tokens:c,...j,children:o})]})},$=t=>{const{name:n,required:u,isRequired:a,minLength:i=0,maxLength:R=99999999,validation:o}=t,{register:l,formState:g}=f.useFormContext(),e=f.get(g.errors,n),b=(e==null?void 0:e.message)??void 0,{t:s}=y.useTranslation("components"),{ref:h,...d}=l(n,{required:u??a?s("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:i,message:s("FORM.ERROR.MIN_LENGTH",{length:i})},maxLength:{value:R,message:s("FORM.ERROR.MAX_LENGTH",{length:i})},...o});return r.jsx(M,{fieldRef:h,...d,...t,errorMessage:b})};exports.ReactHookFormInput=$;exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),I=require("@react-aria/focus"),O=require("react"),P=require("react-aria"),f=require("react-hook-form"),m=require("./index64.js"),$=require("./index72.js"),y=require("./index3.js"),M=t=>{const{label:n,isRequired:u=!1,isDisabled:a=!1,required:i,disabled:R,errorMessage:o,fieldRef:l,children:g,themeName:e="textInput",tokens:b,customTheme:s,ariaLabel:h}=t,d=i??u,p=R??a,q=O.useRef(null),{errorMessageProps:j,inputProps:F,labelProps:v}=P.useTextField({"aria-label":h,...t,isRequired:d,isDisabled:p},q),{"aria-labelledby":D,...N}={...F,required:d,disabled:p},c={...b,isDisabled:a,isRequired:u,isError:!!o},T=m(`${e}.wrapper`,c,s),k=m(`${e}.label`,c,s),E=m(`${e}.input`,c,s),L=m(`${e}.container`,c,s);return r.jsxs("div",{children:[r.jsx(I.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("div",{"aria-disabled":a,className:T,children:[n&&r.jsx("label",{className:k,...v,children:n}),r.jsxs("div",{className:L,children:[g,r.jsx("input",{...N,className:E,ref:x=>{l==null||l(x),q.current=x}})]})]})}),o&&r.jsx(y.default,{themeName:`${e}.errorMessage`,tokens:c,...j,children:o})]})},H=t=>{const{name:n,required:u,isRequired:a,minLength:i=0,maxLength:R=99999999,validation:o}=t,{register:l,formState:g}=f.useFormContext(),e=f.get(g.errors,n),b=(e==null?void 0:e.message)??void 0,{t:s}=$.useTranslation(),{ref:h,...d}=l(n,{required:u??a?s("FORM.ERROR.REQUIRED")??"required":!1,minLength:{value:i,message:s("FORM.ERROR.MIN_LENGTH",{length:i})},maxLength:{value:R,message:s("FORM.ERROR.MAX_LENGTH",{length:i})},...o});return r.jsx(M,{fieldRef:h,...d,...t,errorMessage:b})};exports.ReactHookFormInput=H;exports.default=M;

package/index22.mjs

@@ -4,8 +4,8 @@ import { FocusRing as I } from "@react-aria/focus";
 import { useRef as O } from "react";
 import { useTextField as k } from "react-aria";
 import { useFormContext as P, get as $ } from "react-hook-form";
-import { useTranslation as C } from "react-i18next";
 import d from "./index64.mjs";
+import { useTranslation as C } from "./index72.mjs";
 import D from "./index3.mjs";
 const w = (s) => {
   const {
@@ -50,7 +50,7 @@ const w = (s) => {
     n && /* @__PURE__ */ c(D, { themeName: `${e}.errorMessage`, tokens: l, ...T, children: n })
   ] });
 }, X = (s) => {
-  const { name: t, required: m, isRequired: a, minLength: i = 0, maxLength: p = 99999999, validation: n } = s, { register: o, formState: g } = P(), e = $(g.errors, t), R = (e == null ? void 0 : e.message) ?? void 0, { t: r } = C("components"), { ref: h, ...u } = o(t, {
+  const { name: t, required: m, isRequired: a, minLength: i = 0, maxLength: p = 99999999, validation: n } = s, { register: o, formState: g } = P(), e = $(g.errors, t), R = (e == null ? void 0 : e.message) ?? void 0, { t: r } = C(), { ref: h, ...u } = o(t, {
     required: m ?? a ? r("FORM.ERROR.REQUIRED") ?? "required" : !1,
     minLength: {
       value: i,

package/index23.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),D=require("@react-aria/datepicker"),g=require("@react-stately/datepicker"),k=require("react"),o=require("./index64.js"),R=require("./index6.js"),T=require("./index26.js"),F=require("./index111.js"),S=require("./index14.js"),w=require("./index112.js"),x=require("./index113.js");function C({popoverPlacement:p="bottom start",tokens:r,customTheme:y,themeName:s="datePicker",icon:j="ArrowDown",description:c,buttonLabel:a,...n}){const i=g.useDatePickerState({...n}),t=k.useRef(null),{groupProps:P,fieldProps:d,labelProps:h,descriptionProps:q,buttonProps:l,dialogProps:v,calendarProps:$}=D.useDatePicker({...n},i,t),{label:u}={...n},m=o(`${s}.container`,r),b=o(`${s}.dateField`,r),f=o(`${s}.label`,r);return e.jsxs("div",{className:m,children:[u&&e.jsx("span",{...h,children:u}),c&&e.jsx("div",{...q,children:c}),e.jsx("div",{...P,ref:t,children:e.jsxs(R.default,{themeName:`${s}.button`,tokens:{...r},type:"button",...l,handlePress:l.onPress,children:[a&&e.jsx("p",{className:f,children:a}),e.jsxs("div",{className:b,children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${s}.icon`,tokens:{...r},icon:j})]})}),i.isOpen&&e.jsx(w.CalendarPopover,{triggerRef:t,state:i,placement:p,children:e.jsxs(F.Dialog,{...v,children:[e.jsxs("div",{children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(T,{...$})]})})]})}module.exports=C;
+"use strict";const e=require("react/jsx-runtime"),D=require("@react-aria/datepicker"),g=require("@react-stately/datepicker"),k=require("react"),o=require("./index64.js"),R=require("./index6.js"),T=require("./index26.js"),F=require("./index112.js"),S=require("./index14.js"),w=require("./index113.js"),x=require("./index114.js");function C({popoverPlacement:p="bottom start",tokens:r,customTheme:y,themeName:s="datePicker",icon:j="ArrowDown",description:c,buttonLabel:a,...n}){const i=g.useDatePickerState({...n}),t=k.useRef(null),{groupProps:P,fieldProps:d,labelProps:h,descriptionProps:q,buttonProps:l,dialogProps:v,calendarProps:$}=D.useDatePicker({...n},i,t),{label:u}={...n},m=o(`${s}.container`,r),b=o(`${s}.dateField`,r),f=o(`${s}.label`,r);return e.jsxs("div",{className:m,children:[u&&e.jsx("span",{...h,children:u}),c&&e.jsx("div",{...q,children:c}),e.jsx("div",{...P,ref:t,children:e.jsxs(R.default,{themeName:`${s}.button`,tokens:{...r},type:"button",...l,handlePress:l.onPress,children:[a&&e.jsx("p",{className:f,children:a}),e.jsxs("div",{className:b,children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${s}.icon`,tokens:{...r},icon:j})]})}),i.isOpen&&e.jsx(w.CalendarPopover,{triggerRef:t,state:i,placement:p,children:e.jsxs(F.Dialog,{...v,children:[e.jsxs("div",{children:[e.jsx(x,{...d}),i.validationState==="invalid"&&"❌"]}),e.jsx(T,{...$})]})})]})}module.exports=C;

package/index23.mjs

@@ -6,10 +6,10 @@ import { useRef as S } from "react";
 import l from "./index64.mjs";
 import j from "./index6.mjs";
 import k from "./index26.mjs";
-import { Dialog as w } from "./index111.mjs";
+import { Dialog as w } from "./index112.mjs";
 import R from "./index14.mjs";
-import { CalendarPopover as y } from "./index112.mjs";
-import f from "./index113.mjs";
+import { CalendarPopover as y } from "./index113.mjs";
+import f from "./index114.mjs";
 function M({
   popoverPlacement: h = "bottom start",
   tokens: r,

package/index24.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),$=require("@react-aria/datepicker"),N=require("@react-stately/datepicker"),D=require("react"),o=require("./index64.js"),f=require("./index6.js"),F=require("./index114.js"),C=require("./index111.js"),S=require("./index14.js"),T=require("./index112.js"),r=require("./index113.js");function w(i){const s=N.useDateRangePickerState(i),a=D.useRef(null),{labelProps:j,descriptionProps:P,groupProps:m,startFieldProps:c,endFieldProps:l,buttonProps:d,dialogProps:v,calendarProps:q}=$.useDateRangePicker(i,s,a),{label:u,buttonLabel:x,description:p,themeName:n="datePicker",tokens:t,popoverPlacement:k,icon:b}=i,g=o(`${n}.container`,t),h=o(`${n}.dateField`,t),R=o(`${n}.label`,t);return e.jsxs("div",{className:g,children:[u&&e.jsx("span",{...j,children:u}),p&&e.jsx("div",{...P,children:p}),e.jsx("div",{...m,ref:a,children:e.jsxs(f.default,{themeName:`${n}.button`,tokens:{...t},type:"button",...d,handlePress:d.onPress,children:[x&&e.jsx("p",{className:R,children:x}),e.jsxs("div",{className:h,children:[e.jsx(r,{...c})," -",e.jsx(r,{...l}),s.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${n}.icon`,tokens:{...t},icon:b??"ArrowDown"})]})}),s.isOpen&&e.jsx(T.CalendarPopover,{triggerRef:a,state:s,placement:k,children:e.jsxs(C.Dialog,{...v,children:[e.jsxs("div",{className:h,children:[e.jsx(r,{...c})," -",e.jsx(r,{...l}),s.validationState==="invalid"&&"❌"]}),e.jsx(F,{...q})]})})]})}module.exports=w;
+"use strict";const e=require("react/jsx-runtime"),$=require("@react-aria/datepicker"),N=require("@react-stately/datepicker"),D=require("react"),o=require("./index64.js"),f=require("./index6.js"),F=require("./index115.js"),C=require("./index112.js"),S=require("./index14.js"),T=require("./index113.js"),r=require("./index114.js");function w(i){const s=N.useDateRangePickerState(i),a=D.useRef(null),{labelProps:j,descriptionProps:P,groupProps:m,startFieldProps:c,endFieldProps:l,buttonProps:d,dialogProps:v,calendarProps:q}=$.useDateRangePicker(i,s,a),{label:u,buttonLabel:x,description:p,themeName:n="datePicker",tokens:t,popoverPlacement:k,icon:b}=i,g=o(`${n}.container`,t),h=o(`${n}.dateField`,t),R=o(`${n}.label`,t);return e.jsxs("div",{className:g,children:[u&&e.jsx("span",{...j,children:u}),p&&e.jsx("div",{...P,children:p}),e.jsx("div",{...m,ref:a,children:e.jsxs(f.default,{themeName:`${n}.button`,tokens:{...t},type:"button",...d,handlePress:d.onPress,children:[x&&e.jsx("p",{className:R,children:x}),e.jsxs("div",{className:h,children:[e.jsx(r,{...c})," -",e.jsx(r,{...l}),s.validationState==="invalid"&&"❌"]}),e.jsx(S,{themeName:`${n}.icon`,tokens:{...t},icon:b??"ArrowDown"})]})}),s.isOpen&&e.jsx(T.CalendarPopover,{triggerRef:a,state:s,placement:k,children:e.jsxs(C.Dialog,{...v,children:[e.jsxs("div",{className:h,children:[e.jsx(r,{...c})," -",e.jsx(r,{...l}),s.validationState==="invalid"&&"❌"]}),e.jsx(F,{...q})]})})]})}module.exports=w;

package/index24.mjs

@@ -2,21 +2,21 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
 import { useDateRangePicker as $ } from "@react-aria/datepicker";
 import { useDateRangePickerState as x } from "@react-stately/datepicker";
-import { useRef as T } from "react";
+import { useRef as C } from "react";
 import s from "./index64.mjs";
-import C from "./index6.mjs";
-import S from "./index114.mjs";
-import { Dialog as j } from "./index111.mjs";
+import T from "./index6.mjs";
+import S from "./index115.mjs";
+import { Dialog as j } from "./index112.mjs";
 import w from "./index14.mjs";
-import { CalendarPopover as y } from "./index112.mjs";
-import i from "./index113.mjs";
+import { CalendarPopover as y } from "./index113.mjs";
+import i from "./index114.mjs";
 function K(a) {
-  const t = x(a), l = T(null), {
+  const t = x(a), l = C(null), {
     labelProps: u,
     descriptionProps: v,
     groupProps: b,
-    startFieldProps: c,
-    endFieldProps: m,
+    startFieldProps: m,
+    endFieldProps: c,
     buttonProps: d,
     dialogProps: g,
     calendarProps: k
@@ -25,7 +25,7 @@ function K(a) {
     p && /* @__PURE__ */ e("span", { ...u, children: p }),
     f && /* @__PURE__ */ e("div", { ...v, children: f }),
     /* @__PURE__ */ e("div", { ...b, ref: l, children: /* @__PURE__ */ n(
-      C,
+      T,
       {
         themeName: `${o}.button`,
         tokens: { ...r },
@@ -35,9 +35,9 @@ function K(a) {
         children: [
           h && /* @__PURE__ */ e("p", { className: F, children: h }),
           /* @__PURE__ */ n("div", { className: P, children: [
-            /* @__PURE__ */ e(i, { ...c }),
-            " -",
             /* @__PURE__ */ e(i, { ...m }),
+            " -",
+            /* @__PURE__ */ e(i, { ...c }),
             t.validationState === "invalid" && "❌"
           ] }),
           /* @__PURE__ */ e(w, { themeName: `${o}.icon`, tokens: { ...r }, icon: N ?? "ArrowDown" })
@@ -46,9 +46,9 @@ function K(a) {
     ) }),
     t.isOpen && /* @__PURE__ */ e(y, { triggerRef: l, state: t, placement: D, children: /* @__PURE__ */ n(j, { ...g, children: [
       /* @__PURE__ */ n("div", { className: P, children: [
-        /* @__PURE__ */ e(i, { ...c }),
-        " -",
         /* @__PURE__ */ e(i, { ...m }),
+        " -",
+        /* @__PURE__ */ e(i, { ...c }),
         t.validationState === "invalid" && "❌"
       ] }),
       /* @__PURE__ */ e(S, { ...k })

package/index26.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),g=require("./index115.js"),m=require("@react-aria/calendar"),P=require("@react-aria/i18n"),R=require("@react-stately/calendar"),T=require("react"),c=require("./index64.js"),u=require("./index6.js"),h=require("./index14.js"),p=require("./index3.js"),w=require("./index116.js");function y({buttons:n,tokens:r,customTheme:A,themeName:a="calendar",...t}){var d,l;const{locale:x}=P.useLocale(),o=R.useCalendarState({...t,locale:x,createCalendar:g.createCalendar}),q=T.useRef(null),{calendarProps:j,prevButtonProps:s,nextButtonProps:i,title:C}=m.useCalendar({...t},o),$=c(`${a}.container`,r),f=c(`${a}.header`,r),v=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...j,ref:q,className:$,children:[e.jsxs("div",{className:f,children:[e.jsx(p.default,{as:"p",tokens:{size:"h6"},children:C}),e.jsxs("div",{className:v,children:[e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...s,handlePress:s==null?void 0:s.onPress,children:e.jsx(h,{icon:((d=n==null?void 0:n.buttonPrev)==null?void 0:d.icon)??"ArrowLeft"})}),e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...i,handlePress:i==null?void 0:i.onPress,children:e.jsx(h,{icon:((l=n==null?void 0:n.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})]}),e.jsx(w,{state:o})]})}module.exports=y;
+"use strict";const e=require("react/jsx-runtime"),m=require("./index116.js"),P=require("@react-aria/calendar"),R=require("@react-aria/i18n"),p=require("@react-stately/calendar"),y=require("react"),c=require("./index64.js"),u=require("./index6.js"),h=require("./index14.js"),N=require("./index3.js"),T=require("./index117.js");function x({buttons:n,tokens:r,customTheme:w,themeName:a="calendar",...t}){var d,l;const{locale:q}=R.useLocale(),o=p.useCalendarState({...t,locale:q,createCalendar:m.createCalendar}),j=y.useRef(null),{calendarProps:C,prevButtonProps:s,nextButtonProps:i,title:$}=P.useCalendar({...t},o),f=c(`${a}.container`,r),v=c(`${a}.header`,r),g=c(`${a}.navigationButtonsContainer`,r);return e.jsxs("div",{...C,ref:j,className:f,children:[e.jsxs("div",{className:v,children:[e.jsx(N.default,{as:"p",tokens:{size:"h6"},children:$}),e.jsxs("div",{className:g,children:[e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...s,handlePress:s==null?void 0:s.onPress,children:e.jsx(h,{icon:((d=n==null?void 0:n.buttonPrev)==null?void 0:d.icon)??"ArrowLeft"})}),e.jsx(u.default,{themeName:`${a}.navigationButtons`,tokens:{...r},type:"button",...i,handlePress:i==null?void 0:i.onPress,children:e.jsx(h,{icon:((l=n==null?void 0:n.buttonNext)==null?void 0:l.icon)??"ArrowRight"})})]})]}),e.jsx(T,{state:o})]})}x.displayName="Calendar";module.exports=x;

package/index26.mjs

@@ -1,53 +1,60 @@
 "use client";
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { createCalendar as T } from "./index115.mjs";
-import { useCalendar as y } from "@react-aria/calendar";
+import { createCalendar as y } from "./index116.mjs";
+import { useCalendar as T } from "@react-aria/calendar";
 import { useLocale as P } from "@react-aria/i18n";
 import { useCalendarState as B } from "@react-stately/calendar";
-import { useRef as j } from "react";
+import { useRef as N } from "react";
 import c from "./index64.mjs";
-import f from "./index6.mjs";
-import p from "./index14.mjs";
-import w from "./index3.mjs";
-import A from "./index116.mjs";
-function J({ buttons: e, tokens: o, customTheme: L, themeName: a = "calendar", ...s }) {
+import p from "./index6.mjs";
+import f from "./index14.mjs";
+import j from "./index3.mjs";
+import w from "./index117.mjs";
+function A({
+  buttons: e,
+  tokens: a,
+  customTheme: L,
+  themeName: o = "calendar",
+  ...s
+}) {
   var l, m;
   const { locale: h } = P(), d = B({
     ...s,
     locale: h,
-    createCalendar: T
-  }), C = j(null), { calendarProps: u, prevButtonProps: n, nextButtonProps: i, title: $ } = y({ ...s }, d), v = c(`${a}.container`, o), g = c(`${a}.header`, o), x = c(`${a}.navigationButtonsContainer`, o);
+    createCalendar: y
+  }), C = N(null), { calendarProps: u, prevButtonProps: n, nextButtonProps: i, title: $ } = T({ ...s }, d), v = c(`${o}.container`, a), g = c(`${o}.header`, a), x = c(`${o}.navigationButtonsContainer`, a);
   return /* @__PURE__ */ t("div", { ...u, ref: C, className: v, children: [
     /* @__PURE__ */ t("div", { className: g, children: [
-      /* @__PURE__ */ r(w, { as: "p", tokens: { size: "h6" }, children: $ }),
+      /* @__PURE__ */ r(j, { as: "p", tokens: { size: "h6" }, children: $ }),
       /* @__PURE__ */ t("div", { className: x, children: [
         /* @__PURE__ */ r(
-          f,
+          p,
           {
-            themeName: `${a}.navigationButtons`,
-            tokens: { ...o },
+            themeName: `${o}.navigationButtons`,
+            tokens: { ...a },
             type: "button",
             ...n,
             handlePress: n == null ? void 0 : n.onPress,
-            children: /* @__PURE__ */ r(p, { icon: ((l = e == null ? void 0 : e.buttonPrev) == null ? void 0 : l.icon) ?? "ArrowLeft" })
+            children: /* @__PURE__ */ r(f, { icon: ((l = e == null ? void 0 : e.buttonPrev) == null ? void 0 : l.icon) ?? "ArrowLeft" })
           }
         ),
         /* @__PURE__ */ r(
-          f,
+          p,
           {
-            themeName: `${a}.navigationButtons`,
-            tokens: { ...o },
+            themeName: `${o}.navigationButtons`,
+            tokens: { ...a },
             type: "button",
             ...i,
             handlePress: i == null ? void 0 : i.onPress,
-            children: /* @__PURE__ */ r(p, { icon: ((m = e == null ? void 0 : e.buttonNext) == null ? void 0 : m.icon) ?? "ArrowRight" })
+            children: /* @__PURE__ */ r(f, { icon: ((m = e == null ? void 0 : e.buttonNext) == null ? void 0 : m.icon) ?? "ArrowRight" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ r(A, { state: d })
+    /* @__PURE__ */ r(w, { state: d })
   ] });
 }
+A.displayName = "Calendar";
 export {
-  J as default
+  A as default
 };

package/index27.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index117.js"),d=require("./index118.js"),u=require("./index119.js"),x=s=>{const{children:o,transitionComponent:a=l,state:n,themeName:r,tokens:t,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{isVisible:n.isOpen,children:e.jsx(u,{themeName:r,tokens:t,state:n,...i,children:e.jsx(d,{themeName:r,tokens:t,...i,children:o})})})})};module.exports=x;
+"use strict";const e=require("react/jsx-runtime"),c=require("react-aria"),l=require("./index118.js"),d=require("./index119.js"),u=require("./index120.js"),m=s=>{const{children:o,transitionComponent:a=l,state:r,themeName:n,tokens:t,...i}=s;return e.jsx(c.OverlayContainer,{children:e.jsx(a,{themeName:`${n}.transition`,isVisible:r.isOpen,children:e.jsx(u,{themeName:n,tokens:t,state:r,...i,children:e.jsx(d,{themeName:n,tokens:t,...i,children:o})})})})};module.exports=m;

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",