@okam/stack-ui 1.44.3 → 1.44.4

package/index43.mjs

@@ -1,17 +1,68 @@
 "use client";
-import { jsx as m } from "react/jsx-runtime";
-import { useTransition as l, animated as c } from "@react-spring/web";
-import p from "./index89.mjs";
-const h = ({ isVisible: t, children: e, themeName: a, tokens: o, customTheme: r }) => {
-  const n = p(a, o, r);
-  return l(t, {
-    from: { opacity: 0, translateX: "100%" },
-    enter: { opacity: 1, translateX: "0%" },
-    leave: { opacity: 0, translateX: "25%" }
-  })(
-    (i, s) => s && /* @__PURE__ */ m(c.div, { className: n, style: i, children: e })
-  );
-};
+import { jsxs as m, jsx as e } from "react/jsx-runtime";
+import * as B from "react";
+import { useCallback as T } from "react";
+import { useSearchField as v, FocusRing as w } from "react-aria";
+import { useSearchFieldState as F } from "react-stately";
+import R from "./index88.mjs";
+import { useUserQueryValHook as I } from "./index90.mjs";
+import { Box as c } from "./index7.mjs";
+import { ButtonComponent as M } from "./index8.mjs";
+import j from "./index99.mjs";
+import Q from "./index130.mjs";
+import { Typography as U } from "./index74.mjs";
+function E({ value: t }) {
+  return t === "" ? /* @__PURE__ */ e(Q, { width: "16", height: "16" }) : /* @__PURE__ */ e(j, { width: "16", height: "16" });
+}
+function X(t) {
+  const { setUserSearchQuery: h } = I(), {
+    label: u,
+    themeName: r = "search",
+    tokens: f,
+    customTheme: b,
+    disabled: g,
+    errorMessage: a,
+    placeholder: k,
+    icon: l,
+    isDisabled: C
+  } = t, s = C || g, d = { ...t, isDisabled: s }, n = F(d), p = B.useRef(null), { labelProps: N, inputProps: i, errorMessageProps: P, clearButtonProps: S } = v(d, n, p), y = T(
+    (x) => {
+      h(n.value), i.onChange?.(x);
+    },
+    [h, n.value, i]
+  ), D = a != null, o = { ...f, isError: D, isDisabled: s ?? !1 }, $ = R(`${r}.input`, o, b);
+  return /* @__PURE__ */ m(c, { themeName: `${r}.wrapper`, tokens: o, "aria-disabled": s ?? !1, children: [
+    u != null && /* @__PURE__ */ e(c, { ...N, as: "label", themeName: `${r}.label`, tokens: o, children: u }),
+    /* @__PURE__ */ m(c, { themeName: `${r}.container`, tokens: o, children: [
+      /* @__PURE__ */ e(
+        "input",
+        {
+          ref: p,
+          ...i,
+          onChange: y,
+          placeholder: k,
+          className: $,
+          disabled: s
+        }
+      ),
+      /* @__PURE__ */ e(w, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ m(
+        M,
+        {
+          isDisabled: s,
+          handlePress: S.onPress,
+          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: s ?? !1 },
+          themeName: `${r}.icon`,
+          "aria-label": "clear",
+          children: [
+            l == null && /* @__PURE__ */ e(E, { value: n.value }),
+            l != null && l
+          ]
+        }
+      ) })
+    ] }),
+    a != null && /* @__PURE__ */ e(U, { themeName: `${r}.errorMessage`, tokens: o, ...P, children: a })
+  ] });
+}
 export {
-  h as default
+  X as default
 };

