@okam/stack-ui 1.38.1 → 1.39.0

package/index168.mjs

@@ -1,50 +1,52 @@
-import a, { useContext as d, useState as f, useRef as l } from "react";
-const c = {
-  prefix: String(Math.round(Math.random() * 1e10)),
-  current: 0
-}, $ = /* @__PURE__ */ a.createContext(c), p = /* @__PURE__ */ a.createContext(!1);
-let v = !!(typeof window < "u" && window.document && window.document.createElement), s = /* @__PURE__ */ new WeakMap();
-function S(t = !1) {
-  let e = d($), r = l(null);
-  if (r.current === null && !t) {
-    var n, u;
-    let o = (u = a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || u === void 0 || (n = u.ReactCurrentOwner) === null || n === void 0 ? void 0 : n.current;
-    if (o) {
-      let i = s.get(o);
-      i == null ? s.set(o, {
-        id: e.current,
-        state: o.memoizedState
-      }) : o.memoizedState !== i.state && (e.current = i.id, s.delete(o));
-    }
-    r.current = ++e.current;
-  }
-  return r.current;
-}
-function b(t) {
-  let e = d($);
-  e === c && !v && process.env.NODE_ENV !== "production" && console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
-  let r = S(!!t), n = e === c && process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${e.prefix}`;
-  return t || `${n}-${r}`;
-}
-function x(t) {
-  let e = a.useId(), [r] = f(y()), n = r || process.env.NODE_ENV === "test" ? "react-aria" : `react-aria${c.prefix}`;
-  return t || `${n}-${e}`;
-}
-const C = typeof a.useId == "function" ? x : b;
-function m() {
-  return !1;
-}
-function w() {
-  return !0;
-}
-function g(t) {
-  return () => {
+"use client";
+import { jsx as i } from "react/jsx-runtime";
+import { isSameDay as p, getDayOfWeek as O } from "./index206.mjs";
+import { useFocusRing as W } from "@react-aria/focus";
+import { mergeProps as v } from "./index134.mjs";
+import { useRef as B } from "react";
+import { useCalendarCell as I, useLocale as L } from "react-aria";
+import $, { BoxWithForwardRef as V } from "./index28.mjs";
+function z(c) {
+  const { themeName: a = "calendar", tokens: b, state: s, date: t } = c, l = B(null), {
+    isUnavailable: D,
+    cellProps: R,
+    buttonProps: k,
+    isSelected: o,
+    isOutsideVisibleRange: r,
+    isDisabled: x,
+    formattedDate: g,
+    isInvalid: y
+  } = I(c, s, l), e = s == null ? void 0 : s.highlightedRange, d = e == null ? void 0 : e.start, f = e == null ? void 0 : e.end, m = e && d ? p(t, d) : o, u = e && f ? p(t, f) : o, { locale: C } = L(), h = O(t, C), S = o && (m || h === 0 || t.day === 1), N = o && (u || h === 6 || t.day === t.calendar.getDaysInMonth(t)), { focusProps: P, isFocusVisible: F } = W(), n = {
+    isInvalid: y,
+    isDisabled: x,
+    isUnavailable: D,
+    isSelected: o,
+    isFocusVisible: F,
+    isOutsideVisibleRange: r,
+    ...b
   };
-}
-function y() {
-  return typeof a.useSyncExternalStore == "function" ? a.useSyncExternalStore(g, m, w) : d(p);
+  return /* @__PURE__ */ i(
+    $,
+    {
+      as: "td",
+      ...R,
+      "aria-disabled": !1,
+      themeName: `${a}.cellContainer`,
+      tokens: n,
+      children: /* @__PURE__ */ i(
+        V,
+        {
+          ...v(k, P),
+          ref: l,
+          "aria-hidden": r,
+          themeName: `${a}.cell`,
+          tokens: { ...n, isRoundedLeft: S, isRoundedRight: N },
+          children: /* @__PURE__ */ i($, { themeName: `${a}.cellDate`, tokens: { ...n, isSelectionStart: m, isSelectionEnd: u }, children: g })
+        }
+      )
+    }
+  );
 }
 export {
-  y as useIsSSR,
-  C as useSSRSafeId
+  z as default
 };

package/index169.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function o(...t){return(...f)=>{for(let e of t)typeof e=="function"&&e(...f)}}exports.chain=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react"),v={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},x={...v,customError:!0,valid:!1},c={isInvalid:!1,validationDetails:v,validationErrors:[]},h=n.createContext({}),I="__formValidationState"+Date.now();function R(e){if(e[I]){let{realtimeValidation:a,displayValidation:t,updateValidation:i,resetValidation:d,commitValidation:l}=e[I];return{realtimeValidation:a,displayValidation:t,updateValidation:i,resetValidation:d,commitValidation:l}}return w(e)}function w(e){let{isInvalid:a,validationState:t,name:i,value:d,builtinValidation:l,validate:s,validationBehavior:o="aria"}=e;t&&(a||(a=t==="invalid"));let V=a!==void 0?{isInvalid:a,validationErrors:[],validationDetails:x}:null,m=n.useMemo(()=>{if(!s||d==null)return null;let r=F(s,d);return T(r)},[s,d]);l!=null&&l.validationDetails.valid&&(l=void 0);let u=n.useContext(h),A=n.useMemo(()=>i?Array.isArray(i)?i.flatMap(r=>D(u[r])):D(u[i]):[],[u,i]),[C,L]=n.useState(u),[g,$]=n.useState(!1);u!==C&&(L(u),$(!1));let b=n.useMemo(()=>T(g?[]:A),[g,A]),M=n.useRef(c),[E,p]=n.useState(c),f=n.useRef(c),_=()=>{if(!O)return;S(!1);let r=m||l||M.current;y(r,f.current)||(f.current=r,p(r))},[O,S]=n.useState(!1);return n.useEffect(_),{realtimeValidation:V||b||m||l||c,displayValidation:o==="native"?V||b||E:V||b||m||l||E,updateValidation(r){o==="aria"&&!y(E,r)?p(r):M.current=r},resetValidation(){let r=c;y(r,f.current)||(f.current=r,p(r)),o==="native"&&S(!1),$(!0)},commitValidation(){o==="native"&&S(!0),$(!0)}}}function D(e){return e?Array.isArray(e)?e:[e]:[]}function F(e,a){if(typeof e=="function"){let t=e(a);if(t&&typeof t!="boolean")return D(t)}return[]}function T(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:x}:null}function y(e,a){return e===a?!0:!!e&&!!a&&e.isInvalid===a.isInvalid&&e.validationErrors.length===a.validationErrors.length&&e.validationErrors.every((t,i)=>t===a.validationErrors[i])&&Object.entries(e.validationDetails).every(([t,i])=>a.validationDetails[t]===i)}function U(...e){let a=new Set,t=!1,i={...v};for(let s of e){var d,l;for(let o of s.validationErrors)a.add(o);t||(t=s.isInvalid);for(let o in i)(d=i)[l=o]||(d[l]=s.validationDetails[o])}return i.valid=!t,{isInvalid:t,validationErrors:[...a],validationDetails:i}}exports.DEFAULT_VALIDATION_RESULT=c;exports.FormValidationContext=h;exports.VALID_VALIDITY_STATE=v;exports.mergeValidation=U;exports.privateValidationStateProp=I;exports.useFormValidationState=R;

package/index169.mjs

@@ -1,8 +1,128 @@
-function o(...f) {
-  return (...c) => {
-    for (let e of f) typeof e == "function" && e(...c);
+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
+    };
+  }
+  return Q(a);
+}
+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
   };
 }
 export {
-  o as chain
+  u as DEFAULT_VALIDATION_RESULT,
+  B as FormValidationContext,
+  D as VALID_VALIDITY_STATE,
+  k as mergeValidation,
+  h as privateValidationStateProp,
+  P as useFormValidationState
 };

package/index17.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("./index126.js"),p=require("@react-aria/focus"),H=require("./index127.js"),O=require("./index128.js"),S=require("./index129.js"),B=require("radashi"),D=require("react"),C=require("react-hook-form"),q=require("./index76.js"),I=require("./index84.js"),V=require("./index14.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("./index87.js"),T=require("./index28.js"),C=require("./index6.js"),Q=require("./index15.js"),W=require("./index3.js"),U=require("./index41.js"),z=require("./index131.js"),G=require("./index132.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;

package/index17.mjs

@@ -1,107 +1,162 @@
 "use client";
-import { jsxs as v, jsx as o } from "react/jsx-runtime";
-import { useCheckbox as N } from "./index126.mjs";
-import { useFocusRing as P, FocusRing as j } from "@react-aria/focus";
-import { mergeProps as D } from "./index127.mjs";
-import { VisuallyHidden as I } from "./index128.mjs";
-import { useToggleState as O } from "./index129.mjs";
-import { isEmpty as B } from "radashi";
-import { useRef as H } from "react";
-import { useFormContext as S, Controller as V } from "react-hook-form";
-import x from "./index76.mjs";
-import { useTranslation as w } from "./index84.mjs";
-import A from "./index14.mjs";
-import y from "./index3.mjs";
-const L = (i) => {
+import { jsxs as M, jsx as i } from "react/jsx-runtime";
+import { isEmpty as A } from "radashi";
+import { useRef as T } from "react";
+import { useSelect as K, HiddenSelect as L } from "react-aria";
+import { useFormContext as V, Controller as C } from "react-hook-form";
+import { useSelectState as Q } from "react-stately";
+import { useTranslation as U } from "./index87.mjs";
+import W from "./index28.mjs";
+import { ButtonWithForwardRef as _ } from "./index6.mjs";
+import z from "./index15.mjs";
+import j from "./index3.mjs";
+import G from "./index41.mjs";
+import { ListBox as J } from "./index131.mjs";
+import X from "./index132.mjs";
+const Y = (q) => {
+  var S;
   const {
-    id: $,
-    label: e,
-    isDisabled: m = !1,
-    isError: d = !1,
-    errorMessage: h,
-    ariaLabel: u,
-    icon: f,
-    themeName: r = "checkbox",
-    tokens: n,
-    customTheme: c
-  } = i, l = O(i), k = H(null), { inputProps: g, labelProps: R } = N(i, l, k), { isSelected: T } = l, { focusProps: t, isFocusVisible: a } = P(), s = { ...n, selected: T, isDisabled: m, isError: d, isFocusVisible: a }, F = x(`${r}.container`, s, c), M = x(`${r}.checkBox`, s, c), q = x(`${r}.checkMark`, s, c), p = x(`${r}.checkMarkIcon`, s, c);
-  return /* @__PURE__ */ v("div", { children: [
-    /* @__PURE__ */ o(j, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ v(
-      "label",
-      {
-        className: F,
-        htmlFor: $,
-        "aria-label": u,
-        "aria-disabled": m,
-        ...R,
-        children: [
-          /* @__PURE__ */ o(I, { children: /* @__PURE__ */ o("input", { type: "checkbox", ref: k, ...D(g, t) }) }),
-          /* @__PURE__ */ o("div", { className: M, children: /* @__PURE__ */ o("div", { className: q, children: f && /* @__PURE__ */ o(A, { icon: f, customTheme: p }) }) }),
-          /* @__PURE__ */ o(y, { themeName: `${r}.label`, tokens: s, children: e })
-        ]
-      }
-    ) }),
-    d && h && /* @__PURE__ */ o(y, { themeName: `${r}.errorMessage`, tokens: s, children: h })
+    name: h,
+    placeholderLabel: v,
+    disabled: e,
+    required: u,
+    isInvalid: b,
+    hookFormRef: c,
+    isError: m = !1,
+    errorMessage: l,
+    themeName: r = "select",
+    tokens: p,
+    customTheme: O,
+    label: f,
+    onSelectionChange: I,
+    defaultValue: $,
+    value: x,
+    icon: y,
+    popoverMatchesWidth: P,
+    options: d,
+    ...t
+  } = q, s = T(), n = T(null), D = (a) => {
+    a && (c == null || c(a), s.current = a);
+  }, E = d == null ? void 0 : d.filter((a) => {
+    var w;
+    return !((w = a.key) != null && w.includes("header-"));
+  }), o = Q({
+    ...t,
+    children: G,
+    selectedKey: x,
+    defaultSelectedKey: $,
+    items: E,
+    onSelectionChange: I,
+    isDisabled: e,
+    isRequired: u,
+    isInvalid: b
+  }), { triggerProps: F, menuProps: R, labelProps: g, valueProps: B } = K(
+    { ...t, label: f, isDisabled: e, isRequired: u, isInvalid: b },
+    o,
+    D
+  ), { onPress: N, onPressStart: k, ...H } = F;
+  return /* @__PURE__ */ M(W, { themeName: `${r}.wrapper`, children: [
+    f && /* @__PURE__ */ i(j, { ...g, as: "label", themeName: `${r}.label`, children: f }),
+    /* @__PURE__ */ i(L, { state: o, triggerRef: n, name: h, isDisabled: !0 }),
+    /* @__PURE__ */ M(W, { themeName: `${r}.container`, children: [
+      /* @__PURE__ */ M(
+        _,
+        {
+          ...H,
+          handlePress: (a) => {
+            N == null || N(a), k == null || k(a);
+          },
+          ref: n,
+          disabled: e,
+          themeName: `${r}.button`,
+          tokens: { ...p, intent: m ? "error" : "default" },
+          children: [
+            /* @__PURE__ */ i("span", { ...B, children: o.selectedItem ? o.selectedItem.rendered : v }),
+            /* @__PURE__ */ i(z, { icon: y ?? "ArrowDown" })
+          ]
+        }
+      ),
+      o.isOpen && n.current && /* @__PURE__ */ i(
+        X,
+        {
+          tokens: p,
+          state: o,
+          triggerRef: n,
+          placement: "bottom",
+          themeName: `${r}.popover`,
+          style: { [`--${r}-container-width`]: `${(S = n.current) == null ? void 0 : S.offsetWidth}px` },
+          children: /* @__PURE__ */ i(J, { ...R, themeName: r, state: o, optionsWithHeaders: d ?? [] })
+        }
+      ),
+      m && /* @__PURE__ */ i(j, { tokens: { ...p, isError: m }, themeName: `${r}.errorMessage`, children: l })
+    ] })
   ] });
-}, re = ({
-  name: i,
-  label: $,
+}, fe = ({
+  id: q,
+  name: h,
+  label: v,
   rules: e,
-  tokens: m,
-  ariaLabel: d,
-  defaultValue: h = !1,
-  themeName: u = "checkbox",
-  isDisabled: f = !1,
-  icon: r,
-  onChange: n,
-  onBlur: c,
-  ...l
+  tokens: u,
+  defaultValue: b,
+  themeName: c = "select",
+  required: m,
+  onChange: l,
+  options: r,
+  placeholderLabel: p,
+  icon: O,
+  popoverMatchesWidth: f,
+  value: I,
+  ...$
 }) => {
-  const { control: k } = S(), { t: g } = w(), R = () => {
-    const t = Object.entries(l).filter(([a, s]) => a.startsWith("aria-"));
+  const { control: x } = V(), { t: y } = U(), P = () => {
+    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
     return Object.fromEntries(t);
-  }, T = {
-    required: e != null && e.required ? g("FORM.ERROR.REQUIRED") ?? "required" : !1,
+  }, d = {
+    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
     ...e
   };
-  return /* @__PURE__ */ o(
-    V,
+  return /* @__PURE__ */ i(
+    C,
     {
-      name: i,
-      control: k,
-      rules: T,
+      name: h,
+      control: x,
+      rules: d,
       disabled: e == null ? void 0 : e.disabled,
-      defaultValue: h,
-      render: ({ field: t, fieldState: a }) => {
-        var E;
-        const { ref: s, value: F, ...M } = t, q = !B(a.error), p = {
-          isDisabled: t.disabled ?? f,
+      defaultValue: b ?? I,
+      render: ({ field: t, fieldState: s }) => {
+        var R;
+        const { ref: n, ...D } = t, E = !A(s.error), o = {
+          isDisabled: t.disabled ?? !1,
           isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-          isError: q
-        }, C = {
-          ...m,
-          ...p
+          isInvalid: s.invalid,
+          isError: E
+        }, F = {
+          ...u,
+          ...o
         };
-        return /* @__PURE__ */ o(
-          L,
+        return /* @__PURE__ */ i(
+          Y,
           {
-            ...M,
-            ...p,
-            ...R(),
-            id: i,
-            isSelected: F,
-            name: i,
-            themeName: u,
-            label: $,
-            tokens: C,
-            ariaLabel: d,
-            icon: r,
-            errorMessage: (E = a.error) == null ? void 0 : E.message,
-            onChange: (b) => {
-              t.onChange(b), n == null || n(b);
-            },
-            onBlur: (b) => {
-              t.onBlur(), c == null || c(b);
+            ...D,
+            ...o,
+            ...P(),
+            id: q,
+            hookFormRef: n,
+            name: h,
+            themeName: c,
+            label: v,
+            tokens: F,
+            disabled: t.disabled,
+            required: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
+            isInvalid: s.invalid,
+            errorMessage: (R = s.error) == null ? void 0 : R.message,
+            value: t.value,
+            options: r,
+            placeholderLabel: p,
+            icon: O,
+            popoverMatchesWidth: f,
+            onSelectionChange: (g) => {
+              t.onChange(g), l == null || l(g);
             }
           }
         );
@@ -110,6 +165,6 @@ const L = (i) => {
   );
 };
 export {
-  re as ReactHookFormCheckBox,
-  L as default
+  fe as ReactHookFormSelect,
+  Y as default
 };

package/index170.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./index171.js"),r=require("./index172.js");function i(t,o){if(!r.shadowDOM())return o&&t?t.contains(o):!1;if(!t||!o)return!1;let e=o;for(;e!==null;){if(e===t)return!0;e.tagName==="SLOT"&&e.assignedSlot?e=e.assignedSlot.parentNode:a.isShadowRoot(e)?e=e.host:e=e.parentNode}return!1}const n=(t=document)=>{var o;if(!r.shadowDOM())return t.activeElement;let e=t.activeElement;for(;e&&"shadowRoot"in e&&(!((o=e.shadowRoot)===null||o===void 0)&&o.activeElement);)e=e.shadowRoot.activeElement;return e};function s(t){return r.shadowDOM()&&t.target.shadowRoot&&t.composedPath?t.composedPath()[0]:t.target}exports.getActiveElement=n;exports.getEventTarget=s;exports.nodeContains=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react");function m(o,p,s){let[b,u]=l.useState(o||p),i=l.useRef(o!==void 0),e=o!==void 0;l.useEffect(()=>{let t=i.current;t!==e&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${t?"controlled":"uncontrolled"} to ${e?"controlled":"uncontrolled"}.`),i.current=e},[e]);let n=e?o:b,S=l.useCallback((t,...f)=>{let d=(r,...c)=>{s&&(Object.is(n,r)||s(r,...c)),e||(n=r)};typeof t=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),u((c,...V)=>{let a=t(e?n:c,...V);return d(a,...f),e?c:a})):(e||u(t),d(t,...f))},[e,n,s]);return[n,S]}exports.useControlledState=m;

