@okam/stack-ui 1.42.4 → 1.44.0

package/index30.mjs

@@ -1,143 +1,105 @@
 "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 "./index88.mjs";
-import { useTranslation as w } from "./index96.mjs";
-import G from "./index3.mjs";
-const L = (s) => {
+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 "./index161.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) => {
   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: 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 })
   ] });
-}, Z = ({
-  name: s,
-  label: u,
+}, Q = (i) => {
+  const s = P();
+  return s && /* @__PURE__ */ o(L, { state: s, ...i });
+}, S = ({
+  name: i,
+  label: s,
   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
+  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: f } = H(), { t: b } = w(), N = () => {
-    const r = Object.entries(M).filter(([i, h]) => i.startsWith("aria-"));
+  const { control: q } = B(), { t: x } = w(), c = () => {
+    const r = Object.entries(p).filter(([a, I]) => a.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 })
-      }
-    },
+  }, C = {
+    required: k ? x("FORM.ERROR.REQUIRED") ?? "required" : !1,
     ...e
   };
   return /* @__PURE__ */ o(
-    _,
+    H,
     {
-      name: s,
-      control: f,
-      rules: O,
+      name: i,
+      control: q,
+      rules: C,
       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 = {
+      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: i.invalid,
+          isInvalid: a.invalid,
           isError: y,
-          isReadOnly: x
-        }, A = {
-          ...T,
-          ...R
+          isReadOnly: R
+        }, N = {
+          ...h,
+          ...M
         };
         return /* @__PURE__ */ o(
-          L,
+          Q,
           {
-            ...k,
-            ...R,
-            ...N(),
-            fieldRef: h,
-            name: s,
-            placeholder: n,
-            themeName: d,
-            label: u,
-            tokens: A,
-            ariaLabel: 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",
-            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);
+            errorMessage: (g = a.error) == null ? void 0 : g.message,
+            onChange: (f) => {
+              r.onChange(f), m == null || m(f);
             },
-            children: t
+            onBlur: (f) => {
+              r.onBlur(), d == null || d(f);
+            }
           }
         );
       }
@@ -145,6 +107,6 @@ const L = (s) => {
   );
 };
 export {
-  Z as ReactHookFormTextArea,
-  L as default
+  S as ReactHookFormCheckboxItem,
+  Q as default
 };

package/index300.js

@@ -1 +1 @@
-"use strict";exports.default={};exports.default={dismiss:"Rejeter"};module.exports=exports.default;
+"use strict";exports.default={};exports.default={dismiss:"Απόρριψη"};module.exports=exports.default;

package/index300.mjs

@@ -1,7 +1,7 @@
-var e = {};
-e = {
-  dismiss: "Rejeter"
+var u = {};
+u = {
+  dismiss: "Απόρριψη"
 };
 export {
-  e 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:"Dismiss"};module.exports=exports.default;

package/index301.mjs

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

package/index302.js

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

package/index302.mjs

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

package/index303.js

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

package/index303.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Elutasítás"
+var a = {};
+a = {
+  dismiss: "Lõpeta"
 };
 export {
-  s as default
+  a as default
 };

package/index304.js

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

package/index304.mjs

@@ -1,7 +1,7 @@
-var s = {};
-s = {
-  dismiss: "Ignora"
+var e = {};
+e = {
+  dismiss: "Hylkää"
 };
 export {
-  s as default
+  e as default
 };

package/index305.js

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

package/index305.mjs

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

package/index306.js

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

package/index306.mjs

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

package/index307.js

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

package/index307.mjs

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

package/index308.js

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

package/index308.mjs

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

package/index309.js

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

package/index309.mjs

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

package/index31.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("./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;
+"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;