package/index44.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const t=require("react/jsx-runtime"),h=require("./index92.js"),l=require("./index91.js"),x=require("./index175.js"),r=require("./index37.js"),p=require("./index176.js"),q=c=>{const{id:o="main-menu",children:u,PanelTransition:m=x,themeName:e,tokens:n,customTheme:a,...d}=c,{overlayState:i}=l.useSidePanel(),{closeBtn:s}=h.useMenu();return t.jsx(m,{themeName:`${e}.panelTransition`,tokens:n,isVisible:i==null?void 0:i.isOpen,children:t.jsxs(r.default,{themeName:`${e}.wrapper`,tokens:n,children:[s&&s(),t.jsx(r.default,{themeName:`${e}.container`,tokens:n,children:t.jsx(p,{id:o,themeName:`${e}.innerContent`,tokens:n,customTheme:a,...d,children:u})})]})})};module.exports=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("radashi"),E=require("react"),I=require("react-aria"),M=require("react-hook-form"),A=require("react-stately"),L=require("./index89.js"),N=require("./index7.js"),K=require("./index8.js"),V=require("./index48.js"),O=require("./index74.js"),Q=require("./index45.js"),U=require("./index131.js"),_=require("./index132.js");function T(x){const{name:u,placeholderLabel:b,disabled:r,required:m,isInvalid:h,hookFormRef:f,isError:a=!1,errorMessage:R,themeName:t="select",tokens:c,customTheme:P,label:d,onSelectionChange:g,defaultValue:j,value:v,icon:S,popoverMatchesWidth:k,options:p,...s}=x,n=E.useRef(null),i=E.useRef(null),y=l=>{l!=null&&(f?.(l),n.current=l)},$=p?.filter(l=>!(l.key?.includes("header-")??!1)),o=A.useSelectState({...s,children:Q,selectedKey:v,defaultSelectedKey:j,items:$??[],onSelectionChange:g,isDisabled:r,isRequired:m,isInvalid:h}),{triggerProps:F,menuProps:q,labelProps:D,valueProps:w}=I.useSelect({...s,label:d,isDisabled:r,isRequired:m,isInvalid:h},o,y),{onPress:C,onPressStart:H,...W}=F;return e.jsxs(N.Box,{themeName:`${t}.wrapper`,children:[d!=null&&e.jsx(O.Typography,{...D,as:"label",themeName:`${t}.label`,children:d}),e.jsx(I.HiddenSelect,{state:o,triggerRef:i,name:u,isDisabled:!0}),e.jsxs(N.Box,{themeName:`${t}.container`,children:[e.jsxs(K.ButtonWithForwardRef,{...W,handlePress:l=>{C?.(l),H?.(l)},ref:i,disabled:r,themeName:`${t}.button`,tokens:{...c,intent:a?"error":"default"},children:[e.jsx("span",{...w,children:o.selectedItem!=null?o.selectedItem.rendered:b}),e.jsx(V,{icon:S??"ArrowDown"})]}),o.isOpen&&i.current!=null&&e.jsx(_,{tokens:c,state:o,triggerRef:i,placement:"bottom",themeName:`${t}.popover`,style:{[`--${t}-container-width`]:`${i.current?.offsetWidth}px`},children:e.jsx(U.ListBox,{...q,themeName:t,state:o,optionsWithHeaders:p??[]})}),a&&e.jsx(O.Typography,{tokens:{...c,isError:a},themeName:`${t}.errorMessage`,children:R})]})]})}function z({id:x,name:u,label:b,rules:r,tokens:m,defaultValue:h,themeName:f="select",required:a,onChange:R,options:t,placeholderLabel:c,icon:P,popoverMatchesWidth:d,value:g,...j}){const{control:v}=M.useFormContext(),{t:S}=L.useTranslation(),k=()=>{const s=Object.entries(j).filter(([n,i])=>n.startsWith("aria-"));return Object.fromEntries(s)},p={required:a?S("FORM.ERROR.REQUIRED")??"required":!1,...r};return e.jsx(M.Controller,{name:u,control:v,rules:p,disabled:r?.disabled,defaultValue:h??g,render:({field:s,fieldState:n})=>{const{ref:i,...y}=s,$=!B.isEmpty(n.error),o={isDisabled:s.disabled??!1,isRequired:r?.required===!0||r?.required==="required",isInvalid:n.invalid,isError:$},F={...m,...o};return e.jsx(T,{...y,...o,...k(),id:x,hookFormRef:i,name:u,themeName:f,label:b,tokens:F,disabled:s.disabled,required:r?.required===!0||r?.required==="required",isInvalid:n.invalid,errorMessage:n.error?.message,value:s.value,options:t,placeholderLabel:c,icon:P,popoverMatchesWidth:d,onSelectionChange:q=>{s.onChange(q),R?.(q)}})}})}exports.ReactHookFormSelect=z;exports.Select=T;

package/index44.mjs

