@okam/stack-ui 1.41.0 → 1.41.1

package/index244.mjs

@@ -1,13 +1,34 @@
-import { useLayoutEffect as f } from "./index230.mjs";
-import { useRef as u } from "react";
-function i(c, r) {
-  const t = u(!0), e = u(null);
-  f(() => (t.current = !0, () => {
-    t.current = !1;
-  }), []), f(() => {
-    t.current ? t.current = !1 : (!e.current || r.some((a, o) => !Object.is(a, e[o]))) && c(), e.current = r;
-  }, r);
+import { useRef as c, useCallback as f, useEffect as b } from "react";
+function L() {
+  let o = c(/* @__PURE__ */ new Map()), u = f((e, l, r, t) => {
+    let n = t != null && t.once ? (...d) => {
+      o.current.delete(r), r(...d);
+    } : r;
+    o.current.set(r, {
+      type: l,
+      eventTarget: e,
+      fn: n,
+      options: t
+    }), e.addEventListener(l, n, t);
+  }, []), a = f((e, l, r, t) => {
+    var n;
+    let d = ((n = o.current.get(r)) === null || n === void 0 ? void 0 : n.fn) || r;
+    e.removeEventListener(l, d, t), o.current.delete(r);
+  }, []), s = f(() => {
+    o.current.forEach((e, l) => {
+      a(e.eventTarget, e.type, l, e.options);
+    });
+  }, [
+    a
+  ]);
+  return b(() => s, [
+    s
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: s
+  };
 }
 export {
-  i as useUpdateLayoutEffect
+  L as useGlobalListeners
 };

package/index245.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function u(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:s,onResize:r}=i;d.useEffect(()=>{let n=e==null?void 0:e.current;if(n)if(u()){const t=new window.ResizeObserver(o=>{o.length&&r()});return t.observe(n,{box:s}),()=>{n&&t.unobserve(n)}}else return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)}},[r,e,s])}exports.useResizeObserver=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index177.js");function d(a,t){let{id:i,"aria-label":l,"aria-labelledby":e}=a;return i=r.useId(i),e&&l?e=[...new Set([i,...e.trim().split(/\s+/)])].join(" "):e&&(e=e.trim().split(/\s+/).join(" ")),!l&&!e&&t&&(l=t),{id:i,"aria-label":l,"aria-labelledby":e}}exports.useLabels=d;

package/index245.mjs

@@ -1,31 +1,17 @@
-import { useEffect as d } from "react";
-function f() {
-  return typeof window.ResizeObserver < "u";
-}
-function u(o) {
-  const { ref: e, box: s, onResize: r } = o;
-  d(() => {
-    let n = e == null ? void 0 : e.current;
-    if (n)
-      if (f()) {
-        const i = new window.ResizeObserver((t) => {
-          t.length && r();
-        });
-        return i.observe(n, {
-          box: s
-        }), () => {
-          n && i.unobserve(n);
-        };
-      } else
-        return window.addEventListener("resize", r, !1), () => {
-          window.removeEventListener("resize", r, !1);
-        };
-  }, [
-    r,
-    e,
-    s
-  ]);
+import { useId as b } from "./index177.mjs";
+function t(r, a) {
+  let { id: i, "aria-label": l, "aria-labelledby": e } = r;
+  return i = b(i), e && l ? e = [
+    .../* @__PURE__ */ new Set([
+      i,
+      ...e.trim().split(/\s+/)
+    ])
+  ].join(" ") : e && (e = e.trim().split(/\s+/).join(" ")), !l && !e && a && (l = a), {
+    id: i,
+    "aria-label": l,
+    "aria-labelledby": e
+  };
 }
 export {
-  u as useResizeObserver
+  t as useLabels
 };

package/index246.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index230.js");function f(e,r){u.useLayoutEffect(()=>{if(e&&e.ref&&r)return e.ref.current=r.current,()=>{e.ref&&(e.ref.current=null)}})}exports.useSyncRef=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index232.js"),f=require("react");function a(c,t){const e=f.useRef(!0),u=f.useRef(null);r.useLayoutEffect(()=>(e.current=!0,()=>{e.current=!1}),[]),r.useLayoutEffect(()=>{e.current?e.current=!1:(!u.current||t.some((s,o)=>!Object.is(s,u[o])))&&c(),u.current=t},t)}exports.useUpdateLayoutEffect=a;

