@okam/stack-ui 1.41.1 → 1.42.0

package/index3.mjs

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

package/index30.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"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("./index88.js"),w=require("./index96.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;

package/index30.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 "./index86.mjs";
-import { useTranslation as G } from "./index94.mjs";
-import y from "./index35.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 "./index88.mjs";
+import { useTranslation as w } from "./index96.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/index300.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Ignora"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"התעלם"};module.exports=exports.default;

package/index300.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Ignora"
+var u = {};
+u = {
+  dismiss: "התעלם"
 };
 export {
-  s as default
+  u as default
 };

package/index301.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"閉じる"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Odbaci"};module.exports=exports.default;

package/index301.mjs

@@ -1,7 +1,7 @@
-var f = {};
-f = {
-  dismiss: "閉じる"
+var s = {};
+s = {
+  dismiss: "Odbaci"
 };
 export {
-  f as default
+  s as default
 };

package/index302.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"무시"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Elutasítás"};module.exports=exports.default;

package/index302.mjs

@@ -1,6 +1,6 @@
 var s = {};
 s = {
-  dismiss: "무시"
+  dismiss: "Elutasítás"
 };
 export {
   s as default

package/index303.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Atmesti"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Ignora"};module.exports=exports.default;

package/index303.mjs

@@ -1,6 +1,6 @@
 var s = {};
 s = {
-  dismiss: "Atmesti"
+  dismiss: "Ignora"
 };
 export {
   s as default

package/index304.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Nerādīt"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"閉じる"};module.exports=exports.default;

package/index304.mjs

@@ -1,7 +1,7 @@
-var e = {};
-e = {
-  dismiss: "Nerādīt"
+var f = {};
+f = {
+  dismiss: "閉じる"
 };
 export {
-  e as default
+  f as default
 };

package/index305.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Lukk"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"무시"};module.exports=exports.default;

package/index305.mjs

@@ -1,6 +1,6 @@
 var s = {};
 s = {
-  dismiss: "Lukk"
+  dismiss: "무시"
 };
 export {
   s as default

package/index306.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Negeren"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Atmesti"};module.exports=exports.default;

package/index306.mjs

@@ -1,7 +1,7 @@
-var e = {};
-e = {
-  dismiss: "Negeren"
+var s = {};
+s = {
+  dismiss: "Atmesti"
 };
 export {
-  e as default
+  s as default
 };

package/index307.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Zignoruj"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Nerādīt"};module.exports=exports.default;

package/index307.mjs

@@ -1,6 +1,6 @@
 var e = {};
 e = {
-  dismiss: "Zignoruj"
+  dismiss: "Nerādīt"
 };
 export {
   e as default

package/index308.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Descartar"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Lukk"};module.exports=exports.default;

package/index308.mjs

@@ -1,7 +1,7 @@
-var a = {};
-a = {
-  dismiss: "Descartar"
+var s = {};
+s = {
+  dismiss: "Lukk"
 };
 export {
-  a as default
+  s as default
 };

package/index309.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Dispensar"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Negeren"};module.exports=exports.default;

package/index309.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Dispensar"
+var e = {};
+e = {
+  dismiss: "Negeren"
 };
 export {
-  s as default
+  e as default
 };

package/index31.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("./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;
+"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("./index88.js"),G=require("./index96.js"),N=require("./index36.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;