@okam/stack-ui 1.34.0 → 1.35.0

package/index158.mjs

@@ -1,128 +1,27 @@
-import { createContext as O, useMemo as I, useContext as U, useState as f, useRef as T, useEffect as R } from "react";
-const D = {
-  badInput: !1,
-  customError: !1,
-  patternMismatch: !1,
-  rangeOverflow: !1,
-  rangeUnderflow: !1,
-  stepMismatch: !1,
-  tooLong: !1,
-  tooShort: !1,
-  typeMismatch: !1,
-  valueMissing: !1,
-  valid: !0
-}, L = {
-  ...D,
-  customError: !0,
-  valid: !1
-}, u = {
-  isInvalid: !1,
-  validationDetails: D,
-  validationErrors: []
-}, B = O({}), h = "__formValidationState" + Date.now();
-function P(a) {
-  if (a[h]) {
-    let { realtimeValidation: e, displayValidation: t, updateValidation: i, resetValidation: o, commitValidation: l } = a[h];
-    return {
-      realtimeValidation: e,
-      displayValidation: t,
-      updateValidation: i,
-      resetValidation: o,
-      commitValidation: l
-    };
+import { isShadowRoot as f } from "./index159.mjs";
+import { shadowDOM as o } from "./index160.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 Q(a);
+  return !1;
 }
-function Q(a) {
-  let { isInvalid: e, validationState: t, name: i, value: o, builtinValidation: l, validate: d, validationBehavior: n = "aria" } = a;
-  t && (e || (e = t === "invalid"));
-  let v = e !== void 0 ? {
-    isInvalid: e,
-    validationErrors: [],
-    validationDetails: L
-  } : null, V = I(() => {
-    if (!d || o == null) return null;
-    let r = Y(d, o);
-    return C(r);
-  }, [
-    d,
-    o
-  ]);
-  l != null && l.validationDetails.valid && (l = void 0);
-  let s = U(B), A = I(() => i ? Array.isArray(i) ? i.flatMap((r) => S(s[r])) : S(s[i]) : [], [
-    s,
-    i
-  ]), [M, _] = f(s), [x, m] = f(!1);
-  s !== M && (_(s), m(!1));
-  let $ = I(() => C(x ? [] : A), [
-    x,
-    A
-  ]), g = T(u), [b, E] = f(u), c = T(u), w = () => {
-    if (!F) return;
-    p(!1);
-    let r = V || l || g.current;
-    y(r, c.current) || (c.current = r, E(r));
-  }, [F, p] = f(!1);
-  return R(w), {
-    realtimeValidation: v || $ || V || l || u,
-    displayValidation: n === "native" ? v || $ || b : v || $ || V || l || b,
-    updateValidation(r) {
-      n === "aria" && !y(b, r) ? E(r) : g.current = r;
-    },
-    resetValidation() {
-      let r = u;
-      y(r, c.current) || (c.current = r, E(r)), n === "native" && p(!1), m(!0);
-    },
-    commitValidation() {
-      n === "native" && p(!0), m(!0);
-    }
-  };
-}
-function S(a) {
-  return a ? Array.isArray(a) ? a : [
-    a
-  ] : [];
-}
-function Y(a, e) {
-  if (typeof a == "function") {
-    let t = a(e);
-    if (t && typeof t != "boolean") return S(t);
-  }
-  return [];
-}
-function C(a) {
-  return a.length ? {
-    isInvalid: !0,
-    validationErrors: a,
-    validationDetails: L
-  } : null;
-}
-function y(a, e) {
-  return a === e ? !0 : !!a && !!e && a.isInvalid === e.isInvalid && a.validationErrors.length === e.validationErrors.length && a.validationErrors.every((t, i) => t === e.validationErrors[i]) && Object.entries(a.validationDetails).every(([t, i]) => e.validationDetails[t] === i);
-}
-function k(...a) {
-  let e = /* @__PURE__ */ new Set(), t = !1, i = {
-    ...D
-  };
-  for (let d of a) {
-    var o, l;
-    for (let n of d.validationErrors) e.add(n);
-    t || (t = d.isInvalid);
-    for (let n in i) (o = i)[l = n] || (o[l] = d.validationDetails[n]);
-  }
-  return i.valid = !t, {
-    isInvalid: t,
-    validationErrors: [
-      ...e
-    ],
-    validationDetails: i
-  };
+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 {
-  u as DEFAULT_VALIDATION_RESULT,
-  B as FormValidationContext,
-  D as VALID_VALIDITY_STATE,
-  k as mergeValidation,
-  h as privateValidationStateProp,
-  P as useFormValidationState
+  s as getActiveElement,
+  d as getEventTarget,
+  n as nodeContains
 };

package/index159.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index220.js"),f=require("react"),E=require("./index162.js"),v=require("./index183.js");function g(i,e,t){let{validationBehavior:s,focus:u}=i;E.useLayoutEffect(()=>{if(s==="native"&&(t!=null&&t.current)){let n=e.realtimeValidation.isInvalid?e.realtimeValidation.validationErrors.join(" ")||"Invalid value.":"";t.current.setCustomValidity(n),t.current.hasAttribute("title")||(t.current.title=""),e.realtimeValidation.isInvalid||e.updateValidation(h(t.current))}});let o=v.useEffectEvent(()=>{e.resetValidation()}),l=v.useEffectEvent(n=>{var a;e.displayValidation.isInvalid||e.commitValidation();let c=t==null||(a=t.current)===null||a===void 0?void 0:a.form;if(!n.defaultPrevented&&t&&c&&M(c)===t.current){var d;u?u():(d=t.current)===null||d===void 0||d.focus(),m.setInteractionModality("keyboard")}n.preventDefault()}),r=v.useEffectEvent(()=>{e.commitValidation()});f.useEffect(()=>{let n=t==null?void 0:t.current;if(!n)return;let a=n.form;return n.addEventListener("invalid",l),n.addEventListener("change",r),a==null||a.addEventListener("reset",o),()=>{n.removeEventListener("invalid",l),n.removeEventListener("change",r),a==null||a.removeEventListener("reset",o)}},[t,l,r,o,s])}function y(i){let e=i.validity;return{badInput:e.badInput,customError:e.customError,patternMismatch:e.patternMismatch,rangeOverflow:e.rangeOverflow,rangeUnderflow:e.rangeUnderflow,stepMismatch:e.stepMismatch,tooLong:e.tooLong,tooShort:e.tooShort,typeMismatch:e.typeMismatch,valueMissing:e.valueMissing,valid:e.valid}}function h(i){return{isInvalid:!i.validity.valid,validationDetails:y(i),validationErrors:i.validationMessage?[i.validationMessage]:[]}}function M(i){for(let e=0;e<i.elements.length;e++){let t=i.elements[e];if(!t.validity.valid)return t}return null}exports.useFormValidation=g;
+"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/index159.mjs

@@ -1,76 +1,15 @@
-import { setInteractionModality as m } from "./index220.mjs";
-import { useEffect as f } from "react";
-import { useLayoutEffect as $ } from "./index162.mjs";
-import { useEffectEvent as v } from "./index183.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));
-    }
-  });
-  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");
-    }
-    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);
-    };
-  }, [
-    e,
-    l,
-    r,
-    o,
-    s
-  ]);
+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 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 g(t) {
-  return {
-    isInvalid: !t.validity.valid,
-    validationDetails: p(t),
-    validationErrors: t.validationMessage ? [
-      t.validationMessage
-    ] : []
-  };
-}
-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 c(o) {
+  return d(o) && o.nodeType === Node.DOCUMENT_FRAGMENT_NODE && "host" in o;
 }
 export {
-  V as useFormValidation
+  t as getOwnerDocument,
+  e as getOwnerWindow,
+  c as isShadowRoot
 };

