@okam/stack-ui 1.35.7 → 1.36.0

package/index198.mjs

@@ -1,143 +1,25 @@
-import { calculatePosition as D } from "./index199.mjs";
-import { useCloseOnScroll as G } from "./index200.mjs";
-import { useState as J, useRef as U, useEffect as K, useCallback as j } from "react";
-import { useLayoutEffect as z } from "./index157.mjs";
-import { useResizeObserver as k } from "./index172.mjs";
-import { useLocale as M } from "@react-aria/i18n";
-let e = typeof document < "u" ? window.visualViewport : null;
-function te(n) {
-  let { direction: y } = M(), { arrowSize: w = 0, targetRef: c, overlayRef: i, scrollRef: s = i, placement: H = "bottom", containerPadding: P = 12, shouldFlip: L = !0, boundaryElement: $ = typeof document < "u" ? document.body : null, offset: C = 0, crossOffset: B = 0, shouldUpdatePosition: S = !0, isOpen: v = !0, onClose: p, maxHeight: b, arrowBoundaryOffset: T = 0 } = n, [t, I] = J(null), F = [
-    S,
-    H,
-    i.current,
-    c.current,
-    s.current,
-    P,
-    L,
-    $,
-    C,
-    B,
-    v,
-    y,
-    b,
-    T,
-    w
-  ], N = U(e == null ? void 0 : e.scale);
-  K(() => {
-    v && (N.current = e == null ? void 0 : e.scale);
-  }, [
-    v
-  ]);
-  let a = j(() => {
-    if (S === !1 || !v || !i.current || !c.current || !$ || (e == null ? void 0 : e.scale) !== N.current) return;
-    let o = null;
-    if (s.current && s.current.contains(document.activeElement)) {
-      var d;
-      let r = (d = document.activeElement) === null || d === void 0 ? void 0 : d.getBoundingClientRect(), g = s.current.getBoundingClientRect();
-      var u;
-      if (o = {
-        type: "top",
-        offset: ((u = r == null ? void 0 : r.top) !== null && u !== void 0 ? u : 0) - g.top
-      }, o.offset > g.height / 2) {
-        o.type = "bottom";
-        var R;
-        o.offset = ((R = r == null ? void 0 : r.bottom) !== null && R !== void 0 ? R : 0) - g.bottom;
-      }
-    }
-    let l = i.current;
-    if (!b && i.current) {
-      var O;
-      l.style.top = "0px", l.style.bottom = "";
-      var E;
-      l.style.maxHeight = ((E = (O = window.visualViewport) === null || O === void 0 ? void 0 : O.height) !== null && E !== void 0 ? E : window.innerHeight) + "px";
-    }
-    let f = D({
-      placement: W(H, y),
-      overlayNode: i.current,
-      targetNode: c.current,
-      scrollNode: s.current || i.current,
-      padding: P,
-      shouldFlip: L,
-      boundaryElement: $,
-      offset: C,
-      crossOffset: B,
-      maxHeight: b,
-      arrowSize: w,
-      arrowBoundaryOffset: T
-    });
-    if (f.position) {
-      if (l.style.top = "", l.style.bottom = "", l.style.left = "", l.style.right = "", Object.keys(f.position).forEach((r) => l.style[r] = f.position[r] + "px"), l.style.maxHeight = f.maxHeight != null ? f.maxHeight + "px" : "", o && document.activeElement && s.current) {
-        let r = document.activeElement.getBoundingClientRect(), g = s.current.getBoundingClientRect(), A = r[o.type] - g[o.type];
-        s.current.scrollTop += A - o.offset;
-      }
-      I(f);
-    }
-  }, F);
-  z(a, F), Q(a), k({
-    ref: i,
-    onResize: a
-  }), k({
-    ref: c,
-    onResize: a
-  });
-  let m = U(!1);
-  z(() => {
-    let o, d = () => {
-      m.current = !0, clearTimeout(o), o = setTimeout(() => {
-        m.current = !1;
-      }, 500), a();
-    }, u = () => {
-      m.current && d();
+import { useEffect as a } from "react";
+const i = /* @__PURE__ */ new WeakMap();
+function u(s) {
+  let { triggerRef: e, isOpen: r, onClose: t } = s;
+  a(() => {
+    if (!r || t === null) return;
+    let o = (n) => {
+      let l = n.target;
+      if (!e.current || l instanceof Node && !l.contains(e.current) || n.target instanceof HTMLInputElement || n.target instanceof HTMLTextAreaElement) return;
+      let f = t || i.get(e.current);
+      f && f();
     };
-    return e == null || e.addEventListener("resize", d), e == null || e.addEventListener("scroll", u), () => {
-      e == null || e.removeEventListener("resize", d), e == null || e.removeEventListener("scroll", u);
+    return window.addEventListener("scroll", o, !0), () => {
+      window.removeEventListener("scroll", o, !0);
     };
   }, [
-    a
-  ]);
-  let q = j(() => {
-    m.current || p == null || p();
-  }, [
-    p,
-    m
+    r,
+    t,
+    e
   ]);
-  G({
-    triggerRef: c,
-    isOpen: v,
-    onClose: p && q
-  });
-  var h, x;
-  return {
-    overlayProps: {
-      style: {
-        position: "absolute",
-        zIndex: 1e5,
-        ...t == null ? void 0 : t.position,
-        maxHeight: (h = t == null ? void 0 : t.maxHeight) !== null && h !== void 0 ? h : "100vh"
-      }
-    },
-    placement: (x = t == null ? void 0 : t.placement) !== null && x !== void 0 ? x : null,
-    arrowProps: {
-      "aria-hidden": "true",
-      role: "presentation",
-      style: {
-        left: t == null ? void 0 : t.arrowOffsetLeft,
-        top: t == null ? void 0 : t.arrowOffsetTop
-      }
-    },
-    updatePosition: a
-  };
-}
-function Q(n) {
-  z(() => (window.addEventListener("resize", n, !1), () => {
-    window.removeEventListener("resize", n, !1);
-  }), [
-    n
-  ]);
-}
-function W(n, y) {
-  return y === "rtl" ? n.replace("start", "right").replace("end", "left") : n.replace("start", "left").replace("end", "right");
 }
 export {
-  te as useOverlayPosition
+  i as onCloseMap,
+  u as useCloseOnScroll
 };

package/index199.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const it=require("./index168.js"),q=require("./index234.js"),x={top:"top",bottom:"top",left:"left",right:"left"},z={top:"bottom",bottom:"top",left:"right",right:"left"},ct={top:"left",left:"top"},j={top:"height",left:"width"},B={width:"totalWidth",height:"totalHeight"},H={};let $=typeof document<"u"?window.visualViewport:null;function G(e){let t=0,o=0,c=0,i=0,r=0,f=0,l={};var v;let p=((v=$==null?void 0:$.scale)!==null&&v!==void 0?v:1)>1;if(e.tagName==="BODY"){let h=document.documentElement;c=h.clientWidth,i=h.clientHeight;var s;t=(s=$==null?void 0:$.width)!==null&&s!==void 0?s:c;var d;o=(d=$==null?void 0:$.height)!==null&&d!==void 0?d:i,l.top=h.scrollTop||e.scrollTop,l.left=h.scrollLeft||e.scrollLeft,$&&(r=$.offsetTop,f=$.offsetLeft)}else({width:t,height:o,top:r,left:f}=M(e)),l.top=e.scrollTop,l.left=e.scrollLeft,c=t,i=o;if(it.isWebKit()&&(e.tagName==="BODY"||e.tagName==="HTML")&&p){l.top=0,l.left=0;var g;r=(g=$==null?void 0:$.pageTop)!==null&&g!==void 0?g:0;var n;f=(n=$==null?void 0:$.pageLeft)!==null&&n!==void 0?n:0}return{width:t,height:o,totalWidth:c,totalHeight:i,scroll:l,top:r,left:f}}function nt(e){return{top:e.scrollTop,left:e.scrollLeft,width:e.scrollWidth,height:e.scrollHeight}}function K(e,t,o,c,i,r,f){var l;let v=(l=i.scroll[e])!==null&&l!==void 0?l:0,p=c[j[e]],s=c.scroll[x[e]]+r,d=p+c.scroll[x[e]]-r,g=t-v+f[e]-c[x[e]],n=t-v+o+f[e]-c[x[e]];return g<s?s-g:n>d?Math.max(d-n,s-g):0}function rt(e){let t=window.getComputedStyle(e);return{top:parseInt(t.marginTop,10)||0,bottom:parseInt(t.marginBottom,10)||0,left:parseInt(t.marginLeft,10)||0,right:parseInt(t.marginRight,10)||0}}function J(e){if(H[e])return H[e];let[t,o]=e.split(" "),c=x[t]||"right",i=ct[c];x[o]||(o="center");let r=j[c],f=j[i];return H[e]={placement:t,crossPlacement:o,axis:c,crossAxis:i,size:r,crossSize:f},H[e]}function Z(e,t,o,c,i,r,f,l,v,p){let{placement:s,crossPlacement:d,axis:g,crossAxis:n,size:h,crossSize:u}=c,a={};var w;a[n]=(w=e[n])!==null&&w!==void 0?w:0;var m,P,E,T;d==="center"?a[n]+=(((m=e[u])!==null&&m!==void 0?m:0)-((P=o[u])!==null&&P!==void 0?P:0))/2:d!==n&&(a[n]+=((E=e[u])!==null&&E!==void 0?E:0)-((T=o[u])!==null&&T!==void 0?T:0)),a[n]+=r;const _=e[n]-o[u]+v+p,S=e[n]+e[u]-v-p;if(a[n]=q.clamp(a[n],_,S),s===g){const L=l?f[h]:t[B[h]];a[z[g]]=Math.floor(L-e[g]+i)}else a[g]=Math.floor(e[g]+e[h]+i);return a}function at(e,t,o,c,i,r,f,l){const v=c?o.height:t[B.height];var p;let s=e.top!=null?o.top+e.top:o.top+(v-((p=e.bottom)!==null&&p!==void 0?p:0)-f);var d,g,n,h,u,a;let w=l!=="top"?Math.max(0,t.height+t.top+((d=t.scroll.top)!==null&&d!==void 0?d:0)-s-(((g=i.top)!==null&&g!==void 0?g:0)+((n=i.bottom)!==null&&n!==void 0?n:0)+r)):Math.max(0,s+f-(t.top+((h=t.scroll.top)!==null&&h!==void 0?h:0))-(((u=i.top)!==null&&u!==void 0?u:0)+((a=i.bottom)!==null&&a!==void 0?a:0)+r));return Math.min(t.height-r*2,w)}function Q(e,t,o,c,i,r){let{placement:f,axis:l,size:v}=r;var p,s;if(f===l)return Math.max(0,o[l]-e[l]-((p=e.scroll[l])!==null&&p!==void 0?p:0)+t[l]-((s=c[l])!==null&&s!==void 0?s:0)-c[z[l]]-i);var d;return Math.max(0,e[v]+e[l]+e.scroll[l]-t[l]-o[l]-o[v]-((d=c[l])!==null&&d!==void 0?d:0)-c[z[l]]-i)}function V(e,t,o,c,i,r,f,l,v,p,s,d,g,n,h,u){let a=J(e),{size:w,crossAxis:m,crossSize:P,placement:E,crossPlacement:T}=a,_=Z(t,l,o,a,s,d,p,g,h,u),S=s,L=Q(l,p,t,i,r+s,a);if(f&&c[w]>L){let X=J(`${z[E]} ${T}`),ot=Z(t,l,o,X,s,d,p,g,h,u);Q(l,p,t,i,r+s,X)>L&&(a=X,_=ot,S=s)}let b="bottom";a.axis==="top"?a.placement==="top"?b="top":a.placement==="bottom"&&(b="bottom"):a.crossAxis==="top"&&(a.crossPlacement==="top"?b="bottom":a.crossPlacement==="bottom"&&(b="top"));let I=K(m,_[m],o[P],l,v,r,p);_[m]+=I;let C=at(_,l,p,g,i,r,o.height,b);n&&n<C&&(C=n),o.height=Math.min(o.height,C),_=Z(t,l,o,a,S,d,p,g,h,u),I=K(m,_[m],o[P],l,v,r,p),_[m]+=I;let A={},k=t[m]+.5*t[P]-_[m]-i[x[m]];const D=h/2+u;var F,N,R,Y;const O=x[m]==="left"?((F=i.left)!==null&&F!==void 0?F:0)+((N=i.right)!==null&&N!==void 0?N:0):((R=i.top)!==null&&R!==void 0?R:0)+((Y=i.bottom)!==null&&Y!==void 0?Y:0),y=o[P]-O-h/2-u,tt=t[m]+h/2-(_[m]+i[x[m]]),et=t[m]+t[P]-h/2-(_[m]+i[x[m]]),lt=q.clamp(k,tt,et);return A[m]=q.clamp(lt,D,y),{position:_,maxHeight:C,arrowOffsetLeft:A.left,arrowOffsetTop:A.top,placement:a.placement}}function pt(e){let{placement:t,targetNode:o,overlayNode:c,scrollNode:i,padding:r,shouldFlip:f,boundaryElement:l,offset:v,crossOffset:p,maxHeight:s,arrowSize:d=0,arrowBoundaryOffset:g=0}=e,n=c instanceof HTMLElement?st(c):document.documentElement,h=n===document.documentElement;const u=window.getComputedStyle(n).position;let a=!!u&&u!=="static",w=h?M(o):U(o,n);if(!h){let{marginTop:A,marginLeft:k}=window.getComputedStyle(o);w.top+=parseInt(A,10)||0,w.left+=parseInt(k,10)||0}let m=M(c),P=rt(c);var E,T;m.width+=((E=P.left)!==null&&E!==void 0?E:0)+((T=P.right)!==null&&T!==void 0?T:0);var _,S;m.height+=((_=P.top)!==null&&_!==void 0?_:0)+((S=P.bottom)!==null&&S!==void 0?S:0);let L=nt(i),b=G(l),I=G(n),C=l.tagName==="BODY"?M(n):U(n,l);return n.tagName==="HTML"&&l.tagName==="BODY"&&(I.scroll.top=0,I.scroll.left=0),V(t,w,m,L,P,r,f,b,I,C,v,p,a,s,d,g)}function M(e){let{top:t,left:o,width:c,height:i}=e.getBoundingClientRect(),{scrollTop:r,scrollLeft:f,clientTop:l,clientLeft:v}=document.documentElement;return{top:t+r-l,left:o+f-v,width:c,height:i}}function U(e,t){let o=window.getComputedStyle(e),c;if(o.position==="fixed"){let{top:i,left:r,width:f,height:l}=e.getBoundingClientRect();c={top:i,left:r,width:f,height:l}}else{c=M(e);let i=M(t),r=window.getComputedStyle(t);i.top+=(parseInt(r.borderTopWidth,10)||0)-t.scrollTop,i.left+=(parseInt(r.borderLeftWidth,10)||0)-t.scrollLeft,c.top-=i.top,c.left-=i.left}return c.top-=parseInt(o.marginTop,10)||0,c.left-=parseInt(o.marginLeft,10)||0,c}function st(e){let t=e.offsetParent;if(t&&t===document.body&&window.getComputedStyle(t).position==="static"&&!W(t)&&(t=document.documentElement),t==null)for(t=e.parentElement;t&&!W(t);)t=t.parentElement;return t||document.documentElement}function W(e){let t=window.getComputedStyle(e);return t.transform!=="none"||/transform|perspective/.test(t.willChange)||t.filter!=="none"||t.contain==="paint"||"backdropFilter"in t&&t.backdropFilter!=="none"||"WebkitBackdropFilter"in t&&t.WebkitBackdropFilter!=="none"}exports.calculatePosition=pt;exports.calculatePositionInternal=V;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("@react-aria/focus"),D=require("react"),h=require("./index195.js"),y=require("./index200.js"),t=[];function b(a,i){let{onClose:n,shouldCloseOnBlur:l,isOpen:o,isDismissable:u=!1,isKeyboardDismissDisabled:d=!1,shouldCloseOnInteractOutside:s}=a;D.useEffect(()=>{if(o&&!t.includes(i))return t.push(i),()=>{let e=t.indexOf(i);e>=0&&t.splice(e,1)}},[o,i]);let r=()=>{t[t.length-1]===i&&n&&n()},c=e=>{(!s||s(e.target))&&t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault())},f=e=>{(!s||s(e.target))&&(t[t.length-1]===i&&(e.stopPropagation(),e.preventDefault()),r())},p=e=>{e.key==="Escape"&&!d&&!e.nativeEvent.isComposing&&(e.stopPropagation(),e.preventDefault(),r())};y.useInteractOutside({ref:i,onInteractOutside:u&&o?f:void 0,onInteractOutsideStart:c});let{focusWithinProps:O}=h.useFocusWithin({isDisabled:!l,onBlurWithin:e=>{!e.relatedTarget||v.isElementInChildOfActiveScope(e.relatedTarget)||(!s||s(e.relatedTarget))&&(n==null||n())}}),g=e=>{e.target===e.currentTarget&&e.preventDefault()};return{overlayProps:{onKeyDown:p,...O},underlayProps:{onPointerDown:g}}}exports.useOverlay=b;

package/index199.mjs

@@ -1,200 +1,52 @@
-import { isWebKit as ot } from "./index168.mjs";
-import { clamp as G } from "./index234.mjs";
-const P = {
-  top: "top",
-  bottom: "top",
-  left: "left",
-  right: "left"
-}, z = {
-  top: "bottom",
-  bottom: "top",
-  left: "right",
-  right: "left"
-}, it = {
-  top: "left",
-  left: "top"
-}, K = {
-  top: "height",
-  left: "width"
-}, B = {
-  width: "totalWidth",
-  height: "totalHeight"
-}, H = {};
-let u = typeof document < "u" ? window.visualViewport : null;
-function j(e) {
-  let t = 0, o = 0, c = 0, i = 0, a = 0, f = 0, l = {};
-  var $;
-  let p = (($ = u == null ? void 0 : u.scale) !== null && $ !== void 0 ? $ : 1) > 1;
-  if (e.tagName === "BODY") {
-    let h = document.documentElement;
-    c = h.clientWidth, i = h.clientHeight;
-    var s;
-    t = (s = u == null ? void 0 : u.width) !== null && s !== void 0 ? s : c;
-    var g;
-    o = (g = u == null ? void 0 : u.height) !== null && g !== void 0 ? g : i, l.top = h.scrollTop || e.scrollTop, l.left = h.scrollLeft || e.scrollLeft, u && (a = u.offsetTop, f = u.offsetLeft);
-  } else
-    ({ width: t, height: o, top: a, left: f } = M(e)), l.top = e.scrollTop, l.left = e.scrollLeft, c = t, i = o;
-  if (ot() && (e.tagName === "BODY" || e.tagName === "HTML") && p) {
-    l.top = 0, l.left = 0;
-    var d;
-    a = (d = u == null ? void 0 : u.pageTop) !== null && d !== void 0 ? d : 0;
-    var r;
-    f = (r = u == null ? void 0 : u.pageLeft) !== null && r !== void 0 ? r : 0;
-  }
-  return {
-    width: t,
-    height: o,
-    totalWidth: c,
-    totalHeight: i,
-    scroll: l,
-    top: a,
-    left: f
+import { isElementInChildOfActiveScope as g } from "@react-aria/focus";
+import { useEffect as m } from "react";
+import { useFocusWithin as v } from "./index195.mjs";
+import { useInteractOutside as b } from "./index200.mjs";
+const t = [];
+function C(a, i) {
+  let { onClose: o, shouldCloseOnBlur: l, isOpen: n, isDismissable: d = !1, isKeyboardDismissDisabled: u = !1, shouldCloseOnInteractOutside: s } = a;
+  m(() => {
+    if (n && !t.includes(i))
+      return t.push(i), () => {
+        let e = t.indexOf(i);
+        e >= 0 && t.splice(e, 1);
+      };
+  }, [
+    n,
+    i
+  ]);
+  let r = () => {
+    t[t.length - 1] === i && o && o();
+  }, f = (e) => {
+    (!s || s(e.target)) && t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault());
+  }, p = (e) => {
+    (!s || s(e.target)) && (t[t.length - 1] === i && (e.stopPropagation(), e.preventDefault()), r());
+  }, c = (e) => {
+    e.key === "Escape" && !u && !e.nativeEvent.isComposing && (e.stopPropagation(), e.preventDefault(), r());
   };
-}
-function ct(e) {
-  return {
-    top: e.scrollTop,
-    left: e.scrollLeft,
-    width: e.scrollWidth,
-    height: e.scrollHeight
-  };
-}
-function q(e, t, o, c, i, a, f) {
-  var l;
-  let $ = (l = i.scroll[e]) !== null && l !== void 0 ? l : 0, p = c[K[e]], s = c.scroll[P[e]] + a, g = p + c.scroll[P[e]] - a, d = t - $ + f[e] - c[P[e]], r = t - $ + o + f[e] - c[P[e]];
-  return d < s ? s - d : r > g ? Math.max(g - r, s - d) : 0;
-}
-function rt(e) {
-  let t = window.getComputedStyle(e);
-  return {
-    top: parseInt(t.marginTop, 10) || 0,
-    bottom: parseInt(t.marginBottom, 10) || 0,
-    left: parseInt(t.marginLeft, 10) || 0,
-    right: parseInt(t.marginRight, 10) || 0
-  };
-}
-function J(e) {
-  if (H[e]) return H[e];
-  let [t, o] = e.split(" "), c = P[t] || "right", i = it[c];
-  P[o] || (o = "center");
-  let a = K[c], f = K[i];
-  return H[e] = {
-    placement: t,
-    crossPlacement: o,
-    axis: c,
-    crossAxis: i,
-    size: a,
-    crossSize: f
-  }, H[e];
-}
-function Z(e, t, o, c, i, a, f, l, $, p) {
-  let { placement: s, crossPlacement: g, axis: d, crossAxis: r, size: h, crossSize: v } = c, n = {};
-  var w;
-  n[r] = (w = e[r]) !== null && w !== void 0 ? w : 0;
-  var m, x, E, T;
-  g === "center" ? n[r] += (((m = e[v]) !== null && m !== void 0 ? m : 0) - ((x = o[v]) !== null && x !== void 0 ? x : 0)) / 2 : g !== r && (n[r] += ((E = e[v]) !== null && E !== void 0 ? E : 0) - ((T = o[v]) !== null && T !== void 0 ? T : 0)), n[r] += a;
-  const _ = e[r] - o[v] + $ + p, I = e[r] + e[v] - $ - p;
-  if (n[r] = G(n[r], _, I), s === d) {
-    const b = l ? f[h] : t[B[h]];
-    n[z[d]] = Math.floor(b - e[d] + i);
-  } else n[d] = Math.floor(e[d] + e[h] + i);
-  return n;
-}
-function at(e, t, o, c, i, a, f, l) {
-  const $ = c ? o.height : t[B.height];
-  var p;
-  let s = e.top != null ? o.top + e.top : o.top + ($ - ((p = e.bottom) !== null && p !== void 0 ? p : 0) - f);
-  var g, d, r, h, v, n;
-  let w = l !== "top" ? (
-    // We want the distance between the top of the overlay to the bottom of the boundary
-    Math.max(0, t.height + t.top + ((g = t.scroll.top) !== null && g !== void 0 ? g : 0) - s - (((d = i.top) !== null && d !== void 0 ? d : 0) + ((r = i.bottom) !== null && r !== void 0 ? r : 0) + a))
-  ) : Math.max(0, s + f - (t.top + ((h = t.scroll.top) !== null && h !== void 0 ? h : 0)) - (((v = i.top) !== null && v !== void 0 ? v : 0) + ((n = i.bottom) !== null && n !== void 0 ? n : 0) + a));
-  return Math.min(t.height - a * 2, w);
-}
-function Q(e, t, o, c, i, a) {
-  let { placement: f, axis: l, size: $ } = a;
-  var p, s;
-  if (f === l) return Math.max(0, o[l] - e[l] - ((p = e.scroll[l]) !== null && p !== void 0 ? p : 0) + t[l] - ((s = c[l]) !== null && s !== void 0 ? s : 0) - c[z[l]] - i);
-  var g;
-  return Math.max(0, e[$] + e[l] + e.scroll[l] - t[l] - o[l] - o[$] - ((g = c[l]) !== null && g !== void 0 ? g : 0) - c[z[l]] - i);
-}
-function nt(e, t, o, c, i, a, f, l, $, p, s, g, d, r, h, v) {
-  let n = J(e), { size: w, crossAxis: m, crossSize: x, placement: E, crossPlacement: T } = n, _ = Z(t, l, o, n, s, g, p, d, h, v), I = s, b = Q(l, p, t, i, a + s, n);
-  if (f && c[w] > b) {
-    let X = J(`${z[E]} ${T}`), lt = Z(t, l, o, X, s, g, p, d, h, v);
-    Q(l, p, t, i, a + s, X) > b && (n = X, _ = lt, I = s);
-  }
-  let L = "bottom";
-  n.axis === "top" ? n.placement === "top" ? L = "top" : n.placement === "bottom" && (L = "bottom") : n.crossAxis === "top" && (n.crossPlacement === "top" ? L = "bottom" : n.crossPlacement === "bottom" && (L = "top"));
-  let S = q(m, _[m], o[x], l, $, a, p);
-  _[m] += S;
-  let C = at(_, l, p, d, i, a, o.height, L);
-  r && r < C && (C = r), o.height = Math.min(o.height, C), _ = Z(t, l, o, n, I, g, p, d, h, v), S = q(m, _[m], o[x], l, $, a, p), _[m] += S;
-  let A = {}, k = t[m] + 0.5 * t[x] - _[m] - i[P[m]];
-  const V = h / 2 + v;
-  var F, N, R, Y;
-  const D = P[m] === "left" ? ((F = i.left) !== null && F !== void 0 ? F : 0) + ((N = i.right) !== null && N !== void 0 ? N : 0) : ((R = i.top) !== null && R !== void 0 ? R : 0) + ((Y = i.bottom) !== null && Y !== void 0 ? Y : 0), O = o[x] - D - h / 2 - v, y = t[m] + h / 2 - (_[m] + i[P[m]]), tt = t[m] + t[x] - h / 2 - (_[m] + i[P[m]]), et = G(k, y, tt);
-  return A[m] = G(et, V, O), {
-    position: _,
-    maxHeight: C,
-    arrowOffsetLeft: A.left,
-    arrowOffsetTop: A.top,
-    placement: n.placement
+  b({
+    ref: i,
+    onInteractOutside: d && n ? p : void 0,
+    onInteractOutsideStart: f
+  });
+  let { focusWithinProps: O } = v({
+    isDisabled: !l,
+    onBlurWithin: (e) => {
+      !e.relatedTarget || g(e.relatedTarget) || (!s || s(e.relatedTarget)) && (o == null || o());
+    }
+  }), D = (e) => {
+    e.target === e.currentTarget && e.preventDefault();
   };
-}
-function dt(e) {
-  let { placement: t, targetNode: o, overlayNode: c, scrollNode: i, padding: a, shouldFlip: f, boundaryElement: l, offset: $, crossOffset: p, maxHeight: s, arrowSize: g = 0, arrowBoundaryOffset: d = 0 } = e, r = c instanceof HTMLElement ? pt(c) : document.documentElement, h = r === document.documentElement;
-  const v = window.getComputedStyle(r).position;
-  let n = !!v && v !== "static", w = h ? M(o) : U(o, r);
-  if (!h) {
-    let { marginTop: A, marginLeft: k } = window.getComputedStyle(o);
-    w.top += parseInt(A, 10) || 0, w.left += parseInt(k, 10) || 0;
-  }
-  let m = M(c), x = rt(c);
-  var E, T;
-  m.width += ((E = x.left) !== null && E !== void 0 ? E : 0) + ((T = x.right) !== null && T !== void 0 ? T : 0);
-  var _, I;
-  m.height += ((_ = x.top) !== null && _ !== void 0 ? _ : 0) + ((I = x.bottom) !== null && I !== void 0 ? I : 0);
-  let b = ct(i), L = j(l), S = j(r), C = l.tagName === "BODY" ? M(r) : U(r, l);
-  return r.tagName === "HTML" && l.tagName === "BODY" && (S.scroll.top = 0, S.scroll.left = 0), nt(t, w, m, b, x, a, f, L, S, C, $, p, n, s, g, d);
-}
-function M(e) {
-  let { top: t, left: o, width: c, height: i } = e.getBoundingClientRect(), { scrollTop: a, scrollLeft: f, clientTop: l, clientLeft: $ } = document.documentElement;
   return {
-    top: t + a - l,
-    left: o + f - $,
-    width: c,
-    height: i
+    overlayProps: {
+      onKeyDown: c,
+      ...O
+    },
+    underlayProps: {
+      onPointerDown: D
+    }
   };
 }
-function U(e, t) {
-  let o = window.getComputedStyle(e), c;
-  if (o.position === "fixed") {
-    let { top: i, left: a, width: f, height: l } = e.getBoundingClientRect();
-    c = {
-      top: i,
-      left: a,
-      width: f,
-      height: l
-    };
-  } else {
-    c = M(e);
-    let i = M(t), a = window.getComputedStyle(t);
-    i.top += (parseInt(a.borderTopWidth, 10) || 0) - t.scrollTop, i.left += (parseInt(a.borderLeftWidth, 10) || 0) - t.scrollLeft, c.top -= i.top, c.left -= i.left;
-  }
-  return c.top -= parseInt(o.marginTop, 10) || 0, c.left -= parseInt(o.marginLeft, 10) || 0, c;
-}
-function pt(e) {
-  let t = e.offsetParent;
-  if (t && t === document.body && window.getComputedStyle(t).position === "static" && !W(t) && (t = document.documentElement), t == null)
-    for (t = e.parentElement; t && !W(t); ) t = t.parentElement;
-  return t || document.documentElement;
-}
-function W(e) {
-  let t = window.getComputedStyle(e);
-  return t.transform !== "none" || /transform|perspective/.test(t.willChange) || t.filter !== "none" || t.contain === "paint" || "backdropFilter" in t && t.backdropFilter !== "none" || "WebkitBackdropFilter" in t && t.WebkitBackdropFilter !== "none";
-}
 export {
-  dt as calculatePosition,
-  nt as calculatePositionInternal
+  C as useOverlay
 };

package/index2.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";const d=require("react"),x=require("./index68.js"),p=require("./index86.js"),h=require("./index87.js"),i=require("./index88.js"),n=require("./index89.js"),g=require("./index90.js"),m=require("./index91.js"),t=require("./index92.js"),s=require("./index93.js"),f=require("./index94.js"),k=require("./index95.js"),b=require("./index96.js"),a=require("./index97.js"),u=require("./index98.js"),l=require("./index99.js"),o=require("./index100.js"),c=require("./index101.js"),q=require("./index102.js"),$=require("./index103.js"),r=require("./index104.js"),w=require("./index85.js"),I=w.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:p.accordionTheme,carousel:m,calendar:g.calendarTheme,datePicker:f.datePickerTheme,popover:{button:e=>n(e),popover:()=>"border-2 text-black p-4 bg-gray-300"},typography:e=>r(e),button:e=>n(e),link:n,sidePanel:{wrapper:e=>c.sidePanelWrapper(e),container:e=>c.sidePanelContainer(e),innerContainer:e=>c.sidePanelInnerContainer(e)},lightBox:b,shareButton:{icon:e=>o.shareButtonIcon(e),button:e=>o.shareButton(e),container:e=>o.shareButtonContainer(e),linksList:e=>o.shareButtonLinksList(e),link:e=>o.shareButtonLink(e),linkIcons:e=>o.shareButtonLinkIcons(e)},checkbox:{container:e=>t.checkboxContainer(e),label:e=>t.checkboxLabel(e),checkBox:e=>t.checkBox(e),checkMark:e=>t.checkMark(e),checkMarkIcon:e=>t.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>a.radioLabel(e),radio:e=>a.radio(e),selectedMark:e=>a.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>u.radioGroup(e),radioGroupItemsGroup:e=>u.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>n(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>n({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>$.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>l.searchInput(e),icon:e=>l.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:{wrapper:()=>"group flex flex-col 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",label:()=>'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',container:()=>"flex items-center gap-4",input:()=>"",errorMessage:e=>r({...e,className:"ml-0",size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:k.imgTheme,alerts:h,tagGroup:q}),G=d.memo(x.createThemeProvider(I));module.exports=G;
+"use strict";const d=require("react"),x=require("./index72.js"),p=require("./index91.js"),h=require("./index92.js"),i=require("./index93.js"),n=require("./index94.js"),g=require("./index95.js"),m=require("./index96.js"),t=require("./index97.js"),s=require("./index98.js"),f=require("./index99.js"),k=require("./index100.js"),b=require("./index101.js"),a=require("./index102.js"),u=require("./index103.js"),l=require("./index104.js"),o=require("./index105.js"),c=require("./index106.js"),q=require("./index107.js"),$=require("./index108.js"),w=require("./index109.js"),r=require("./index110.js"),I=require("./index90.js"),G=I.makeTheme({main:e=>i.main(e),gridItem:e=>i.gridItem(e),grid:e=>i.grid(e),container:e=>i.container(e),accordion:p.accordionTheme,carousel:m,calendar:g.calendarTheme,datePicker:f.datePickerTheme,popover:{button:e=>n(e),popover:()=>"border-2 text-black p-4 bg-gray-300"},typography:e=>r(e),button:e=>n(e),link:n,sidePanel:{wrapper:e=>c.sidePanelWrapper(e),container:e=>c.sidePanelContainer(e),innerContainer:e=>c.sidePanelInnerContainer(e)},lightBox:b,shareButton:{icon:e=>o.shareButtonIcon(e),button:e=>o.shareButton(e),container:e=>o.shareButtonContainer(e),linksList:e=>o.shareButtonLinksList(e),link:e=>o.shareButtonLink(e),linkIcons:e=>o.shareButtonLinkIcons(e)},checkbox:{container:e=>t.checkboxContainer(e),label:e=>t.checkboxLabel(e),checkBox:e=>t.checkBox(e),checkMark:e=>t.checkMark(e),checkMarkIcon:e=>t.checkMarkIcon(e),errorMessage:e=>r(e)},radio:{label:e=>a.radioLabel(e),radio:e=>a.radio(e),selectedMark:e=>a.selectedMark(e),errorMessage:e=>r(e)},radioGroup:{radioGroup:e=>u.radioGroup(e),radioGroupItemsGroup:e=>u.radioGroupItemsGroup(e),errorMessage:e=>r(e)},checkboxGroup:{checkboxGroup:e=>s.checkboxGroup(e),checkboxGroupItemsGroup:e=>s.checkboxGroupItemsGroup(e),errormessage:e=>r(e)},select:{button:e=>n(e),ul:e=>r({...e,className:"outline outline-2 outline-white outline-offset-2 p-2 my-4 rounded-md w-full flex flex-col gap-6"}),popover:e=>n({...e,className:"w-[var(--select-container-width)]"}),errorMessage:e=>r({...e,size:"footnotes",isError:!0}),wrapper:()=>"flex flex-col gap-4 relative",container:()=>"flex flex-col gap-4",list:()=>"flex flex-col gap-4",li:()=>"transition w-full hover:text-gray-300 focus-ring-white",headerText:()=>"text-gray-300",section:()=>"flex flex-col gap-4"},textarea:{wrapper:()=>"flex flex-col",container:()=>"flex items-center gap-4",label:()=>"text-gray-3 px-6",input:e=>w.textArea(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},search:{wrapper:()=>"min-w-fit sm:w-80 flex flex-col gap-2",container:()=>"relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",label:()=>"text-gray-3",input:e=>l.searchInput(e),icon:e=>l.searchIcon(e),errorMessage:e=>r({...e,size:"footnotes",isError:!0})},textInput:{wrapper:()=>"group flex flex-col 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",label:()=>'group-has-[:required]:after:content-["_*"] group-has-[:required]:after:text-red-500 text-xs',container:()=>"flex items-center gap-4",input:()=>"",errorMessage:e=>r({...e,className:"ml-0",size:"footnotes",isError:!0})},menu:{sidePanel:{wrapper:()=>"",container:()=>"",innerContainer:()=>""},wrapper:()=>""},menuItem:{wrapper:()=>"",container:()=>"",innerContent:()=>"",button:()=>"",anchor:()=>""},img:k.imgTheme,alerts:h,tagGroup:$,tabList:q}),M=d.memo(x.createThemeProvider(G));module.exports=M;

package/index2.mjs

@@ -1,31 +1,32 @@
 "use client";
 import t from "react";
-import { createThemeProvider as a } from "./index68.mjs";
-import { accordionTheme as i } from "./index86.mjs";
-import n from "./index87.mjs";
-import { main as c, gridItem as l, grid as p, container as s } from "./index88.mjs";
-import o from "./index89.mjs";
-import { calendarTheme as m } from "./index90.mjs";
-import u from "./index91.mjs";
-import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./index92.mjs";
-import { checkboxGroup as k, checkboxGroupItemsGroup as b } from "./index93.mjs";
-import { datePickerTheme as w } from "./index94.mjs";
-import { imgTheme as G } from "./index95.mjs";
-import I from "./index96.mjs";
-import { radioLabel as y, radio as M, selectedMark as T } from "./index97.mjs";
-import { radioGroup as B, radioGroupItemsGroup as v } from "./index98.mjs";
-import { searchInput as P, searchIcon as C } from "./index99.mjs";
-import { shareButtonIcon as L, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./index100.mjs";
-import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./index101.mjs";
-import j from "./index102.mjs";
-import { textArea as D } from "./index103.mjs";
-import r from "./index104.mjs";
-import { makeTheme as F } from "./index85.mjs";
-const H = F({
+import { createThemeProvider as a } from "./index72.mjs";
+import { accordionTheme as i } from "./index91.mjs";
+import n from "./index92.mjs";
+import { main as c, gridItem as s, grid as p, container as l } from "./index93.mjs";
+import o from "./index94.mjs";
+import { calendarTheme as m } from "./index95.mjs";
+import u from "./index96.mjs";
+import { checkboxContainer as f, checkboxLabel as h, checkBox as d, checkMark as x, checkMarkIcon as g } from "./index97.mjs";
+import { checkboxGroup as b, checkboxGroupItemsGroup as k } from "./index98.mjs";
+import { datePickerTheme as w } from "./index99.mjs";
+import { imgTheme as G } from "./index100.mjs";
+import I from "./index101.mjs";
+import { radioLabel as y, radio as M, selectedMark as T } from "./index102.mjs";
+import { radioGroup as B, radioGroupItemsGroup as v } from "./index103.mjs";
+import { searchInput as L, searchIcon as P } from "./index104.mjs";
+import { shareButtonIcon as C, shareButton as z, shareButtonContainer as E, shareButtonLinksList as N, shareButtonLink as _, shareButtonLinkIcons as q } from "./index105.mjs";
+import { sidePanelWrapper as A, sidePanelContainer as R, sidePanelInnerContainer as W } from "./index106.mjs";
+import j from "./index107.mjs";
+import D from "./index108.mjs";
+import { textArea as F } from "./index109.mjs";
+import r from "./index110.mjs";
+import { makeTheme as H } from "./index90.mjs";
+const J = H({
   main: (e) => c(e),
-  gridItem: (e) => l(e),
+  gridItem: (e) => s(e),
   grid: (e) => p(e),
-  container: (e) => s(e),
+  container: (e) => l(e),
   accordion: i,
   carousel: u,
   calendar: m,
@@ -44,7 +45,7 @@ const H = F({
   },
   lightBox: I,
   shareButton: {
-    icon: (e) => L(e),
+    icon: (e) => C(e),
     button: (e) => z(e),
     container: (e) => E(e),
     linksList: (e) => N(e),
@@ -71,8 +72,8 @@ const H = F({
     errorMessage: (e) => r(e)
   },
   checkboxGroup: {
-    checkboxGroup: (e) => k(e),
-    checkboxGroupItemsGroup: (e) => b(e),
+    checkboxGroup: (e) => b(e),
+    checkboxGroupItemsGroup: (e) => k(e),
     errormessage: (e) => r(e)
   },
   select: {
@@ -94,15 +95,15 @@ const H = F({
     wrapper: () => "flex flex-col",
     container: () => "flex items-center gap-4",
     label: () => "text-gray-3 px-6",
-    input: (e) => D(e),
+    input: (e) => F(e),
     errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
   },
   search: {
     wrapper: () => "min-w-fit sm:w-80 flex flex-col gap-2",
     container: () => "relative flex items-center outline outline-2 outline-gray-300 focus-within:outline focus-within:outline-black focus-within:outline-2",
     label: () => "text-gray-3",
-    input: (e) => P(e),
-    icon: (e) => C(e),
+    input: (e) => L(e),
+    icon: (e) => P(e),
     errorMessage: (e) => r({ ...e, size: "footnotes", isError: !0 })
   },
   textInput: {
@@ -129,8 +130,9 @@ const H = F({
   },
   img: G,
   alerts: n,
-  tagGroup: j
-}), me = t.memo(a(H));
+  tagGroup: D,
+  tabList: j
+}), fe = t.memo(a(J));
 export {
-  me as default
+  fe as default
 };

package/index20.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),O=require("radashi"),D=require("react"),F=require("react-aria"),I=require("react-hook-form"),G=require("./index121.js"),j=require("./index69.js"),H=require("./index77.js"),P=require("./index14.js"),$=require("./index3.js"),_=c=>{const{id:i,ariaLabel:e,icon:l,state:x,themeName:t="checkbox",customTheme:a,tokens:R,isDisabled:k=!1,isError:d=!1,value:h,errorMessage:u,label:f}=c,m=D.useRef(null),{inputProps:M}=F.useCheckboxGroupItem(c,x,m),{isSelected:b}=x,o={...R,selected:b(h),isDisabled:k,isError:d},v=j(`${t}.container`,o,a),s=j(`${t}.checkBox`,o,a),n=j(`${t}.checkMark`,o,a),C=j(`${t}.checkMarkIcon`,o,a);return r.jsxs("div",{children:[r.jsx(F.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("label",{className:v,htmlFor:i,"aria-label":e,"aria-disabled":k,children:[r.jsx(F.VisuallyHidden,{children:r.jsx("input",{ref:m,...M})}),r.jsx("div",{className:s,"aria-checked":b(h),role:"checkbox","aria-labelledby":i,children:r.jsx("div",{className:n,children:l&&r.jsx(P,{icon:l,customTheme:C})})}),r.jsx($.default,{themeName:`${t}.label`,tokens:o,children:f})]})}),d&&u&&r.jsx($.default,{themeName:`${t}.errorMessage`,tokens:o,children:u})]})},p=c=>{const i=G.useCheckboxGroupCtx();return i&&r.jsx(_,{state:i,...c})},A=({name:c,label:i,rules:e,tokens:l,ariaLabel:x,defaultValue:t=!1,themeName:a="checkbox",isReadOnly:R=!1,isRequired:k,onChange:d,onBlur:h,value:u,icon:f,...m})=>{const{control:M}=I.useFormContext(),{t:b}=H.useTranslation(),o=()=>{const s=Object.entries(m).filter(([n,C])=>n.startsWith("aria-"));return Object.fromEntries(s)},v={required:k?b("FORM.ERROR.REQUIRED")??"required":!1,...e};return r.jsx(I.Controller,{name:c,control:M,rules:v,disabled:e==null?void 0:e.disabled,defaultValue:t,render:({field:s,fieldState:n})=>{var g;const{ref:C,...E}=s,N=!O.isEmpty(n.error),T={isDisabled:s.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:n.invalid,isError:N,isReadOnly:R},y={...l,...T};return r.jsx(p,{...E,...T,...o(),id:c,value:u,icon:f,themeName:a,label:i,tokens:y,ariaLabel:x,isDisabled:s.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",errorMessage:(g=n.error)==null?void 0:g.message,onChange:q=>{s.onChange(q),d==null||d(q)},onBlur:q=>{s.onBlur(),h==null||h(q)}})}})};exports.ReactHookFormCheckboxItem=A;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),O=require("radashi"),D=require("react"),F=require("react-aria"),I=require("react-hook-form"),G=require("./index127.js"),j=require("./index73.js"),H=require("./index81.js"),P=require("./index14.js"),$=require("./index3.js"),_=c=>{const{id:i,ariaLabel:e,icon:l,state:x,themeName:t="checkbox",customTheme:a,tokens:R,isDisabled:k=!1,isError:d=!1,value:h,errorMessage:u,label:f}=c,m=D.useRef(null),{inputProps:M}=F.useCheckboxGroupItem(c,x,m),{isSelected:b}=x,o={...R,selected:b(h),isDisabled:k,isError:d},v=j(`${t}.container`,o,a),s=j(`${t}.checkBox`,o,a),n=j(`${t}.checkMark`,o,a),C=j(`${t}.checkMarkIcon`,o,a);return r.jsxs("div",{children:[r.jsx(F.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:r.jsxs("label",{className:v,htmlFor:i,"aria-label":e,"aria-disabled":k,children:[r.jsx(F.VisuallyHidden,{children:r.jsx("input",{ref:m,...M})}),r.jsx("div",{className:s,"aria-checked":b(h),role:"checkbox","aria-labelledby":i,children:r.jsx("div",{className:n,children:l&&r.jsx(P,{icon:l,customTheme:C})})}),r.jsx($.default,{themeName:`${t}.label`,tokens:o,children:f})]})}),d&&u&&r.jsx($.default,{themeName:`${t}.errorMessage`,tokens:o,children:u})]})},p=c=>{const i=G.useCheckboxGroupCtx();return i&&r.jsx(_,{state:i,...c})},A=({name:c,label:i,rules:e,tokens:l,ariaLabel:x,defaultValue:t=!1,themeName:a="checkbox",isReadOnly:R=!1,isRequired:k,onChange:d,onBlur:h,value:u,icon:f,...m})=>{const{control:M}=I.useFormContext(),{t:b}=H.useTranslation(),o=()=>{const s=Object.entries(m).filter(([n,C])=>n.startsWith("aria-"));return Object.fromEntries(s)},v={required:k?b("FORM.ERROR.REQUIRED")??"required":!1,...e};return r.jsx(I.Controller,{name:c,control:M,rules:v,disabled:e==null?void 0:e.disabled,defaultValue:t,render:({field:s,fieldState:n})=>{var g;const{ref:C,...E}=s,N=!O.isEmpty(n.error),T={isDisabled:s.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:n.invalid,isError:N,isReadOnly:R},y={...l,...T};return r.jsx(p,{...E,...T,...o(),id:c,value:u,icon:f,themeName:a,label:i,tokens:y,ariaLabel:x,isDisabled:s.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",errorMessage:(g=n.error)==null?void 0:g.message,onChange:q=>{s.onChange(q),d==null||d(q)},onBlur:q=>{s.onBlur(),h==null||h(q)}})}})};exports.ReactHookFormCheckboxItem=A;exports.default=p;

package/index20.mjs

@@ -4,9 +4,9 @@ import { isEmpty as $ } from "radashi";
 import { useRef as D } from "react";
 import { useCheckboxGroupItem as j, FocusRing as G, VisuallyHidden as O } from "react-aria";
 import { useFormContext as B, Controller as H } from "react-hook-form";
-import { useCheckboxGroupCtx as P } from "./index121.mjs";
-import u from "./index69.mjs";
-import { useTranslation as w } from "./index77.mjs";
+import { useCheckboxGroupCtx as P } from "./index127.mjs";
+import u from "./index73.mjs";
+import { useTranslation as w } from "./index81.mjs";
 import A from "./index14.mjs";
 import F from "./index3.mjs";
 const L = (i) => {

package/index200.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react"),i=new WeakMap;function c(s){let{triggerRef:e,isOpen:r,onClose:t}=s;a.useEffect(()=>{if(!r||t===null)return;let o=n=>{let l=n.target;if(!e.current||l instanceof Node&&!l.contains(e.current)||n.target instanceof HTMLInputElement||n.target instanceof HTMLTextAreaElement)return;let f=t||i.get(e.current);f&&f()};return window.addEventListener("scroll",o,!0),()=>{window.removeEventListener("scroll",o,!0)}},[r,t,e])}exports.onCloseMap=i;exports.useCloseOnScroll=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index170.js"),v=require("./index188.js"),m=require("react");function D(r){let{ref:n,onInteractOutside:s,isDisabled:d,onInteractOutsideStart:l}=r,E=m.useRef({isPointerDown:!1,ignoreEmulatedMouseEvents:!1}),o=v.useEffectEvent(e=>{s&&c(e,n)&&(l&&l(e),E.current.isPointerDown=!0)}),f=v.useEffectEvent(e=>{s&&s(e)});m.useEffect(()=>{let e=E.current;if(d)return;const p=n.current,t=w.getOwnerDocument(p);if(typeof PointerEvent<"u"){let i=u=>{e.isPointerDown&&c(u,n)&&f(u),e.isPointerDown=!1};return t.addEventListener("pointerdown",o,!0),t.addEventListener("pointerup",i,!0),()=>{t.removeEventListener("pointerdown",o,!0),t.removeEventListener("pointerup",i,!0)}}else if(process.env.NODE_ENV==="test"){let i=a=>{e.ignoreEmulatedMouseEvents?e.ignoreEmulatedMouseEvents=!1:e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1},u=a=>{e.ignoreEmulatedMouseEvents=!0,e.isPointerDown&&c(a,n)&&f(a),e.isPointerDown=!1};return t.addEventListener("mousedown",o,!0),t.addEventListener("mouseup",i,!0),t.addEventListener("touchstart",o,!0),t.addEventListener("touchend",u,!0),()=>{t.removeEventListener("mousedown",o,!0),t.removeEventListener("mouseup",i,!0),t.removeEventListener("touchstart",o,!0),t.removeEventListener("touchend",u,!0)}}},[n,d,o,f])}function c(r,n){if(r.button>0)return!1;if(r.target){const s=r.target.ownerDocument;if(!s||!s.documentElement.contains(r.target)||r.target.closest("[data-react-aria-top-layer]"))return!1}return n.current?!r.composedPath().includes(n.current):!1}exports.useInteractOutside=D;