@okam/stack-ui 1.41.1 → 1.42.0

package/index36.mjs

@@ -1,62 +1,23 @@
 "use client";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { createCalendar as b } from "./index162.mjs";
-import { useLocale as y } from "@react-aria/i18n";
-import { useRef as P } from "react";
-import { useCalendar as R } from "react-aria";
-import { useCalendarState as g } from "react-stately";
-import j, { BoxWithForwardRef as v } from "./index35.mjs";
-import F from "./index3.mjs";
-import T from "./index163.mjs";
-import w from "./index164.mjs";
-function A({
-  buttons: i,
-  tokens: d,
-  customTheme: l,
-  themeName: o = "calendar",
-  gridProps: c,
-  value: n,
-  ...a
-}) {
-  const { locale: p } = y(), e = g({
-    ...a,
-    locale: p,
-    value: n,
-    createCalendar: b
-  }), { isDisabled: m, isReadOnly: f, isValueInvalid: u, isFocused: x } = e, k = P(null), { calendarProps: C, prevButtonProps: $, nextButtonProps: h, title: B } = R({ ...a, value: n }, e), r = {
-    isDisabled: m,
-    isReadOnly: f,
-    isValueInvalid: u,
-    isFocused: x,
-    ...d
-  };
-  return /* @__PURE__ */ s(
-    v,
-    {
-      ...C,
-      ref: k,
-      themeName: `${o}.container`,
-      tokens: r,
-      customTheme: l,
-      children: [
-        /* @__PURE__ */ s(j, { themeName: `${o}.header`, tokens: r, children: [
-          /* @__PURE__ */ t(F, { as: "p", themeName: `${o}.title`, tokens: r, children: B }),
-          /* @__PURE__ */ t(
-            w,
-            {
-              themeName: o,
-              tokens: r,
-              buttons: i,
-              prevButtonProps: $,
-              nextButtonProps: h
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t(T, { ...c, themeName: o, state: e, tokens: r })
-      ]
-    }
-  );
-}
+import { jsx as c } from "react/jsx-runtime";
+import h from "react";
+import f from "./index88.mjs";
+const u = ({
+  as: e = "div",
+  themeName: t = "box",
+  tokens: o,
+  customTheme: s,
+  children: m,
+  className: n,
+  ...r
+}) => {
+  const a = f(t, o, s);
+  return /* @__PURE__ */ c(e, { ...r, className: a, children: m });
+}, p = h.forwardRef((e, t) => {
+  const { as: o = "div", tokens: s, themeName: m = "box", customTheme: n, children: r, ...a } = e, d = f(m, s, n);
+  return /* @__PURE__ */ c(o, { ...a, ref: t, className: d, children: r });
+});
 export {
-  A as default
+  p as BoxWithForwardRef,
+  u as default
 };

package/index37.js

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

package/index37.mjs

@@ -1,53 +1,62 @@
 "use client";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { createCalendar as $ } from "./index162.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 "./index35.mjs";
-import T from "./index3.mjs";
-import j from "./index163.mjs";
-import F from "./index164.mjs";
-function z(m) {
-  const { buttons: i, tokens: d, customTheme: l, themeName: e = "calendar", gridProps: c, ...a } = m, { locale: p } = b(), o = P({
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { createCalendar as b } from "./index165.mjs";
+import { useLocale as y } from "@react-aria/i18n";
+import { useRef as P } from "react";
+import { useCalendar as R } from "react-aria";
+import { useCalendarState as g } from "react-stately";
+import j, { BoxWithForwardRef as v } from "./index36.mjs";
+import F from "./index3.mjs";
+import T from "./index166.mjs";
+import w from "./index167.mjs";
+function A({
+  buttons: i,
+  tokens: d,
+  customTheme: l,
+  themeName: o = "calendar",
+  gridProps: c,
+  value: n,
+  ...a
+}) {
+  const { locale: p } = y(), e = g({
     ...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,
+    value: n,
+    createCalendar: b
+  }), { isDisabled: m, isReadOnly: f, isValueInvalid: u, isFocused: x } = e, k = P(null), { calendarProps: C, prevButtonProps: $, nextButtonProps: h, title: B } = R({ ...a, value: n }, e), r = {
+    isDisabled: m,
+    isReadOnly: f,
+    isValueInvalid: u,
+    isFocused: x,
     ...d
   };
   return /* @__PURE__ */ s(
-    y,
+    v,
     {
-      ...x,
-      ref: n,
-      themeName: `${e}.container`,
-      tokens: t,
+      ...C,
+      ref: k,
+      themeName: `${o}.container`,
+      tokens: r,
       customTheme: l,
       children: [
-        /* @__PURE__ */ s(v, { themeName: `${e}.header`, tokens: t, children: [
-          /* @__PURE__ */ r(T, { as: "p", themeName: `${e}.title`, tokens: t, children: R }),
-          /* @__PURE__ */ r(
-            F,
+        /* @__PURE__ */ s(j, { themeName: `${o}.header`, tokens: r, children: [
+          /* @__PURE__ */ t(F, { as: "p", themeName: `${o}.title`, tokens: r, children: B }),
+          /* @__PURE__ */ t(
+            w,
             {
-              themeName: e,
-              tokens: t,
+              themeName: o,
+              tokens: r,
               buttons: i,
-              prevButtonProps: g,
-              nextButtonProps: C
+              prevButtonProps: $,
+              nextButtonProps: h
             }
           )
         ] }),
-        /* @__PURE__ */ r(j, { ...c, state: o, themeName: e, tokens: t })
+        /* @__PURE__ */ t(T, { ...c, themeName: o, state: e, tokens: r })
       ]
     }
   );
 }
 export {
-  z as default
+  A as default
 };

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),m=require("./index165.js"),u=require("./index166.js"),h=require("./index167.js"),x=i=>{const{children:a,transitionComponent:c=m,state:s,themeName:n,tokens:l,...o}=i,{isOpen:r}=s,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:s,...o,children:e.jsx(u,{themeName:n,tokens:t,...o,children:a})})})})};module.exports=x;
+"use strict";const n=require("react/jsx-runtime"),j=require("./index165.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index36.js"),$=require("./index3.js"),v=require("./index166.js"),b=require("./index167.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/index38.mjs

@@ -1,23 +1,53 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { OverlayContainer as d } from "react-aria";
-import p from "./index165.mjs";
-import c from "./index166.mjs";
-import f from "./index167.mjs";
-const T = (s) => {
-  const {
-    children: a,
-    transitionComponent: m = p,
-    state: e,
-    themeName: t,
-    tokens: l,
-    ...r
-  } = s, { isOpen: i } = e, n = {
-    isOpen: i,
-    ...l
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { createCalendar as $ } from "./index165.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 "./index36.mjs";
+import T from "./index3.mjs";
+import j from "./index166.mjs";
+import F from "./index167.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__ */ o(d, { children: /* @__PURE__ */ o(m, { themeName: `${t}.transition`, tokens: n, isVisible: i, children: /* @__PURE__ */ o(f, { themeName: t, tokens: n, state: e, ...r, children: /* @__PURE__ */ o(c, { themeName: t, tokens: n, ...r, children: a }) }) }) });
-};
+  return /* @__PURE__ */ s(
+    y,
+    {
+      ...x,
+      ref: n,
+      themeName: `${e}.container`,
+      tokens: t,
+      customTheme: l,
+      children: [
+        /* @__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 {
-  T as default
+  z as default
 };

package/index39.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"),v=require("radashi"),M=require("react"),c=require("react-aria"),f=require("react-hook-form"),T=require("./index90.js"),R=require("./index86.js"),p=require("./index94.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;
+"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),m=require("./index168.js"),u=require("./index169.js"),h=require("./index170.js"),x=i=>{const{children:a,transitionComponent:c=m,state:s,themeName:n,tokens:l,...o}=i,{isOpen:r}=s,t={isOpen:r,...l};return e.jsx(d.OverlayContainer,{children:e.jsx(c,{themeName:`${n}.transition`,tokens:t,isVisible:r,children:e.jsx(h,{themeName:n,tokens:t,state:s,...o,children:e.jsx(u,{themeName:n,tokens:t,...o,children:a})})})})};module.exports=x;

package/index39.mjs

@@ -1,36 +1,23 @@
 "use client";
-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 "./index90.mjs";
-import u from "./index86.mjs";
-import { useTranslation as P } from "./index94.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",
-      {
-        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 });
+import { jsx as o } from "react/jsx-runtime";
+import { OverlayContainer as d } from "react-aria";
+import p from "./index168.mjs";
+import c from "./index169.mjs";
+import f from "./index170.mjs";
+const T = (s) => {
+  const {
+    children: a,
+    transitionComponent: m = p,
+    state: e,
+    themeName: t,
+    tokens: l,
+    ...r
+  } = s, { isOpen: i } = e, n = {
+    isOpen: i,
+    ...l
+  };
+  return /* @__PURE__ */ o(d, { children: /* @__PURE__ */ o(m, { themeName: `${t}.transition`, tokens: n, isVisible: i, children: /* @__PURE__ */ o(f, { themeName: t, tokens: n, state: e, ...r, children: /* @__PURE__ */ o(c, { themeName: t, tokens: n, ...r, children: a }) }) }) });
 };
 export {
-  z as ReactHookFormRadio,
-  H as default
+  T as default
 };

package/index4.js

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

package/index4.mjs

@@ -2,10 +2,10 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useAccordion as s } from "@react-aria/accordion";
 import { useRef as f } from "react";
-import { AccordionContextProvider as p } from "./index91.mjs";
-import { BoxWithForwardRef as u } from "./index35.mjs";
-import l from "./index138.mjs";
-import A from "./index100.mjs";
+import { AccordionContextProvider as p } from "./index93.mjs";
+import { BoxWithForwardRef as u } from "./index36.mjs";
+import l from "./index141.mjs";
+import A from "./index102.mjs";
 const T = (o) => {
   const { themeName: e = "accordion", tokens: c, customTheme: m, TransitionAnimation: a } = o, n = f(null), r = A(o), { accordionProps: d } = s(o, r, n);
   return /* @__PURE__ */ t(p, { state: r, TransitionAnimation: a, children: /* @__PURE__ */ t(

package/index40.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index168.js"),x=require("react-aria"),m=require("./index90.js"),u=require("./index35.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";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("./index92.js"),R=require("./index88.js"),p=require("./index96.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/index40.mjs

@@ -1,27 +1,36 @@
 "use client";
-import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index168.mjs";
-import { useRadioGroup as G } from "react-aria";
-import { RadioGroupProvider as b } from "./index90.mjs";
-import d from "./index35.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 "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 "./index92.mjs";
+import u from "./index88.mjs";
+import { useTranslation as P } from "./index96.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",
+      {
+        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 {
-  j as default
+  z as ReactHookFormRadio,
+  H as default
 };

package/index41.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index86.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"),h=require("./index171.js"),x=require("react-aria"),m=require("./index92.js"),u=require("./index36.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/index41.mjs

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

package/index42.js

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

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

package/index43.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("./index89.js"),q=require("./index8.js"),j=require("./index170.js"),P=o=>{const{id:n="main-menu",children:c,TransitionAnimation:u,PanelTransition:d,themeName:t,tokens:s,customTheme:i,...l}=o,{closeBtn:m,tabState:e,defaultSelectedKey:a}=x.useMenu();return r.jsx(q,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:m,id:n,TransitionAnimation:u,PanelTransition:d,onOpenChange:h=>{h||e==null||e.setSelectedKey(a)},children:r.jsx(j,{id:n,themeName:t,tokens:s,customTheme:i,...l,children:c})})};module.exports=P;
+"use strict";const t=require("react/jsx-runtime"),h=require("./index91.js"),l=require("./index90.js"),x=require("./index172.js"),r=require("./index36.js"),p=require("./index173.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;