@okam/stack-ui 1.38.0 → 1.39.0

package/index175.mjs

@@ -1,31 +1,27 @@
-let n = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set();
-function o() {
-  if (typeof window > "u") return;
-  function r(t) {
-    return "propertyName" in t;
-  }
-  let d = (t) => {
-    if (!r(t) || !t.target) return;
-    let e = n.get(t.target);
-    e || (e = /* @__PURE__ */ new Set(), n.set(t.target, e), t.target.addEventListener("transitioncancel", i, {
-      once: !0
-    })), e.add(t.propertyName);
-  }, i = (t) => {
-    if (!r(t) || !t.target) return;
-    let e = n.get(t.target);
-    if (e && (e.delete(t.propertyName), e.size === 0 && (t.target.removeEventListener("transitioncancel", i), n.delete(t.target)), n.size === 0)) {
-      for (let s of a) s();
-      a.clear();
+import { useEffectEvent as u } from "./index196.mjs";
+import { useLayoutEffect as l } from "./index174.mjs";
+import { useState as o, useRef as s } from "react";
+function p(a) {
+  let [f, c] = o(a), e = s(null), r = u(() => {
+    if (!e.current) return;
+    let t = e.current.next();
+    if (t.done) {
+      e.current = null;
+      return;
     }
-  };
-  document.body.addEventListener("transitionrun", d), document.body.addEventListener("transitionend", i);
-}
-typeof document < "u" && (document.readyState !== "loading" ? o() : document.addEventListener("DOMContentLoaded", o));
-function c(r) {
-  requestAnimationFrame(() => {
-    n.size === 0 ? r() : a.add(r);
+    f === t.value ? r() : c(t.value);
+  });
+  l(() => {
+    e.current && r();
+  });
+  let n = u((t) => {
+    e.current = t(f), r();
   });
+  return [
+    f,
+    n
+  ];
 }
 export {
-  c as runAfterTransition
+  p as useValueEffect
 };

package/index176.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react");function b(){let a=o.useRef(new Map),d=o.useCallback((e,l,t,r)=>{let n=r!=null&&r.once?(...c)=>{a.current.delete(t),t(...c)}:t;a.current.set(t,{type:l,eventTarget:e,fn:n,options:r}),e.addEventListener(l,n,r)},[]),s=o.useCallback((e,l,t,r)=>{var n;let c=((n=a.current.get(t))===null||n===void 0?void 0:n.fn)||t;e.removeEventListener(l,c,r),a.current.delete(t)},[]),u=o.useCallback(()=>{a.current.forEach((e,l)=>{s(e.eventTarget,e.type,l,e.options)})},[s]);return o.useEffect(()=>u,[u]),{addGlobalListener:d,removeGlobalListener:s,removeAllGlobalListeners:u}}exports.useGlobalListeners=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c={prefix:String(Math.round(Math.random()*1e10)),current:0},d=e.createContext(c),l=e.createContext(!1);let f=!!(typeof window<"u"&&window.document&&window.document.createElement),s=new WeakMap;function v(r=!1){let t=e.useContext(d),n=e.useRef(null);if(n.current===null&&!r){var a,u;let o=(u=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||u===void 0||(a=u.ReactCurrentOwner)===null||a===void 0?void 0:a.current;if(o){let i=s.get(o);i==null?s.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==i.state&&(t.current=i.id,s.delete(o))}n.current=++t.current}return n.current}function p(r){let t=e.useContext(d);t===c&&!f&&process.env.NODE_ENV!=="production"&&console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");let n=v(!!r),a=t===c&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return r||`${a}-${n}`}function S(r){let t=e.useId(),[n]=e.useState($()),a=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${c.prefix}`;return r||`${a}-${t}`}const b=typeof e.useId=="function"?S:p;function x(){return!1}function m(){return!0}function g(r){return()=>{}}function $(){return typeof e.useSyncExternalStore=="function"?e.useSyncExternalStore(g,x,m):e.useContext(l)}exports.useIsSSR=$;exports.useSSRSafeId=b;

package/index176.mjs

@@ -1,34 +1,50 @@
-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
+import a, { useContext as d, useState as f, useRef as l } from "react";
+const c = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+}, $ = /* @__PURE__ */ a.createContext(c), p = /* @__PURE__ */ a.createContext(!1);
+let v = !!(typeof window < "u" && window.document && window.document.createElement), s = /* @__PURE__ */ new WeakMap();
+function S(t = !1) {
+  let e = d($), r = l(null);
+  if (r.current === null && !t) {
+    var n, u;
+    let o = (u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || u === void 0 || (n = u.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
+    if (o) {
+      let i = s.get(o);
+      i == null ? s.set(o, {
+        id: e.current,
+        state: o.memoizedState
+      }) : o.memoizedState !== i.state && (e.current = i.id, s.delete(o));
+    }
+    r.current = ++e.current;
+  }
+  return r.current;
+}
+function b(t) {
+  let e = d($);
+  e === c && !v && process.env.NODE_ENV !== "production" && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let r = S(!!t), n = e === c && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
+  return t || `${n}-${r}`;
+}
+function x(t) {
+  let e = a.useId(), [r] = f(y()), n = r || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${c.prefix}`;
+  return t || `${n}-${e}`;
+}
+const C = typeof a.useId == "function" ? x : b;
+function m() {
+  return !1;
+}
+function w() {
+  return !0;
+}
+function g(t) {
+  return () => {
   };
 }
+function y() {
+  return typeof a.useSyncExternalStore == "function" ? a.useSyncExternalStore(g, m, w) : d(p);
+}
 export {
-  L as useGlobalListeners
+  y as useIsSSR,
+  C as useSSRSafeId
 };

package/index177.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index150.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(...t){return(...f)=>{for(let e of t)typeof e=="function"&&e(...f)}}exports.chain=o;

package/index177.mjs

@@ -1,17 +1,8 @@
-import { useId as b } from "./index150.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
+function o(...f) {
+  return (...c) => {
+    for (let e of f) typeof e == "function" && e(...c);
   };
 }
 export {
-  t as useLabels
+  o as chain
 };

package/index178.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./index163.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index179.js"),r=require("./index180.js");function i(t,o){if(!r.shadowDOM())return o&&t?t.contains(o):!1;if(!t||!o)return!1;let e=o;for(;e!==null;){if(e===t)return!0;e.tagName==="SLOT"&&e.assignedSlot?e=e.assignedSlot.parentNode:a.isShadowRoot(e)?e=e.host:e=e.parentNode}return!1}const n=(t=document)=>{var o;if(!r.shadowDOM())return t.activeElement;let e=t.activeElement;for(;e&&"shadowRoot"in e&&(!((o=e.shadowRoot)===null||o===void 0)&&o.activeElement);)e=e.shadowRoot.activeElement;return e};function s(t){return r.shadowDOM()&&t.target.shadowRoot&&t.composedPath?t.composedPath()[0]:t.target}exports.getActiveElement=n;exports.getEventTarget=s;exports.nodeContains=i;

package/index178.mjs

@@ -1,13 +1,27 @@
-import { useLayoutEffect as f } from "./index163.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 { isShadowRoot as f } from "./index179.mjs";
+import { shadowDOM as o } from "./index180.mjs";
+function n(t, a) {
+  if (!o()) return a && t ? t.contains(a) : !1;
+  if (!t || !a) return !1;
+  let e = a;
+  for (; e !== null; ) {
+    if (e === t) return !0;
+    e.tagName === "SLOT" && e.assignedSlot ? e = e.assignedSlot.parentNode : f(e) ? e = e.host : e = e.parentNode;
+  }
+  return !1;
+}
+const s = (t = document) => {
+  var a;
+  if (!o()) return t.activeElement;
+  let e = t.activeElement;
+  for (; e && "shadowRoot" in e && (!((a = e.shadowRoot) === null || a === void 0) && a.activeElement); ) e = e.shadowRoot.activeElement;
+  return e;
+};
+function d(t) {
+  return o() && t.target.shadowRoot && t.composedPath ? t.composedPath()[0] : t.target;
 }
 export {
-  i as useUpdateLayoutEffect
+  s as getActiveElement,
+  d as getEventTarget,
+  n as nodeContains
 };

package/index179.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 t=o=>{var n;return(n=o==null?void 0:o.ownerDocument)!==null&&n!==void 0?n:document},e=o=>o&&"window"in o&&o.window===o?o:t(o).defaultView||window;function d(o){return o!==null&&typeof o=="object"&&"nodeType"in o&&typeof o.nodeType=="number"}function c(o){return d(o)&&o.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in o}exports.getOwnerDocument=t;exports.getOwnerWindow=e;exports.isShadowRoot=c;

package/index179.mjs

@@ -1,31 +1,15 @@
-import { useEffect as d } from "react";
-function f() {
-  return typeof window.ResizeObserver < "u";
+const t = (o) => {
+  var n;
+  return (n = o == null ? void 0 : o.ownerDocument) !== null && n !== void 0 ? n : document;
+}, e = (o) => o && "window" in o && o.window === o ? o : t(o).defaultView || window;
+function d(o) {
+  return o !== null && typeof o == "object" && "nodeType" in o && typeof o.nodeType == "number";
 }
-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
-  ]);
+function c(o) {
+  return d(o) && o.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in o;
 }
 export {
-  u as useResizeObserver
+  t as getOwnerDocument,
+  e as getOwnerWindow,
+  c as isShadowRoot
 };

package/index18.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("./index78.js");const q=require("./index27.js"),x=require("react-aria");require("react-use");require("@react-spring/web");const v=require("./index73.js"),w=require("./index6.js");require("./index118.js");const F=require("react-stately");require("./index5.js");require("react-div-100vh");require("./index75.js");require("@react-aria/focus");require("./index10.js");require("./index80.js");require("./index12.js");require("./index127.js");require("sanitize-html");require("@react-aria/i18n");require("radashi");require("react-hook-form");require("./index81.js");const B=require("./index79.js"),I=require("./index54.js"),M=require("./index119.js");require("./index128.js");require("./index129.js");require("./index77.js");require("./index76.js");require("./index130.js");require("./index43.js");require("./index45.js");require("./index48.js");require("./index49.js");require("./index50.js");require("./index51.js");require("./index52.js");require("./index53.js");require("./index55.js");require("./index56.js");require("./index57.js");require("./index58.js");require("./index59.js");require("./index60.js");require("./index61.js");require("./index62.js");require("./index63.js");require("./index64.js");require("./index65.js");require("./index66.js");require("./index67.js");require("./index68.js");require("./index69.js");require("./index70.js");require("./index71.js");require("./index72.js");require("./index74.js");require("./index90.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("./index133.js"),p=require("@react-aria/focus"),H=require("./index134.js"),O=require("./index135.js"),S=require("./index136.js"),B=require("radashi"),D=require("react"),C=require("react-hook-form"),q=require("./index79.js"),I=require("./index87.js"),V=require("./index15.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/index18.mjs

@@ -1,118 +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 "./index78.mjs";
-import l from "./index27.mjs";
-import { useSearchField as F, FocusRing as R } from "react-aria";
-import "react-use";
-import "@react-spring/web";
-import I from "./index73.mjs";
-import M from "./index6.mjs";
-import "./index118.mjs";
-import { useSearchFieldState as j } from "react-stately";
-import "./index5.mjs";
-import "react-div-100vh";
-import "./index75.mjs";
-import "@react-aria/focus";
-import "./index10.mjs";
-import "./index80.mjs";
-import "./index12.mjs";
-import "./index127.mjs";
-import "sanitize-html";
-import "@react-aria/i18n";
-import "radashi";
-import "react-hook-form";
-import "./index81.mjs";
-import { useUserQueryValHook as Q } from "./index79.mjs";
-import U from "./index54.mjs";
-import _ from "./index119.mjs";
-import "./index128.mjs";
-import "./index129.mjs";
-import "./index77.mjs";
-import "./index76.mjs";
-import "./index130.mjs";
-import "./index43.mjs";
-import "./index45.mjs";
-import "./index48.mjs";
-import "./index49.mjs";
-import "./index50.mjs";
-import "./index51.mjs";
-import "./index52.mjs";
-import "./index53.mjs";
-import "./index55.mjs";
-import "./index56.mjs";
-import "./index57.mjs";
-import "./index58.mjs";
-import "./index59.mjs";
-import "./index60.mjs";
-import "./index61.mjs";
-import "./index62.mjs";
-import "./index63.mjs";
-import "./index64.mjs";
-import "./index65.mjs";
-import "./index66.mjs";
-import "./index67.mjs";
-import "./index68.mjs";
-import "./index69.mjs";
-import "./index70.mjs";
-import "./index71.mjs";
-import "./index72.mjs";
-import "./index74.mjs";
-import "./index90.mjs";
-const E = ({ value: m }) => m === "" ? /* @__PURE__ */ r(_, { width: "16", height: "16" }) : /* @__PURE__ */ r(U, { width: "16", height: "16" }), Lr = (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 "./index133.mjs";
+import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
+import { mergeProps as D } from "./index134.mjs";
+import { VisuallyHidden as I } from "./index135.mjs";
+import { useToggleState as O } from "./index136.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 "./index79.mjs";
+import { useTranslation as w } from "./index87.mjs";
+import A from "./index15.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 {
-  Lr as default
+  re as ReactHookFormCheckBox,
+  L as default
 };

package/index180.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index163.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"});let e=!1;function t(){return e}exports.shadowDOM=t;

package/index180.mjs

@@ -1,12 +1,7 @@
-import { useLayoutEffect as f } from "./index163.mjs";
-function u(r, e) {
-  f(() => {
-    if (r && r.ref && e)
-      return r.ref.current = e.current, () => {
-        r.ref && (r.ref.current = null);
-      };
-  });
+let e = !1;
+function f() {
+  return e;
 }
 export {
-  u as useSyncRef
+  f as shadowDOM
 };

package/index181.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index182.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.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});function n(r){var o,e,t="";if(typeof r=="string"||typeof r=="number")t+=r;else if(typeof r=="object")if(Array.isArray(r)){var u=r.length;for(o=0;o<u;o++)r[o]&&(e=n(r[o]))&&(t&&(t+=" "),t+=e)}else for(e in r)r[e]&&(t&&(t+=" "),t+=e);return t}function f(){for(var r,o,e=0,t="",u=arguments.length;e<u;e++)(r=arguments[e])&&(o=n(r))&&(t&&(t+=" "),t+=o);return t}exports.clsx=f;exports.default=f;

package/index181.mjs

@@ -1,9 +1,17 @@
-import { isScrollable as l } from "./index182.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;
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
 }
 export {
-  r as getScrollParent
+  i as clsx,
+  i as default
 };

package/index182.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"});function c(l){if(n())l.focus({preventScroll:!0});else{let e=s(l);l.focus(),f(e)}}let r=null;function n(){if(r==null){r=!1;try{document.createElement("div").focus({get preventScroll(){return r=!0,!0}})}catch{}}return r}function s(l){let e=l.parentNode,o=[],t=document.scrollingElement||document.documentElement;for(;e instanceof HTMLElement&&e!==t;)(e.offsetHeight<e.scrollHeight||e.offsetWidth<e.scrollWidth)&&o.push({element:e,scrollTop:e.scrollTop,scrollLeft:e.scrollLeft}),e=e.parentNode;return t instanceof HTMLElement&&o.push({element:t,scrollTop:t.scrollTop,scrollLeft:t.scrollLeft}),o}function f(l){for(let{element:e,scrollTop:o,scrollLeft:t}of l)e.scrollTop=o,e.scrollLeft=t}exports.focusWithoutScrolling=c;