package/index246.mjs

@@ -1,12 +1,13 @@
-import { useLayoutEffect as f } from "./index230.mjs";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
-  });
+import { useLayoutEffect as f } from "./index232.mjs";
+import { useRef as u } from "react";
+function i(c, r) {
+  const t = u(!0), e = u(null);
+  f(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), f(() => {
+    t.current ? t.current = !1 : (!e.current || r.some((a, o) => !Object.is(a, e[o]))) && c(), e.current = r;
+  }, r);
 }
 export {
-  u as useSyncRef
+  i as useUpdateLayoutEffect
 };

package/index247.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index248.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react");function u(){return typeof window.ResizeObserver<"u"}function b(i){const{ref:e,box:s,onResize:r}=i;d.useEffect(()=>{let n=e==null?void 0:e.current;if(n)if(u()){const t=new window.ResizeObserver(o=>{o.length&&r()});return t.observe(n,{box:s}),()=>{n&&t.unobserve(n)}}else return window.addEventListener("resize",r,!1),()=>{window.removeEventListener("resize",r,!1)}},[r,e,s])}exports.useResizeObserver=b;

package/index247.mjs

@@ -1,9 +1,31 @@
-import { isScrollable as l } from "./index248.mjs";
-function r(n, t) {
-  let e = n;
-  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
-  return e || document.scrollingElement || document.documentElement;
+import { useEffect as d } from "react";
+function f() {
+  return typeof window.ResizeObserver < "u";
+}
+function u(o) {
+  const { ref: e, box: s, onResize: r } = o;
+  d(() => {
+    let n = e == null ? void 0 : e.current;
+    if (n)
+      if (f()) {
+        const i = new window.ResizeObserver((t) => {
+          t.length && r();
+        });
+        return i.observe(n, {
+          box: s
+        }), () => {
+          n && i.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", r, !1), () => {
+          window.removeEventListener("resize", r, !1);
+        };
+  }, [
+    r,
+    e,
+    s
+  ]);
 }
 export {
-  r as getScrollParent
+  u as useResizeObserver
 };

package/index248.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,r){if(!e)return!1;let l=window.getComputedStyle(e),t=/(auto|scroll)/.test(l.overflow+l.overflowX+l.overflowY);return t&&r&&(t=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),t}exports.isScrollable=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index232.js");function f(e,r){u.useLayoutEffect(()=>{if(e&&e.ref&&r)return e.ref.current=r.current,()=>{e.ref&&(e.ref.current=null)}})}exports.useSyncRef=f;

package/index248.mjs

@@ -1,8 +1,12 @@
-function c(l, r) {
-  if (!l) return !1;
-  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
-  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
+import { useLayoutEffect as f } from "./index232.mjs";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
 }
 export {
-  c as isScrollable
+  u as useSyncRef
 };

package/index249.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index248.js");function r(e,c){const t=[];for(;e&&e!==document.documentElement;)l.isScrollable(e,c)&&t.push(e),e=e.parentElement;return t}exports.getScrollParents=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index250.js");function r(n,l){let e=n;for(t.isScrollable(e,l)&&(e=e.parentElement);e&&!t.isScrollable(e,l);)e=e.parentElement;return e||document.scrollingElement||document.documentElement}exports.getScrollParent=r;

package/index249.mjs

