@okam/stack-ui 1.44.3 → 1.44.4

package/index38.mjs

@@ -1,62 +1,145 @@
 "use client";
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { createCalendar as b } from "./index168.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 "./index37.mjs";
-import F from "./index3.mjs";
-import T from "./index169.mjs";
-import w from "./index170.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
+import { jsxs as $, jsx as s } from "react/jsx-runtime";
+import { isEmpty as D } from "radashi";
+import { useRef as K } from "react";
+import { useListBox as P, mergeProps as j } from "react-aria";
+import { useFormContext as H, Controller as I } from "react-hook-form";
+import { useListState as N } from "react-stately";
+import { useTranslation as O } from "./index89.mjs";
+import { Box as S, BoxWithForwardRef as V } from "./index7.mjs";
+import { Anchor as A } from "./index8.mjs";
+import { Typography as v } from "./index74.mjs";
+import M from "./index40.mjs";
+import Q from "./index39.mjs";
+const U = {
+  item: M,
+  section: Q
+};
+function E({ ref: e, ...r }) {
+  const {
+    themeName: o = "listBox",
+    tokens: u,
+    customTheme: g,
+    label: m,
+    escapeKeyBehavior: x = "clearSelection",
+    linkElementType: B = A,
+    isDisabled: f = !1,
+    isRequired: c = !1,
+    isInvalid: C = !1,
+    isError: p = !1,
+    errorMessage: y,
+    disabledKeys: L,
+    fieldRef: R,
+    ...h
+  } = r, n = N(r), i = n.collection.getKeys(), k = (t) => {
+    if (t != null) {
+      if (R?.(t), e == null)
+        return;
+      typeof e == "function" ? e(t) : typeof e == "object" && (e.current = t);
+    }
+  }, { listBoxProps: d, labelProps: F } = P(
+    {
+      ...h,
+      escapeKeyBehavior: x,
+      label: m,
+      disabledKeys: f ? i : L
+    },
+    n,
+    k
+  ), l = {
+    ...u,
+    isDisabled: f,
+    isRequired: c,
+    isInvalid: C,
+    isError: p
+  };
+  return /* @__PURE__ */ $(S, { themeName: `${o}.wrapper`, tokens: l, customTheme: g, children: [
+    m != null && /* @__PURE__ */ s(v, { ...F, themeName: `${o}.label`, tokens: l, children: m }),
+    /* @__PURE__ */ s(
+      V,
+      {
+        ref: e,
+        as: "ul",
+        ...d,
+        themeName: `${o}.list`,
+        tokens: l,
+        children: [...n.collection].map((t) => {
+          const { key: b } = t, a = t.type ?? "item", q = U[a] ?? M;
+          return /* @__PURE__ */ s(
+            q,
+            {
+              [a]: t,
+              state: n,
+              tokens: { ...u, type: a },
+              themeName: `${o}.${a}`,
+              linkElementType: B
+            },
+            b
+          );
+        })
+      }
+    ),
+    p && y != null && /* @__PURE__ */ s(v, { themeName: `${o}.errorMessage`, tokens: l, children: y })
+  ] });
+}
+E.displayName = "ControlledListBox";
+function re(e) {
+  const r = N(e), o = K(null);
+  return /* @__PURE__ */ s(E, { ...e, state: r, ref: o });
+}
+function T({ ref: e, ...r }) {
+  const { name: o, rules: u, isRequired: g, isDisabled: m, tokens: x, selectionMode: B = "single", errorMessage: f, ...c } = r, { control: C, setValue: p, watch: y, getValues: L } = H(), { selectedKeys: R = y(o), defaultSelectedKeys: h = L(o) } = c, { t: n } = O(), i = {
+    required: g ? n("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    disabled: m,
+    ...u
   };
   return /* @__PURE__ */ s(
-    v,
+    I,
     {
-      ...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 })
-      ]
+      ...c,
+      defaultValue: h,
+      name: o,
+      control: C,
+      rules: i,
+      disabled: i?.disabled,
+      render: ({ field: k, fieldState: d }) => {
+        const { ref: F, ...l } = k, t = !D(d.error), b = {
+          isDisabled: k.disabled ?? !1,
+          isRequired: i?.required === !0 || i?.required === "required",
+          isInvalid: d.invalid,
+          isError: t
+        }, a = {
+          ...x,
+          ...b
+        };
+        return /* @__PURE__ */ s(
+          E,
+          {
+            ...j(c, l, b, {
+              onSelectionChange: (q) => {
+                p(o, q);
+              }
+            }),
+            tokens: a,
+            selectionMode: B,
+            selectedKeys: R,
+            defaultSelectedKeys: h,
+            errorMessage: f ?? d.error?.message,
+            ref: e
+          }
+        );
+      }
     }
   );
 }
