@okam/stack-ui 2.0.3 → 2.1.0

package/index169.mjs

@@ -1,14 +1,78 @@
-import { jsx as T } from "react/jsx-runtime";
-import { useTransition as c, animated as f } from "@react-spring/web";
-import g from "./index88.mjs";
-function w(e) {
-  const { isVisible: t, children: o, themeName: i, tokens: r, customTheme: n, ...m } = e, s = c(t, {
-    from: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" },
-    enter: { gridTemplateRows: "1fr", paddingTop: "1rem", paddingBottom: "1rem" },
-    leave: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" }
-  }), a = g(i, r, n);
-  return s((d, p) => p && /* @__PURE__ */ T(f.div, { ...m, style: d, className: a, children: o }));
-}
+import { tv as e } from "tailwind-variants";
+import r from "./index170.mjs";
+const t = e({
+  base: `
+    relative
+    group
+    flex
+    items-center
+    gap-4
+    rounded-md
+    px-4
+    py-1
+    mb-3
+    m-0.5
+    border-2
+    aria-disabled:pointer-events-none
+    aria-disabled:opacity-30
+    focus-ring-black
+  `,
+  variants: {
+    isError: {
+      true: "border-error"
+    }
+  }
+}), a = e({
+  base: "flex flex-col order-2"
+}), n = e({
+  base: "flex items-center gap-2"
+}), o = e({
+  base: `
+    group-has-[:required]:after:content-["_*"]
+    group-has-[:required]:after:text-red-500
+    text-xs
+  `
+}), s = e({
+  base: ""
+}), i = e({
+  extend: r,
+  base: "ml-0",
+  variants: {
+    isError: {
+      false: "hidden"
+    }
+  },
+  defaultVariants: {
+    isError: !1,
+    size: "footnotes"
+  }
+}), p = e({
+  base: [r(), "order-1"],
+  variants: {
+    isDisabled: {
+      true: "text-gray-300"
+    },
+    isError: {
+      true: "hidden"
+    }
+  }
+}), u = e({
+  base: [r({ isError: !0 }), "order-3"],
+  variants: {
+    isError: {
+      false: "hidden"
+    }
+  }
+}), x = {
+  wrapper: t,
+  container: n,
+  inputWrapper: a,
+  label: o,
+  input: s,
+  errorMessage: i,
+  icon: p,
+  errorIcon: u
+};
 export {
-  w as default
+  x as default
 };