@@ -1,10 +1,9 @@
-import { isScrollable as r } from "./index248.mjs";
-function s(e, t) {
-  const c = [];
-  for (; e && e !== document.documentElement; )
-    r(e, t) && c.push(e), e = e.parentElement;
-  return c;
+import { isScrollable as l } from "./index250.mjs";
+function r(n, t) {
+  let e = n;
+  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
 }
 export {
-  s as getScrollParents
+  r as getScrollParent
 };

package/index25.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const e=require("react/jsx-runtime");require("./index2.js");const R=require("./index3.js");require("@react-aria/accordion");const b=require("react");require("./index90.js");const q=require("./index34.js"),x=require("react-aria");require("react-use");require("@react-spring/web");const v=require("./index85.js"),w=require("./index6.js");require("./index143.js");const F=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index87.js");require("@react-aria/focus");require("./index92.js");require("./index14.js");require("radashi");require("./index152.js");require("sanitize-html");require("@react-aria/i18n");require("react-hook-form");require("./index93.js");const B=require("./index91.js"),I=require("./index66.js"),M=require("./index144.js");require("./index153.js");require("./index154.js");require("./index89.js");require("./index88.js");require("./index155.js");require("./index50.js");require("./index52.js");require("./index60.js");require("./index56.js");require("./index156.js");require("./index59.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index67.js");require("./index68.js");require("./index69.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index73.js");require("./index74.js");require("./index75.js");require("./index76.js");require("./index77.js");require("./index78.js");require("./index79.js");require("./index80.js");require("./index81.js");require("./index82.js");require("./index83.js");require("./index84.js");require("./index86.js");require("./index112.js");const T=({value:n})=>n===""?e.jsx(M,{width:"16",height:"16"}):e.jsx(I,{width:"16",height:"16"}),Q=n=>{const{setUserSearchQuery:o}=B.useUserQueryValHook(),{label:c,themeName:r="search",tokens:f,customTheme:g,disabled:j,errorMessage:a,placeholder:k,icon:l,isDisabled:$}=n,i=$||j,h={...n,isDisabled:i},t=F.useSearchFieldState(h),d=b.useRef(null),{labelProps:S,inputProps:s,errorMessageProps:p,clearButtonProps:N}=x.useSearchField(h,t,d),C=b.useCallback(P=>{var m;o(t.value),(m=s.onChange)==null||m.call(s,P)},[o,t.value,s]),D=a!=null,u={...f,isError:D,isDisabled:i??!1},y=v(`${r}.input`,u,g);return e.jsxs(q.default,{themeName:`${r}.wrapper`,tokens:u,"aria-disabled":i??!1,children:[c&&e.jsx(q.default,{...S,as:"label",themeName:`${r}.label`,tokens:u,children:c}),e.jsxs(q.default,{themeName:`${r}.container`,tokens:u,children:[e.jsx("input",{ref:d,...s,onChange:C,placeholder:k,className:y,disabled:i}),e.jsx(x.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.default,{isDisabled:i,handlePress:N.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:i??!1},themeName:`${r}.icon`,"aria-label":"clear",children:[l==null&&e.jsx(T,{value:t.value}),l!=null&&l]})})]}),a&&e.jsx(R.default,{themeName:`${r}.errorMessage`,tokens:u,...p,children:a})]})};module.exports=Q;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),N=require("./index149.js"),p=require("@react-aria/focus"),H=require("./index150.js"),O=require("./index151.js"),S=require("./index152.js"),B=require("radashi"),D=require("react"),C=require("react-hook-form"),q=require("./index86.js"),I=require("./index94.js"),V=require("./index22.js"),E=require("./index3.js"),P=i=>{const{id:g,label:e,isDisabled:d=!1,isError:l=!1,errorMessage:u,ariaLabel:j,icon:h,themeName:r="checkbox",tokens:a,customTheme:o}=i,k=S.useToggleState(i),x=D.useRef(null),{inputProps:f,labelProps:R}=N.useCheckbox(i,k,x),{isSelected:F}=k,{focusProps:c,isFocusVisible:n}=p.useFocusRing(),t={...a,selected:F,isDisabled:d,isError:l,isFocusVisible:n},T=q(`${r}.container`,t,o),M=q(`${r}.checkBox`,t,o),v=q(`${r}.checkMark`,t,o),m=q(`${r}.checkMarkIcon`,t,o);return s.jsxs("div",{children:[s.jsx(p.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:s.jsxs("label",{className:T,htmlFor:g,"aria-label":j,"aria-disabled":d,...R,children:[s.jsx(O.VisuallyHidden,{children:s.jsx("input",{type:"checkbox",ref:x,...H.mergeProps(f,c)})}),s.jsx("div",{className:M,children:s.jsx("div",{className:v,children:h&&s.jsx(V,{icon:h,customTheme:m})})}),s.jsx(E.default,{themeName:`${r}.label`,tokens:t,children:e})]})}),l&&u&&s.jsx(E.default,{themeName:`${r}.errorMessage`,tokens:t,children:u})]})},_=({name:i,label:g,rules:e,tokens:d,ariaLabel:l,defaultValue:u=!1,themeName:j="checkbox",isDisabled:h=!1,icon:r,onChange:a,onBlur:o,...k})=>{const{control:x}=C.useFormContext(),{t:f}=I.useTranslation(),R=()=>{const c=Object.entries(k).filter(([n,t])=>n.startsWith("aria-"));return Object.fromEntries(c)},F={required:e!=null&&e.required?f("FORM.ERROR.REQUIRED")??"required":!1,...e};return s.jsx(C.Controller,{name:i,control:x,rules:F,disabled:e==null?void 0:e.disabled,defaultValue:u,render:({field:c,fieldState:n})=>{var $;const{ref:t,value:T,...M}=c,v=!B.isEmpty(n.error),m={isDisabled:c.disabled??h,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isError:v},y={...d,...m};return s.jsx(P,{...M,...m,...R(),id:i,isSelected:T,name:i,themeName:j,label:g,tokens:y,ariaLabel:l,icon:r,errorMessage:($=n.error)==null?void 0:$.message,onChange:b=>{c.onChange(b),a==null||a(b)},onBlur:b=>{c.onBlur(),o==null||o(b)}})}})};exports.ReactHookFormCheckBox=_;exports.default=P;

package/index25.mjs

@@ -1,120 +1,115 @@
 "use client";
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import "./index2.mjs";
-import T from "./index3.mjs";
-import "@react-aria/accordion";
-import v, { useCallback as w } from "react";
-import "./index90.mjs";
-import l from "./index34.mjs";
-import { useSearchField as F, FocusRing as R } from "react-aria";
-import "react-use";
-import "@react-spring/web";
-import I from "./index85.mjs";
-import M from "./index6.mjs";
-import "./index143.mjs";
-import { useSearchFieldState as j } from "react-stately";
-import "./index5.mjs";
-import "react-div-100vh";
-import "./index87.mjs";
-import "@react-aria/focus";
-import "./index92.mjs";
-import "./index14.mjs";
-import "radashi";
-import "./index152.mjs";
-import "sanitize-html";
-import "@react-aria/i18n";
-import "react-hook-form";
-import "./index93.mjs";
-import { useUserQueryValHook as Q } from "./index91.mjs";
-import U from "./index66.mjs";
-import _ from "./index144.mjs";
-import "./index153.mjs";
-import "./index154.mjs";
-import "./index89.mjs";
-import "./index88.mjs";
-import "./index155.mjs";
-import "./index50.mjs";
-import "./index52.mjs";
-import "./index60.mjs";
-import "./index56.mjs";
-import "./index156.mjs";
-import "./index59.mjs";
-import "./index61.mjs";
-import "./index62.mjs";
-import "./index63.mjs";
-import "./index64.mjs";
-import "./index65.mjs";
-import "./index67.mjs";
-import "./index68.mjs";
-import "./index69.mjs";
-import "./index70.mjs";
-import "./index71.mjs";
-import "./index72.mjs";
-import "./index73.mjs";
-import "./index74.mjs";
-import "./index75.mjs";
-import "./index76.mjs";
-import "./index77.mjs";
-import "./index78.mjs";
-import "./index79.mjs";
-import "./index80.mjs";
-import "./index81.mjs";
-import "./index82.mjs";
-import "./index83.mjs";
-import "./index84.mjs";
-import "./index86.mjs";
-import "./index112.mjs";
-const E = ({ value: m }) => m === "" ? /* @__PURE__ */ r(_, { width: "16", height: "16" }) : /* @__PURE__ */ r(U, { width: "16", height: "16" }), Xr = (m) => {
-  const { setUserSearchQuery: c } = Q(), {
-    label: h,
-    themeName: o = "search",
-    tokens: b,
-    customTheme: g,
-    disabled: k,
-    errorMessage: p,
-    placeholder: C,
-    icon: a,
-    isDisabled: N
-  } = m, t = N || k, u = { ...m, isDisabled: t }, s = j(u), d = v.useRef(null), { labelProps: S, inputProps: e, errorMessageProps: y, clearButtonProps: D } = F(u, s, d), $ = w(
-    (P) => {
-      var f;
-      c(s.value), (f = e.onChange) == null || f.call(e, P);
-    },
-    [c, s.value, e]
-  ), x = p != null, i = { ...b, isError: x, isDisabled: t ?? !1 }, B = I(`${o}.input`, i, g);
-  return /* @__PURE__ */ n(l, { themeName: `${o}.wrapper`, tokens: i, "aria-disabled": t ?? !1, children: [
-    h && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-    /* @__PURE__ */ r(l, { ...S, as: "label", themeName: `${o}.label`, tokens: i, children: h }),
-    /* @__PURE__ */ n(l, { themeName: `${o}.container`, tokens: i, children: [
-      /* @__PURE__ */ r(
-        "input",
-        {
-          ref: d,
-          ...e,
-          onChange: $,
-          placeholder: C,
-          className: B,
-          disabled: t
-        }
-      ),
-      /* @__PURE__ */ r(R, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ n(
-        M,
-        {
-          isDisabled: t,
-          handlePress: D.onPress,
-          tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: t ?? !1 },
-          themeName: `${o}.icon`,
-          "aria-label": "clear",
-          children: [
-            a == null && /* @__PURE__ */ r(E, { value: s.value }),
-            a != null && a
-          ]
-        }
-      ) })
-    ] }),
-    p && /* @__PURE__ */ r(T, { themeName: `${o}.errorMessage`, tokens: i, ...y, children: p })
+import { jsxs as v, jsx as o } from "react/jsx-runtime";
+import { useCheckbox as N } from "./index149.mjs";
+import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
+import { mergeProps as D } from "./index150.mjs";
+import { VisuallyHidden as I } from "./index151.mjs";
+import { useToggleState as O } from "./index152.mjs";
+import { isEmpty as B } from "radashi";
+import { useRef as H } from "react";
+import { useFormContext as S, Controller as V } from "react-hook-form";
+import x from "./index86.mjs";
+import { useTranslation as w } from "./index94.mjs";
+import A from "./index22.mjs";
+import y from "./index3.mjs";
+const L = (i) => {
+  const {
+    id: $,
+    label: e,
+    isDisabled: m = !1,
+    isError: d = !1,
+    errorMessage: h,
+    ariaLabel: u,
+    icon: f,
+    themeName: r = "checkbox",
+    tokens: n,
+    customTheme: c
+  } = i, l = O(i), k = H(null), { inputProps: g, labelProps: R } = N(i, l, k), { isSelected: T } = l, { focusProps: t, isFocusVisible: a } = P(), s = { ...n, selected: T, isDisabled: m, isError: d, isFocusVisible: a }, F = x(`${r}.container`, s, c), M = x(`${r}.checkBox`, s, c), q = x(`${r}.checkMark`, s, c), p = x(`${r}.checkMarkIcon`, s, c);
+  return /* @__PURE__ */ v("div", { children: [
+    /* @__PURE__ */ o(j, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ v(
+      "label",
+      {
+        className: F,
+        htmlFor: $,
+        "aria-label": u,
+        "aria-disabled": m,
+        ...R,
+        children: [
+          /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o("input", { type: "checkbox", ref: k, ...D(g, t) }) }),
+          /* @__PURE__ */ o("div", { className: M, children: /* @__PURE__ */ o("div", { className: q, children: f && /* @__PURE__ */ o(A, { icon: f, customTheme: p }) }) }),
+          /* @__PURE__ */ o(y, { themeName: `${r}.label`, tokens: s, children: e })
+        ]
+      }
+    ) }),
+    d && h && /* @__PURE__ */ o(y, { themeName: `${r}.errorMessage`, tokens: s, children: h })
   ] });
+}, re = ({
+  name: i,
+  label: $,
+  rules: e,
+  tokens: m,
+  ariaLabel: d,
+  defaultValue: h = !1,
+  themeName: u = "checkbox",
+  isDisabled: f = !1,
+  icon: r,
+  onChange: n,
+  onBlur: c,
+  ...l
+}) => {
+  const { control: k } = S(), { t: g } = w(), R = () => {
+    const t = Object.entries(l).filter(([a, s]) => a.startsWith("aria-"));
+    return Object.fromEntries(t);
+  }, T = {
+    required: e != null && e.required ? g("FORM.ERROR.REQUIRED") ?? "required" : !1,
+    ...e
+  };
+  return /* @__PURE__ */ o(
+    V,
+    {
+      name: i,
+      control: k,
+      rules: T,
+      disabled: e == null ? void 0 : e.disabled,
+      defaultValue: h,
+      render: ({ field: t, fieldState: a }) => {
+        var E;
+        const { ref: s, value: F, ...M } = t, q = !B(a.error), p = {
+          isDisabled: t.disabled ?? f,
+          isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+          isError: q
+        }, C = {
+          ...m,
+          ...p
+        };
+        return /* @__PURE__ */ o(
+          L,
+          {
+            ...M,
+            ...p,
+            ...R(),
+            id: i,
+            isSelected: F,
+            name: i,
+            themeName: u,
+            label: $,
+            tokens: C,
+            ariaLabel: d,
+            icon: r,
+            errorMessage: (E = a.error) == null ? void 0 : E.message,
+            onChange: (b) => {
+              t.onChange(b), n == null || n(b);
+            },
+            onBlur: (b) => {
+              t.onBlur(), c == null || c(b);
+            }
+          }
+        );
+      }
+    }
+  );
 };
 export {
-  Xr as default
+  re as ReactHookFormCheckBox,
+  L as default
 };