+T.displayName = "ControlledReactHookFormListBox";
+function se(e) {
+  const r = N(e), o = K(null);
+  return /* @__PURE__ */ s(T, { ...e, state: r, ref: o });
+}
 export {
-  A as default
+  E as ControlledListBox,
+  T as ControlledReactHookFormListBox,
+  re as ListBox,
+  se as ReactHookFormListBox
 };

package/index39.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const n=require("react/jsx-runtime"),j=require("./index168.js"),g=require("@react-aria/i18n"),N=require("react"),B=require("react-aria"),P=require("react-stately"),o=require("./index37.js"),$=require("./index3.js"),v=require("./index169.js"),b=require("./index170.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 o=require("react/jsx-runtime"),j=require("@react-aria/utils"),m=require("react-aria"),y=require("./index77.js"),p=require("./index7.js"),B=require("./index74.js"),f=require("./index40.js");function C({section:u,state:r,...s}){const{key:l,rendered:n,props:a,level:h,hasChildNodes:x,type:d}=u,{themeName:e="listBox.section",tokens:t,as:g="li",customTheme:P,...q}=y.mergeDefaultComponentProps(s,a),i={...t,type:d,level:h.toString(),hasChildNodes:x},{itemProps:k,headingProps:N,groupProps:$}=m.useListBoxSection(s);return o.jsxs(p.Box,{as:g,themeName:`${e}.wrapper`,tokens:i,...m.mergeProps(j.filterDOMProps(q),k),customTheme:P,children:[!!n&&o.jsx(B.Typography,{themeName:`${e}.heading`,tokens:t,...N,children:n}),o.jsx(p.Box,{as:"ul",themeName:`${e}.group`,tokens:i,...$,children:[...r.collection.getChildren?.(l)??[]].map(c=>o.jsx(f,{item:c,state:r,tokens:t,themeName:`${e}.item`},c.key))})]})}module.exports=C;

package/index39.mjs

@@ -1,53 +1,43 @@
 "use client";
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { createCalendar as $ } from "./index168.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 "./index37.mjs";
-import T from "./index3.mjs";
-import j from "./index169.mjs";
-import F from "./index170.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,
+import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { filterDOMProps as B } from "@react-aria/utils";
+import { useListBoxSection as $, mergeProps as C } from "react-aria";
+import { mergeDefaultComponentProps as S } from "./index77.mjs";
+import { Box as p } from "./index7.mjs";
+import { Typography as T } from "./index74.mjs";
+import j from "./index40.mjs";
+function q({
+  section: l,
+  state: r,
+  ...m
+}) {
+  const { key: c, rendered: s, props: a, level: h, hasChildNodes: d, type: f } = l, {
+    themeName: e = "listBox.section",
+    tokens: o,
+    as: g = "li",
+    customTheme: u,
+    ...x
+  } = S(m, a), i = {
+    ...o,
+    type: f,
+    level: h.toString(),
+    hasChildNodes: d
+  }, { itemProps: P, headingProps: k, groupProps: N } = $(m);
+  return /* @__PURE__ */ y(
+    p,
     {
-      ...x,
-      ref: n,
-      themeName: `${e}.container`,
-      tokens: t,
-      customTheme: l,
+      as: g,
+      themeName: `${e}.wrapper`,
+      tokens: i,
+      ...C(B(x), P),
+      customTheme: u,
       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 })
+        !!s && /* @__PURE__ */ t(T, { themeName: `${e}.heading`, tokens: o, ...k, children: s }),
+        /* @__PURE__ */ t(p, { as: "ul", themeName: `${e}.group`, tokens: i, ...N, children: [...r.collection.getChildren?.(c) ?? []].map((n) => /* @__PURE__ */ t(j, { item: n, state: r, tokens: o, themeName: `${e}.item` }, n.key)) })
       ]
     }
   );
 }
 export {
-  z as default
+  q as default
 };

