@okam/stack-ui 1.44.3 → 1.44.4

package/index3.mjs

@@ -1,22 +1,36 @@
-"use client";
-import { jsx as p } from "react/jsx-runtime";
-import f from "react";
-import n from "./index89.mjs";
-const i = ({
-  as: e = "span",
-  themeName: t = "typography",
-  tokens: o,
-  customTheme: r,
-  children: a,
-  ...s
-}) => {
-  const m = n(t, o, r);
-  return /* @__PURE__ */ p(e, { ...s, className: m, children: a });
-}, l = f.forwardRef((e, t) => {
-  const { as: o = "span", tokens: r, themeName: a = "typography", customTheme: s, children: m, ...h } = e, c = n(a, r, s);
-  return /* @__PURE__ */ p(o, { ...h, ref: t, className: c, children: m });
-});
+import * as r from "react";
+function o(n) {
+  return null;
+}
+o.getCollectionNode = function* (e) {
+  const { children: t, childItems: i, title: a } = e, c = e.textValue || (typeof t == "string" ? t : "") || e["aria-label"] || "";
+  yield {
+    type: "item",
+    props: e,
+    rendered: t,
+    textValue: c,
+    "aria-label": e["aria-label"],
+    hasChildNodes: !1,
+    *childNodes() {
+      if (i != null)
+        for (const l of i)
+          yield {
+            type: "item",
+            value: l
+          };
+      else if (a != null) {
+        const l = [];
+        r.Children.forEach(t, (d) => {
+          l.push({
+            type: "item",
+            element: d
+          });
+        }), yield* l;
+      }
+    }
+  };
+};
+const s = o;
 export {
-  l as TypographyWithForwardRef,
-  i as default
+  s as default
 };

package/index30.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"),O=require("radashi"),D=require("react"),F=require("react-aria"),I=require("react-hook-form"),G=require("./index162.js"),j=require("./index89.js"),H=require("./index97.js"),P=require("./index24.js"),$=require("./index3.js"),_=c=>{const{id:i,ariaLabel:e,icon:l,state:x,themeName:t="checkbox",customTheme:a,tokens:R,isDisabled:k=!1,isError:d=!1,value:h,errorMessage:u,label:f}=c,m=D.useRef(null),{inputProps:M}=F.useCheckboxGroupItem(c,x,m),{isSelected:b}=x,o={...R,selected:b(h),isDisabled:k,isError:d},v=j(`${t}.container`,o,a),s=j(`${t}.checkBox`,o,a),n=j(`${t}.checkMark`,o,a),C=j(`${t}.checkMarkIcon`,o,a);return r.jsxs("div",{children:[r.jsx(F.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("label",{className:v,htmlFor:i,"aria-label":e,"aria-disabled":k,children:[r.jsx(F.VisuallyHidden,{children:r.jsx("input",{ref:m,...M})}),r.jsx("div",{className:s,"aria-checked":b(h),role:"checkbox","aria-labelledby":i,children:r.jsx("div",{className:n,children:l&&r.jsx(P,{icon:l,customTheme:C})})}),r.jsx($.default,{themeName:`${t}.label`,tokens:o,children:f})]})}),d&&u&&r.jsx($.default,{themeName:`${t}.errorMessage`,tokens:o,children:u})]})},p=c=>{const i=G.useCheckboxGroupCtx();return i&&r.jsx(_,{state:i,...c})},A=({name:c,label:i,rules:e,tokens:l,ariaLabel:x,defaultValue:t=!1,themeName:a="checkbox",isReadOnly:R=!1,isRequired:k,onChange:d,onBlur:h,value:u,icon:f,...m})=>{const{control:M}=I.useFormContext(),{t:b}=H.useTranslation(),o=()=>{const s=Object.entries(m).filter(([n,C])=>n.startsWith("aria-"));return Object.fromEntries(s)},v={required:k?b("FORM.ERROR.REQUIRED")??"required":!1,...e};return r.jsx(I.Controller,{name:c,control:M,rules:v,disabled:e==null?void 0:e.disabled,defaultValue:t,render:({field:s,fieldState:n})=>{var g;const{ref:C,...E}=s,N=!O.isEmpty(n.error),T={isDisabled:s.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:n.invalid,isError:N,isReadOnly:R},y={...l,...T};return r.jsx(p,{...E,...T,...o(),id:c,value:u,icon:f,themeName:a,label:i,tokens:y,ariaLabel:x,isDisabled:s.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",errorMessage:(g=n.error)==null?void 0:g.message,onChange:q=>{s.onChange(q),d==null||d(q)},onBlur:q=>{s.onBlur(),h==null||h(q)}})}})};exports.ReactHookFormCheckboxItem=A;exports.default=p;
+"use strict";const e=require("react/jsx-runtime"),d=require("react-aria"),G=require("react-stately"),m=require("./index126.js"),i=require("./index7.js"),u=require("./index74.js");function j(r){const{label:o,isError:a=!1,errorMessage:s,isDisabled:t=!1,children:x,themeName:c="checkboxGroup",tokens:h}=r,n=G.useCheckboxGroupState(r),{groupProps:l,labelProps:p,errorMessageProps:k}=d.useCheckboxGroup(r,n),b={...h,isDisabled:t};return e.jsxs(i.Box,{...l,"aria-disabled":t,themeName:`${c}.checkboxGroup`,tokens:b,children:[o!=null&&o!==""&&e.jsx(u.Typography,{...p,tokens:{size:"h6"},children:o}),e.jsx(i.Box,{themeName:`${c}.checkboxGroupItemsGroup`,children:e.jsx(m.CheckboxGroupProvider,{state:n,children:x})}),a&&s!=null&&s!==""&&e.jsx(u.Typography,{...k,tokens:{isError:!0},children:s})]})}module.exports=j;