package/index16.js

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

package/index16.mjs

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

package/index160.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const w=require("./index334.js"),te=require("./index331.js"),re=require("./index335.js"),ne=require("./index205.js"),H=require("./index336.js"),ie=require("./index165.js"),S=require("./index166.js"),j=require("./index111.js"),X=require("./index169.js"),G=require("./index170.js"),se=require("./index173.js"),oe=require("./index177.js"),ae=require("./index171.js"),A=require("./index185.js"),C=require("./index183.js"),I=require("react");function ue(i){let s=I.useContext(te.PressResponderContext);if(s){let{register:a,...u}=s;i=j.mergeProps(u,i),a()}return oe.useSyncRef(s,i.ref),i}var Y=new WeakMap;class _{continuePropagation(){H._(this,Y,!1)}get shouldStopPropagation(){return re._(this,Y)}constructor(s,a,u,f){ne._(this,Y,{writable:!0,value:void 0}),H._(this,Y,!0);var T;let g=(T=f==null?void 0:f.target)!==null&&T!==void 0?T:u.currentTarget;const O=g==null?void 0:g.getBoundingClientRect();let P,D=0,d,L=null;u.clientX!=null&&u.clientY!=null&&(d=u.clientX,L=u.clientY),O&&(d!=null&&L!=null?(P=d-O.left,D=L-O.top):(P=O.width/2,D=O.height/2)),this.type=s,this.pointerType=a,this.target=u.currentTarget,this.shiftKey=u.shiftKey,this.metaKey=u.metaKey,this.ctrlKey=u.ctrlKey,this.altKey=u.altKey,this.x=P,this.y=D}}const V=Symbol("linkClicked");function le(i){let{onPress:s,onPressChange:a,onPressStart:u,onPressEnd:f,onPressUp:T,isDisabled:g,isPressed:O,preventFocusOnPress:P,shouldCancelOnPointerExit:D,allowTextSelectionOnPress:d,ref:L,...Q}=ue(i),[Z,F]=I.useState(!1),b=I.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,ignoreClickAfterPress:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null}),{addGlobalListener:m,removeAllGlobalListeners:M}=se.useGlobalListeners(),y=C.useEffectEvent((e,o)=>{let v=b.current;if(g||v.didFirePressStart)return!1;let n=!0;if(v.isTriggeringEvent=!0,u){let c=new _("pressstart",o,e);u(c),n=c.shouldStopPropagation}return a&&a(!0),v.isTriggeringEvent=!1,v.didFirePressStart=!0,F(!0),n}),p=C.useEffectEvent((e,o,v=!0)=>{let n=b.current;if(!n.didFirePressStart)return!1;n.ignoreClickAfterPress=!0,n.didFirePressStart=!1,n.isTriggeringEvent=!0;let c=!0;if(f){let t=new _("pressend",o,e);f(t),c=t.shouldStopPropagation}if(a&&a(!1),F(!1),s&&v&&!g){let t=new _("press",o,e);s(t),c&&(c=t.shouldStopPropagation)}return n.isTriggeringEvent=!1,c}),k=C.useEffectEvent((e,o)=>{let v=b.current;if(g)return!1;if(T){v.isTriggeringEvent=!0;let n=new _("pressup",o,e);return T(n),v.isTriggeringEvent=!1,n.shouldStopPropagation}return!0}),K=C.useEffectEvent(e=>{let o=b.current;o.isPressed&&o.target&&(o.isOverTarget&&o.pointerType!=null&&p(E(o.target,e),o.pointerType,!1),o.isPressed=!1,o.isOverTarget=!1,o.activePointerId=null,o.pointerType=null,M(),d||w.restoreTextSelection(o.target))}),q=C.useEffectEvent(e=>{D&&K(e)}),ee=I.useMemo(()=>{let e=b.current,o={onKeyDown(n){if(R(n.nativeEvent,n.currentTarget)&&n.currentTarget.contains(n.target)){var c;N(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 l=n.currentTarget,r=h=>{R(h,l)&&!h.repeat&&l.contains(h.target)&&e.target&&k(E(e.target,h),"keyboard")};m(S.getOwnerDocument(n.currentTarget),"keyup",ie.chain(r,v),!0)}t&&n.stopPropagation(),n.metaKey&&ae.isMac()&&((c=e.metaKeyEvents)===null||c===void 0||c.set(n.key,n.nativeEvent))}else n.key==="Meta"&&(e.metaKeyEvents=new Map)},onClick(n){if(!(n&&!n.currentTarget.contains(n.target))&&n&&n.button===0&&!e.isTriggeringEvent&&!G.openLink.isOpening){let c=!0;if(g&&n.preventDefault(),!e.ignoreClickAfterPress&&!e.ignoreEmulatedMouseEvents&&!e.isPressed&&(e.pointerType==="virtual"||A.isVirtualClick(n.nativeEvent))){!g&&!P&&X.focusWithoutScrolling(n.currentTarget);let t=y(n,"virtual"),l=k(n,"virtual"),r=p(n,"virtual");c=t&&l&&r}e.ignoreEmulatedMouseEvents=!1,e.ignoreClickAfterPress=!1,c&&n.stopPropagation()}}},v=n=>{var c;if(e.isPressed&&e.target&&R(n,e.target)){var t;N(n.target,n.key)&&n.preventDefault();let r=n.target;p(E(e.target,n),"keyboard",e.target.contains(r)),M(),n.key!=="Enter"&&W(e.target)&&e.target.contains(r)&&!n[V]&&(n[V]=!0,G.openLink(e.target,n,!1)),e.isPressed=!1,(t=e.metaKeyEvents)===null||t===void 0||t.delete(n.key)}else if(n.key==="Meta"&&(!((c=e.metaKeyEvents)===null||c===void 0)&&c.size)){var l;let r=e.metaKeyEvents;e.metaKeyEvents=void 0;for(let h of r.values())(l=e.target)===null||l===void 0||l.dispatchEvent(new KeyboardEvent("keyup",h))}};if(typeof PointerEvent<"u"){o.onPointerDown=r=>{if(r.button!==0||!r.currentTarget.contains(r.target))return;if(A.isVirtualPointerEvent(r.nativeEvent)){e.pointerType="virtual";return}U(r.currentTarget)&&r.preventDefault(),e.pointerType=r.pointerType;let h=!0;e.isPressed||(e.isPressed=!0,e.isOverTarget=!0,e.activePointerId=r.pointerId,e.target=r.currentTarget,!g&&!P&&X.focusWithoutScrolling(r.currentTarget),d||w.disableTextSelection(e.target),h=y(r,e.pointerType),m(S.getOwnerDocument(r.currentTarget),"pointermove",n,!1),m(S.getOwnerDocument(r.currentTarget),"pointerup",c,!1),m(S.getOwnerDocument(r.currentTarget),"pointercancel",l,!1)),h&&r.stopPropagation()},o.onMouseDown=r=>{r.currentTarget.contains(r.target)&&r.button===0&&(U(r.currentTarget)&&r.preventDefault(),r.stopPropagation())},o.onPointerUp=r=>{!r.currentTarget.contains(r.target)||e.pointerType==="virtual"||r.button===0&&x(r,r.currentTarget)&&k(r,e.pointerType||r.pointerType)};let n=r=>{r.pointerId===e.activePointerId&&(e.target&&x(r,e.target)?!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,y(E(e.target,r),e.pointerType)):e.target&&e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,p(E(e.target,r),e.pointerType,!1),q(r)))},c=r=>{r.pointerId===e.activePointerId&&e.isPressed&&r.button===0&&e.target&&(x(r,e.target)&&e.pointerType!=null?p(E(e.target,r),e.pointerType):e.isOverTarget&&e.pointerType!=null&&p(E(e.target,r),e.pointerType,!1),e.isPressed=!1,e.isOverTarget=!1,e.activePointerId=null,e.pointerType=null,M(),d||w.restoreTextSelection(e.target),"ontouchend"in e.target&&r.pointerType!=="mouse"&&m(e.target,"touchend",t,{once:!0}))},t=r=>{z(r.currentTarget)&&r.preventDefault()},l=r=>{K(r)};o.onDragStart=r=>{r.currentTarget.contains(r.target)&&K(r)}}else{o.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=A.isVirtualClick(t.nativeEvent)?"virtual":"mouse",!g&&!P&&X.focusWithoutScrolling(t.currentTarget),y(t,e.pointerType)&&t.stopPropagation(),m(S.getOwnerDocument(t.currentTarget),"mouseup",n,!1)},o.onMouseEnter=t=>{if(!t.currentTarget.contains(t.target))return;let l=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!0,l=y(t,e.pointerType)),l&&t.stopPropagation()},o.onMouseLeave=t=>{if(!t.currentTarget.contains(t.target))return;let l=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!1,l=p(t,e.pointerType,!1),q(t)),l&&t.stopPropagation()},o.onMouseUp=t=>{t.currentTarget.contains(t.target)&&!e.ignoreEmulatedMouseEvents&&t.button===0&&k(t,e.pointerType||"mouse")};let n=t=>{if(t.button===0){if(e.isPressed=!1,M(),e.ignoreEmulatedMouseEvents){e.ignoreEmulatedMouseEvents=!1;return}e.target&&x(t,e.target)&&e.pointerType!=null?p(E(e.target,t),e.pointerType):e.target&&e.isOverTarget&&e.pointerType!=null&&p(E(e.target,t),e.pointerType,!1),e.isOverTarget=!1}};o.onTouchStart=t=>{if(!t.currentTarget.contains(t.target))return;let l=ce(t.nativeEvent);if(!l)return;e.activePointerId=l.identifier,e.ignoreEmulatedMouseEvents=!0,e.isOverTarget=!0,e.isPressed=!0,e.target=t.currentTarget,e.pointerType="touch",!g&&!P&&X.focusWithoutScrolling(t.currentTarget),d||w.disableTextSelection(e.target),y($(e.target,t),e.pointerType)&&t.stopPropagation(),m(S.getOwnerWindow(t.currentTarget),"scroll",c,!0)},o.onTouchMove=t=>{if(!t.currentTarget.contains(t.target))return;if(!e.isPressed){t.stopPropagation();return}let l=B(t.nativeEvent,e.activePointerId),r=!0;l&&x(l,t.currentTarget)?!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,r=y($(e.target,t),e.pointerType)):e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,r=p($(e.target,t),e.pointerType,!1),q($(e.target,t))),r&&t.stopPropagation()},o.onTouchEnd=t=>{if(!t.currentTarget.contains(t.target))return;if(!e.isPressed){t.stopPropagation();return}let l=B(t.nativeEvent,e.activePointerId),r=!0;l&&x(l,t.currentTarget)&&e.pointerType!=null?(k($(e.target,t),e.pointerType),r=p($(e.target,t),e.pointerType)):e.isOverTarget&&e.pointerType!=null&&(r=p($(e.target,t),e.pointerType,!1)),r&&t.stopPropagation(),e.isPressed=!1,e.activePointerId=null,e.isOverTarget=!1,e.ignoreEmulatedMouseEvents=!0,e.target&&!d&&w.restoreTextSelection(e.target),M()},o.onTouchCancel=t=>{t.currentTarget.contains(t.target)&&(t.stopPropagation(),e.isPressed&&K($(e.target,t)))};let c=t=>{e.isPressed&&t.target.contains(e.target)&&K({currentTarget:e.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};o.onDragStart=t=>{t.currentTarget.contains(t.target)&&K(t)}}return o},[m,g,P,M,d,K,q,p,y,k]);return I.useEffect(()=>()=>{var e;d||w.restoreTextSelection((e=b.current.target)!==null&&e!==void 0?e:void 0)},[d]),{isPressed:O||Z,pressProps:j.mergeProps(Q,ee)}}function W(i){return i.tagName==="A"&&i.hasAttribute("href")}function R(i,s){const{key:a,code:u}=i,f=s,T=f.getAttribute("role");return(a==="Enter"||a===" "||a==="Spacebar"||u==="Space")&&!(f instanceof S.getOwnerWindow(f).HTMLInputElement&&!J(f,a)||f instanceof S.getOwnerWindow(f).HTMLTextAreaElement||f.isContentEditable)&&!((T==="link"||!T&&W(f))&&a!=="Enter")}function ce(i){const{targetTouches:s}=i;return s.length>0?s[0]:null}function B(i,s){const a=i.changedTouches;for(let u=0;u<a.length;u++){const f=a[u];if(f.identifier===s)return f}return null}function $(i,s){let a=0,u=0;return s.targetTouches&&s.targetTouches.length===1&&(a=s.targetTouches[0].clientX,u=s.targetTouches[0].clientY),{currentTarget:i,shiftKey:s.shiftKey,ctrlKey:s.ctrlKey,metaKey:s.metaKey,altKey:s.altKey,clientX:a,clientY:u}}function E(i,s){let a=s.clientX,u=s.clientY;return{currentTarget:i,shiftKey:s.shiftKey,ctrlKey:s.ctrlKey,metaKey:s.metaKey,altKey:s.altKey,clientX:a,clientY:u}}function fe(i){let s=0,a=0;return i.width!==void 0?s=i.width/2:i.radiusX!==void 0&&(s=i.radiusX),i.height!==void 0?a=i.height/2:i.radiusY!==void 0&&(a=i.radiusY),{top:i.clientY-a,right:i.clientX+s,bottom:i.clientY+a,left:i.clientX-s}}function ge(i,s){return!(i.left>s.right||s.left>i.right||i.top>s.bottom||s.top>i.bottom)}function x(i,s){let a=s.getBoundingClientRect(),u=fe(i);return ge(a,u)}function U(i){return!(i instanceof HTMLElement)||!i.hasAttribute("draggable")}function z(i){return i instanceof HTMLInputElement?!1:i instanceof HTMLButtonElement?i.type!=="submit"&&i.type!=="reset":!W(i)}function N(i,s){return i instanceof HTMLInputElement?!J(i,s):z(i)}const pe=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function J(i,s){return i.type==="checkbox"||i.type==="radio"?s===" ":pe.has(i.type)}exports.usePress=le;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let e=!1;function t(){return e}exports.shadowDOM=t;