package/index170.mjs

@@ -1,27 +1,30 @@
-import { isShadowRoot as f } from "./index171.mjs";
-import { shadowDOM as o } from "./index172.mjs";
-function n(t, a) {
-  if (!o()) return a && t ? t.contains(a) : !1;
-  if (!t || !a) return !1;
-  let e = a;
-  for (; e !== null; ) {
-    if (e === t) return !0;
-    e.tagName === "SLOT" && e.assignedSlot ? e = e.assignedSlot.parentNode : f(e) ? e = e.host : e = e.parentNode;
-  }
-  return !1;
-}
-const s = (t = document) => {
-  var a;
-  if (!o()) return t.activeElement;
-  let e = t.activeElement;
-  for (; e && "shadowRoot" in e && (!((a = e.shadowRoot) === null || a === void 0) && a.activeElement); ) e = e.shadowRoot.activeElement;
-  return e;
-};
-function d(t) {
-  return o() && t.target.shadowRoot && t.composedPath ? t.composedPath()[0] : t.target;
+import { useState as V, useRef as C, useEffect as E, useCallback as N } from "react";
+function S(n, a, l) {
+  let [p, s] = V(n || a), i = C(n !== void 0), e = n !== void 0;
+  E(() => {
+    let t = i.current;
+    t !== e && process.env.NODE_ENV !== "production" && console.warn(`WARN: A component changed from ${t ? "controlled" : "uncontrolled"} to ${e ? "controlled" : "uncontrolled"}.`), i.current = e;
+  }, [
+    e
+  ]);
+  let o = e ? n : p, b = N((t, ...u) => {
+    let f = (r, ...c) => {
+      l && (Object.is(o, r) || l(r, ...c)), e || (o = r);
+    };
+    typeof t == "function" ? (process.env.NODE_ENV !== "production" && console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"), s((c, ...m) => {
+      let d = t(e ? o : c, ...m);
+      return f(d, ...u), e ? c : d;
+    })) : (e || s(t), f(t, ...u));
+  }, [
+    e,
+    o,
+    l
+  ]);
+  return [
+    o,
+    b
+  ];
 }
 export {
-  s as getActiveElement,
-  d as getEventTarget,
-  n as nodeContains
+  S as useControlledState
 };

package/index171.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index306.js"),f=require("react"),E=require("./index174.js"),v=require("./index196.js");function g(i,e,t){let{validationBehavior:s,focus:u}=i;E.useLayoutEffect(()=>{if(s==="native"&&(t!=null&&t.current)&&!t.current.disabled){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&&b(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 b(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;