@@ -1,35 +1,166 @@
 "use client";
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { useMenu as d } from "./index92.mjs";
-import { useSidePanel as u } from "./index91.mjs";
-import f from "./index175.mjs";
-import i from "./index37.mjs";
-import N from "./index176.mjs";
-const M = (o) => {
+import { jsx as s, jsxs as x } from "react/jsx-runtime";
+import { isEmpty as j } from "radashi";
+import { useRef as E } from "react";
+import { useSelect as B, HiddenSelect as H } from "react-aria";
+import { useFormContext as A, Controller as K } from "react-hook-form";
+import { useSelectState as L } from "react-stately";
+import { useTranslation as V } from "./index89.mjs";
+import { Box as N } from "./index7.mjs";
+import { ButtonWithForwardRef as Q } from "./index8.mjs";
+import U from "./index48.mjs";
+import { Typography as M } from "./index74.mjs";
+import _ from "./index45.mjs";
+import { ListBox as z } from "./index131.mjs";
+import G from "./index132.mjs";
+function J(b) {
   const {
-    id: s = "main-menu",
-    children: a,
-    PanelTransition: c = f,
-    themeName: e,
-    tokens: n,
-    customTheme: p,
-    ...h
-  } = o, { overlayState: t } = u(), { closeBtn: m } = d();
-  return /* @__PURE__ */ r(c, { themeName: `${e}.panelTransition`, tokens: n, isVisible: t == null ? void 0 : t.isOpen, children: /* @__PURE__ */ l(i, { themeName: `${e}.wrapper`, tokens: n, children: [
-    m && m(),
-    /* @__PURE__ */ r(i, { themeName: `${e}.container`, tokens: n, children: /* @__PURE__ */ r(
-      N,
-      {
-        id: s,
-        themeName: `${e}.innerContent`,
-        tokens: n,
-        customTheme: p,
-        ...h,
-        children: a
+    name: m,
+    placeholderLabel: g,
+    disabled: e,
+    required: u,
+    isInvalid: p,
+    hookFormRef: R,
+    isError: a = !1,
+    errorMessage: q,
+    themeName: r = "select",
+    tokens: d,
+    customTheme: y,
+    label: c,
+    onSelectionChange: v,
+    defaultValue: P,
+    value: F,
+    icon: k,
+    popoverMatchesWidth: D,
+    options: f,
+    ...t
+  } = b, i = E(null), n = E(null), I = (l) => {
+    l != null && (R?.(l), i.current = l);
+  }, S = f?.filter((l) => !(l.key?.includes("header-") ?? !1)), o = L({
+    ...t,
+    children: _,
+    selectedKey: F,
+    defaultSelectedKey: P,
+    items: S ?? [],
+    onSelectionChange: v,
+    isDisabled: e,
+    isRequired: u,
+    isInvalid: p
+  }), { triggerProps: $, menuProps: h, labelProps: O, valueProps: w } = B(
+    { ...t, label: c, isDisabled: e, isRequired: u, isInvalid: p },
+    o,
+    I
+  ), { onPress: C, onPressStart: T, ...W } = $;
+  return /* @__PURE__ */ x(N, { themeName: `${r}.wrapper`, children: [
+    c != null && /* @__PURE__ */ s(M, { ...O, as: "label", themeName: `${r}.label`, children: c }),
+    /* @__PURE__ */ s(H, { state: o, triggerRef: n, name: m, isDisabled: !0 }),
+    /* @__PURE__ */ x(N, { themeName: `${r}.container`, children: [
+      /* @__PURE__ */ x(
+        Q,
+        {
+          ...W,
+          handlePress: (l) => {
+            C?.(l), T?.(l);
+          },
+          ref: n,
+          disabled: e,
+          themeName: `${r}.button`,
+          tokens: { ...d, intent: a ? "error" : "default" },
+          children: [
+            /* @__PURE__ */ s("span", { ...w, children: o.selectedItem != null ? o.selectedItem.rendered : g }),
+            /* @__PURE__ */ s(U, { icon: k ?? "ArrowDown" })
+          ]
+        }
+      ),
+      o.isOpen && n.current != null && /* @__PURE__ */ s(
+        G,
+        {
+          tokens: d,
+          state: o,
+          triggerRef: n,
+          placement: "bottom",
+          themeName: `${r}.popover`,
+          style: { [`--${r}-container-width`]: `${n.current?.offsetWidth}px` },
+          children: /* @__PURE__ */ s(z, { ...h, themeName: r, state: o, optionsWithHeaders: f ?? [] })
+        }
+      ),
+      a && /* @__PURE__ */ s(M, { tokens: { ...d, isError: a }, themeName: `${r}.errorMessage`, children: q })
+    ] })
+  ] });
+}
+function me({
+  id: b,
+  name: m,
+  label: g,
+  rules: e,
+  tokens: u,
+  defaultValue: p,
+  themeName: R = "select",
+  required: a,
+  onChange: q,
+  options: r,
+  placeholderLabel: d,
+  icon: y,
+  popoverMatchesWidth: c,
+  value: v,
+  ...P
+}) {
+  const { control: F } = A(), { t: k } = V(), D = () => {
+    const t = Object.entries(P).filter(([i, n]) => i.startsWith("aria-"));
+    return Object.fromEntries(t);
+  }, f = {
+    required: a ? k("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...e
+  };
+  return /* @__PURE__ */ s(
+    K,
+    {
+      name: m,
+      control: F,
+      rules: f,
+      disabled: e?.disabled,
+      defaultValue: p ?? v,
+      render: ({ field: t, fieldState: i }) => {
+        const { ref: n, ...I } = t, S = !j(i.error), o = {
+          isDisabled: t.disabled ?? !1,
+          isRequired: e?.required === !0 || e?.required === "required",
+          isInvalid: i.invalid,
+          isError: S
+        }, $ = {
+          ...u,
+          ...o
+        };
+        return /* @__PURE__ */ s(
+          J,
+          {
+            ...I,
+            ...o,
+            ...D(),
+            id: b,
+            hookFormRef: n,
+            name: m,
+            themeName: R,
+            label: g,
+            tokens: $,
+            disabled: t.disabled,
+            required: e?.required === !0 || e?.required === "required",
+            isInvalid: i.invalid,
+            errorMessage: i.error?.message,
+            value: t.value,
+            options: r,
+            placeholderLabel: d,
+            icon: y,
+            popoverMatchesWidth: c,
+            onSelectionChange: (h) => {
+              t.onChange(h), q?.(h);
+            }
+          }
+        );
       }
-    ) })
-  ] }) });
-};
+    }
+  );
+}
 export {
-  M as default
+  me as ReactHookFormSelect,
+  J as Select
 };

package/index45.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react/jsx-runtime"),x=require("./index92.js"),q=require("./index10.js"),j=require("./index176.js"),P=o=>{const{id:n="main-menu",children:c,TransitionAnimation:u,PanelTransition:d,themeName:t,tokens:s,customTheme:i,...l}=o,{closeBtn:m,tabState:e,defaultSelectedKey:a}=x.useMenu();return r.jsx(q,{themeName:`${t}.sidePanel`,tokens:s,customTheme:i,closeBtnRender:m,id:n,TransitionAnimation:u,PanelTransition:d,onOpenChange:h=>{h||e==null||e.setSelectedKey(a)},children:r.jsx(j,{id:n,themeName:t,tokens:s,customTheme:i,...l,children:c})})};module.exports=P;
+"use strict";const c=require("react/jsx-runtime"),n=require("react-stately");function s(e){const{key:t,value:r}=e;return c.jsx(n.Item,{children:r},t)}module.exports=s;

package/index45.mjs

@@ -1,36 +1,10 @@
 "use client";
-import { jsx as r } from "react/jsx-runtime";
-import { useMenu as h } from "./index92.mjs";
-import p from "./index10.mjs";
-import P from "./index176.mjs";
-const B = (m) => {
-  const {
-    id: n = "main-menu",
-    children: s,
-    TransitionAnimation: a,
-    PanelTransition: l,
-    themeName: t,
-    tokens: o,
-    customTheme: i,
-    ...d
-  } = m, { closeBtn: c, tabState: e, defaultSelectedKey: u } = h();
-  return /* @__PURE__ */ r(
-    p,
-    {
-      themeName: `${t}.sidePanel`,
-      tokens: o,
-      customTheme: i,
-      closeBtnRender: c,
-      id: n,
-      TransitionAnimation: a,
-      PanelTransition: l,
-      onOpenChange: (f) => {
-        f || e == null || e.setSelectedKey(u);
-      },
-      children: /* @__PURE__ */ r(P, { id: n, themeName: t, tokens: o, customTheme: i, ...d, children: s })
-    }
-  );
-};
+import { jsx as o } from "react/jsx-runtime";
+import { Item as m } from "react-stately";
+function f(e) {
+  const { key: t, value: r } = e;
+  return /* @__PURE__ */ o(m, { children: r }, t);
+}
 export {
-  B as default
+  f as default
 };

package/index46.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const k=require("react/jsx-runtime"),o=require("react"),g=require("./index92.js"),L=require("./index37.js"),y=require("./index6.js"),j=c=>{const{tabState:a,defaultSelectedKey:r}=g.useMenu(),{setSelectedKey:t}=a,{id:l,path:n,label:u,themeName:h="button",tokens:e,customTheme:d,target:$,children:f,childItems:b,as:i,ariaLabel:s,"aria-label":m,...p}=c,x=n==null?void 0:n.substring(1),N=o.useCallback(()=>{if(x!=null){if(a.selectedKey===x){t(r);return}t(x)}},[x,a.selectedKey,t,r]);return o.createElement(y.default,{...p,themeName:`${h}`,tokens:e,customTheme:d,key:`button-${l}`,handlePress:N,as:i,"aria-label":m??s},o.isValidElement(f)?f:u)},E=c=>{const{id:a,target:r,path:t,label:l,themeName:n="anchor",customTheme:u,tokens:h,nextLinkProps:e,children:d,as:$,childItems:f,ariaLabel:b,"aria-label":i,...s}=c,m=o.useRef(null);return t==null||l==null?null:o.createElement(y.Anchor,{...s,themeName:`${n}`,tokens:h,customTheme:u,nextLinkProps:{href:t,...e},ref:m,key:`link-${a}`,target:r??"_self",as:$,"aria-label":i??b},o.isValidElement(d)?d:l)},q=c=>{const{menuItems:a,children:r,themeName:t="menuItem",tokens:l,customTheme:n,menuLinkComponent:u,buttonLinkComponent:h}=c;return k.jsxs(L.default,{themeName:`${t}.wrapper`,tokens:l,customTheme:n,children:[k.jsx(L.default,{themeName:`${t}.container`,tokens:l,customTheme:n,children:a==null?void 0:a.map(e=>{var p;const{id:d,path:$,label:f,as:b,...i}=e??{},s={...l,...e.tokens};if((e==null?void 0:e.path)==null||e.id==null)return null;const m=(p=e.path)!=null&&p.startsWith("#")?"button":"a";return k.jsx(L.default,{themeName:`${t}.innerContent`,tokens:s,customTheme:n,children:m==="button"?k.jsx(j,{...i,...e,themeName:`${t}.button`,tokens:s,customTheme:n,as:b??h}):k.jsx(E,{...i,...e,themeName:`${t}.anchor`,tokens:s,customTheme:n,as:b??u})},`li-${e.id}`)})}),r]})};module.exports=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),H=require("radashi"),P=require("react"),y=require("react-aria"),A=require("react-hook-form"),q=require("./index88.js"),D=require("./index89.js"),I=require("./index74.js");function C(t){const{id:b,label:r,name:g,placeholder:p,required:f,disabled:o=!1,errorMessage:l,ariaLabel:T,value:u,onBlur:c,onChange:j,fieldRef:v,themeName:n="textarea",tokens:F,customTheme:i,children:E}=t,h=P.useRef(null),{errorMessageProps:d,inputProps:M,labelProps:k}=y.useTextField(t,h),e={...F,isDisabled:o,isError:l!=null},a=q(`${n}.wrapper`,e,i),m=q(`${n}.input`,e,i),N=q(`${n}.label`,e,i),O=q(`${n}.container`,e,i);return s.jsxs("div",{children:[s.jsxs("div",{className:a,"aria-disabled":o?"true":"false",children:[r!=null&&s.jsx("label",{className:N,...k,children:r}),s.jsx(y.FocusRing,{focusRingClass:"has-focus-ring",children:s.jsxs("div",{className:O,children:[E,s.jsx("textarea",{...M,ref:R=>{v?.(R),h.current=R},className:m,placeholder:p,disabled:o,required:f,id:b,name:g,"aria-label":T,"aria-labelledby":b,value:u,onBlur:c,onChange:j})]})})]}),l!=null&&s.jsx(I.Typography,{themeName:`${n}.errorMessage`,tokens:e,...d,children:l})]})}function B({name:t,label:b,rules:r,tokens:g,ariaLabel:p,defaultValue:f="",placeholder:o="",themeName:l="textarea",isReadOnly:T=!1,minLength:u,maxLength:c,required:j,isRequired:v,onChange:n,onBlur:F,children:i=null,...E}){const{control:h}=A.useFormContext(),{t:d}=D.useTranslation(),M=()=>{const e=Object.entries(E).filter(([a,m])=>a.startsWith("aria-"));return Object.fromEntries(e)},k={required:j??v?d("FORM.ERROR.REQUIRED")??"required":!1,...u!=null&&{minLength:{value:u,message:d("FORM.ERROR.MIN_LENGTH",{length:u})}},...c!=null&&{maxLength:{value:c,message:d("FORM.ERROR.MAX_LENGTH",{length:c})}},...r};return s.jsx(A.Controller,{name:t,control:h,rules:k,disabled:r?.disabled,defaultValue:f,render:({field:e,fieldState:a})=>{const{ref:m,...N}=e,O=!H.isEmpty(a.error),R={isDisabled:e.disabled??!1,isRequired:r?.required===!0||r?.required==="required",isInvalid:a.invalid,isError:O,isReadOnly:T},$={...g,...R};return s.jsx(C,{...N,...R,...M(),fieldRef:m,name:t,placeholder:o,themeName:l,label:b,tokens:$,ariaLabel:p,isDisabled:e.disabled,isRequired:r?.required===!0||r?.required==="required",isInvalid:a.invalid,errorMessage:a.error?.message,onChange:x=>{e.onChange(x),n?.(x)},onBlur:x=>{e.onBlur(),F?.(x)},children:i})}})}exports.ReactHookFormTextArea=B;exports.TextArea=C;