package/index250.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index230.js"),f=require("react");let l=0;const r=new Map;function i(t){let[u,a]=f.useState();return o.useLayoutEffect(()=>{if(!t)return;let e=r.get(t);if(e)a(e.element.id);else{let d=`react-aria-description-${l++}`;a(d);let n=document.createElement("div");n.id=d,n.style.display="none",n.textContent=t,document.body.appendChild(n),e={refCount:0,element:n},r.set(t,e)}return e.refCount++,()=>{e&&--e.refCount===0&&(e.element.remove(),r.delete(t))}},[t]),{"aria-describedby":t?u:void 0}}exports.useDescription=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function i(e,r){if(!e)return!1;let l=window.getComputedStyle(e),t=/(auto|scroll)/.test(l.overflow+l.overflowX+l.overflowY);return t&&r&&(t=e.scrollHeight!==e.clientHeight||e.scrollWidth!==e.clientWidth),t}exports.isScrollable=i;

package/index250.mjs

@@ -1,32 +1,8 @@
-import { useLayoutEffect as o } from "./index230.mjs";
-import { useState as l } from "react";
-let u = 0;
-const d = /* @__PURE__ */ new Map();
-function s(t) {
-  let [f, n] = l();
-  return o(() => {
-    if (!t) return;
-    let e = d.get(t);
-    if (e)
-      n(e.element.id);
-    else {
-      let r = `react-aria-description-${u++}`;
-      n(r);
-      let a = document.createElement("div");
-      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
-        refCount: 0,
-        element: a
-      }, d.set(t, e);
-    }
-    return e.refCount++, () => {
-      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
-    };
-  }, [
-    t
-  ]), {
-    "aria-describedby": t ? f : void 0
-  };
+function c(l, r) {
+  if (!l) return !1;
+  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
 }
 export {
-  s as useDescription
+  c as isScrollable
 };