package/index4.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const r=require("react/jsx-runtime"),d=require("@react-aria/accordion"),m=require("react"),x=require("./index94.js"),q=require("./index37.js"),A=require("./index145.js"),h=require("./index104.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 i=require("react"),p=require("react-stately");function M(u){const{children:n,defaultSelectedKeys:d,selectionMode:a="single",selectedKeys:o,onSelectionChange:y,...K}=u,c=i.Children.toArray(n).filter(i.isValidElement),l=c.map(e=>e.key).filter(e=>e!=null),x=c.reduce((e,g)=>{const{props:h,key:r}=g,{defaultOpen:D}=h??{};return!D||r==null||e.push(r),e},[]),f=o==="all"?l:o,E=d==="all"?l:d??x,t=p.useDisclosureGroupState({allowsMultipleExpanded:a==="multiple",expandedKeys:f,defaultExpandedKeys:E,onExpandedChange:e=>y?.(e)}),S=e=>{if(e==="all"){t.setExpandedKeys(new Set(l));return}t.setExpandedKeys(new Set(e))},s=p.useTreeState({...K,children:n,selectionMode:a,expandedKeys:t.expandedKeys,selectedKeys:t.expandedKeys,onSelectionChange:S});return{collection:s.collection,disabledKeys:s.disabledKeys,selectionManager:s.selectionManager,expandedKeys:t.expandedKeys,toggleKey:t.toggleKey,setExpandedKeys:t.setExpandedKeys,allowsMultipleExpanded:t.allowsMultipleExpanded,isDisabled:t.isDisabled}}module.exports=M;

package/index4.mjs

@@ -1,25 +1,46 @@
-"use client";
-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 "./index94.mjs";
-import { BoxWithForwardRef as u } from "./index37.mjs";
-import l from "./index145.mjs";
-import A from "./index104.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(
-    u,
-    {
-      themeName: `${e}.wrapper`,
-      tokens: c,
-      customTheme: m,
-      ref: n,
-      ...d,
-      children: [...r.collection].map((i) => /* @__PURE__ */ t(l, { item: i, themeName: e, tokens: c }, i.key))
+import { Children as g, isValidElement as S } from "react";
+import { useDisclosureGroupState as h, useTreeState as m } from "react-stately";
+function C(c) {
+  const {
+    children: d,
+    defaultSelectedKeys: n,
+    selectionMode: a = "single",
+    selectedKeys: o,
+    onSelectionChange: p,
+    ...u
+  } = c, r = g.toArray(d).filter(S), s = r.map((e) => e.key).filter((e) => e != null), y = r.reduce((e, x) => {
+    const { props: f, key: i } = x, { defaultOpen: E } = f ?? {};
+    return !E || i == null || e.push(i), e;
+  }, []), l = h({
+    allowsMultipleExpanded: a === "multiple",
+    expandedKeys: o === "all" ? s : o,
+    defaultExpandedKeys: n === "all" ? s : n ?? y,
+    onExpandedChange: (e) => p?.(e)
+  }), K = (e) => {
+    if (e === "all") {
+      l.setExpandedKeys(new Set(s));
+      return;
     }
-  ) });
-};
+    l.setExpandedKeys(new Set(e));
+  }, t = m({
+    ...u,
+    children: d,
+    selectionMode: a,
+    expandedKeys: l.expandedKeys,
+    selectedKeys: l.expandedKeys,
+    onSelectionChange: K
+  });
+  return {
+    collection: t.collection,
+    disabledKeys: t.disabledKeys,
+    selectionManager: t.selectionManager,
+    expandedKeys: l.expandedKeys,
+    toggleKey: l.toggleKey,
+    setExpandedKeys: l.setExpandedKeys,
+    allowsMultipleExpanded: l.allowsMultipleExpanded,
+    isDisabled: l.isDisabled
+  };
+}
 export {
-  T as default
+  C as default
 };