package/index30.mjs

@@ -1,112 +1,35 @@
 "use client";
-import { jsx as o, jsxs as v } from "react/jsx-runtime";
-import { isEmpty as $ } from "radashi";
-import { useRef as D } from "react";
-import { useCheckboxGroupItem as j, FocusRing as G, VisuallyHidden as O } from "react-aria";
-import { useFormContext as B, Controller as H } from "react-hook-form";
-import { useCheckboxGroupCtx as P } from "./index162.mjs";
-import u from "./index89.mjs";
-import { useTranslation as w } from "./index97.mjs";
-import A from "./index24.mjs";
-import F from "./index3.mjs";
-const L = (i) => {
+import { jsxs as x, jsx as e } from "react/jsx-runtime";
+import { useCheckboxGroup as d } from "react-aria";
+import { useCheckboxGroupState as f } from "react-stately";
+import { CheckboxGroupProvider as G } from "./index126.mjs";
+import { Box as m } from "./index7.mjs";
+import { Typography as n } from "./index74.mjs";
+function E(o) {
   const {
-    id: s,
-    ariaLabel: e,
-    icon: h,
-    state: l,
-    themeName: t = "checkbox",
-    customTheme: n,
-    tokens: R,
-    isDisabled: k = !1,
-    isError: m = !1,
-    value: d,
-    errorMessage: b,
-    label: T
-  } = i, p = D(null), { inputProps: q } = j(i, l, p), { isSelected: x } = l, c = { ...R, selected: x(d), isDisabled: k, isError: m }, C = u(`${t}.container`, c, n), r = u(`${t}.checkBox`, c, n), a = u(`${t}.checkMark`, c, n), I = u(`${t}.checkMarkIcon`, c, n);
-  return /* @__PURE__ */ v("div", { children: [
-    /* @__PURE__ */ o(G, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ v("label", { className: C, htmlFor: s, "aria-label": e, "aria-disabled": k, children: [
-      /* @__PURE__ */ o(O, { children: /* @__PURE__ */ o("input", { ref: p, ...q }) }),
-      /* @__PURE__ */ o("div", { className: r, "aria-checked": x(d), role: "checkbox", "aria-labelledby": s, children: /* @__PURE__ */ o("div", { className: a, children: h && /* @__PURE__ */ o(A, { icon: h, customTheme: I }) }) }),
-      /* @__PURE__ */ o(F, { themeName: `${t}.label`, tokens: c, children: T })
-    ] }) }),
-    m && b && /* @__PURE__ */ o(F, { themeName: `${t}.errorMessage`, tokens: c, children: b })
-  ] });
-}, Q = (i) => {
-  const s = P();
-  return s && /* @__PURE__ */ o(L, { state: s, ...i });
-}, S = ({
-  name: i,
-  label: s,
-  rules: e,
-  tokens: h,
-  ariaLabel: l,
-  defaultValue: t = !1,
-  themeName: n = "checkbox",
-  isReadOnly: R = !1,
-  isRequired: k,
-  onChange: m,
-  onBlur: d,
-  value: b,
-  icon: T,
-  ...p
-}) => {
-  const { control: q } = B(), { t: x } = w(), c = () => {
-    const r = Object.entries(p).filter(([a, I]) => a.startsWith("aria-"));
-    return Object.fromEntries(r);
-  }, C = {
-    required: k ? x("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...e
-  };
-  return /* @__PURE__ */ o(
-    H,
+    label: r,
+    isError: a = !1,
+    errorMessage: s,
+    isDisabled: t = !1,
+    children: h,
+    themeName: c = "checkboxGroup",
+    tokens: l
+  } = o, i = f(o), { groupProps: p, labelProps: u, errorMessageProps: k } = d(o, i), b = { ...l, isDisabled: t };
+  return /* @__PURE__ */ x(
+    m,
     {
-      name: i,
-      control: q,
-      rules: C,
-      disabled: e == null ? void 0 : e.disabled,
-      defaultValue: t,
-      render: ({ field: r, fieldState: a }) => {
-        var g;
-        const { ref: I, ...E } = r, y = !$(a.error), M = {
-          isDisabled: r.disabled ?? !1,
-          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: a.invalid,
-          isError: y,
-          isReadOnly: R
-        }, N = {
-          ...h,
-          ...M
-        };
-        return /* @__PURE__ */ o(
-          Q,
-          {
-            ...E,
-            ...M,
-            ...c(),
-            id: i,
-            value: b,
-            icon: T,
-            themeName: n,
-            label: s,
-            tokens: N,
-            ariaLabel: l,
-            isDisabled: r.disabled,
-            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            errorMessage: (g = a.error) == null ? void 0 : g.message,
-            onChange: (f) => {
-              r.onChange(f), m == null || m(f);
-            },
-            onBlur: (f) => {
-              r.onBlur(), d == null || d(f);
-            }
-          }
-        );
-      }
+      ...p,
+      "aria-disabled": t,
+      themeName: `${c}.checkboxGroup`,
+      tokens: b,
+      children: [
+        r != null && r !== "" && /* @__PURE__ */ e(n, { ...u, tokens: { size: "h6" }, children: r }),
+        /* @__PURE__ */ e(m, { themeName: `${c}.checkboxGroupItemsGroup`, children: /* @__PURE__ */ e(G, { state: i, children: h }) }),
+        a && s != null && s !== "" && /* @__PURE__ */ e(n, { ...k, tokens: { isError: !0 }, children: s })
+      ]
     }
   );
-};
+}
 export {
-  S as ReactHookFormCheckboxItem,
-  Q as default
+  E as default
 };

