@okam/stack-ui 1.32.4 → 1.32.6

package/index159.mjs

@@ -1,76 +1,352 @@
-import { setInteractionModality as m } from "./index230.mjs";
-import { useEffect as f } from "react";
-import { useLayoutEffect as $ } from "./index172.mjs";
-import { useEffectEvent as v } from "./index300.mjs";
-function V(t, i, e) {
-  let { validationBehavior: s, focus: u } = t;
-  $(() => {
-    if (s === "native" && (e != null && e.current)) {
-      let a = i.realtimeValidation.isInvalid ? i.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
-      e.current.setCustomValidity(a), e.current.hasAttribute("title") || (e.current.title = ""), i.realtimeValidation.isInvalid || i.updateValidation(g(e.current));
+import { restoreTextSelection as L, disableTextSelection as G } from "./index340.mjs";
+import { PressResponderContext as re } from "./index338.mjs";
+import { _ as ne } from "./index341.mjs";
+import { _ as ie } from "./index187.mjs";
+import { _ as B } from "./index342.mjs";
+import { chain as ae } from "./index272.mjs";
+import { getOwnerDocument as w, getOwnerWindow as R } from "./index273.mjs";
+import { mergeProps as q } from "./index156.mjs";
+import { focusWithoutScrolling as X } from "./index202.mjs";
+import { openLink as V } from "./index275.mjs";
+import { useGlobalListeners as se } from "./index277.mjs";
+import { useSyncRef as oe } from "./index280.mjs";
+import { isMac as le } from "./index179.mjs";
+import { isVirtualPointerEvent as ue, isVirtualClick as W } from "./index284.mjs";
+import { useEffectEvent as C } from "./index283.mjs";
+import { useState as fe, useRef as ce, useMemo as pe, useEffect as ge, useContext as de } from "react";
+function Te(i) {
+  let a = de(re);
+  if (a) {
+    let { register: o, ...l } = a;
+    i = q(l, i), o();
+  }
+  return oe(a, i.ref), i;
+}
+var Y = /* @__PURE__ */ new WeakMap();
+class _ {
+  continuePropagation() {
+    B(this, Y, !1);
+  }
+  get shouldStopPropagation() {
+    return ne(this, Y);
+  }
+  constructor(a, o, l, c) {
+    ie(this, Y, {
+      writable: !0,
+      value: void 0
+    }), B(this, Y, !0);
+    var v;
+    let p = (v = c == null ? void 0 : c.target) !== null && v !== void 0 ? v : l.currentTarget;
+    const E = p == null ? void 0 : p.getBoundingClientRect();
+    let P, k = 0, d, D = null;
+    l.clientX != null && l.clientY != null && (d = l.clientX, D = l.clientY), E && (d != null && D != null ? (P = d - E.left, k = D - E.top) : (P = E.width / 2, k = E.height / 2)), this.type = a, 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 = P, this.y = k;
+  }
+}
+const N = Symbol("linkClicked");
+function Ye(i) {
+  let {
+    onPress: a,
+    onPressChange: o,
+    onPressStart: l,
+    onPressEnd: c,
+    onPressUp: v,
+    isDisabled: p,
+    isPressed: E,
+    preventFocusOnPress: P,
+    shouldCancelOnPointerExit: k,
+    allowTextSelectionOnPress: d,
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    ref: D,
+    ...Z
+  } = Te(i), [ee, H] = fe(!1), K = ce({
+    isPressed: !1,
+    ignoreEmulatedMouseEvents: !1,
+    ignoreClickAfterPress: !1,
+    didFirePressStart: !1,
+    isTriggeringEvent: !1,
+    activePointerId: null,
+    target: null,
+    isOverTarget: !1,
+    pointerType: null
+  }), { addGlobalListener: m, removeAllGlobalListeners: x } = se(), y = C((e, s) => {
+    let T = K.current;
+    if (p || T.didFirePressStart) return !1;
+    let n = !0;
+    if (T.isTriggeringEvent = !0, l) {
+      let f = new _("pressstart", s, e);
+      l(f), n = f.shouldStopPropagation;
+    }
+    return o && o(!0), T.isTriggeringEvent = !1, T.didFirePressStart = !0, H(!0), n;
+  }), g = C((e, s, T = !0) => {
+    let n = K.current;
+    if (!n.didFirePressStart) return !1;
+    n.ignoreClickAfterPress = !0, n.didFirePressStart = !1, n.isTriggeringEvent = !0;
+    let f = !0;
+    if (c) {
+      let t = new _("pressend", s, e);
+      c(t), f = t.shouldStopPropagation;
     }
-  });
-  let o = v(() => {
-    i.resetValidation();
-  }), l = v((a) => {
-    var n;
-    i.displayValidation.isInvalid || i.commitValidation();
-    let c = e == null || (n = e.current) === null || n === void 0 ? void 0 : n.form;
-    if (!a.defaultPrevented && e && c && h(c) === e.current) {
-      var d;
-      u ? u() : (d = e.current) === null || d === void 0 || d.focus(), m("keyboard");
+    if (o && o(!1), H(!1), a && T && !p) {
+      let t = new _("press", s, e);
+      a(t), f && (f = t.shouldStopPropagation);
     }
-    a.preventDefault();
-  }), r = v(() => {
-    i.commitValidation();
-  });
-  f(() => {
-    let a = e == null ? void 0 : e.current;
-    if (!a) return;
-    let n = a.form;
-    return a.addEventListener("invalid", l), a.addEventListener("change", r), n == null || n.addEventListener("reset", o), () => {
-      a.removeEventListener("invalid", l), a.removeEventListener("change", r), n == null || n.removeEventListener("reset", o);
+    return n.isTriggeringEvent = !1, f;
+  }), O = C((e, s) => {
+    let T = K.current;
+    if (p) return !1;
+    if (v) {
+      T.isTriggeringEvent = !0;
+      let n = new _("pressup", s, e);
+      return v(n), T.isTriggeringEvent = !1, n.shouldStopPropagation;
+    }
+    return !0;
+  }), S = C((e) => {
+    let s = K.current;
+    s.isPressed && s.target && (s.isOverTarget && s.pointerType != null && g(h(s.target, e), s.pointerType, !1), s.isPressed = !1, s.isOverTarget = !1, s.activePointerId = null, s.pointerType = null, x(), d || L(s.target));
+  }), I = C((e) => {
+    k && S(e);
+  }), te = pe(() => {
+    let e = K.current, s = {
+      onKeyDown(n) {
+        if (A(n.nativeEvent, n.currentTarget) && n.currentTarget.contains(n.target)) {
+          var f;
+          j(n.target, n.key) && n.preventDefault();
+          let t = !0;
+          if (!e.isPressed && !n.repeat) {
+            e.target = n.currentTarget, e.isPressed = !0, t = y(n, "keyboard");
+            let u = n.currentTarget, r = ($) => {
+              A($, u) && !$.repeat && u.contains($.target) && e.target && O(h(e.target, $), "keyboard");
+            };
+            m(w(n.currentTarget), "keyup", ae(r, T), !0);
+          }
+          t && n.stopPropagation(), n.metaKey && le() && ((f = e.metaKeyEvents) === null || f === void 0 || f.set(n.key, n.nativeEvent));
+        } else n.key === "Meta" && (e.metaKeyEvents = /* @__PURE__ */ new Map());
+      },
+      onClick(n) {
+        if (!(n && !n.currentTarget.contains(n.target)) && n && n.button === 0 && !e.isTriggeringEvent && !V.isOpening) {
+          let f = !0;
+          if (p && n.preventDefault(), !e.ignoreClickAfterPress && !e.ignoreEmulatedMouseEvents && !e.isPressed && (e.pointerType === "virtual" || W(n.nativeEvent))) {
+            !p && !P && X(n.currentTarget);
+            let t = y(n, "virtual"), u = O(n, "virtual"), r = g(n, "virtual");
+            f = t && u && r;
+          }
+          e.ignoreEmulatedMouseEvents = !1, e.ignoreClickAfterPress = !1, f && n.stopPropagation();
+        }
+      }
+    }, T = (n) => {
+      var f;
+      if (e.isPressed && e.target && A(n, e.target)) {
+        var t;
+        j(n.target, n.key) && n.preventDefault();
+        let r = n.target;
+        g(h(e.target, n), "keyboard", e.target.contains(r)), x(), n.key !== "Enter" && F(e.target) && e.target.contains(r) && !n[N] && (n[N] = !0, V(e.target, n, !1)), e.isPressed = !1, (t = e.metaKeyEvents) === null || t === void 0 || t.delete(n.key);
+      } else if (n.key === "Meta" && (!((f = e.metaKeyEvents) === null || f === void 0) && f.size)) {
+        var u;
+        let r = e.metaKeyEvents;
+        e.metaKeyEvents = void 0;
+        for (let $ of r.values()) (u = e.target) === null || u === void 0 || u.dispatchEvent(new KeyboardEvent("keyup", $));
+      }
     };
+    if (typeof PointerEvent < "u") {
+      s.onPointerDown = (r) => {
+        if (r.button !== 0 || !r.currentTarget.contains(r.target)) return;
+        if (ue(r.nativeEvent)) {
+          e.pointerType = "virtual";
+          return;
+        }
+        U(r.currentTarget) && r.preventDefault(), e.pointerType = r.pointerType;
+        let $ = !0;
+        e.isPressed || (e.isPressed = !0, e.isOverTarget = !0, e.activePointerId = r.pointerId, e.target = r.currentTarget, !p && !P && X(r.currentTarget), d || G(e.target), $ = y(r, e.pointerType), m(w(r.currentTarget), "pointermove", n, !1), m(w(r.currentTarget), "pointerup", f, !1), m(w(r.currentTarget), "pointercancel", u, !1)), $ && r.stopPropagation();
+      }, s.onMouseDown = (r) => {
+        r.currentTarget.contains(r.target) && r.button === 0 && (U(r.currentTarget) && r.preventDefault(), r.stopPropagation());
+      }, s.onPointerUp = (r) => {
+        !r.currentTarget.contains(r.target) || e.pointerType === "virtual" || r.button === 0 && M(r, r.currentTarget) && O(r, e.pointerType || r.pointerType);
+      };
+      let n = (r) => {
+        r.pointerId === e.activePointerId && (e.target && M(r, e.target) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, y(h(e.target, r), e.pointerType)) : e.target && e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, g(h(e.target, r), e.pointerType, !1), I(r)));
+      }, f = (r) => {
+        r.pointerId === e.activePointerId && e.isPressed && r.button === 0 && e.target && (M(r, e.target) && e.pointerType != null ? g(h(e.target, r), e.pointerType) : e.isOverTarget && e.pointerType != null && g(h(e.target, r), e.pointerType, !1), e.isPressed = !1, e.isOverTarget = !1, e.activePointerId = null, e.pointerType = null, x(), d || L(e.target), "ontouchend" in e.target && r.pointerType !== "mouse" && m(e.target, "touchend", t, {
+          once: !0
+        }));
+      }, t = (r) => {
+        J(r.currentTarget) && r.preventDefault();
+      }, u = (r) => {
+        S(r);
+      };
+      s.onDragStart = (r) => {
+        r.currentTarget.contains(r.target) && S(r);
+      };
+    } else {
+      s.onMouseDown = (t) => {
+        if (t.button !== 0 || !t.currentTarget.contains(t.target)) return;
+        if (U(t.currentTarget) && t.preventDefault(), e.ignoreEmulatedMouseEvents) {
+          t.stopPropagation();
+          return;
+        }
+        e.isPressed = !0, e.isOverTarget = !0, e.target = t.currentTarget, e.pointerType = W(t.nativeEvent) ? "virtual" : "mouse", !p && !P && X(t.currentTarget), y(t, e.pointerType) && t.stopPropagation(), m(w(t.currentTarget), "mouseup", n, !1);
+      }, s.onMouseEnter = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        let u = !0;
+        e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !0, u = y(t, e.pointerType)), u && t.stopPropagation();
+      }, s.onMouseLeave = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        let u = !0;
+        e.isPressed && !e.ignoreEmulatedMouseEvents && e.pointerType != null && (e.isOverTarget = !1, u = g(t, e.pointerType, !1), I(t)), u && t.stopPropagation();
+      }, s.onMouseUp = (t) => {
+        t.currentTarget.contains(t.target) && !e.ignoreEmulatedMouseEvents && t.button === 0 && O(t, e.pointerType || "mouse");
+      };
+      let n = (t) => {
+        if (t.button === 0) {
+          if (e.isPressed = !1, x(), e.ignoreEmulatedMouseEvents) {
+            e.ignoreEmulatedMouseEvents = !1;
+            return;
+          }
+          e.target && M(t, e.target) && e.pointerType != null ? g(h(e.target, t), e.pointerType) : e.target && e.isOverTarget && e.pointerType != null && g(h(e.target, t), e.pointerType, !1), e.isOverTarget = !1;
+        }
+      };
+      s.onTouchStart = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        let u = ve(t.nativeEvent);
+        if (!u) return;
+        e.activePointerId = u.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, e.target = t.currentTarget, e.pointerType = "touch", !p && !P && X(t.currentTarget), d || G(e.target), y(b(e.target, t), e.pointerType) && t.stopPropagation(), m(R(t.currentTarget), "scroll", f, !0);
+      }, s.onTouchMove = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        if (!e.isPressed) {
+          t.stopPropagation();
+          return;
+        }
+        let u = z(t.nativeEvent, e.activePointerId), r = !0;
+        u && M(u, t.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, r = y(b(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, r = g(b(e.target, t), e.pointerType, !1), I(b(e.target, t))), r && t.stopPropagation();
+      }, s.onTouchEnd = (t) => {
+        if (!t.currentTarget.contains(t.target)) return;
+        if (!e.isPressed) {
+          t.stopPropagation();
+          return;
+        }
+        let u = z(t.nativeEvent, e.activePointerId), r = !0;
+        u && M(u, t.currentTarget) && e.pointerType != null ? (O(b(e.target, t), e.pointerType), r = g(b(e.target, t), e.pointerType)) : e.isOverTarget && e.pointerType != null && (r = g(b(e.target, t), e.pointerType, !1)), r && t.stopPropagation(), e.isPressed = !1, e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !d && L(e.target), x();
+      }, s.onTouchCancel = (t) => {
+        t.currentTarget.contains(t.target) && (t.stopPropagation(), e.isPressed && S(b(e.target, t)));
+      };
+      let f = (t) => {
+        e.isPressed && t.target.contains(e.target) && S({
+          currentTarget: e.target,
+          shiftKey: !1,
+          ctrlKey: !1,
+          metaKey: !1,
+          altKey: !1
+        });
+      };
+      s.onDragStart = (t) => {
+        t.currentTarget.contains(t.target) && S(t);
+      };
+    }
+    return s;
   }, [
-    e,
-    l,
-    r,
-    o,
-    s
+    m,
+    p,
+    P,
+    x,
+    d,
+    S,
+    I,
+    g,
+    y,
+    O
   ]);
+  return ge(() => () => {
+    var e;
+    d || L((e = K.current.target) !== null && e !== void 0 ? e : void 0);
+  }, [
+    d
+  ]), {
+    isPressed: E || ee,
+    pressProps: q(Z, te)
+  };
 }
-function p(t) {
-  let i = t.validity;
-  return {
-    badInput: i.badInput,
-    customError: i.customError,
-    patternMismatch: i.patternMismatch,
-    rangeOverflow: i.rangeOverflow,
-    rangeUnderflow: i.rangeUnderflow,
-    stepMismatch: i.stepMismatch,
-    tooLong: i.tooLong,
-    tooShort: i.tooShort,
-    typeMismatch: i.typeMismatch,
-    valueMissing: i.valueMissing,
-    valid: i.valid
+function F(i) {
+  return i.tagName === "A" && i.hasAttribute("href");
+}
+function A(i, a) {
+  const { key: o, code: l } = i, c = a, v = c.getAttribute("role");
+  return (o === "Enter" || o === " " || o === "Spacebar" || l === "Space") && !(c instanceof R(c).HTMLInputElement && !Q(c, o) || c instanceof R(c).HTMLTextAreaElement || c.isContentEditable) && // Links should only trigger with Enter key
+  !((v === "link" || !v && F(c)) && o !== "Enter");
+}
+function ve(i) {
+  const { targetTouches: a } = i;
+  return a.length > 0 ? a[0] : null;
+}
+function z(i, a) {
+  const o = i.changedTouches;
+  for (let l = 0; l < o.length; l++) {
+    const c = o[l];
+    if (c.identifier === a) return c;
+  }
+  return null;
+}
+function b(i, a) {
+  let o = 0, l = 0;
+  return a.targetTouches && a.targetTouches.length === 1 && (o = a.targetTouches[0].clientX, l = a.targetTouches[0].clientY), {
+    currentTarget: i,
+    shiftKey: a.shiftKey,
+    ctrlKey: a.ctrlKey,
+    metaKey: a.metaKey,
+    altKey: a.altKey,
+    clientX: o,
+    clientY: l
   };
 }
-function g(t) {
+function h(i, a) {
+  let o = a.clientX, l = a.clientY;
   return {
-    isInvalid: !t.validity.valid,
-    validationDetails: p(t),
-    validationErrors: t.validationMessage ? [
-      t.validationMessage
-    ] : []
+    currentTarget: i,
+    shiftKey: a.shiftKey,
+    ctrlKey: a.ctrlKey,
+    metaKey: a.metaKey,
+    altKey: a.altKey,
+    clientX: o,
+    clientY: l
   };
 }
-function h(t) {
-  for (let i = 0; i < t.elements.length; i++) {
-    let e = t.elements[i];
-    if (!e.validity.valid) return e;
-  }
-  return null;
+function Pe(i) {
+  let a = 0, o = 0;
+  return i.width !== void 0 ? a = i.width / 2 : i.radiusX !== void 0 && (a = i.radiusX), i.height !== void 0 ? o = i.height / 2 : i.radiusY !== void 0 && (o = i.radiusY), {
+    top: i.clientY - o,
+    right: i.clientX + a,
+    bottom: i.clientY + o,
+    left: i.clientX - a
+  };
+}
+function ye(i, a) {
+  return !(i.left > a.right || a.left > i.right || i.top > a.bottom || a.top > i.bottom);
+}
+function M(i, a) {
+  let o = a.getBoundingClientRect(), l = Pe(i);
+  return ye(o, l);
+}
+function U(i) {
+  return !(i instanceof HTMLElement) || !i.hasAttribute("draggable");
+}
+function J(i) {
+  return i instanceof HTMLInputElement ? !1 : i instanceof HTMLButtonElement ? i.type !== "submit" && i.type !== "reset" : !F(i);
+}
+function j(i, a) {
+  return i instanceof HTMLInputElement ? !Q(i, a) : J(i);
+}
+const $e = /* @__PURE__ */ new Set([
+  "checkbox",
+  "radio",
+  "range",
+  "color",
+  "file",
+  "image",
+  "button",
+  "submit",
+  "reset"
+]);
+function Q(i, a) {
+  return i.type === "checkbox" || i.type === "radio" ? a === " " : $e.has(i.type);
 }
 export {
-  V as useFormValidation
+  Ye as usePress
 };

package/index16.js

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