package/index40.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),m=require("./index171.js"),u=require("./index172.js"),h=require("./index173.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"),e=require("react"),l=require("react-aria"),w=require("./index77.js"),a=require("./index7.js"),M=require("./index8.js");function O({item:d,state:o,...f}){const{key:t,rendered:s,type:k}=d,{themeName:i="option",tokens:g,as:b="li",customTheme:C,linkElementType:P=M.Anchor,...j}=w.mergeDefaultComponentProps(f,d.props),m=e.useRef(null),{optionProps:q,isFocused:y,isDisabled:E,isFocusVisible:R,isPressed:F,isSelected:V,allowsSelection:A,descriptionProps:D,labelProps:L,hasAction:N}=l.useOption({key:t},o,m),r=o.selectionManager.isLink(t),S=o.selectionManager.canSelectItem(t),c={...g,type:k,isFocused:y,isDisabled:E,isFocusVisible:R,isPressed:F,isSelected:V,allowsSelection:A,hasAction:N,isLink:r,isSelectable:S},T=r?P:a.BoxWithForwardRef,$=r?"a":b,B=async()=>{if(e.Children.count(s)>1){const[p,u]=e.Children.toArray(s),h=e.isValidElement(p),x=e.isValidElement(u);return!h&&!x?s:n.jsxs(n.Fragment,{children:[h&&n.jsx(a.Box,{themeName:`${i}.label`,tokens:c,children:e.cloneElement(p,L)}),x&&n.jsx(a.Box,{themeName:`${i}.description`,tokens:c,children:e.cloneElement(u,D)})]})}return s};return n.jsx(l.FocusRing,{focusRingClass:"has-focus-ring",children:n.jsx(T,{as:$,...l.mergeProps(j,q),ref:m,themeName:`${i}.option`,tokens:c,customTheme:C,children:B()})})}module.exports=O;

package/index40.mjs

@@ -1,23 +1,68 @@
 "use client";
-import { jsx as o } from "react/jsx-runtime";
-import { OverlayContainer as d } from "react-aria";
-import p from "./index171.mjs";
-import c from "./index172.mjs";
-import f from "./index173.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 { jsx as o, jsxs as O, Fragment as I } from "react/jsx-runtime";
+import { useRef as W, Children as u, isValidElement as f, cloneElement as h } from "react";
+import { useOption as q, FocusRing as v, mergeProps as z } from "react-aria";
+import { mergeDefaultComponentProps as G } from "./index77.mjs";
+import { BoxWithForwardRef as H, Box as k } from "./index7.mjs";
+import { Anchor as J } from "./index8.mjs";
+function _({
+  item: c,
+  state: n,
+  ...g
+}) {
+  const { key: s, rendered: e, type: b } = c, {
+    themeName: t = "option",
+    tokens: y,
+    as: P = "li",
+    customTheme: x,
+    linkElementType: C = J,
+    ...F
+  } = G(g, c.props), l = W(null), {
+    optionProps: E,
+    isFocused: L,
+    isDisabled: N,
+    isFocusVisible: R,
+    isPressed: S,
+    isSelected: T,
+    allowsSelection: V,
+    descriptionProps: A,
+    labelProps: D,
+    hasAction: $
+  } = q({ key: s }, n, l), i = n.selectionManager.isLink(s), j = n.selectionManager.canSelectItem(s), r = {
+    ...y,
+    type: b,
+    isFocused: L,
+    isDisabled: N,
+    isFocusVisible: R,
+    isPressed: S,
+    isSelected: T,
+    allowsSelection: V,
+    hasAction: $,
+    isLink: i,
+    isSelectable: j
+  }, w = i ? C : H, B = i ? "a" : P, M = async () => {
+    if (u.count(e) > 1) {
+      const [m, a] = u.toArray(e), p = f(m), d = f(a);
+      return !p && !d ? e : /* @__PURE__ */ O(I, { children: [
+        p && /* @__PURE__ */ o(k, { themeName: `${t}.label`, tokens: r, children: h(m, D) }),
+        d && /* @__PURE__ */ o(k, { themeName: `${t}.description`, tokens: r, children: h(a, A) })
+      ] });
+    }
+    return e;
   };
-  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__ */ o(v, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ o(
+    w,
+    {
+      as: B,
+      ...z(F, E),
+      ref: l,
+      themeName: `${t}.option`,
+      tokens: r,
+      customTheme: x,
+      children: M()
+    }
+  ) });
+}
 export {
-  T as default
+  _ as default
 };