package/index31.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),_=require("@react-aria/focus"),y=require("radashi"),D=require("react"),I=require("react-aria"),$=require("react-hook-form"),v=require("./index89.js"),w=require("./index97.js"),C=require("./index3.js"),H=n=>{const{id:q,label:e,name:g,placeholder:j,required:F,disabled:o=!1,errorMessage:c,ariaLabel:M,value:d,onBlur:l,onChange:T,fieldRef:u,themeName:s="textarea",tokens:R,customTheme:t,children:f}=n,x=D.useRef(null),{errorMessageProps:b,inputProps:E,labelProps:k}=I.useTextField(n,x),r={...R,isDisabled:o,isError:c!=null},i=v(`${s}.wrapper`,r,t),h=v(`${s}.input`,r,t),N=v(`${s}.label`,r,t),O=v(`${s}.container`,r,t);return a.jsxs("div",{children:[a.jsxs("div",{className:i,"aria-disabled":o?"true":"false",children:[e&&a.jsx("label",{className:N,...k,children:e}),a.jsx(_.FocusRing,{focusRingClass:"has-focus-ring",children:a.jsxs("div",{className:O,children:[f,a.jsx("textarea",{...E,ref:m=>{u==null||u(m),x.current=m},className:h,placeholder:j,disabled:o,required:F,id:q,name:g,"aria-label":M,"aria-labelledby":q,value:d,onBlur:l,onChange:T})]})})]}),c&&a.jsx(C.default,{themeName:`${s}.errorMessage`,tokens:r,...b,children:c})]})},G=({name:n,label:q,rules:e,tokens:g,ariaLabel:j,defaultValue:F="",placeholder:o="",themeName:c="textarea",isReadOnly:M=!1,minLength:d,maxLength:l,required:T,isRequired:u,onChange:s,onBlur:R,children:t=null,...f})=>{const{control:x}=$.useFormContext(),{t:b}=w.useTranslation(),E=()=>{const r=Object.entries(f).filter(([i,h])=>i.startsWith("aria-"));return Object.fromEntries(r)},k={required:T??u?b("FORM.ERROR.REQUIRED")??"required":!1,...d!=null&&{minLength:{value:d,message:b("FORM.ERROR.MIN_LENGTH",{length:d})}},...l!=null&&{maxLength:{value:l,message:b("FORM.ERROR.MAX_LENGTH",{length:l})}},...e};return a.jsx($.Controller,{name:n,control:x,rules:k,disabled:e==null?void 0:e.disabled,defaultValue:F,render:({field:r,fieldState:i})=>{var A;const{ref:h,...N}=r,O=!y.isEmpty(i.error),m={isDisabled:r.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:i.invalid,isError:O,isReadOnly:M},P={...g,...m};return a.jsx(H,{...N,...m,...E(),fieldRef:h,name:n,placeholder:o,themeName:c,label:q,tokens:P,ariaLabel:j,isDisabled:r.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:i.invalid,errorMessage:(A=i.error)==null?void 0:A.message,onChange:p=>{r.onChange(p),s==null||s(p)},onBlur:p=>{r.onBlur(),R==null||R(p)},children:t})}})};exports.ReactHookFormTextArea=G;exports.default=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("radashi"),N=require("react"),T=require("react-aria"),F=require("react-hook-form"),G=require("./index126.js"),j=require("./index88.js"),O=require("./index89.js"),D=require("./index48.js"),I=require("./index74.js");function H(n){const{id:t,ariaLabel:s,icon:l,state:u,themeName:o="checkbox",customTheme:a,tokens:g,isDisabled:d=!1,isError:h=!1,value:x,errorMessage:k,label:C}=n,m=N.useRef(null),{inputProps:R}=T.useCheckboxGroupItem(n,u,m),{isSelected:b}=u,c={...g,selected:b(x),isDisabled:d,isError:h},p=j(`${o}.container`,c,a),r=j(`${o}.checkBox`,c,a),i=j(`${o}.checkMark`,c,a),f=j(`${o}.checkMarkIcon`,c,a);return e.jsxs("div",{children:[e.jsx(T.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{className:p,htmlFor:t,"aria-label":s,"aria-disabled":d,children:[e.jsx(T.VisuallyHidden,{children:e.jsx("input",{ref:m,...R})}),e.jsx("div",{className:r,"aria-checked":b(x),role:"checkbox","aria-labelledby":t,children:e.jsx("div",{className:i,children:l!=null&&e.jsx(D,{icon:l,customTheme:f})})}),e.jsx(I.Typography,{themeName:`${o}.label`,tokens:c,children:C})]})}),h&&k!=null&&e.jsx(I.Typography,{themeName:`${o}.errorMessage`,tokens:c,children:k})]})}function M(n){const t=G.useCheckboxGroupCtx();return t!=null&&e.jsx(H,{state:t,...n})}function P({name:n,label:t,rules:s,tokens:l,ariaLabel:u,defaultValue:o=!1,themeName:a="checkbox",isReadOnly:g=!1,isRequired:d,onChange:h,onBlur:x,value:k,icon:C,...m}){const{control:R}=F.useFormContext(),{t:b}=O.useTranslation(),c=()=>{const r=Object.entries(m).filter(([i,f])=>i.startsWith("aria-"));return Object.fromEntries(r)},p={required:d?b("FORM.ERROR.REQUIRED")??"required":!1,...s};return e.jsx(F.Controller,{name:n,control:R,rules:p,disabled:s?.disabled,defaultValue:o,render:({field:r,fieldState:i})=>{const{ref:f,...v}=r,$=!B.isEmpty(i.error),y={isDisabled:r.disabled??!1,isRequired:s?.required===!0||s?.required==="required",isInvalid:i.invalid,isError:$,isReadOnly:g},E={...l,...y};return e.jsx(M,{...v,...y,...c(),id:n,value:k,icon:C,themeName:a,label:t,tokens:E,ariaLabel:u,isDisabled:r.disabled,isRequired:s?.required===!0||s?.required==="required",errorMessage:i.error?.message,onChange:q=>{r.onChange(q),h?.(q)},onBlur:q=>{r.onBlur(),x?.(q)}})}})}exports.CheckboxGroupItem=M;exports.ReactHookFormCheckboxItem=P;