package/index251.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index252.js"),s=require("react");function i(e,t,u,r){let n=l.useEffectEvent(u),c=u==null;s.useEffect(()=>{if(c||!e.current)return;let f=e.current;return f.addEventListener(t,n,r),()=>{f.removeEventListener(t,n,r)}},[e,t,r,c,n])}exports.useEvent=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index250.js");function r(e,c){const t=[];for(;e&&e!==document.documentElement;)l.isScrollable(e,c)&&t.push(e),e=e.parentElement;return t}exports.getScrollParents=r;

package/index251.mjs

@@ -1,21 +1,10 @@
-import { useEffectEvent as u } from "./index252.mjs";
-import { useEffect as l } from "react";
-function i(e, t, a, r) {
-  let f = u(a), n = a == null;
-  l(() => {
-    if (n || !e.current) return;
-    let c = e.current;
-    return c.addEventListener(t, f, r), () => {
-      c.removeEventListener(t, f, r);
-    };
-  }, [
-    e,
-    t,
-    r,
-    n,
-    f
-  ]);
+import { isScrollable as r } from "./index250.mjs";
+function s(e, t) {
+  const c = [];
+  for (; e && e !== document.documentElement; )
+    r(e, t) && c.push(e), e = e.parentElement;
+  return c;
 }
 export {
-  i as useEvent
+  s as getScrollParents
 };

package/index252.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("./index230.js"),r=require("react");function o(t){const u=r.useRef(null);return n.useLayoutEffect(()=>{u.current=t},[t]),r.useCallback((...c)=>{const e=u.current;return e==null?void 0:e(...c)},[])}exports.useEffectEvent=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index232.js"),f=require("react");let l=0;const r=new Map;function i(t){let[u,a]=f.useState();return o.useLayoutEffect(()=>{if(!t)return;let e=r.get(t);if(e)a(e.element.id);else{let d=`react-aria-description-${l++}`;a(d);let n=document.createElement("div");n.id=d,n.style.display="none",n.textContent=t,document.body.appendChild(n),e={refCount:0,element:n},r.set(t,e)}return e.refCount++,()=>{e&&--e.refCount===0&&(e.element.remove(),r.delete(t))}},[t]),{"aria-describedby":t?u:void 0}}exports.useDescription=i;

package/index252.mjs

@@ -1,16 +1,32 @@
-import { useLayoutEffect as f } from "./index230.mjs";
-import { useRef as o, useCallback as a } from "react";
-function s(r) {
-  const t = o(null);
-  return f(() => {
-    t.current = r;
+import { useLayoutEffect as o } from "./index232.mjs";
+import { useState as l } from "react";
+let u = 0;
+const d = /* @__PURE__ */ new Map();
+function s(t) {
+  let [f, n] = l();
+  return o(() => {
+    if (!t) return;
+    let e = d.get(t);
+    if (e)
+      n(e.element.id);
+    else {
+      let r = `react-aria-description-${u++}`;
+      n(r);
+      let a = document.createElement("div");
+      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
+        refCount: 0,
+        element: a
+      }, d.set(t, e);
+    }
+    return e.refCount++, () => {
+      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
+    };
   }, [
-    r
-  ]), a((...c) => {
-    const e = t.current;
-    return e == null ? void 0 : e(...c);
-  }, []);
+    t
+  ]), {
+    "aria-describedby": t ? f : void 0
+  };
 }
 export {
-  s as useEffectEvent
+  s as useDescription
 };

package/index253.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const W=require("./index249.js");function L(e,o){let d=T(e,o,"left"),t=T(e,o,"top"),l=o.offsetWidth,f=o.offsetHeight,r=e.scrollLeft,n=e.scrollTop,{borderTopWidth:i,borderLeftWidth:s,scrollPaddingTop:c,scrollPaddingRight:a,scrollPaddingBottom:$,scrollPaddingLeft:S}=getComputedStyle(e),I=r+parseInt(s,10),u=n+parseInt(i,10),b=I+e.clientWidth,P=u+e.clientHeight,p=parseInt(c,10)||0,v=parseInt($,10)||0,h=parseInt(a,10)||0,g=parseInt(S,10)||0;d<=r+g?r=d-parseInt(s,10)-g:d+l>b-h&&(r+=d+l-b+h),t<=u+p?n=t-parseInt(i,10)-p:t+f>P-v&&(n+=t+f-P+v),e.scrollLeft=r,e.scrollTop=n}function T(e,o,d){const t=d==="left"?"offsetLeft":"offsetTop";let l=0;for(;o.offsetParent&&(l+=o[t],o.offsetParent!==e);){if(o.offsetParent.contains(e)){l-=e[t];break}o=o.offsetParent}return l}function k(e,o){if(e&&document.contains(e)){let r=document.scrollingElement||document.documentElement;if(window.getComputedStyle(r).overflow==="hidden"){let i=W.getScrollParents(e);for(let s of i)L(s,e)}else{var d;let{left:i,top:s}=e.getBoundingClientRect();e==null||(d=e.scrollIntoView)===null||d===void 0||d.call(e,{block:"nearest"});let{left:c,top:a}=e.getBoundingClientRect();if(Math.abs(i-c)>1||Math.abs(s-a)>1){var t,l,f;o==null||(l=o.containingElement)===null||l===void 0||(t=l.scrollIntoView)===null||t===void 0||t.call(l,{block:"center",inline:"center"}),(f=e.scrollIntoView)===null||f===void 0||f.call(e,{block:"nearest"})}}}}exports.scrollIntoView=L;exports.scrollIntoViewport=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./index254.js"),s=require("react");function i(e,t,u,r){let n=l.useEffectEvent(u),c=u==null;s.useEffect(()=>{if(c||!e.current)return;let f=e.current;return f.addEventListener(t,n,r),()=>{f.removeEventListener(t,n,r)}},[e,t,r,c,n])}exports.useEvent=i;