package/index46.mjs

@@ -1,134 +1,149 @@
 "use client";
-import { jsxs as x, jsx as f } from "react/jsx-runtime";
-import N, { useCallback as C, createElement as $, useRef as E } from "react";
-import { useMenu as K } from "./index92.mjs";
-import y from "./index37.mjs";
-import T, { Anchor as A } from "./index6.mjs";
-const B = (i) => {
-  const { tabState: a, defaultSelectedKey: o } = K(), { setSelectedKey: t } = a, {
-    id: l,
-    path: n,
-    label: c,
-    themeName: m = "button",
-    tokens: e,
-    customTheme: h,
-    target: L,
-    children: b,
-    childItems: u,
-    as: s,
-    ariaLabel: r,
-    "aria-label": d,
-    ...p
-  } = i, k = n == null ? void 0 : n.substring(1), g = C(() => {
-    if (k != null) {
-      if (a.selectedKey === k) {
-        t(o);
-        return;
+import { jsx as n, jsxs as y } from "react/jsx-runtime";
+import { isEmpty as j } from "radashi";
+import { useRef as A } from "react";
+import { useTextField as D, FocusRing as I } from "react-aria";
+import { useFormContext as P, Controller as B } from "react-hook-form";
+import h from "./index88.mjs";
+import { useTranslation as H } from "./index89.mjs";
+import { Typography as _ } from "./index74.mjs";
+function w(o) {
+  const {
+    id: p,
+    label: r,
+    name: g,
+    placeholder: v,
+    required: T,
+    disabled: l = !1,
+    errorMessage: t,
+    ariaLabel: q,
+    value: d,
+    onBlur: u,
+    onChange: E,
+    fieldRef: x,
+    themeName: a = "textarea",
+    tokens: F,
+    customTheme: i,
+    children: M
+  } = o, R = A(null), { errorMessageProps: c, inputProps: N, labelProps: O } = D(o, R), e = { ...F, isDisabled: l, isError: t != null }, s = h(`${a}.wrapper`, e, i), f = h(`${a}.input`, e, i), C = h(`${a}.label`, e, i), k = h(`${a}.container`, e, i);
+  return /* @__PURE__ */ y("div", { children: [
+    /* @__PURE__ */ y("div", { className: s, "aria-disabled": l ? "true" : "false", children: [
+      r != null && /* @__PURE__ */ n("label", { className: C, ...O, children: r }),
+      /* @__PURE__ */ n(I, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ y("div", { className: k, children: [
+        M,
+        /* @__PURE__ */ n(
+          "textarea",
+          {
+            ...N,
+            ref: (m) => {
+              x?.(m), R.current = m;
+            },
+            className: f,
+            placeholder: v,
+            disabled: l,
+            required: T,
+            id: p,
+            name: g,
+            "aria-label": q,
+            "aria-labelledby": p,
+            value: d,
+            onBlur: u,
+            onChange: E
+          }
+        )
+      ] }) })
+    ] }),
+    t != null && /* @__PURE__ */ n(_, { themeName: `${a}.errorMessage`, tokens: e, ...c, children: t })
+  ] });
+}
+function K({
+  name: o,
+  label: p,
+  rules: r,
+  tokens: g,
+  ariaLabel: v,
+  defaultValue: T = "",
+  placeholder: l = "",
+  themeName: t = "textarea",
+  isReadOnly: q = !1,
+  minLength: d,
+  maxLength: u,
+  required: E,
+  isRequired: x,
+  onChange: a,
+  onBlur: F,
+  children: i = null,
+  ...M
+}) {
+  const { control: R } = P(), { t: c } = H(), N = () => {
+    const e = Object.entries(M).filter(([s, f]) => s.startsWith("aria-"));
+    return Object.fromEntries(e);
+  }, O = {
+    required: E ?? x ? c("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...d != null && {
+      minLength: {
+        value: d,
+        message: c("FORM.ERROR.MIN_LENGTH", { length: d })
+      }
+    },
+    ...u != null && {
+      maxLength: {
+        value: u,
+        message: c("FORM.ERROR.MAX_LENGTH", { length: u })
       }
-      t(k);
-    }
-  }, [k, a.selectedKey, t, o]);
-  return /* @__PURE__ */ $(
-    T,
-    {
-      ...p,
-      themeName: `${m}`,
-      tokens: e,
-      customTheme: h,
-      key: `button-${l}`,
-      handlePress: g,
-      as: s,
-      "aria-label": d ?? r
     },
-    N.isValidElement(b) ? b : c
-  );
-}, P = (i) => {
-  const {
-    id: a,
-    target: o,
-    path: t,
-    label: l,
-    themeName: n = "anchor",
-    customTheme: c,
-    tokens: m,
-    nextLinkProps: e,
-    children: h,
-    as: L,
-    childItems: b,
-    ariaLabel: u,
-    "aria-label": s,
     ...r
-  } = i, d = E(null);
-  return t == null || l == null ? null : /* @__PURE__ */ $(
-    A,
+  };
+  return /* @__PURE__ */ n(
+    B,
     {
-      ...r,
-      themeName: `${n}`,
-      tokens: m,
-      customTheme: c,
-      nextLinkProps: {
-        href: t,
-        ...e
-      },
-      ref: d,
-      key: `link-${a}`,
-      target: o ?? "_self",
-      as: L,
-      "aria-label": s ?? u
-    },
-    N.isValidElement(h) ? h : l
+      name: o,
+      control: R,
+      rules: O,
+      disabled: r?.disabled,
+      defaultValue: T,
+      render: ({ field: e, fieldState: s }) => {
+        const { ref: f, ...C } = e, k = !j(s.error), m = {
+          isDisabled: e.disabled ?? !1,
+          isRequired: r?.required === !0 || r?.required === "required",
+          isInvalid: s.invalid,
+          isError: k,
+          isReadOnly: q
+        }, $ = {
+          ...g,
+          ...m
+        };
+        return /* @__PURE__ */ n(
+          w,
+          {
+            ...C,
+            ...m,
+            ...N(),
+            fieldRef: f,
+            name: o,
+            placeholder: l,
+            themeName: t,
+            label: p,
+            tokens: $,
+            ariaLabel: v,
+            isDisabled: e.disabled,
+            isRequired: r?.required === !0 || r?.required === "required",
+            isInvalid: s.invalid,
+            errorMessage: s.error?.message,
+            onChange: (b) => {
+              e.onChange(b), a?.(b);
+            },
+            onBlur: (b) => {
+              e.onBlur(), F?.(b);
+            },
+            children: i
+          }
+        );
+      }
+    }
   );
-}, V = (i) => {
-  const {
-    menuItems: a,
-    children: o,
-    themeName: t = "menuItem",
-    tokens: l,
-    customTheme: n,
-    menuLinkComponent: c,
-    buttonLinkComponent: m
-  } = i;
-  return /* @__PURE__ */ x(y, { themeName: `${t}.wrapper`, tokens: l, customTheme: n, children: [
-    /* @__PURE__ */ f(y, { themeName: `${t}.container`, tokens: l, customTheme: n, children: a == null ? void 0 : a.map((e) => {
-      var p;
-      const { id: h, path: L, label: b, as: u, ...s } = e ?? {}, r = { ...l, ...e.tokens };
-      if ((e == null ? void 0 : e.path) == null || e.id == null)
-        return null;
-      const d = (p = e.path) != null && p.startsWith("#") ? "button" : "a";
-      return /* @__PURE__ */ f(
-        y,
-        {
-          themeName: `${t}.innerContent`,
-          tokens: r,
-          customTheme: n,
-          children: d === "button" ? /* @__PURE__ */ f(
-            B,
-            {
-              ...s,
-              ...e,
-              themeName: `${t}.button`,
-              tokens: r,
-              customTheme: n,
-              as: u ?? m
-            }
-          ) : /* @__PURE__ */ f(
-            P,
-            {
-              ...s,
-              ...e,
-              themeName: `${t}.anchor`,
-              tokens: r,
-              customTheme: n,
-              as: u ?? c
-            }
-          )
-        },
-        `li-${e.id}`
-      );
-    }) }),
-    o
-  ] });
-};
+}
 export {
-  V as default
+  K as ReactHookFormTextArea,
+  w as TextArea
 };

package/index47.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const r=require("react"),s=require("./index92.js"),a=require("./index56.js"),c=n=>{var t;const{tabState:e}=s.useMenu();return r.createElement(a,{...n,key:(t=e.selectedItem)==null?void 0:t.key,state:e})};module.exports=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),P=require("radashi"),A=require("react"),y=require("react-aria"),B=require("react-hook-form"),_=require("./index88.js"),w=require("./index89.js"),g=require("./index7.js"),D=require("./index48.js"),G=require("./index74.js");function C(R){const{icon:h,errorIcon:s,label:u,isRequired:m=!1,isDisabled:x=!1,isInvalid:f=!1,required:j,disabled:k,errorMessage:n,fieldRef:d,children:F,themeName:i="textInput",tokens:I,customTheme:o,ariaLabel:E,placeholder:M,isReadOnly:N=!1,...T}=R,p=A.useRef(null),c=j??m,v=k??x,{labelProps:O,inputProps:r,errorMessageProps:l}=y.useTextField({label:u,errorMessage:n,isRequired:c,isDisabled:v,isInvalid:f,isReadOnly:N,...T},p),q=a=>{a!=null&&(d?.(a),p.current=a)},t={...I,isDisabled:x,isRequired:m,isError:n!=null},$=_(`${i}.input`,t);return e.jsxs(g.Box,{children:[e.jsx(y.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(g.Box,{"aria-disabled":r.disabled,themeName:`${i}.wrapper`,tokens:t,customTheme:o,children:[u!=null&&e.jsx(g.Box,{as:"label",tokens:t,themeName:`${i}.label`,customTheme:o,...O,children:u}),e.jsxs(g.Box,{themeName:`${i}.container`,tokens:t,customTheme:o,children:[F,e.jsx("input",{"aria-label":E,...r,placeholder:M,ref:q,className:$})]}),h!=null&&e.jsx(D,{themeName:`${i}.icon`,tokens:t,customTheme:o,icon:h,"aria-hidden":!0}),n!=null&&s!=null&&e.jsx(D,{themeName:`${i}.errorIcon`,tokens:t,customTheme:o,icon:s,"aria-hidden":!0})]})}),n!=null&&e.jsx(G.Typography,{themeName:`${i}.errorMessage`,tokens:t,customTheme:o,...l,children:n})]})}function L({name:R,label:h,rules:s,tokens:u,ariaLabel:m,defaultValue:x="",placeholder:f="",themeName:j="textInput",isReadOnly:k=!1,minLength:n,maxLength:d,required:F,isRequired:i,onChange:I,onBlur:o,children:E=null,errorIcon:M,icon:N,...T}){const{control:p}=B.useFormContext(),{t:c}=w.useTranslation(),v=()=>{const r=Object.entries(T).filter(([l,q])=>l.startsWith("aria-"));return Object.fromEntries(r)},O={required:F??i?c("FORM.ERROR.REQUIRED")??"required":!1,...n!=null&&{minLength:{value:n,message:c("FORM.ERROR.MIN_LENGTH",{length:n})}},...d!=null&&{maxLength:{value:d,message:c("FORM.ERROR.MAX_LENGTH",{length:d})}},...s};return e.jsx(B.Controller,{name:R,control:p,rules:O,disabled:s?.disabled,defaultValue:x,render:({field:r,fieldState:l})=>{const{ref:q,...t}=r,$=!P.isEmpty(l.error),a={isDisabled:r.disabled??!1,isRequired:s?.required===!0||s?.required==="required",isInvalid:l.invalid,isError:$,isReadOnly:k},H={...u,...a};return e.jsx(C,{...t,...a,...v(),fieldRef:q,name:R,placeholder:f,themeName:j,label:h,tokens:H,ariaLabel:m,isDisabled:r.disabled,isRequired:s?.required===!0||s?.required==="required",isInvalid:l.invalid,errorMessage:l.error?.message,onChange:b=>{r.onChange(b),I?.(b)},onBlur:b=>{r.onBlur(),o?.(b)},icon:N,errorIcon:M,children:E})}})}exports.ReactHookFormInput=L;exports.TextInputField=C;