@okam/stack-ui 1.41.2 → 1.42.0

package/index249.mjs

@@ -1,384 +1,14 @@
-import { setEventTarget as se, createSyntheticEvent as oe, preventFocus as B } from "./index322.mjs";
-import { restoreTextSelection as A, disableTextSelection as N } from "./index326.mjs";
-import { PressResponderContext as le } from "./index320.mjs";
-import { _ as fe } from "./index327.mjs";
-import { _ as ue } from "./index217.mjs";
-import { _ as W } from "./index328.mjs";
-import { chain as ce } from "./index239.mjs";
-import { nodeContains as p, getEventTarget as c } from "./index252.mjs";
-import { getOwnerDocument as Y, getOwnerWindow as I } from "./index253.mjs";
-import { mergeProps as te } from "./index150.mjs";
-import { focusWithoutScrolling as pe } from "./index256.mjs";
-import { openLink as z } from "./index257.mjs";
-import { useGlobalListeners as de } from "./index259.mjs";
-import { useSyncRef as ge } from "./index261.mjs";
-import { isMac as ve } from "./index241.mjs";
-import { isVirtualPointerEvent as Te, isVirtualClick as j } from "./index268.mjs";
-import { useEffectEvent as K } from "./index266.mjs";
-import { flushSync as Pe } from "react-dom";
-import { useState as ye, useRef as $e, useMemo as he, useEffect as q, useContext as me } from "react";
-function Ee(n) {
-  let i = me(le);
-  if (i) {
-    let { register: o, ...l } = i;
-    n = te(l, n), o();
-  }
-  return ge(i, n.ref), n;
-}
-var _ = /* @__PURE__ */ new WeakMap();
-class U {
-  continuePropagation() {
-    W(this, _, !1);
-  }
-  get shouldStopPropagation() {
-    return fe(this, _);
-  }
-  constructor(i, o, l, d) {
-    ue(this, _, {
-      writable: !0,
-      value: void 0
-    }), W(this, _, !0);
-    var $;
-    let h = ($ = d == null ? void 0 : d.target) !== null && $ !== void 0 ? $ : l.currentTarget;
-    const v = h == null ? void 0 : h.getBoundingClientRect();
-    let C, S = 0, w, T = null;
-    l.clientX != null && l.clientY != null && (w = l.clientX, T = l.clientY), v && (w != null && T != null ? (C = w - v.left, S = T - v.top) : (C = v.width / 2, S = v.height / 2)), this.type = i, this.pointerType = o, this.target = l.currentTarget, this.shiftKey = l.shiftKey, this.metaKey = l.metaKey, this.ctrlKey = l.ctrlKey, this.altKey = l.altKey, this.x = C, this.y = S;
-  }
-}
-const J = Symbol("linkClicked");
-function We(n) {
-  let { onPress: i, onPressChange: o, onPressStart: l, onPressEnd: d, onPressUp: $, onClick: h, isDisabled: v, isPressed: C, preventFocusOnPress: S, shouldCancelOnPointerExit: w, allowTextSelectionOnPress: T, ref: L, ...ne } = Ee(n), [ie, V] = ye(!1), k = $e({
-    isPressed: !1,
-    ignoreEmulatedMouseEvents: !1,
-    didFirePressStart: !1,
-    isTriggeringEvent: !1,
-    activePointerId: null,
-    target: null,
-    isOverTarget: !1,
-    pointerType: null,
-    disposables: []
-  }), { addGlobalListener: x, removeAllGlobalListeners: D } = de(), m = K((e, a) => {
-    let g = k.current;
-    if (v || g.didFirePressStart) return !1;
-    let r = !0;
-    if (g.isTriggeringEvent = !0, l) {
-      let u = new U("pressstart", a, e);
-      l(u), r = u.shouldStopPropagation;
-    }
-    return o && o(!0), g.isTriggeringEvent = !1, g.didFirePressStart = !0, V(!0), r;
-  }), y = K((e, a, g = !0) => {
-    let r = k.current;
-    if (!r.didFirePressStart) return !1;
-    r.didFirePressStart = !1, r.isTriggeringEvent = !0;
-    let u = !0;
-    if (d) {
-      let t = new U("pressend", a, e);
-      d(t), u = t.shouldStopPropagation;
-    }
-    if (o && o(!1), V(!1), i && g && !v) {
-      let t = new U("press", a, e);
-      i(t), u && (u = t.shouldStopPropagation);
-    }
-    return r.isTriggeringEvent = !1, u;
-  }), O = K((e, a) => {
-    let g = k.current;
-    if (v) return !1;
-    if ($) {
-      g.isTriggeringEvent = !0;
-      let r = new U("pressup", a, e);
-      return $(r), g.isTriggeringEvent = !1, r.shouldStopPropagation;
+import { PressResponderContext as t } from "./index323.mjs";
+import a, { useMemo as o } from "react";
+function n({ children: e }) {
+  let r = o(() => ({
+    register: () => {
     }
-    return !0;
-  }), P = K((e) => {
-    let a = k.current;
-    if (a.isPressed && a.target) {
-      a.didFirePressStart && a.pointerType != null && y(M(a.target, e), a.pointerType, !1), a.isPressed = !1, a.isOverTarget = !1, a.activePointerId = null, a.pointerType = null, D(), T || A(a.target);
-      for (let g of a.disposables) g();
-      a.disposables = [];
-    }
-  }), X = K((e) => {
-    w && P(e);
-  }), F = K((e) => {
-    h == null || h(e);
-  }), R = K((e, a) => {
-    if (h) {
-      let g = new MouseEvent("click", e);
-      se(g, a), h(oe(g));
-    }
-  }), ae = he(() => {
-    let e = k.current, a = {
-      onKeyDown(r) {
-        if (H(r.nativeEvent, r.currentTarget) && p(r.currentTarget, c(r.nativeEvent))) {
-          var u;
-          ee(c(r.nativeEvent), r.key) && r.preventDefault();
-          let t = !0;
-          if (!e.isPressed && !r.repeat) {
-            e.target = r.currentTarget, e.isPressed = !0, e.pointerType = "keyboard", t = m(r, "keyboard");
-            let s = r.currentTarget, f = (E) => {
-              H(E, s) && !E.repeat && p(s, c(E)) && e.target && O(M(e.target, E), "keyboard");
-            };
-            x(Y(r.currentTarget), "keyup", ce(f, g), !0);
-          }
-          t && r.stopPropagation(), r.metaKey && ve() && ((u = e.metaKeyEvents) === null || u === void 0 || u.set(r.key, r.nativeEvent));
-        } else r.key === "Meta" && (e.metaKeyEvents = /* @__PURE__ */ new Map());
-      },
-      onClick(r) {
-        if (!(r && !p(r.currentTarget, c(r.nativeEvent))) && r && r.button === 0 && !e.isTriggeringEvent && !z.isOpening) {
-          let u = !0;
-          if (v && r.preventDefault(), !e.ignoreEmulatedMouseEvents && !e.isPressed && (e.pointerType === "virtual" || j(r.nativeEvent))) {
-            let t = m(r, "virtual"), s = O(r, "virtual"), f = y(r, "virtual");
-            F(r), u = t && s && f;
-          } else if (e.isPressed && e.pointerType !== "keyboard") {
-            let t = e.pointerType || r.nativeEvent.pointerType || "virtual";
-            u = y(M(r.currentTarget, r), t, !0), e.isOverTarget = !1, F(r), P(r);
-          }
-          e.ignoreEmulatedMouseEvents = !1, u && r.stopPropagation();
-        }
-      }
-    }, g = (r) => {
-      var u;
-      if (e.isPressed && e.target && H(r, e.target)) {
-        var t;
-        ee(c(r), r.key) && r.preventDefault();
-        let f = c(r), E = p(e.target, c(r));
-        y(M(e.target, r), "keyboard", E), E && R(r, e.target), D(), r.key !== "Enter" && G(e.target) && p(e.target, f) && !r[J] && (r[J] = !0, z(e.target, r, !1)), e.isPressed = !1, (t = e.metaKeyEvents) === null || t === void 0 || t.delete(r.key);
-      } else if (r.key === "Meta" && (!((u = e.metaKeyEvents) === null || u === void 0) && u.size)) {
-        var s;
-        let f = e.metaKeyEvents;
-        e.metaKeyEvents = void 0;
-        for (let E of f.values()) (s = e.target) === null || s === void 0 || s.dispatchEvent(new KeyboardEvent("keyup", E));
-      }
-    };
-    if (typeof PointerEvent < "u") {
-      a.onPointerDown = (t) => {
-        if (t.button !== 0 || !p(t.currentTarget, c(t.nativeEvent))) return;
-        if (Te(t.nativeEvent)) {
-          e.pointerType = "virtual";
-          return;
-        }
-        e.pointerType = t.pointerType;
-        let s = !0;
-        if (!e.isPressed) {
-          e.isPressed = !0, e.isOverTarget = !0, e.activePointerId = t.pointerId, e.target = t.currentTarget, T || N(e.target), s = m(t, e.pointerType);
-          let f = c(t.nativeEvent);
-          "releasePointerCapture" in f && f.releasePointerCapture(t.pointerId), x(Y(t.currentTarget), "pointerup", r, !1), x(Y(t.currentTarget), "pointercancel", u, !1);
-        }
-        s && t.stopPropagation();
-      }, a.onMouseDown = (t) => {
-        if (p(t.currentTarget, c(t.nativeEvent)) && t.button === 0) {
-          if (S) {
-            let s = B(t.target);
-            s && e.disposables.push(s);
-          }
-          t.stopPropagation();
-        }
-      }, a.onPointerUp = (t) => {
-        !p(t.currentTarget, c(t.nativeEvent)) || e.pointerType === "virtual" || t.button === 0 && O(t, e.pointerType || t.pointerType);
-      }, a.onPointerEnter = (t) => {
-        t.pointerId === e.activePointerId && e.target && !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, m(M(e.target, t), e.pointerType));
-      }, a.onPointerLeave = (t) => {
-        t.pointerId === e.activePointerId && e.target && e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, y(M(e.target, t), e.pointerType, !1), X(t));
-      };
-      let r = (t) => {
-        if (t.pointerId === e.activePointerId && e.isPressed && t.button === 0 && e.target) {
-          if (p(e.target, c(t)) && e.pointerType != null) {
-            let s = !1, f = setTimeout(() => {
-              e.isPressed && e.target instanceof HTMLElement && (s ? P(t) : (pe(e.target), e.target.click()));
-            }, 80);
-            x(t.currentTarget, "click", () => s = !0, !0), e.disposables.push(() => clearTimeout(f));
-          } else P(t);
-          e.isOverTarget = !1;
-        }
-      }, u = (t) => {
-        P(t);
-      };
-      a.onDragStart = (t) => {
-        p(t.currentTarget, c(t.nativeEvent)) && P(t);
-      };
-    } else if (process.env.NODE_ENV === "test") {
-      a.onMouseDown = (t) => {
-        if (t.button !== 0 || !p(t.currentTarget, c(t.nativeEvent))) return;
-        if (e.ignoreEmulatedMouseEvents) {
-          t.stopPropagation();
-          return;
-        }
-        if (e.isPressed = !0, e.isOverTarget = !0, e.target = t.currentTarget, e.pointerType = j(t.nativeEvent) ? "virtual" : "mouse", Pe(() => m(t, e.pointerType)) && t.stopPropagation(), S) {
-          let f = B(t.target);
-          f && e.disposables.push(f);
-        }
-        x(Y(t.currentTarget), "mouseup", r, !1);
-      }, a.onMouseEnter = (t) => {
-        if (!p(t.currentTarget, c(t.nativeEvent))) return;
-        let s = !0;
-        e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !0, s = m(t, e.pointerType)), s && t.stopPropagation();
-      }, a.onMouseLeave = (t) => {
-        if (!p(t.currentTarget, c(t.nativeEvent))) return;
-        let s = !0;
-        e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !1, s = y(t, e.pointerType, !1), X(t)), s && t.stopPropagation();
-      }, a.onMouseUp = (t) => {
-        p(t.currentTarget, c(t.nativeEvent)) && !e.ignoreEmulatedMouseEvents && t.button === 0 && O(t, e.pointerType || "mouse");
-      };
-      let r = (t) => {
-        if (t.button === 0) {
-          if (e.ignoreEmulatedMouseEvents) {
-            e.ignoreEmulatedMouseEvents = !1;
-            return;
-          }
-          e.target && e.target.contains(t.target) && e.pointerType != null || P(t), e.isOverTarget = !1;
-        }
-      };
-      a.onTouchStart = (t) => {
-        if (!p(t.currentTarget, c(t.nativeEvent))) return;
-        let s = be(t.nativeEvent);
-        if (!s) return;
-        e.activePointerId = s.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, e.target = t.currentTarget, e.pointerType = "touch", T || N(e.target), m(b(e.target, t), e.pointerType) && t.stopPropagation(), x(I(t.currentTarget), "scroll", u, !0);
-      }, a.onTouchMove = (t) => {
-        if (!p(t.currentTarget, c(t.nativeEvent))) return;
-        if (!e.isPressed) {
-          t.stopPropagation();
-          return;
-        }
-        let s = Q(t.nativeEvent, e.activePointerId), f = !0;
-        s && Z(s, t.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, f = m(b(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, f = y(b(e.target, t), e.pointerType, !1), X(b(e.target, t))), f && t.stopPropagation();
-      }, a.onTouchEnd = (t) => {
-        if (!p(t.currentTarget, c(t.nativeEvent))) return;
-        if (!e.isPressed) {
-          t.stopPropagation();
-          return;
-        }
-        let s = Q(t.nativeEvent, e.activePointerId), f = !0;
-        s && Z(s, t.currentTarget) && e.pointerType != null ? (O(b(e.target, t), e.pointerType), f = y(b(e.target, t), e.pointerType), R(t.nativeEvent, e.target)) : e.isOverTarget && e.pointerType != null && (f = y(b(e.target, t), e.pointerType, !1)), f && t.stopPropagation(), e.isPressed = !1, e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !T && A(e.target), D();
-      }, a.onTouchCancel = (t) => {
-        p(t.currentTarget, c(t.nativeEvent)) && (t.stopPropagation(), e.isPressed && P(b(e.target, t)));
-      };
-      let u = (t) => {
-        e.isPressed && p(c(t), e.target) && P({
-          currentTarget: e.target,
-          shiftKey: !1,
-          ctrlKey: !1,
-          metaKey: !1,
-          altKey: !1
-        });
-      };
-      a.onDragStart = (t) => {
-        p(t.currentTarget, c(t.nativeEvent)) && P(t);
-      };
-    }
-    return a;
-  }, [
-    x,
-    v,
-    S,
-    D,
-    T,
-    P,
-    X,
-    y,
-    m,
-    O,
-    F,
-    R
-  ]);
-  return q(() => {
-    let e = L == null ? void 0 : L.current;
-    e && e instanceof I(e).Element && I(e).getComputedStyle(e).touchAction === "auto" && (e.style.touchAction = "pan-x pan-y pinch-zoom");
-  }, [
-    L
-  ]), q(() => {
-    let e = k.current;
-    return () => {
-      var a;
-      T || A((a = e.target) !== null && a !== void 0 ? a : void 0);
-      for (let g of e.disposables) g();
-      e.disposables = [];
-    };
-  }, [
-    T
-  ]), {
-    isPressed: C || ie,
-    pressProps: te(ne, ae)
-  };
-}
-function G(n) {
-  return n.tagName === "A" && n.hasAttribute("href");
-}
-function H(n, i) {
-  const { key: o, code: l } = n, d = i, $ = d.getAttribute("role");
-  return (o === "Enter" || o === " " || o === "Spacebar" || l === "Space") && !(d instanceof I(d).HTMLInputElement && !re(d, o) || d instanceof I(d).HTMLTextAreaElement || d.isContentEditable) && // Links should only trigger with Enter key
-  !(($ === "link" || !$ && G(d)) && o !== "Enter");
-}
-function be(n) {
-  const { targetTouches: i } = n;
-  return i.length > 0 ? i[0] : null;
-}
-function Q(n, i) {
-  const o = n.changedTouches;
-  for (let l = 0; l < o.length; l++) {
-    const d = o[l];
-    if (d.identifier === i) return d;
-  }
-  return null;
-}
-function b(n, i) {
-  let o = 0, l = 0;
-  return i.targetTouches && i.targetTouches.length === 1 && (o = i.targetTouches[0].clientX, l = i.targetTouches[0].clientY), {
-    currentTarget: n,
-    shiftKey: i.shiftKey,
-    ctrlKey: i.ctrlKey,
-    metaKey: i.metaKey,
-    altKey: i.altKey,
-    clientX: o,
-    clientY: l
-  };
-}
-function M(n, i) {
-  let o = i.clientX, l = i.clientY;
-  return {
-    currentTarget: n,
-    shiftKey: i.shiftKey,
-    ctrlKey: i.ctrlKey,
-    metaKey: i.metaKey,
-    altKey: i.altKey,
-    clientX: o,
-    clientY: l
-  };
-}
-function Se(n) {
-  let i = 0, o = 0;
-  return n.width !== void 0 ? i = n.width / 2 : n.radiusX !== void 0 && (i = n.radiusX), n.height !== void 0 ? o = n.height / 2 : n.radiusY !== void 0 && (o = n.radiusY), {
-    top: n.clientY - o,
-    right: n.clientX + i,
-    bottom: n.clientY + o,
-    left: n.clientX - i
-  };
-}
-function xe(n, i) {
-  return !(n.left > i.right || i.left > n.right || n.top > i.bottom || i.top > n.bottom);
-}
-function Z(n, i) {
-  let o = i.getBoundingClientRect(), l = Se(n);
-  return xe(o, l);
-}
-function Ke(n) {
-  return n instanceof HTMLInputElement ? !1 : n instanceof HTMLButtonElement ? n.type !== "submit" && n.type !== "reset" : !G(n);
-}
-function ee(n, i) {
-  return n instanceof HTMLInputElement ? !re(n, i) : Ke(n);
-}
-const ke = /* @__PURE__ */ new Set([
-  "checkbox",
-  "radio",
-  "range",
-  "color",
-  "file",
-  "image",
-  "button",
-  "submit",
-  "reset"
-]);
-function re(n, i) {
-  return n.type === "checkbox" || n.type === "radio" ? i === " " : ke.has(n.type);
+  }), []);
+  return /* @__PURE__ */ a.createElement(t.Provider, {
+    value: r
+  }, e);
 }
 export {
-  We as usePress
+  n as ClearPressResponder
 };