package/index170.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(o,r){const i=[];let e=null;const s=[];for(const t of r){const u=t.key==="header"||t.key?.toString().includes("header-"),n=o.find(l=>typeof l.rendered!="string"?!1:l.rendered===t.value);u?(e!=null&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e!=null?n!=null&&e.items.push(n):n!=null&&s.push(n)}return e!=null&&i.push(e),[...s.length>0?[{items:s}]:[],...i]}exports.getListboxSections=c;
+"use strict";const t=require("tailwind-variants"),e=t.tv({variants:{size:{h1:"text-5xl",h2:"text-4xl",h3:"text-3xl",h4:"text-2xl",h5:"text-xl",h6:"text-lg",leading:"text-md font-bold leading-normal",paragraph:"text-md inline",footnotes:"text-sm",xs:"text-xs"},font:{body:"font-body"},weight:{normal:"font-normal",light:"font-light",bold:"font-bold"},color:{gray:"text-gray-500",white:"text-white"},isError:{true:"text-sm text-error"},align:{center:"text-center",left:"text-left",right:"text-right"}},defaultVariants:{size:"paragraph",font:"body"}});module.exports=e;

package/index170.mjs

@@ -1,13 +1,44 @@
-function d(r, o) {
-  const l = [];
-  let e = null;
-  const s = [];
-  for (const n of o) {
-    const u = n.key === "header" || n.key?.toString().includes("header-"), t = r.find((i) => typeof i.rendered != "string" ? !1 : i.rendered === n.value);
-    u ? (e != null && l.push(e), e = { header: { key: n.key, rendered: n.value }, items: [] }) : e != null ? t != null && e.items.push(t) : t != null && s.push(t);
+import { tv as t } from "tailwind-variants";
+const o = t({
+  variants: {
+    size: {
+      h1: "text-5xl",
+      h2: "text-4xl",
+      h3: "text-3xl",
+      h4: "text-2xl",
+      h5: "text-xl",
+      h6: "text-lg",
+      leading: "text-md font-bold leading-normal",
+      paragraph: "text-md inline",
+      footnotes: "text-sm",
+      xs: "text-xs"
+    },
+    font: {
+      body: "font-body"
+    },
+    weight: {
+      normal: "font-normal",
+      light: "font-light",
+      bold: "font-bold"
+    },
+    color: {
+      gray: "text-gray-500",
+      white: "text-white"
+    },
+    isError: {
+      true: "text-sm text-error"
+    },
+    align: {
+      center: "text-center",
+      left: "text-left",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    size: "paragraph",
+    font: "body"
   }
-  return e != null && l.push(e), [...s.length > 0 ? [{ items: s }] : [], ...l];
-}
+});
 export {
-  d as getListboxSections
+  o as default
 };

package/index171.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(e,u){if(e==null)return!1;const{minValue:t,maxValue:n}=u;return t!=null&&e.compare(t)<0||n!=null&&e.compare(n)>0}exports.getIsDateOutsideRange=l;
+"use strict";const u=require("react/jsx-runtime"),e=require("@react-spring/web"),T=require("./index88.js");function g(t){const{isVisible:o,children:i,themeName:n,tokens:r,customTheme:s,...a}=t,d=e.useTransition(o,{from:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"},enter:{gridTemplateRows:"1fr",paddingTop:"1rem",paddingBottom:"1rem"},leave:{gridTemplateRows:"0fr",paddingTop:"0",paddingBottom:"0"}}),m=T(n,r,s);return d((c,p)=>p&&u.jsx(e.animated.div,{...a,style:c,className:m,children:i}))}module.exports=g;

package/index171.mjs

@@ -1,9 +1,14 @@
-function r(e, u) {
-  if (e == null)
-    return !1;
-  const { minValue: n, maxValue: l } = u;
-  return n != null && e.compare(n) < 0 || l != null && e.compare(l) > 0;
+import { jsx as T } from "react/jsx-runtime";
+import { useTransition as c, animated as f } from "@react-spring/web";
+import g from "./index88.mjs";
+function w(e) {
+  const { isVisible: t, children: o, themeName: i, tokens: r, customTheme: n, ...m } = e, s = c(t, {
+    from: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" },
+    enter: { gridTemplateRows: "1fr", paddingTop: "1rem", paddingBottom: "1rem" },
+    leave: { gridTemplateRows: "0fr", paddingTop: "0", paddingBottom: "0" }
+  }), a = g(i, r, n);
+  return s((d, p) => p && /* @__PURE__ */ T(f.div, { ...m, style: d, className: a, children: o }));
 }
 export {
-  r as getIsDateOutsideRange
+  w as default
 };

package/index172.js

@@ -1,2 +1 @@
-"use client";
-"use strict";const o=require("react/jsx-runtime"),i=require("@internationalized/date"),B=require("react"),n=require("react-aria"),c=require("./index7.js");function F(r){const{themeName:a="calendar",tokens:R,state:d,date:e}=r,u=B.useRef(null),{isUnavailable:k,cellProps:y,buttonProps:b,isSelected:t,isOutsideVisibleRange:h,isDisabled:C,formattedDate:S,isInvalid:q}=n.useCalendarCell(r,d,u),s=d?.highlightedRange,m=s?.start,f=s?.end,g=s!=null&&m!=null?i.isSameDay(e,m):t,x=s!=null&&f!=null?i.isSameDay(e,f):t,{locale:j}=n.useLocale(),D=i.getDayOfWeek(e,j),N=t&&(g||D===0||e.day===1),P=t&&(x||D===6||e.day===e.calendar.getDaysInMonth(e)),{focusProps:$,isFocusVisible:p}=n.useFocusRing(),l={isInvalid:q,isDisabled:C,isUnavailable:k,isSelected:t,isFocusVisible:p,isOutsideVisibleRange:h,...R};return o.jsx(c.Box,{as:"td",...y,"aria-disabled":!1,themeName:`${a}.cellContainer`,tokens:l,children:o.jsx(c.BoxWithForwardRef,{...n.mergeProps(b,$),ref:u,"aria-hidden":h,themeName:`${a}.cell`,tokens:{...l,isRoundedLeft:N,isRoundedRight:P},children:o.jsx(c.Box,{themeName:`${a}.cellDate`,tokens:{...l,isSelectionStart:g,isSelectionEnd:x},children:S})})})}module.exports=F;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function l(e,u){if(e==null)return!1;const{minValue:t,maxValue:n}=u;return t!=null&&e.compare(t)<0||n!=null&&e.compare(n)>0}exports.getIsDateOutsideRange=l;

package/index172.mjs

@@ -1,50 +1,9 @@
-"use client";
-import { jsx as o } from "react/jsx-runtime";
-import { isSameDay as g, getDayOfWeek as W } from "@internationalized/date";
-import { useRef as $ } from "react";
-import { useCalendarCell as v, useLocale as B, useFocusRing as I, mergeProps as L } from "react-aria";
-import { Box as p, BoxWithForwardRef as V } from "./index7.mjs";
-function U(l) {
-  const { themeName: s = "calendar", tokens: D, state: i, date: e } = l, r = $(null), {
-    isUnavailable: R,
-    cellProps: k,
-    buttonProps: b,
-    isSelected: t,
-    isOutsideVisibleRange: c,
-    isDisabled: y,
-    formattedDate: C,
-    isInvalid: S
-  } = v(l, i, r), n = i?.highlightedRange, d = n?.start, m = n?.end, u = n != null && d != null ? g(e, d) : t, f = n != null && m != null ? g(e, m) : t, { locale: x } = B(), h = W(e, x), N = t && (u || h === 0 || e.day === 1), P = t && (f || h === 6 || e.day === e.calendar.getDaysInMonth(e)), { focusProps: F, isFocusVisible: O } = I(), a = {
-    isInvalid: S,
-    isDisabled: y,
-    isUnavailable: R,
-    isSelected: t,
-    isFocusVisible: O,
-    isOutsideVisibleRange: c,
-    ...D
-  };
-  return /* @__PURE__ */ o(
-    p,
-    {
-      as: "td",
-      ...k,
-      "aria-disabled": !1,
-      themeName: `${s}.cellContainer`,
-      tokens: a,
-      children: /* @__PURE__ */ o(
-        V,
-        {
-          ...L(b, F),
-          ref: r,
-          "aria-hidden": c,
-          themeName: `${s}.cell`,
-          tokens: { ...a, isRoundedLeft: N, isRoundedRight: P },
-          children: /* @__PURE__ */ o(p, { themeName: `${s}.cellDate`, tokens: { ...a, isSelectionStart: u, isSelectionEnd: f }, children: C })
-        }
-      )
-    }
-  );
+function r(e, u) {
+  if (e == null)
+    return !1;
+  const { minValue: n, maxValue: l } = u;
+  return n != null && e.compare(n) < 0 || l != null && e.compare(l) > 0;
 }
 export {
-  U as default
+  r as getIsDateOutsideRange
 };

package/index173.js

@@ -0,0 +1,2 @@
+"use client";
+"use strict";const o=require("react/jsx-runtime"),i=require("@internationalized/date"),B=require("react"),n=require("react-aria"),c=require("./index7.js");function F(r){const{themeName:a="calendar",tokens:R,state:d,date:e}=r,u=B.useRef(null),{isUnavailable:k,cellProps:y,buttonProps:b,isSelected:t,isOutsideVisibleRange:h,isDisabled:C,formattedDate:S,isInvalid:q}=n.useCalendarCell(r,d,u),s=d?.highlightedRange,m=s?.start,f=s?.end,g=s!=null&&m!=null?i.isSameDay(e,m):t,x=s!=null&&f!=null?i.isSameDay(e,f):t,{locale:j}=n.useLocale(),D=i.getDayOfWeek(e,j),N=t&&(g||D===0||e.day===1),P=t&&(x||D===6||e.day===e.calendar.getDaysInMonth(e)),{focusProps:$,isFocusVisible:p}=n.useFocusRing(),l={isInvalid:q,isDisabled:C,isUnavailable:k,isSelected:t,isFocusVisible:p,isOutsideVisibleRange:h,...R};return o.jsx(c.Box,{as:"td",...y,"aria-disabled":!1,themeName:`${a}.cellContainer`,tokens:l,children:o.jsx(c.BoxWithForwardRef,{...n.mergeProps(b,$),ref:u,"aria-hidden":h,themeName:`${a}.cell`,tokens:{...l,isRoundedLeft:N,isRoundedRight:P},children:o.jsx(c.Box,{themeName:`${a}.cellDate`,tokens:{...l,isSelectionStart:g,isSelectionEnd:x},children:S})})})}module.exports=F;

package/index173.mjs

@@ -0,0 +1,50 @@
+"use client";
+import { jsx as o } from "react/jsx-runtime";
+import { isSameDay as g, getDayOfWeek as W } from "@internationalized/date";
+import { useRef as $ } from "react";
+import { useCalendarCell as v, useLocale as B, useFocusRing as I, mergeProps as L } from "react-aria";
+import { Box as p, BoxWithForwardRef as V } from "./index7.mjs";
+function U(l) {
+  const { themeName: s = "calendar", tokens: D, state: i, date: e } = l, r = $(null), {
+    isUnavailable: R,
+    cellProps: k,
+    buttonProps: b,
+    isSelected: t,
+    isOutsideVisibleRange: c,
+    isDisabled: y,
+    formattedDate: C,
+    isInvalid: S
+  } = v(l, i, r), n = i?.highlightedRange, d = n?.start, m = n?.end, u = n != null && d != null ? g(e, d) : t, f = n != null && m != null ? g(e, m) : t, { locale: x } = B(), h = W(e, x), N = t && (u || h === 0 || e.day === 1), P = t && (f || h === 6 || e.day === e.calendar.getDaysInMonth(e)), { focusProps: F, isFocusVisible: O } = I(), a = {
+    isInvalid: S,
+    isDisabled: y,
+    isUnavailable: R,
+    isSelected: t,
+    isFocusVisible: O,
+    isOutsideVisibleRange: c,
+    ...D
+  };
+  return /* @__PURE__ */ o(
+    p,
+    {
+      as: "td",
+      ...k,
+      "aria-disabled": !1,
+      themeName: `${s}.cellContainer`,
+      tokens: a,
+      children: /* @__PURE__ */ o(
+        V,
+        {
+          ...L(b, F),
+          ref: r,
+          "aria-hidden": c,
+          themeName: `${s}.cell`,
+          tokens: { ...a, isRoundedLeft: N, isRoundedRight: P },
+          children: /* @__PURE__ */ o(p, { themeName: `${s}.cellDate`, tokens: { ...a, isSelectionStart: u, isSelectionEnd: f }, children: C })
+        }
+      )
+    }
+  );
+}
+export {
+  U as default
+};

package/index174.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function c(o,r){const i=[];let e=null;const s=[];for(const t of r){const u=t.key==="header"||t.key?.toString().includes("header-"),n=o.find(l=>typeof l.rendered!="string"?!1:l.rendered===t.value);u?(e!=null&&i.push(e),e={header:{key:t.key,rendered:t.value},items:[]}):e!=null?n!=null&&e.items.push(n):n!=null&&s.push(n)}return e!=null&&i.push(e),[...s.length>0?[{items:s}]:[],...i]}exports.getListboxSections=c;

package/index174.mjs

@@ -0,0 +1,13 @@
+function d(r, o) {
+  const l = [];
+  let e = null;
+  const s = [];
+  for (const n of o) {
+    const u = n.key === "header" || n.key?.toString().includes("header-"), t = r.find((i) => typeof i.rendered != "string" ? !1 : i.rendered === n.value);
+    u ? (e != null && l.push(e), e = { header: { key: n.key, rendered: n.value }, items: [] }) : e != null ? t != null && e.items.push(t) : t != null && s.push(t);
+  }
+  return e != null && l.push(e), [...s.length > 0 ? [{ items: s }] : [], ...l];
+}
+export {
+  d as getListboxSections
+};

package/index2.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const o=require("react/jsx-runtime"),x=require("@react-aria/selection"),m=require("react"),h=require("./index81.js"),q=require("./index7.js"),A=require("./index119.js"),f=require("./index4.js");function b(t){const{id:s,themeName:n="accordion",tokens:r,customTheme:a,TransitionAnimation:d}=t,c=m.useRef(null),e=f(t),{listProps:l}=x.useSelectableList({collection:e.collection,disabledKeys:e.disabledKeys,selectionManager:e.selectionManager,allowsTabNavigation:!0,disallowTypeAhead:!0,ref:c}),u={...l,tabIndex:void 0};return o.jsx(h.AccordionContextProvider,{state:e,TransitionAnimation:d,children:o.jsx(q.BoxWithForwardRef,{themeName:`${n}.wrapper`,tokens:r,customTheme:a,ref:c,id:s,...u,children:[...e.collection].map(i=>o.jsx(A,{item:i,themeName:n,tokens:r},i.key))})})}module.exports=b;
+"use strict";const o=require("react/jsx-runtime"),x=require("@react-aria/selection"),m=require("react"),A=require("./index81.js"),f=require("./index7.js"),h=require("./index119.js"),q=require("./index4.js");function b(r){const{id:s,themeName:t="accordion",tokens:n,customTheme:a,TransitionAnimation:d}=r,c=m.useRef(null),e=q(r),{listProps:l}=x.useSelectableList({collection:e.collection,disabledKeys:e.disabledKeys,selectionManager:e.selectionManager,allowsTabNavigation:!0,disallowTypeAhead:!0,ref:c}),u={...l,tabIndex:void 0};return o.jsx(A.AccordionContextProvider,{state:e,TransitionAnimation:d,children:o.jsx(f.BoxWithForwardRef,{themeName:`${t}.wrapper`,tokens:n,customTheme:a,ref:c,id:s,...u,children:Array.from(e.collection,i=>o.jsx(h,{item:i,themeName:t,tokens:n},i.key))})})}module.exports=b;

package/index2.mjs

@@ -3,8 +3,8 @@ import { jsx as e } from "react/jsx-runtime";
 import { useSelectableList as f } from "@react-aria/selection";
 import { useRef as p } from "react";
 import { AccordionContextProvider as u } from "./index81.mjs";
-import { BoxWithForwardRef as h } from "./index7.mjs";
-import A from "./index119.mjs";
+import { BoxWithForwardRef as A } from "./index7.mjs";
+import h from "./index119.mjs";
 import b from "./index4.mjs";
 function P(r) {
   const { id: a, themeName: t = "accordion", tokens: i, customTheme: s, TransitionAnimation: l } = r, n = p(null), o = b(r), { listProps: m } = f({
@@ -16,7 +16,7 @@ function P(r) {
     ref: n
   }), d = { ...m, tabIndex: void 0 };
   return /* @__PURE__ */ e(u, { state: o, TransitionAnimation: l, children: /* @__PURE__ */ e(
-    h,
+    A,
     {
       themeName: `${t}.wrapper`,
       tokens: i,
@@ -24,7 +24,7 @@ function P(r) {
       ref: n,
       id: a,
       ...d,
-      children: [...o.collection].map((c) => /* @__PURE__ */ e(A, { item: c, themeName: t, tokens: i }, c.key))
+      children: Array.from(o.collection, (c) => /* @__PURE__ */ e(h, { item: c, themeName: t, tokens: i }, c.key))
     }
   ) });
 }

package/index38.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),O=require("radashi"),E=require("react"),M=require("react-aria"),v=require("react-hook-form"),H=require("react-stately"),I=require("./index89.js"),N=require("./index7.js"),V=require("./index8.js"),S=require("./index74.js"),K=require("./index40.js"),A=require("./index39.js"),W={item:K,section:A};function k({ref:e,...o}){const{state:r,themeName:c="listBox",tokens:m,customTheme:b,label:d,escapeKeyBehavior:h="clearSelection",linkElementType:R=V.Anchor,isDisabled:n=!1,isRequired:C=!1,isInvalid:L=!1,isError:x=!1,errorMessage:f,disabledKeys:y,fieldRef:q,...B}=o,g=r.collection.getKeys(),a=t=>{if(t!=null){if(q?.(t),e==null)return;typeof e=="function"?e(t):typeof e=="object"&&(e.current=t)}},{listBoxProps:j,labelProps:i}=M.useListBox({...B,escapeKeyBehavior:h,label:d,disabledKeys:n?g:y},r,a),l={...m,isDisabled:n,isRequired:C,isInvalid:L};return s.jsxs(N.Box,{themeName:`${c}.wrapper`,tokens:l,customTheme:b,children:[d!=null&&s.jsx(S.Typography,{...i,themeName:`${c}.label`,tokens:l,children:d}),s.jsx(N.BoxWithForwardRef,{ref:e,as:"ul",...j,themeName:`${c}.list`,tokens:l,children:[...r.collection].map(t=>{const{key:F}=t,u=t.type??"item",p=W[u]??K;return s.jsx(p,{[u]:t,state:r,tokens:{...m,type:u},themeName:`${c}.${u}`,linkElementType:R},F)})}),x&&f!=null&&s.jsx(S.Typography,{themeName:`${c}.errorMessage`,tokens:{...l,isError:x},children:f})]})}k.displayName="ControlledListBox";function Q(e){const o=H.useListState(e),r=E.useRef(null);return s.jsx(k,{...e,state:o,ref:r})}function $({ref:e,...o}){const{name:r,rules:c,isRequired:m,isDisabled:b,tokens:d,selectionMode:h="single",errorMessage:R,...n}=o,{control:C,setValue:L,watch:x,getValues:f}=v.useFormContext(),{selectedKeys:y=x(r),defaultSelectedKeys:q=f(r)}=n,{t:B}=I.useTranslation(),g=E.useRef(null),a={required:m?B("FORM.ERROR.REQUIRED")??"required":!1,disabled:b,...c},j=H.useListState({...n,selectionMode:h,selectedKeys:y,children:o.children,onSelectionChange:i=>{n.onSelectionChange?.(i),L(r,i,{shouldDirty:!0,shouldTouch:!0}),g.current?.(i)}});return s.jsx(v.Controller,{...n,defaultValue:q,name:r,control:C,rules:a,disabled:a?.disabled,render:({field:i,fieldState:l})=>{const{ref:t,onChange:F,...u}=i;g.current=F;const p=!O.isEmpty(l.error),T={isDisabled:i.disabled??!1,isRequired:a?.required===!0||a?.required==="required",isInvalid:l.invalid,isError:p},{isError:_,...D}=T,P={...d,...D};return s.jsx(k,{...M.mergeProps(n,u,T),state:j,tokens:P,isError:p,selectionMode:h,selectedKeys:y,defaultSelectedKeys:q,errorMessage:R??l.error?.message,ref:e})}})}$.displayName="ControlledReactHookFormListBox";function U(e){const o=E.useRef(null);return s.jsx($,{...e,ref:o})}exports.ControlledListBox=k;exports.ControlledReactHookFormListBox=$;exports.ListBox=Q;exports.ReactHookFormListBox=U;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),O=require("radashi"),E=require("react"),M=require("react-aria"),v=require("react-hook-form"),H=require("react-stately"),A=require("./index89.js"),N=require("./index7.js"),I=require("./index8.js"),S=require("./index74.js"),K=require("./index40.js"),V=require("./index39.js"),W={item:K,section:V};function k({ref:e,...o}){const{state:r,themeName:c="listBox",tokens:m,customTheme:b,label:d,escapeKeyBehavior:h="clearSelection",linkElementType:R=I.Anchor,isDisabled:n=!1,isRequired:C=!1,isInvalid:L=!1,isError:x=!1,errorMessage:f,disabledKeys:y,fieldRef:q,...B}=o,g=r.collection.getKeys(),a=t=>{if(t!=null){if(q?.(t),e==null)return;typeof e=="function"?e(t):typeof e=="object"&&(e.current=t)}},{listBoxProps:j,labelProps:i}=M.useListBox({...B,escapeKeyBehavior:h,label:d,disabledKeys:n?g:y},r,a),l={...m,isDisabled:n,isRequired:C,isInvalid:L};return s.jsxs(N.Box,{themeName:`${c}.wrapper`,tokens:l,customTheme:b,children:[d!=null&&s.jsx(S.Typography,{...i,themeName:`${c}.label`,tokens:l,children:d}),s.jsx(N.BoxWithForwardRef,{ref:e,as:"ul",...j,themeName:`${c}.list`,tokens:l,children:Array.from(r.collection,t=>{const{key:F}=t,u=t.type??"item",p=W[u]??K;return s.jsx(p,{[u]:t,state:r,tokens:{...m,type:u},themeName:`${c}.${u}`,linkElementType:R},F)})}),x&&f!=null&&s.jsx(S.Typography,{themeName:`${c}.errorMessage`,tokens:{...l,isError:x},children:f})]})}k.displayName="ControlledListBox";function Q(e){const o=H.useListState(e),r=E.useRef(null);return s.jsx(k,{...e,state:o,ref:r})}function $({ref:e,...o}){const{name:r,rules:c,isRequired:m,isDisabled:b,tokens:d,selectionMode:h="single",errorMessage:R,...n}=o,{control:C,setValue:L,watch:x,getValues:f}=v.useFormContext(),{selectedKeys:y=x(r),defaultSelectedKeys:q=f(r)}=n,{t:B}=A.useTranslation(),g=E.useRef(null),a={required:m?B("FORM.ERROR.REQUIRED")??"required":!1,disabled:b,...c},j=H.useListState({...n,selectionMode:h,selectedKeys:y,children:o.children,onSelectionChange:i=>{n.onSelectionChange?.(i),L(r,i,{shouldDirty:!0,shouldTouch:!0}),g.current?.(i)}});return s.jsx(v.Controller,{...n,defaultValue:q,name:r,control:C,rules:a,disabled:a?.disabled,render:({field:i,fieldState:l})=>{const{ref:t,onChange:F,...u}=i;g.current=F;const p=!O.isEmpty(l.error),T={isDisabled:i.disabled??!1,isRequired:a?.required===!0||a?.required==="required",isInvalid:l.invalid,isError:p},{isError:_,...D}=T,P={...d,...D};return s.jsx(k,{...M.mergeProps(n,u,T),state:j,tokens:P,isError:p,selectionMode:h,selectedKeys:y,defaultSelectedKeys:q,errorMessage:R??l.error?.message,ref:e})}})}$.displayName="ControlledReactHookFormListBox";function U(e){const o=E.useRef(null);return s.jsx($,{...e,ref:o})}exports.ControlledListBox=k;exports.ControlledReactHookFormListBox=$;exports.ListBox=Q;exports.ReactHookFormListBox=U;

package/index38.mjs

@@ -5,8 +5,8 @@ import { useRef as F } from "react";
 import { useListBox as j, mergeProps as H } from "react-aria";
 import { useFormContext as I, Controller as V } from "react-hook-form";
 import { useListState as K } from "react-stately";
-import { useTranslation as W } from "./index89.mjs";
-import { Box as A, BoxWithForwardRef as Q } from "./index7.mjs";
+import { useTranslation as A } from "./index89.mjs";
+import { Box as W, BoxWithForwardRef as Q } from "./index7.mjs";
 import { Anchor as U } from "./index8.mjs";
 import { Typography as T } from "./index74.mjs";
 import M from "./index40.mjs";
@@ -17,7 +17,7 @@ const w = {
 };
 function N({ ref: e, ...t }) {
   const {
-    state: o,
+    state: r,
     themeName: a = "listBox",
     tokens: u,
     customTheme: x,
@@ -32,11 +32,11 @@ function N({ ref: e, ...t }) {
     disabledKeys: y,
     fieldRef: g,
     ...B
-  } = t, k = o.collection.getKeys(), c = (r) => {
-    if (r != null) {
-      if (g?.(r), e == null)
+  } = t, k = r.collection.getKeys(), c = (o) => {
+    if (o != null) {
+      if (g?.(o), e == null)
         return;
-      typeof e == "function" ? e(r) : typeof e == "object" && (e.current = r);
+      typeof e == "function" ? e(o) : typeof e == "object" && (e.current = o);
     }
   }, { listBoxProps: L, labelProps: n } = j(
     {
@@ -45,7 +45,7 @@ function N({ ref: e, ...t }) {
       label: d,
       disabledKeys: s ? k : y
     },
-    o,
+    r,
     c
   ), i = {
     ...u,
@@ -53,7 +53,7 @@ function N({ ref: e, ...t }) {
     isRequired: E,
     isInvalid: R
   };
-  return /* @__PURE__ */ P(A, { themeName: `${a}.wrapper`, tokens: i, customTheme: x, children: [
+  return /* @__PURE__ */ P(W, { themeName: `${a}.wrapper`, tokens: i, customTheme: x, children: [
     d != null && /* @__PURE__ */ l(T, { ...n, themeName: `${a}.label`, tokens: i, children: d }),
     /* @__PURE__ */ l(
       Q,
@@ -63,13 +63,13 @@ function N({ ref: e, ...t }) {
         ...L,
         themeName: `${a}.list`,
         tokens: i,
-        children: [...o.collection].map((r) => {
-          const { key: q } = r, m = r.type ?? "item", b = w[m] ?? M;
+        children: Array.from(r.collection, (o) => {
+          const { key: q } = o, m = o.type ?? "item", b = w[m] ?? M;
           return /* @__PURE__ */ l(
             b,
             {
-              [m]: r,
-              state: o,
+              [m]: o,
+              state: r,
               tokens: { ...u, type: m },
               themeName: `${a}.${m}`,
               linkElementType: C
@@ -84,11 +84,11 @@ function N({ ref: e, ...t }) {
 }
 N.displayName = "ControlledListBox";
 function le(e) {
-  const t = K(e), o = F(null);
-  return /* @__PURE__ */ l(N, { ...e, state: t, ref: o });
+  const t = K(e), r = F(null);
+  return /* @__PURE__ */ l(N, { ...e, state: t, ref: r });
 }
 function $({ ref: e, ...t }) {
-  const { name: o, rules: a, isRequired: u, isDisabled: x, tokens: d, selectionMode: f = "single", errorMessage: C, ...s } = t, { control: E, setValue: R, watch: p, getValues: h } = I(), { selectedKeys: y = p(o), defaultSelectedKeys: g = h(o) } = s, { t: B } = W(), k = F(null), c = {
+  const { name: r, rules: a, isRequired: u, isDisabled: x, tokens: d, selectionMode: f = "single", errorMessage: C, ...s } = t, { control: E, setValue: R, watch: p, getValues: h } = I(), { selectedKeys: y = p(r), defaultSelectedKeys: g = h(r) } = s, { t: B } = A(), k = F(null), c = {
     required: u ? B("FORM.ERROR.REQUIRED") ?? "required" : !1,
     disabled: x,
     ...a
@@ -98,7 +98,7 @@ function $({ ref: e, ...t }) {
     selectedKeys: y,
     children: t.children,
     onSelectionChange: (n) => {
-      s.onSelectionChange?.(n), R(o, n, { shouldDirty: !0, shouldTouch: !0 }), k.current?.(n);
+      s.onSelectionChange?.(n), R(r, n, { shouldDirty: !0, shouldTouch: !0 }), k.current?.(n);
     }
   });
   return /* @__PURE__ */ l(
@@ -106,12 +106,12 @@ function $({ ref: e, ...t }) {
     {
       ...s,
       defaultValue: g,
-      name: o,
+      name: r,
       control: E,
       rules: c,
       disabled: c?.disabled,
       render: ({ field: n, fieldState: i }) => {
-        const { ref: r, onChange: q, ...m } = n;
+        const { ref: o, onChange: q, ...m } = n;
         k.current = q;
         const b = !S(i.error), v = {
           isDisabled: n.disabled ?? !1,

package/index39.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const o=require("react/jsx-runtime"),j=require("@react-aria/utils"),m=require("react-aria"),y=require("./index77.js"),p=require("./index7.js"),B=require("./index74.js"),f=require("./index40.js");function C({section:u,state:r,...s}){const{key:l,rendered:n,props:a,level:h,hasChildNodes:x,type:d}=u,{themeName:e="listBox.section",tokens:t,as:g="li",customTheme:P,...q}=y.mergeDefaultComponentProps(s,a),i={...t,type:d,level:h.toString(),hasChildNodes:x},{itemProps:k,headingProps:N,groupProps:$}=m.useListBoxSection(s);return o.jsxs(p.Box,{as:g,themeName:`${e}.wrapper`,tokens:i,...m.mergeProps(j.filterDOMProps(q),k),customTheme:P,children:[!!n&&o.jsx(B.Typography,{themeName:`${e}.heading`,tokens:t,...N,children:n}),o.jsx(p.Box,{as:"ul",themeName:`${e}.group`,tokens:i,...$,children:[...r.collection.getChildren?.(l)??[]].map(c=>o.jsx(f,{item:c,state:r,tokens:t,themeName:`${e}.item`},c.key))})]})}module.exports=C;
+"use strict";const o=require("react/jsx-runtime"),$=require("@react-aria/utils"),m=require("react-aria"),f=require("./index77.js"),u=require("./index7.js"),j=require("./index74.js"),B=require("./index40.js");function C({section:l,state:t,...s}){const{key:p,rendered:n,props:a,level:h,hasChildNodes:x,type:d}=l,{themeName:e="listBox.section",tokens:r,as:g="li",customTheme:P,...q}=f.mergeDefaultComponentProps(s,a),i={...r,type:d,level:h.toString(),hasChildNodes:x},{itemProps:k,headingProps:y,groupProps:N}=m.useListBoxSection(s);return o.jsxs(u.Box,{as:g,themeName:`${e}.wrapper`,tokens:i,...m.mergeProps($.filterDOMProps(q),k),customTheme:P,children:[!!n&&o.jsx(j.Typography,{themeName:`${e}.heading`,tokens:r,...y,children:n}),o.jsx(u.Box,{as:"ul",themeName:`${e}.group`,tokens:i,...N,children:Array.from(t.collection.getChildren?.(p)??[],c=>o.jsx(B,{item:c,state:t,tokens:r,themeName:`${e}.item`},c.key))})]})}module.exports=C;

package/index39.mjs

@@ -1,17 +1,17 @@
 "use client";
-import { jsxs as y, jsx as t } from "react/jsx-runtime";
+import { jsxs as N, jsx as r } from "react/jsx-runtime";
 import { filterDOMProps as B } from "@react-aria/utils";
 import { useListBoxSection as $, mergeProps as C } from "react-aria";
 import { mergeDefaultComponentProps as S } from "./index77.mjs";
 import { Box as p } from "./index7.mjs";
 import { Typography as T } from "./index74.mjs";
 import j from "./index40.mjs";
-function q({
+function b({
   section: l,
-  state: r,
+  state: t,
   ...m
 }) {
-  const { key: c, rendered: s, props: a, level: h, hasChildNodes: d, type: f } = l, {
+  const { key: c, rendered: s, props: a, level: h, hasChildNodes: f, type: d } = l, {
     themeName: e = "listBox.section",
     tokens: o,
     as: g = "li",
@@ -19,11 +19,11 @@ function q({
     ...x
   } = S(m, a), i = {
     ...o,
-    type: f,
+    type: d,
     level: h.toString(),
-    hasChildNodes: d
-  }, { itemProps: P, headingProps: k, groupProps: N } = $(m);
-  return /* @__PURE__ */ y(
+    hasChildNodes: f
+  }, { itemProps: P, headingProps: k, groupProps: y } = $(m);
+  return /* @__PURE__ */ N(
     p,
     {
       as: g,
@@ -32,12 +32,12 @@ function q({
       ...C(B(x), P),
       customTheme: u,
       children: [
-        !!s && /* @__PURE__ */ t(T, { themeName: `${e}.heading`, tokens: o, ...k, children: s }),
-        /* @__PURE__ */ t(p, { as: "ul", themeName: `${e}.group`, tokens: i, ...N, children: [...r.collection.getChildren?.(c) ?? []].map((n) => /* @__PURE__ */ t(j, { item: n, state: r, tokens: o, themeName: `${e}.item` }, n.key)) })
+        !!s && /* @__PURE__ */ r(T, { themeName: `${e}.heading`, tokens: o, ...k, children: s }),
+        /* @__PURE__ */ r(p, { as: "ul", themeName: `${e}.group`, tokens: i, ...y, children: Array.from(t.collection.getChildren?.(c) ?? [], (n) => /* @__PURE__ */ r(j, { item: n, state: t, tokens: o, themeName: `${e}.item` }, n.key)) })
       ]
     }
   );
 }
 export {
-  q as default
+  b as default
 };

package/index43.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime"),m=require("react"),b=require("react-aria"),C=require("react-stately"),D=require("./index88.js"),v=require("./index90.js"),c=require("./index7.js"),w=require("./index8.js"),F=require("./index99.js"),R=require("./index130.js"),T=require("./index74.js");function I({value:t}){return t===""?e.jsx(R,{width:"16",height:"16"}):e.jsx(F,{width:"16",height:"16"})}function M(t){const{setUserSearchQuery:u}=v.useUserQueryValHook(),{label:h,themeName:s="search",tokens:p,customTheme:g,disabled:j,errorMessage:l,placeholder:q,icon:o,isDisabled:f}=t,n=f||j,d={...t,isDisabled:n},a=C.useSearchFieldState(d),x=m.useRef(null),{labelProps:k,inputProps:i,errorMessageProps:$,clearButtonProps:S}=b.useSearchField(d,a,x),y=m.useCallback(P=>{u(a.value),i.onChange?.(P)},[u,a.value,i]),B=l!=null,r={...p,isError:B,isDisabled:n??!1},N=D(`${s}.input`,r,g);return e.jsxs(c.Box,{themeName:`${s}.wrapper`,tokens:r,"aria-disabled":n??!1,children:[h!=null&&e.jsx(c.Box,{...k,as:"label",themeName:`${s}.label`,tokens:r,children:h}),e.jsxs(c.Box,{themeName:`${s}.container`,tokens:r,children:[e.jsx("input",{ref:x,...i,onChange:y,placeholder:q,className:N,disabled:n}),e.jsx(b.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.Button,{isDisabled:n,handlePress:S.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:n??!1},themeName:`${s}.icon`,"aria-label":"clear",children:[o==null&&e.jsx(I,{value:a.value}),o!=null&&o]})})]}),l!=null&&e.jsx(T.Typography,{themeName:`${s}.errorMessage`,tokens:r,...$,children:l})]})}module.exports=M;
+"use strict";const e=require("react/jsx-runtime"),m=require("react"),C=require("react-aria"),v=require("react-stately"),w=require("./index88.js"),A=require("./index90.js"),c=require("./index7.js"),T=require("./index8.js"),F=require("./index99.js"),M=require("./index130.js"),I=require("./index74.js");function Q({value:a,clearButtonProps:r,isDisabled:o,tokens:s,themeName:i}){return a===""?e.jsx(c.Box,{as:"span",themeName:`${i}.icon`,tokens:s,"aria-hidden":"true",children:e.jsx(M,{width:"16",height:"16"})}):e.jsx(T.Button,{...r,isDisabled:o,handlePress:r.onPress,tokens:{...s,isIconOnly:!0,buttonStyle:"hollow"},themeName:`${i}.button`,children:e.jsx(F,{width:"16",height:"16"})})}function R(a){const{setUserSearchQuery:r}=A.useUserQueryValHook(),{label:o,themeName:s="search",tokens:i,customTheme:b,disabled:p,errorMessage:u,placeholder:j,renderAction:q,isDisabled:k}=a,t=k||p,d={...a,isDisabled:t},l=v.useSearchFieldState(d),x=m.useRef(null),{labelProps:$,inputProps:h,errorMessageProps:f,clearButtonProps:g}=C.useSearchField(d,l,x),N=m.useCallback(D=>{r(l.value),h.onChange?.(D)},[r,l.value,h]),S=u!=null,n={...i,isError:S,isDisabled:t??!1},y=w(`${s}.input`,n,b),P=q??Q,B={value:l.value,clearButtonProps:g,isDisabled:t??!1,tokens:n,themeName:s??"search"};return e.jsxs(c.Box,{themeName:`${s}.wrapper`,tokens:n,"aria-disabled":t??!1,children:[o!=null&&e.jsx(c.Box,{...$,as:"label",themeName:`${s}.label`,tokens:n,children:o}),e.jsxs(c.Box,{themeName:`${s}.container`,tokens:n,children:[e.jsx("input",{ref:x,...h,onChange:N,placeholder:j,className:y,disabled:t}),e.jsx(P,{...B})]}),u!=null&&e.jsx(I.Typography,{themeName:`${s}.errorMessage`,tokens:n,...f,children:u})]})}module.exports=R;