package/index41.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("./index93.js"),R=require("./index89.js"),p=require("./index97.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";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("radashi"),F=require("react"),t=require("react-aria"),x=require("react-hook-form"),T=require("./index85.js"),R=require("./index88.js"),v=require("./index89.js"),M=require("./index74.js");function g(s){const{id:o,label:l,themeName:r="radio",tokens:d,customTheme:i,value:a,fieldRef:u}=s,c=T.useRadioGroupCtx(),n=F.useRef(null),{inputProps:q}=t.useRadio(s,c,n),h=c?.selectedValue===a,{focusProps:j}=t.useFocusRing(),m={...d,selected:h},b=R(`${r}.label`,m,i),k=R(`${r}.radio`,m,i),p=R(`${r}.selectedMark`,m,i);return e.jsx("div",{children:e.jsx(t.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{htmlFor:o,className:b,children:[e.jsx(t.VisuallyHidden,{children:e.jsx("input",{type:"radio",...t.mergeProps(j,q),ref:f=>{u?.(f),n.current=f}})}),e.jsx("div",{className:k,"aria-checked":h,role:"radio","aria-labelledby":o,children:e.jsx("div",{className:p})}),e.jsx(M.Typography,{themeName:`${r}.label`,children:l})]})})})}function E(s){const{name:o,required:l}=s,{register:r,formState:d}=x.useFormContext(),a=x.get(d.errors,o)?.message??void 0,{t:u}=v.useTranslation(),{ref:c,...n}=r(o,{required:l?u("FORM.ERROR.REQUIRED")??"required":!1});return e.jsx(g,{fieldRef:c,...n,...s,isError:!y.isEmpty(a),errorMessage:a})}exports.Radio=g;exports.ReactHookFormRadio=E;

package/index41.mjs

@@ -4,33 +4,34 @@ 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 "./index93.mjs";
-import u from "./index89.mjs";
-import { useTranslation as P } from "./index97.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: [
+import { useRadioGroupCtx as q } from "./index85.mjs";
+import u from "./index88.mjs";
+import { useTranslation as P } from "./index89.mjs";
+import { Typography as j } from "./index74.mjs";
+function H(o) {
+  const { id: s, label: c, themeName: r = "radio", tokens: l, customTheme: t, value: i, fieldRef: m } = o, a = q(), n = y(null), { inputProps: R } = F(o, a, n), f = a?.selectedValue === i, { focusProps: p } = v(), d = { ...l, selected: f }, g = u(`${r}.label`, d, t), b = u(`${r}.radio`, d, t), T = u(`${r}.selectedMark`, d, t);
+  return /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(C, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ k("label", { htmlFor: s, className: g, children: [
     /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(
       "input",
       {
         type: "radio",
-        ...M(R, p),
+        ...M(p, R),
         ref: (h) => {
-          a == null || a(h), n.current = h;
+          m?.(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 })
+    /* @__PURE__ */ e("div", { className: b, "aria-checked": f, role: "radio", "aria-labelledby": s, children: /* @__PURE__ */ e("div", { className: T }) }),
+    /* @__PURE__ */ e(j, { themeName: `${r}.label`, children: c })
   ] }) }) });
-}, 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
+}
+function z(o) {
+  const { name: s, required: c } = o, { register: r, formState: l } = N(), i = $(l.errors, s)?.message ?? void 0, { t: m } = P(), { ref: a, ...n } = r(s, {
+    required: c ? m("FORM.ERROR.REQUIRED") ?? "required" : !1
   });
-  return /* @__PURE__ */ e(H, { fieldRef: s, ...n, ...t, isError: !x(c), errorMessage: c });
-};
+  return /* @__PURE__ */ e(H, { fieldRef: a, ...n, ...o, isError: !x(i), errorMessage: i });
+}
 export {
-  z as ReactHookFormRadio,
-  H as default
+  H as Radio,
+  z as ReactHookFormRadio
 };