package/index31.mjs

@@ -1,150 +1,113 @@
 "use client";
-import { jsxs as $, jsx as o } from "react/jsx-runtime";
-import { FocusRing as D } from "@react-aria/focus";
-import { isEmpty as I } from "radashi";
-import { useRef as P } from "react";
-import { useTextField as C } from "react-aria";
-import { useFormContext as H, Controller as _ } from "react-hook-form";
-import v from "./index89.mjs";
-import { useTranslation as w } from "./index97.mjs";
-import G from "./index3.mjs";
-const L = (s) => {
+import { jsx as e, jsxs as M } from "react/jsx-runtime";
+import { isEmpty as B } from "radashi";
+import { useRef as N } from "react";
+import { useCheckboxGroupItem as $, FocusRing as D, VisuallyHidden as j } from "react-aria";
+import { useFormContext as G, Controller as O } from "react-hook-form";
+import { useCheckboxGroupCtx as H } from "./index126.mjs";
+import x from "./index88.mjs";
+import { useTranslation as P } from "./index89.mjs";
+import w from "./index48.mjs";
+import { Typography as v } from "./index74.mjs";
+function A(i) {
   const {
-    id: u,
-    label: e,
-    name: T,
-    placeholder: q,
-    required: E,
-    disabled: n = !1,
-    errorMessage: d,
-    ariaLabel: x,
-    value: l,
-    onBlur: c,
-    onChange: F,
-    fieldRef: m,
-    themeName: a = "textarea",
-    tokens: p,
-    customTheme: t,
-    children: M
-  } = s, f = P(null), { errorMessageProps: b, inputProps: N, labelProps: O } = C(s, f), r = { ...p, isDisabled: n, isError: d != null }, i = v(`${a}.wrapper`, r, t), h = v(`${a}.input`, r, t), k = v(`${a}.label`, r, t), y = v(`${a}.container`, r, t);
-  return /* @__PURE__ */ $("div", { children: [
-    /* @__PURE__ */ $("div", { className: i, "aria-disabled": n ? "true" : "false", children: [
-      e && /* @__PURE__ */ o("label", { className: k, ...O, children: e }),
-      /* @__PURE__ */ o(D, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ $("div", { className: y, children: [
-        M,
-        /* @__PURE__ */ o(
-          "textarea",
-          {
-            ...N,
-            ref: (R) => {
-              m == null || m(R), f.current = R;
-            },
-            className: h,
-            placeholder: q,
-            disabled: n,
-            required: E,
-            id: u,
-            name: T,
-            "aria-label": x,
-            "aria-labelledby": u,
-            value: l,
-            onBlur: c,
-            onChange: F
-          }
-        )
-      ] }) })
-    ] }),
-    d && /* @__PURE__ */ o(G, { themeName: `${a}.errorMessage`, tokens: r, ...b, children: d })
+    id: c,
+    ariaLabel: o,
+    icon: l,
+    state: m,
+    themeName: s = "checkbox",
+    customTheme: a,
+    tokens: C,
+    isDisabled: d = !1,
+    isError: h = !1,
+    value: u,
+    errorMessage: k,
+    label: g
+  } = i, b = N(null), { inputProps: R } = $(i, m, b), { isSelected: f } = m, t = { ...C, selected: f(u), isDisabled: d, isError: h }, T = x(`${s}.container`, t, a), r = x(`${s}.checkBox`, t, a), n = x(`${s}.checkMark`, t, a), q = x(`${s}.checkMarkIcon`, t, a);
+  return /* @__PURE__ */ M("div", { children: [
+    /* @__PURE__ */ e(D, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ M("label", { className: T, htmlFor: c, "aria-label": o, "aria-disabled": d, children: [
+      /* @__PURE__ */ e(j, { children: /* @__PURE__ */ e("input", { ref: b, ...R }) }),
+      /* @__PURE__ */ e("div", { className: r, "aria-checked": f(u), role: "checkbox", "aria-labelledby": c, children: /* @__PURE__ */ e("div", { className: n, children: l != null && /* @__PURE__ */ e(w, { icon: l, customTheme: q }) }) }),
+      /* @__PURE__ */ e(v, { themeName: `${s}.label`, tokens: t, children: g })
+    ] }) }),
+    h && k != null && /* @__PURE__ */ e(v, { themeName: `${s}.errorMessage`, tokens: t, children: k })
   ] });
-}, Z = ({
-  name: s,
-  label: u,
-  rules: e,
-  tokens: T,
-  ariaLabel: q,
-  defaultValue: E = "",
-  placeholder: n = "",
-  themeName: d = "textarea",
-  isReadOnly: x = !1,
-  minLength: l,
-  maxLength: c,
-  required: F,
-  isRequired: m,
-  onChange: a,
-  onBlur: p,
-  children: t = null,
-  ...M
-}) => {
-  const { control: f } = H(), { t: b } = w(), N = () => {
-    const r = Object.entries(M).filter(([i, h]) => i.startsWith("aria-"));
+}
+function L(i) {
+  const c = H();
+  return c != null && /* @__PURE__ */ e(A, { state: c, ...i });
+}
+function Z({
+  name: i,
+  label: c,
+  rules: o,
+  tokens: l,
+  ariaLabel: m,
+  defaultValue: s = !1,
+  themeName: a = "checkbox",
+  isReadOnly: C = !1,
+  isRequired: d,
+  onChange: h,
+  onBlur: u,
+  value: k,
+  icon: g,
+  ...b
+}) {
+  const { control: R } = G(), { t: f } = P(), t = () => {
+    const r = Object.entries(b).filter(([n, q]) => n.startsWith("aria-"));
     return Object.fromEntries(r);
-  }, O = {
-    required: F ?? m ? b("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...l != null && {
-      minLength: {
-        value: l,
-        message: b("FORM.ERROR.MIN_LENGTH", { length: l })
-      }
-    },
-    ...c != null && {
-      maxLength: {
-        value: c,
-        message: b("FORM.ERROR.MAX_LENGTH", { length: c })
-      }
-    },
-    ...e
+  }, T = {
+    required: d ? f("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...o
   };
-  return /* @__PURE__ */ o(
-    _,
+  return /* @__PURE__ */ e(
+    O,
     {
-      name: s,
-      control: f,
-      rules: O,
-      disabled: e == null ? void 0 : e.disabled,
-      defaultValue: E,
-      render: ({ field: r, fieldState: i }) => {
-        var j;
-        const { ref: h, ...k } = r, y = !I(i.error), R = {
+      name: i,
+      control: R,
+      rules: T,
+      disabled: o?.disabled,
+      defaultValue: s,
+      render: ({ field: r, fieldState: n }) => {
+        const { ref: q, ...F } = r, E = !B(n.error), I = {
           isDisabled: r.disabled ?? !1,
-          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: i.invalid,
-          isError: y,
-          isReadOnly: x
-        }, A = {
-          ...T,
-          ...R
+          isRequired: o?.required === !0 || o?.required === "required",
+          isInvalid: n.invalid,
+          isError: E,
+          isReadOnly: C
+        }, y = {
+          ...l,
+          ...I
         };
-        return /* @__PURE__ */ o(
+        return /* @__PURE__ */ e(
           L,
           {
-            ...k,
-            ...R,
-            ...N(),
-            fieldRef: h,
-            name: s,
-            placeholder: n,
-            themeName: d,
-            label: u,
-            tokens: A,
-            ariaLabel: q,
+            ...F,
+            ...I,
+            ...t(),
+            id: i,
+            value: k,
+            icon: g,
+            themeName: a,
+            label: c,
+            tokens: y,
+            ariaLabel: m,
             isDisabled: r.disabled,
-            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: i.invalid,
-            errorMessage: (j = i.error) == null ? void 0 : j.message,
-            onChange: (g) => {
-              r.onChange(g), a == null || a(g);
-            },
-            onBlur: (g) => {
-              r.onBlur(), p == null || p(g);
+            isRequired: o?.required === !0 || o?.required === "required",
+            errorMessage: n.error?.message,
+            onChange: (p) => {
+              r.onChange(p), h?.(p);
             },
-            children: t
+            onBlur: (p) => {
+              r.onBlur(), u?.(p);
+            }
           }
         );
       }
     }
   );
-};
+}
 export {
-  Z as ReactHookFormTextArea,
-  L as default
+  L as CheckboxGroupItem,
+  Z as ReactHookFormCheckboxItem
 };

package/index32.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"),A=require("@react-aria/focus"),w=require("radashi"),G=require("react"),C=require("react-aria"),D=require("react-hook-form"),L=require("./index89.js"),Q=require("./index97.js"),g=require("./index37.js"),H=require("./index24.js"),U=require("./index3.js"),P=m=>{const{icon:q,errorIcon:e,label:l,isRequired:b=!1,isDisabled:h=!1,isInvalid:j=!1,required:k,disabled:F,errorMessage:t,fieldRef:d,children:I,themeName:n="textInput",tokens:u,customTheme:s,ariaLabel:M,placeholder:v,isReadOnly:E=!1,...N}=m,p=G.useRef(null),R=k??b,O=F??h,{labelProps:$,inputProps:i,errorMessageProps:o}=C.useTextField({label:l,errorMessage:t,isRequired:R,isDisabled:O,isInvalid:j,isReadOnly:E,...N},p),x=c=>{c&&(d==null||d(c),p.current=c)},a={...u,isDisabled:h,isRequired:b,isError:!!t},T=L(`${n}.input`,a);return r.jsxs(g.default,{children:[r.jsx(A.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs(g.default,{"aria-disabled":i.disabled,themeName:`${n}.wrapper`,tokens:a,customTheme:s,children:[l&&r.jsx(g.default,{as:"label",tokens:a,themeName:`${n}.label`,customTheme:s,...$,children:l}),r.jsxs(g.default,{themeName:`${n}.container`,tokens:a,customTheme:s,children:[I,r.jsx("input",{"aria-label":M,...i,placeholder:v,ref:x,className:T})]}),q&&r.jsx(H,{themeName:`${n}.icon`,tokens:a,customTheme:s,icon:q,"aria-hidden":!0}),t&&e&&r.jsx(H,{themeName:`${n}.errorIcon`,tokens:a,customTheme:s,icon:e,"aria-hidden":!0})]})}),t&&r.jsx(U.default,{themeName:`${n}.errorMessage`,tokens:a,customTheme:s,...o,children:t})]})},W=({name:m,label:q,rules:e,tokens:l,ariaLabel:b,defaultValue:h="",placeholder:j="",themeName:k="textInput",isReadOnly:F=!1,minLength:t,maxLength:d,required:I,isRequired:n,onChange:u,onBlur:s,children:M=null,errorIcon:v,icon:E,...N})=>{const{control:p}=D.useFormContext(),{t:R}=Q.useTranslation(),O=()=>{const i=Object.entries(N).filter(([o,x])=>o.startsWith("aria-"));return Object.fromEntries(i)},$={required:I??n?R("FORM.ERROR.REQUIRED")??"required":!1,...t!=null&&{minLength:{value:t,message:R("FORM.ERROR.MIN_LENGTH",{length:t})}},...d!=null&&{maxLength:{value:d,message:R("FORM.ERROR.MAX_LENGTH",{length:d})}},...e};return r.jsx(D.Controller,{name:m,control:p,rules:$,disabled:e==null?void 0:e.disabled,defaultValue:h,render:({field:i,fieldState:o})=>{var y;const{ref:x,...a}=i,T=!w.isEmpty(o.error),c={isDisabled:i.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,isError:T,isReadOnly:F},_={...l,...c};return r.jsx(P,{...a,...c,...O(),fieldRef:x,name:m,placeholder:j,themeName:k,label:q,tokens:_,ariaLabel:b,isDisabled:i.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,errorMessage:(y=o.error)==null?void 0:y.message,onChange:f=>{i.onChange(f),u==null||u(f)},onBlur:f=>{i.onBlur(),s==null||s(f)},icon:E,errorIcon:v,children:M})}})};exports.ReactHookFormInput=W;exports.default=P;
+"use strict";const e=require("react/jsx-runtime"),re=require("radashi"),n=require("react"),j=require("react-aria");require("react-hook-form");const ie=require("react-stately"),le=require("./index78.js"),ce=require("./index88.js"),p=require("./index7.js"),ue=require("./index48.js"),ae=require("./index93.js"),pe=require("./index99.js"),me=require("./index56.js"),k=require("./index74.js"),fe=require("./index38.js"),de=require("./index127.js");function xe(c){const{children:y,hookFormRef:m,errorMessage:f,themeName:t="comboBox",tokens:d,customTheme:N,label:x,icon:v=e.jsx(ae,{}),closeIcon:F=e.jsx(pe,{}),isDisabled:g=!1,isRequired:C=!1,isReadOnly:S=!1,defaultFilter:I,inputRef:M,buttonRef:T,popoverRef:V,listBoxRef:w,debounceDelay:D=200}=c,O=n.useRef(null),u=M??O,A=n.useRef(null),h=T??A,E=n.useRef(null),R=V??E,W=n.useRef(null),b=w??W,i=n.useRef(null),{contains:z}=j.useFilter({sensitivity:"base"}),L=I??z,o=ie.useComboBoxState({...c,defaultFilter:L}),{inputProps:G,listBoxProps:H,labelProps:J,buttonProps:K,errorMessageProps:Q,isInvalid:B}=j.useComboBox({...c,inputRef:u,buttonRef:h,popoverRef:R,listBoxRef:b},o),q=le.useDebounce(o.collection,D),P=n.useMemo(()=>({...o,collection:q}),[o,q]),{onPress:U,onPressStart:X,preventFocusOnPress:he,...Y}=K,{isOpen:l,selectedItem:a,selectionManager:Z}=o,{isFocused:_,isSelectAll:ee,isEmpty:te}=Z,$=!re.isEmpty(o.inputValue),s={...d,isInvalid:B,isOpen:l,isFocused:_,hasValue:$,hasSelectedItem:!te,isSelectAll:ee,isReadOnly:S,isDisabled:g,isRequired:C},oe=n.useCallback(r=>{r!=null&&(m?.(r),u.current=r)},[m,u]),se=n.useMemo(()=>a!=null&&!l?a.rendered:o.inputValue,[a,o.inputValue,l]),ne=ce(`${t}.input`,d);return e.jsxs(p.Box,{themeName:`${t}.wrapper`,tokens:s,customTheme:N,children:[x!=null&&e.jsx(k.Typography,{...J,as:"label",themeName:`${t}.label`,tokens:s,children:x}),e.jsxs(p.Box,{themeName:`${t}.container`,children:[e.jsxs(p.BoxWithForwardRef,{ref:i,themeName:`${t}.inputWrapper`,tokens:s,children:[e.jsx("input",{...G,ref:oe,value:se,className:ne}),e.jsx(de,{state:o,themeName:`${t}.button`,tokens:s,...Y,ref:h,handlePress:r=>{U?.(r),X?.(r)},children:e.jsx(ue,{themeName:`${t}.icon`,tokens:s,icon:$?F:v})})]}),l&&i.current!=null&&P.collection.size>0&&e.jsx(me.Popover,{themeName:`${t}.popover`,tokens:s,state:o,triggerRef:i,placement:"bottom",sizeRef:i,popoverRef:R,autoFocus:!1,children:e.jsx(fe.ControlledListBox,{...H,themeName:`${t}.list`,tokens:s,state:P,ref:b,children:y})}),B&&f!=null&&e.jsx(k.Typography,{tokens:s,themeName:`${t}.errorMessage`,...Q,children:f})]})]})}module.exports=xe;