package/index25.js

@@ -1,2 +1,2 @@
 "use client";
-"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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),B=require("radashi"),D=require("react"),w=require("react-aria"),H=require("react-hook-form"),K=require("react-stately"),V=require("./index96.js"),T=require("./index36.js"),C=require("./index6.js"),Q=require("./index23.js"),W=require("./index3.js"),U=require("./index49.js"),z=require("./index150.js"),G=require("./index151.js"),A=R=>{var O;const{name:h,placeholderLabel:g,disabled:e,required:b,isInvalid:f,hookFormRef:d,isError:l=!1,errorMessage:u,themeName:r="select",tokens:m,customTheme:I,label:q,onSelectionChange:j,defaultValue:v,value:$,icon:S,popoverMatchesWidth:N,options:c,...i}=R,o=D.useRef(),n=D.useRef(null),F=a=>{a&&(d==null||d(a),o.current=a)},k=c==null?void 0:c.filter(a=>{var P;return!((P=a.key)!=null&&P.includes("header-"))}),s=K.useSelectState({...i,children:U,selectedKey:$,defaultSelectedKey:v,items:k,onSelectionChange:j,isDisabled:e,isRequired:b,isInvalid:f}),{triggerProps:M,menuProps:p,labelProps:x,valueProps:L}=w.useSelect({...i,label:q,isDisabled:e,isRequired:b,isInvalid:f},s,F),{onPress:y,onPressStart:E,..._}=M;return t.jsxs(T.default,{themeName:`${r}.wrapper`,children:[q&&t.jsx(W.default,{...x,as:"label",themeName:`${r}.label`,children:q}),t.jsx(w.HiddenSelect,{state:s,triggerRef:n,name:h,isDisabled:!0}),t.jsxs(T.default,{themeName:`${r}.container`,children:[t.jsxs(C.ButtonWithForwardRef,{..._,handlePress:a=>{y==null||y(a),E==null||E(a)},ref:n,disabled:e,themeName:`${r}.button`,tokens:{...m,intent:l?"error":"default"},children:[t.jsx("span",{...L,children:s.selectedItem?s.selectedItem.rendered:g}),t.jsx(Q,{icon:S??"ArrowDown"})]}),s.isOpen&&n.current&&t.jsx(G,{tokens:m,state:s,triggerRef:n,placement:"bottom",themeName:`${r}.popover`,style:{[`--${r}-container-width`]:`${(O=n.current)==null?void 0:O.offsetWidth}px`},children:t.jsx(z.ListBox,{...p,themeName:r,state:s,optionsWithHeaders:c??[]})}),l&&t.jsx(W.default,{tokens:{...m,isError:l},themeName:`${r}.errorMessage`,children:u})]})]})},J=({id:R,name:h,label:g,rules:e,tokens:b,defaultValue:f,themeName:d="select",required:l,onChange:u,options:r,placeholderLabel:m,icon:I,popoverMatchesWidth:q,value:j,...v})=>{const{control:$}=H.useFormContext(),{t:S}=V.useTranslation(),N=()=>{const i=Object.entries(v).filter(([o,n])=>o.startsWith("aria-"));return Object.fromEntries(i)},c={required:l?S("FORM.ERROR.REQUIRED")??"required":!1,...e};return t.jsx(H.Controller,{name:h,control:$,rules:c,disabled:e==null?void 0:e.disabled,defaultValue:f??j,render:({field:i,fieldState:o})=>{var p;const{ref:n,...F}=i,k=!B.isEmpty(o.error),s={isDisabled:i.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,isError:k},M={...b,...s};return t.jsx(A,{...F,...s,...N(),id:R,hookFormRef:n,name:h,themeName:d,label:g,tokens:M,disabled:i.disabled,required:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:o.invalid,errorMessage:(p=o.error)==null?void 0:p.message,value:i.value,options:r,placeholderLabel:m,icon:I,popoverMatchesWidth:q,onSelectionChange:x=>{i.onChange(x),u==null||u(x)}})}})};exports.ReactHookFormSelect=J;exports.default=A;