package/index42.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),h=require("./index174.js"),x=require("react-aria"),m=require("./index93.js"),u=require("./index37.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"),x=require("react-aria"),G=require("react-stately"),m=require("./index85.js"),n=require("./index7.js"),u=require("./index74.js");function j(r){const{label:o,isError:d=!1,errorMessage:s,isDisabled:i=!1,children:c,themeName:t="radioGroup",tokens:l}=r,a=G.useRadioGroupState(r),{radioGroupProps:p}=x.useRadioGroup(r,a),h={...l,isDisabled:i};return e.jsxs(n.Box,{...p,"aria-disabled":i,themeName:`${t}.radioGroup`,tokens:h,children:[o!=null&&e.jsx(u.Typography,{tokens:{size:"h6"},children:o}),e.jsx(n.Box,{themeName:`${t}.radioGroupItemsGroup`,children:e.jsx(m.RadioGroupProvider,{state:a,children:c})}),d&&s!=null&&e.jsx(u.Typography,{tokens:{isError:!0},children:s})]})}module.exports=j;

package/index42.mjs

@@ -1,27 +1,27 @@
 "use client";
 import { jsxs as f, jsx as r } from "react/jsx-runtime";
-import { useRadioGroupState as h } from "./index174.mjs";
-import { useRadioGroup as G } from "react-aria";
-import { RadioGroupProvider as b } from "./index93.mjs";
-import d from "./index37.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 };
+import { useRadioGroup as h } from "react-aria";
+import { useRadioGroupState as G } from "react-stately";
+import { RadioGroupProvider as k } from "./index85.mjs";
+import { Box as d } from "./index7.mjs";
+import { Typography as m } from "./index74.mjs";
+function y(o) {
+  const { label: e, isError: n = !1, errorMessage: i, isDisabled: t = !1, children: u, themeName: s = "radioGroup", tokens: l } = o, a = G(o), { radioGroupProps: p } = h(o, a), c = { ...l, isDisabled: t };
   return /* @__PURE__ */ f(
     d,
     {
-      ...c,
-      "aria-disabled": i,
+      ...p,
+      "aria-disabled": t,
       themeName: `${s}.radioGroup`,
-      tokens: l,
+      tokens: c,
       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 })
+        e != null && /* @__PURE__ */ r(m, { tokens: { size: "h6" }, children: e }),
+        /* @__PURE__ */ r(d, { themeName: `${s}.radioGroupItemsGroup`, children: /* @__PURE__ */ r(k, { state: a, children: u }) }),
+        n && i != null && /* @__PURE__ */ r(m, { tokens: { isError: !0 }, children: i })
       ]
     }
   );
-};
+}
 export {
-  j as default
+  y as default
 };

package/index43.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const l=require("react/jsx-runtime"),t=require("@react-spring/web"),u=require("./index89.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 s=require("react/jsx-runtime"),p=require("react"),m=require("react-aria"),B=require("react-stately"),C=require("./index88.js"),O=require("./index90.js"),h=require("./index7.js"),R=require("./index8.js"),v=require("./index99.js"),w=require("./index130.js"),T=require("./index74.js");function F(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const M=F(p);function I({value:e}){return e===""?s.jsx(w,{width:"16",height:"16"}):s.jsx(v,{width:"16",height:"16"})}function _(e){const{setUserSearchQuery:r}=O.useUserQueryValHook(),{label:t,themeName:n="search",tokens:f,customTheme:x,disabled:g,errorMessage:i,placeholder:j,icon:c,isDisabled:k}=e,o=k||g,d={...e,isDisabled:o},l=B.useSearchFieldState(d),b=M.useRef(null),{labelProps:q,inputProps:u,errorMessageProps:y,clearButtonProps:S}=m.useSearchField(d,l,b),P=p.useCallback(N=>{r(l.value),u.onChange?.(N)},[r,l.value,u]),$=i!=null,a={...f,isError:$,isDisabled:o??!1},D=C(`${n}.input`,a,x);return s.jsxs(h.Box,{themeName:`${n}.wrapper`,tokens:a,"aria-disabled":o??!1,children:[t!=null&&s.jsx(h.Box,{...q,as:"label",themeName:`${n}.label`,tokens:a,children:t}),s.jsxs(h.Box,{themeName:`${n}.container`,tokens:a,children:[s.jsx("input",{ref:b,...u,onChange:P,placeholder:j,className:D,disabled:o}),s.jsx(m.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsxs(R.ButtonComponent,{isDisabled:o,handlePress:S.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:o??!1},themeName:`${n}.icon`,"aria-label":"clear",children:[c==null&&s.jsx(I,{value:l.value}),c!=null&&c]})})]}),i!=null&&s.jsx(T.Typography,{themeName:`${n}.errorMessage`,tokens:a,...y,children:i})]})}module.exports=_;