@okam/stack-ui 1.42.4 → 1.44.0

package/index31.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 "./index88.mjs";
-import { useTranslation as G } from "./index96.mjs";
-import y from "./index36.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 "./index89.mjs";
+import { useTranslation as w } from "./index97.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/index310.js

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

package/index310.mjs

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

package/index311.js

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

package/index311.mjs

@@ -1,7 +1,7 @@
-var e = {};
-e = {
-  dismiss: "Zignoruj"
+var s = {};
+s = {
+  dismiss: "무시"
 };
 export {
-  e as default
+  s as default
 };

package/index312.js

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

package/index312.mjs

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

package/index313.js

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

package/index313.mjs

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

package/index314.js

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

package/index314.mjs

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

package/index315.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Пропустить"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Negeren"};module.exports=exports.default;

package/index315.mjs

@@ -1,7 +1,7 @@
-var u = {};
-u = {
-  dismiss: "Пропустить"
+var e = {};
+e = {
+  dismiss: "Negeren"
 };
 export {
-  u as default
+  e as default
 };

package/index316.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Zrušiť"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Zignoruj"};module.exports=exports.default;

package/index316.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Zrušiť"
+var e = {};
+e = {
+  dismiss: "Zignoruj"
 };
 export {
-  s as default
+  e as default
 };

package/index317.js

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

package/index317.mjs

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

package/index318.js

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

package/index318.mjs

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

package/index319.js

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

package/index319.mjs

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

package/index32.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("./index36.js"),W=require("./index37.js"),G=require("./index162.js"),J=require("./index3.js"),Q=require("./index33.js"),p=require("./index34.js"),V=require("./index158.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 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;