@okam/stack-ui 1.41.0 → 1.41.1

package/index29.mjs

@@ -1,157 +1,143 @@
 "use client";
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
-import { FocusRing as k } from "@react-aria/focus";
-import { isEmpty as P } from "radashi";
-import { useRef as H } from "react";
-import { useTextField as _ } from "react-aria";
-import { useFormContext as w, Controller as A } from "react-hook-form";
-import C from "./index85.mjs";
-import { useTranslation as G } from "./index93.mjs";
-import y from "./index34.mjs";
-import L from "./index3.mjs";
-const Q = (b) => {
+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 "./index86.mjs";
+import { useTranslation as w } from "./index94.mjs";
+import G from "./index3.mjs";
+const L = (s) => {
   const {
-    label: n,
-    isRequired: e = !1,
-    isDisabled: q = !1,
-    isInvalid: F = !1,
-    required: v,
-    disabled: E,
+    id: u,
+    label: e,
+    name: T,
+    placeholder: q,
+    required: E,
+    disabled: n = !1,
     errorMessage: d,
-    fieldRef: l,
-    children: c,
-    themeName: i = "textInput",
-    tokens: s,
-    customTheme: o,
-    ariaLabel: m,
-    placeholder: p,
-    isReadOnly: M = !1,
-    ...x
-  } = b, f = H(null), R = v ?? e, I = E ?? q, { labelProps: N, inputProps: r, errorMessageProps: t } = _(
-    {
-      label: n,
-      errorMessage: d,
-      isRequired: R,
-      isDisabled: I,
-      isInvalid: F,
-      isReadOnly: M,
-      ...x
-    },
-    f
-  ), h = (u) => {
-    u && (l == null || l(u), f.current = u);
-  }, O = C(`${i}.input`, s);
-  return /* @__PURE__ */ T("div", { children: [
-    /* @__PURE__ */ a(k, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ T(
-      y,
-      {
-        "aria-disabled": r.disabled,
-        themeName: `${i}.wrapper`,
-        tokens: s,
-        customTheme: o,
-        children: [
-          n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-          /* @__PURE__ */ a(y, { as: "label", tokens: s, themeName: `${i}.label`, customTheme: o, ...N, children: n }),
-          /* @__PURE__ */ T(y, { themeName: `${i}.container`, tokens: s, customTheme: o, children: [
-            c,
-            /* @__PURE__ */ a("input", { "aria-label": m, ...r, placeholder: p, ref: h, className: O })
-          ] })
-        ]
-      }
-    ) }),
-    d && /* @__PURE__ */ a(
-      L,
-      {
-        themeName: `${i}.errorMessage`,
-        tokens: s,
-        customTheme: o,
-        ...t,
-        children: 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 })
   ] });
-}, S = ({
-  name: b,
-  label: n,
+}, Z = ({
+  name: s,
+  label: u,
   rules: e,
-  tokens: q,
-  ariaLabel: F,
-  defaultValue: v = "",
-  placeholder: E = "",
-  themeName: d = "textInput",
-  isReadOnly: l = !1,
-  minLength: c,
-  maxLength: i,
-  required: s,
-  isRequired: o,
-  onChange: m,
+  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: M = null,
-  ...x
+  children: t = null,
+  ...M
 }) => {
-  const { control: f } = w(), { t: R } = G(), I = () => {
-    const r = Object.entries(x).filter(([t, h]) => t.startsWith("aria-"));
+  const { control: f } = H(), { t: b } = w(), N = () => {
+    const r = Object.entries(M).filter(([i, h]) => i.startsWith("aria-"));
     return Object.fromEntries(r);
-  }, N = {
-    required: s ?? o ? R("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...c != null && {
+  }, O = {
+    required: F ?? m ? b("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...l != null && {
       minLength: {
-        value: c,
-        message: R("FORM.ERROR.MIN_LENGTH", { length: c })
+        value: l,
+        message: b("FORM.ERROR.MIN_LENGTH", { length: l })
       }
     },
-    ...i != null && {
+    ...c != null && {
       maxLength: {
-        value: i,
-        message: R("FORM.ERROR.MAX_LENGTH", { length: i })
+        value: c,
+        message: b("FORM.ERROR.MAX_LENGTH", { length: c })
       }
     },
     ...e
   };
-  return /* @__PURE__ */ a(
-    A,
+  return /* @__PURE__ */ o(
+    _,
     {
-      name: b,
+      name: s,
       control: f,
-      rules: N,
+      rules: O,
       disabled: e == null ? void 0 : e.disabled,
-      defaultValue: v,
-      render: ({ field: r, fieldState: t }) => {
-        var $;
-        const { ref: h, ...O } = r, u = !P(t.error), D = {
+      defaultValue: E,
+      render: ({ field: r, fieldState: i }) => {
+        var j;
+        const { ref: h, ...k } = r, y = !I(i.error), R = {
           isDisabled: r.disabled ?? !1,
           isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isInvalid: t.invalid,
-          isError: u,
-          isReadOnly: l
-        }, j = {
-          ...q,
-          ...D
+          isInvalid: i.invalid,
+          isError: y,
+          isReadOnly: x
+        }, A = {
+          ...T,
+          ...R
         };
-        return /* @__PURE__ */ a(
-          Q,
+        return /* @__PURE__ */ o(
+          L,
           {
-            ...O,
-            ...D,
-            ...I(),
+            ...k,
+            ...R,
+            ...N(),
             fieldRef: h,
-            name: b,
-            placeholder: E,
+            name: s,
+            placeholder: n,
             themeName: d,
-            label: n,
-            tokens: j,
-            ariaLabel: F,
+            label: u,
+            tokens: A,
+            ariaLabel: q,
             isDisabled: r.disabled,
             isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: t.invalid,
-            errorMessage: ($ = t.error) == null ? void 0 : $.message,
+            isInvalid: i.invalid,
+            errorMessage: (j = i.error) == null ? void 0 : j.message,
             onChange: (g) => {
-              r.onChange(g), m == null || m(g);
+              r.onChange(g), a == null || a(g);
             },
             onBlur: (g) => {
               r.onBlur(), p == null || p(g);
             },
-            children: M
+            children: t
           }
         );
       }
@@ -159,6 +145,6 @@ const Q = (b) => {
   );
 };
 export {
-  S as ReactHookFormInput,
-  Q as default
+  Z as ReactHookFormTextArea,
+  L as default
 };

package/index3.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),p=require("./index85.js"),m=({as:e="span",themeName:t="typography",tokens:r,customTheme:o,children:s,...a})=>{const n=p(t,r,o);return c.jsx(e,{...a,className:n,children:s})},y=i.forwardRef((e,t)=>{const{as:r="span",tokens:o,themeName:s="typography",customTheme:a,children:n,...u}=e,h=p(s,o,a);return c.jsx(r,{...u,ref:t,className:h,children:n})});exports.TypographyWithForwardRef=y;exports.default=m;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),i=require("react"),p=require("./index86.js"),m=({as:e="span",themeName:t="typography",tokens:r,customTheme:o,children:s,...a})=>{const n=p(t,r,o);return c.jsx(e,{...a,className:n,children:s})},y=i.forwardRef((e,t)=>{const{as:r="span",tokens:o,themeName:s="typography",customTheme:a,children:n,...u}=e,h=p(s,o,a);return c.jsx(r,{...u,ref:t,className:h,children:n})});exports.TypographyWithForwardRef=y;exports.default=m;

package/index3.mjs

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as p } from "react/jsx-runtime";
 import f from "react";
-import n from "./index85.mjs";
+import n from "./index86.mjs";
 const i = ({
   as: e = "span",
   themeName: t = "typography",

package/index30.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),i=require("./index34.js"),W=require("./index35.js"),G=require("./index158.js"),J=require("./index3.js"),Q=require("./index31.js"),p=require("./index32.js"),V=require("./index154.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("react/jsx-runtime"),H=require("@react-aria/focus"),P=require("radashi"),_=require("react"),A=require("react-aria"),$=require("react-hook-form"),w=require("./index86.js"),G=require("./index94.js"),N=require("./index35.js"),C=require("./index3.js"),y=m=>{const{label:o,isRequired:e=!1,isDisabled:f=!1,isInvalid:g=!1,required:j,disabled:F,errorMessage:d,fieldRef:c,children:l,themeName:s="textInput",tokens:a,customTheme:n,ariaLabel:u,placeholder:R,isReadOnly:v=!1,...M}=m,p=_.useRef(null),q=j??e,E=F??f,{labelProps:I,inputProps:r,errorMessageProps:t}=A.useTextField({label:o,errorMessage:d,isRequired:q,isDisabled:E,isInvalid:g,isReadOnly:v,...M},p),h=b=>{b&&(c==null||c(b),p.current=b)},O=w(`${s}.input`,a);return i.jsxs("div",{children:[i.jsx(H.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:i.jsxs(N.default,{"aria-disabled":r.disabled,themeName:`${s}.wrapper`,tokens:a,customTheme:n,children:[o&&i.jsx(N.default,{as:"label",tokens:a,themeName:`${s}.label`,customTheme:n,...I,children:o}),i.jsxs(N.default,{themeName:`${s}.container`,tokens:a,customTheme:n,children:[l,i.jsx("input",{"aria-label":u,...r,placeholder:R,ref:h,className:O})]})]})}),d&&i.jsx(C.default,{themeName:`${s}.errorMessage`,tokens:a,customTheme:n,...t,children:d})]})},L=({name:m,label:o,rules:e,tokens:f,ariaLabel:g,defaultValue:j="",placeholder:F="",themeName:d="textInput",isReadOnly:c=!1,minLength:l,maxLength:s,required:a,isRequired:n,onChange:u,onBlur:R,children:v=null,...M})=>{const{control:p}=$.useFormContext(),{t:q}=G.useTranslation(),E=()=>{const r=Object.entries(M).filter(([t,h])=>t.startsWith("aria-"));return Object.fromEntries(r)},I={required:a??n?q("FORM.ERROR.REQUIRED")??"required":!1,...l!=null&&{minLength:{value:l,message:q("FORM.ERROR.MIN_LENGTH",{length:l})}},...s!=null&&{maxLength:{value:s,message:q("FORM.ERROR.MAX_LENGTH",{length:s})}},...e};return i.jsx($.Controller,{name:m,control:p,rules:I,disabled:e==null?void 0:e.disabled,defaultValue:j,render:({field:r,fieldState:t})=>{var k;const{ref:h,...O}=r,b=!P.isEmpty(t.error),T={isDisabled:r.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:t.invalid,isError:b,isReadOnly:c},D={...f,...T};return i.jsx(y,{...O,...T,...E(),fieldRef:h,name:m,placeholder:F,themeName:d,label:o,tokens:D,ariaLabel:g,isDisabled:r.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:t.invalid,errorMessage:(k=t.error)==null?void 0:k.message,onChange:x=>{r.onChange(x),u==null||u(x)},onBlur:x=>{r.onBlur(),R==null||R(x)},children:v})}})};exports.ReactHookFormInput=L;exports.default=y;

package/index30.mjs

@@ -1,115 +1,164 @@
 "use client";
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useRef as M } from "react";
-import { useDatePicker as U } from "react-aria";
-import { useDatePickerState as W } from "react-stately";
-import n from "./index34.mjs";
-import G from "./index35.mjs";
-import { Dialog as J } from "./index158.mjs";
-import Q from "./index3.mjs";
-import { CalendarPopover as V } from "./index31.mjs";
-import f from "./index32.mjs";
-import X from "./index154.mjs";
-function le(a) {
+import { jsxs as T, jsx as a } from "react/jsx-runtime";
+import { FocusRing as k } from "@react-aria/focus";
+import { isEmpty as P } from "radashi";
+import { useRef as H } from "react";
+import { useTextField as _ } from "react-aria";
+import { useFormContext as w, Controller as A } from "react-hook-form";
+import C from "./index86.mjs";
+import { useTranslation as G } from "./index94.mjs";
+import y from "./index35.mjs";
+import L from "./index3.mjs";
+const Q = (b) => {
   const {
-    popoverPlacement: u = "bottom start",
-    placement: P = "bottom start",
+    label: n,
+    isRequired: e = !1,
+    isDisabled: q = !1,
+    isInvalid: F = !1,
+    required: v,
+    disabled: E,
+    errorMessage: d,
+    fieldRef: l,
+    children: c,
+    themeName: i = "textInput",
     tokens: s,
-    customTheme: k,
-    themeName: e = "datePicker",
-    icon: b = "ArrowDown",
-    description: m,
-    buttonLabel: g,
-    buttonContent: v,
-    label: d,
-    children: D,
-    invalidIndicator: c = "❌",
-    isDisabled: N = !1,
-    isReadOnly: y = !1,
-    isRequired: I = !1,
-    containerPadding: $,
-    shouldCloseOnInteractOutside: O,
-    arrowBoundaryOffset: x,
-    isNonModal: C,
-    isKeyboardDismissDisabled: w,
-    arrowSize: R,
-    boundaryElement: T,
-    maxHeight: j,
-    shouldUpdatePosition: B
-  } = a, F = P ?? u, i = W(a), { isInvalid: p, isOpen: S, hasTime: q } = i, l = M(null), { groupProps: z, fieldProps: h, labelProps: A, descriptionProps: E, buttonProps: H, dialogProps: K, calendarProps: L } = U(a, i, l), o = {
-    isInvalid: p,
-    isOpen: S,
-    hasTime: q,
-    isDisabled: N,
-    isReadOnly: y,
-    isRequired: I,
-    ...s
-  };
-  return /* @__PURE__ */ r(n, { themeName: `${e}.container`, tokens: o, customTheme: k, children: [
-    d && /* @__PURE__ */ t(Q, { as: "span", themeName: `${e}.label`, tokens: o, ...A, children: d }),
-    m && /* @__PURE__ */ t(n, { as: "div", themeName: `${e}.description`, tokens: o, ...E, children: m }),
-    /* @__PURE__ */ r(
-      X,
+    customTheme: o,
+    ariaLabel: m,
+    placeholder: p,
+    isReadOnly: M = !1,
+    ...x
+  } = b, f = H(null), R = v ?? e, I = E ?? q, { labelProps: N, inputProps: r, errorMessageProps: t } = _(
+    {
+      label: n,
+      errorMessage: d,
+      isRequired: R,
+      isDisabled: I,
+      isInvalid: F,
+      isReadOnly: M,
+      ...x
+    },
+    f
+  ), h = (u) => {
+    u && (l == null || l(u), f.current = u);
+  }, O = C(`${i}.input`, s);
+  return /* @__PURE__ */ T("div", { children: [
+    /* @__PURE__ */ a(k, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ T(
+      y,
       {
-        themeName: e,
-        tokens: o,
-        ref: l,
-        groupProps: z,
-        buttonProps: H,
-        buttonLabel: g,
-        buttonContent: v,
-        icon: b,
+        "aria-disabled": r.disabled,
+        themeName: `${i}.wrapper`,
+        tokens: s,
+        customTheme: o,
         children: [
-          /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "outer" }, ...h }),
-          i.isInvalid && /* @__PURE__ */ t(
-            n,
-            {
-              as: "span",
-              themeName: `${e}.invalidIndicator`,
-              tokens: { ...o, position: "outer" },
-              children: c
-            }
-          )
+          n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
+          /* @__PURE__ */ a(y, { as: "label", tokens: s, themeName: `${i}.label`, customTheme: o, ...N, children: n }),
+          /* @__PURE__ */ T(y, { themeName: `${i}.container`, tokens: s, customTheme: o, children: [
+            c,
+            /* @__PURE__ */ a("input", { "aria-label": m, ...r, placeholder: p, ref: h, className: O })
+          ] })
         ]
       }
-    ),
-    i.isOpen && /* @__PURE__ */ t(
-      V,
+    ) }),
+    d && /* @__PURE__ */ a(
+      L,
       {
-        themeName: e,
-        tokens: { ...s, isInvalid: p },
-        triggerRef: l,
-        state: i,
-        placement: F,
-        containerPadding: $,
-        shouldCloseOnInteractOutside: O,
-        arrowBoundaryOffset: x,
-        isNonModal: C,
-        isKeyboardDismissDisabled: w,
-        arrowSize: R,
-        boundaryElement: T,
-        maxHeight: j,
-        shouldUpdatePosition: B,
-        children: /* @__PURE__ */ r(J, { themeName: `${e}.dialog`, tokens: o, ...K, children: [
-          D,
-          /* @__PURE__ */ r(n, { themeName: `${e}.dateFieldContainer`, tokens: o, children: [
-            /* @__PURE__ */ t(f, { themeName: e, tokens: { ...o, position: "inner" }, ...h }),
-            i.isInvalid && /* @__PURE__ */ t(
-              n,
-              {
-                as: "span",
-                themeName: `${e}.invalidIndicator`,
-                tokens: { ...o, position: "inner" },
-                children: c
-              }
-            )
-          ] }),
-          /* @__PURE__ */ t(G, { ...L, tokens: s })
-        ] })
+        themeName: `${i}.errorMessage`,
+        tokens: s,
+        customTheme: o,
+        ...t,
+        children: d
       }
     )
   ] });
-}
+}, S = ({
+  name: b,
+  label: n,
+  rules: e,
+  tokens: q,
+  ariaLabel: F,
+  defaultValue: v = "",
+  placeholder: E = "",
+  themeName: d = "textInput",
+  isReadOnly: l = !1,
+  minLength: c,
+  maxLength: i,
+  required: s,
+  isRequired: o,
+  onChange: m,
+  onBlur: p,
+  children: M = null,
+  ...x
+}) => {
+  const { control: f } = w(), { t: R } = G(), I = () => {
+    const r = Object.entries(x).filter(([t, h]) => t.startsWith("aria-"));
+    return Object.fromEntries(r);
+  }, N = {
+    required: s ?? o ? R("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...c != null && {
+      minLength: {
+        value: c,
+        message: R("FORM.ERROR.MIN_LENGTH", { length: c })
+      }
+    },
+    ...i != null && {
+      maxLength: {
+        value: i,
+        message: R("FORM.ERROR.MAX_LENGTH", { length: i })
+      }
+    },
+    ...e
+  };
+  return /* @__PURE__ */ a(
+    A,
+    {
+      name: b,
+      control: f,
+      rules: N,
+      disabled: e == null ? void 0 : e.disabled,
+      defaultValue: v,
+      render: ({ field: r, fieldState: t }) => {
+        var $;
+        const { ref: h, ...O } = r, u = !P(t.error), D = {
+          isDisabled: r.disabled ?? !1,
+          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+          isInvalid: t.invalid,
+          isError: u,
+          isReadOnly: l
+        }, j = {
+          ...q,
+          ...D
+        };
+        return /* @__PURE__ */ a(
+          Q,
+          {
+            ...O,
+            ...D,
+            ...I(),
+            fieldRef: h,
+            name: b,
+            placeholder: E,
+            themeName: d,
+            label: n,
+            tokens: j,
+            ariaLabel: F,
+            isDisabled: r.disabled,
+            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+            isInvalid: t.invalid,
+            errorMessage: ($ = t.error) == null ? void 0 : $.message,
+            onChange: (g) => {
+              r.onChange(g), m == null || m(g);
+            },
+            onBlur: (g) => {
+              r.onBlur(), p == null || p(g);
+            },
+            children: M
+          }
+        );
+      }
+    }
+  );
+};
 export {
-  le as default
+  S as ReactHookFormInput,
+  Q as default
 };

package/index31.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),c=require("./index159.js"),d=require("./index160.js"),p=require("./index161.js"),f=require("react"),i=require("./index34.js");function m(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const j=m(f);function v({themeName:e="datePicker",tokens:t,...r}){const o=j.useRef(null),{state:n,children:a}={...r},{popoverProps:u,underlayProps:l}=d.usePopover({...r,popoverRef:o},n);return s.jsxs(p.Overlay,{children:[s.jsx(i.default,{themeName:`${e}.calendarUnderlay`,tokens:t,...l}),s.jsxs(i.BoxWithForwardRef,{themeName:`${e}.calendarPopover`,tokens:t,...u,ref:o,children:[s.jsx(c.DismissButton,{onDismiss:n.close}),a,s.jsx(c.DismissButton,{onDismiss:n.close})]})]})}exports.CalendarPopover=v;
+"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),i=require("./index35.js"),W=require("./index36.js"),G=require("./index158.js"),J=require("./index3.js"),Q=require("./index32.js"),p=require("./index33.js"),V=require("./index154.js");function X(o){const{popoverPlacement:h="bottom start",placement:P="bottom start",tokens:r,customTheme:x,themeName:t="datePicker",icon:k="ArrowDown",description:d,buttonLabel:f,buttonContent:b,label:l,children:j,invalidIndicator:c="❌",isDisabled:q=!1,isReadOnly:v=!1,isRequired:$=!1,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w}=o,S=P??h,s=U.useDatePickerState(o),{isInvalid:u,isOpen:T,hasTime:A}=s,a=L.useRef(null),{groupProps:F,fieldProps:m,labelProps:z,descriptionProps:B,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(o,s,a),n={isInvalid:u,isOpen:T,hasTime:A,isDisabled:q,isReadOnly:v,isRequired:$,...r};return e.jsxs(i.default,{themeName:`${t}.container`,tokens:n,customTheme:x,children:[l&&e.jsx(J.default,{as:"span",themeName:`${t}.label`,tokens:n,...z,children:l}),d&&e.jsx(i.default,{as:"div",themeName:`${t}.description`,tokens:n,...B,children:d}),e.jsxs(V,{themeName:t,tokens:n,ref:a,groupProps:F,buttonProps:E,buttonLabel:f,buttonContent:b,icon:k,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"outer"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"outer"},children:c})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:t,tokens:{...r,isInvalid:u},triggerRef:a,state:s,placement:S,containerPadding:g,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:I,isKeyboardDismissDisabled:y,arrowSize:O,boundaryElement:R,maxHeight:C,shouldUpdatePosition:w,children:e.jsxs(G.Dialog,{themeName:`${t}.dialog`,tokens:n,...H,children:[j,e.jsxs(i.default,{themeName:`${t}.dateFieldContainer`,tokens:n,children:[e.jsx(p,{themeName:t,tokens:{...n,position:"inner"},...m}),s.isInvalid&&e.jsx(i.default,{as:"span",themeName:`${t}.invalidIndicator`,tokens:{...n,position:"inner"},children:c})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;