@okam/stack-ui 1.40.1 → 1.41.0

package/index229.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});let s=new WeakMap,i=[];function p(d,n=document.body){let o=new Set(d),a=new Set,u=t=>{for(let l of t.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]"))o.add(l);let r=l=>{if(o.has(l)||l.parentElement&&a.has(l.parentElement)&&l.parentElement.getAttribute("role")!=="row")return NodeFilter.FILTER_REJECT;for(let h of o)if(l.contains(h))return NodeFilter.FILTER_SKIP;return NodeFilter.FILTER_ACCEPT},e=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:r}),v=r(t);if(v===NodeFilter.FILTER_ACCEPT&&b(t),v!==NodeFilter.FILTER_REJECT){let l=e.nextNode();for(;l!=null;)b(l),l=e.nextNode()}},b=t=>{var r;let e=(r=s.get(t))!==null&&r!==void 0?r:0;t.getAttribute("aria-hidden")==="true"&&e===0||(e===0&&t.setAttribute("aria-hidden","true"),a.add(t),s.set(t,e+1))};i.length&&i[i.length-1].disconnect(),u(n);let c=new MutationObserver(t=>{for(let r of t)if(!(r.type!=="childList"||r.addedNodes.length===0)&&![...o,...a].some(e=>e.contains(r.target))){for(let e of r.removedNodes)e instanceof Element&&(o.delete(e),a.delete(e));for(let e of r.addedNodes)(e instanceof HTMLElement||e instanceof SVGElement)&&(e.dataset.liveAnnouncer==="true"||e.dataset.reactAriaTopLayer==="true")?o.add(e):e instanceof Element&&u(e)}});c.observe(n,{childList:!0,subtree:!0});let f={visibleNodes:o,hiddenNodes:a,observe(){c.observe(n,{childList:!0,subtree:!0})},disconnect(){c.disconnect()}};return i.push(f),()=>{c.disconnect();for(let t of a){let r=s.get(t);r!=null&&(r===1?(t.removeAttribute("aria-hidden"),s.delete(t)):s.set(t,r-1))}f===i[i.length-1]?(i.pop(),i.length&&i[i.length-1].observe()):i.splice(i.indexOf(f),1)}}function E(d){let n=i[i.length-1];if(n&&!n.visibleNodes.has(d))return n.visibleNodes.add(d),()=>{n.visibleNodes.delete(d)}}exports.ariaHideOutside=p;exports.keepVisible=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index149.js"),R=require("./index176.js"),C=require("./index255.js"),u=require("./index228.js"),F=require("./index330.js");function I(s,l,a){let{isDisabled:r=!1,isReadOnly:i=!1,value:n,name:c,children:b,"aria-label":P,"aria-labelledby":p,validationState:t="valid",isInvalid:d}=s,v=e=>{e.stopPropagation(),l.setSelected(e.target.checked)},f=b!=null,g=P!=null||p!=null;!f&&!g&&process.env.NODE_ENV!=="production"&&console.warn("If you do not provide children, you must specify an aria-label for accessibility");let{pressProps:m,isPressed:y}=u.usePress({isDisabled:r}),{pressProps:h,isPressed:D}=u.usePress({onPress(){var e;l.toggle(),(e=a.current)===null||e===void 0||e.focus()},isDisabled:r||i}),{focusableProps:S}=F.useFocusable(s,a),O=o.mergeProps(m,S),q=R.filterDOMProps(s,{labelable:!0});return C.useFormReset(a,l.isSelected,l.setSelected),{labelProps:o.mergeProps(h,{onClick:e=>e.preventDefault()}),inputProps:o.mergeProps(q,{"aria-invalid":d||t==="invalid"||void 0,"aria-errormessage":s["aria-errormessage"],"aria-controls":s["aria-controls"],"aria-readonly":i||void 0,onChange:v,disabled:r,...n==null?{}:{value:n},name:c,type:"checkbox",...O}),isSelected:l.isSelected,isPressed:y||D,isDisabled:r,isReadOnly:i,isInvalid:d||t==="invalid"}}exports.useToggle=I;

package/index229.mjs

@@ -1,71 +1,49 @@
-let s = /* @__PURE__ */ new WeakMap(), i = [];
-function v(o, l = document.body) {
-  let a = new Set(o), d = /* @__PURE__ */ new Set(), u = (t) => {
-    for (let n of t.querySelectorAll("[data-live-announcer], [data-react-aria-top-layer]")) a.add(n);
-    let r = (n) => {
-      if (a.has(n) || n.parentElement && d.has(n.parentElement) && n.parentElement.getAttribute("role") !== "row") return NodeFilter.FILTER_REJECT;
-      for (let p of a)
-        if (n.contains(p)) return NodeFilter.FILTER_SKIP;
-      return NodeFilter.FILTER_ACCEPT;
-    }, e = document.createTreeWalker(t, NodeFilter.SHOW_ELEMENT, {
-      acceptNode: r
-    }), h = r(t);
-    if (h === NodeFilter.FILTER_ACCEPT && b(t), h !== NodeFilter.FILTER_REJECT) {
-      let n = e.nextNode();
-      for (; n != null; )
-        b(n), n = e.nextNode();
-    }
-  }, b = (t) => {
-    var r;
-    let e = (r = s.get(t)) !== null && r !== void 0 ? r : 0;
-    t.getAttribute("aria-hidden") === "true" && e === 0 || (e === 0 && t.setAttribute("aria-hidden", "true"), d.add(t), s.set(t, e + 1));
-  };
-  i.length && i[i.length - 1].disconnect(), u(l);
-  let c = new MutationObserver((t) => {
-    for (let r of t)
-      if (!(r.type !== "childList" || r.addedNodes.length === 0) && ![
-        ...a,
-        ...d
-      ].some((e) => e.contains(r.target))) {
-        for (let e of r.removedNodes) e instanceof Element && (a.delete(e), d.delete(e));
-        for (let e of r.addedNodes)
-          (e instanceof HTMLElement || e instanceof SVGElement) && (e.dataset.liveAnnouncer === "true" || e.dataset.reactAriaTopLayer === "true") ? a.add(e) : e instanceof Element && u(e);
-      }
-  });
-  c.observe(l, {
-    childList: !0,
-    subtree: !0
-  });
-  let f = {
-    visibleNodes: a,
-    hiddenNodes: d,
-    observe() {
-      c.observe(l, {
-        childList: !0,
-        subtree: !0
-      });
+import { mergeProps as o } from "./index149.mjs";
+import { filterDOMProps as O } from "./index176.mjs";
+import { useFormReset as C } from "./index255.mjs";
+import { usePress as c } from "./index228.mjs";
+import { useFocusable as I } from "./index330.mjs";
+function F(a, s, i) {
+  let { isDisabled: l = !1, isReadOnly: r = !1, value: d, name: b, children: f, "aria-label": u, "aria-labelledby": p, validationState: n = "valid", isInvalid: t } = a, m = (e) => {
+    e.stopPropagation(), s.setSelected(e.target.checked);
+  }, P = f != null, v = u != null || p != null;
+  !P && !v && process.env.NODE_ENV !== "production" && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let { pressProps: $, isPressed: g } = c({
+    isDisabled: l
+  }), { pressProps: y, isPressed: h } = c({
+    onPress() {
+      var e;
+      s.toggle(), (e = i.current) === null || e === void 0 || e.focus();
     },
-    disconnect() {
-      c.disconnect();
-    }
-  };
-  return i.push(f), () => {
-    c.disconnect();
-    for (let t of d) {
-      let r = s.get(t);
-      r != null && (r === 1 ? (t.removeAttribute("aria-hidden"), s.delete(t)) : s.set(t, r - 1));
-    }
-    f === i[i.length - 1] ? (i.pop(), i.length && i[i.length - 1].observe()) : i.splice(i.indexOf(f), 1);
+    isDisabled: l || r
+  }), { focusableProps: x } = I(a, i), D = o($, x), S = O(a, {
+    labelable: !0
+  });
+  return C(i, s.isSelected, s.setSelected), {
+    labelProps: o(y, {
+      onClick: (e) => e.preventDefault()
+    }),
+    inputProps: o(S, {
+      "aria-invalid": t || n === "invalid" || void 0,
+      "aria-errormessage": a["aria-errormessage"],
+      "aria-controls": a["aria-controls"],
+      "aria-readonly": r || void 0,
+      onChange: m,
+      disabled: l,
+      ...d == null ? {} : {
+        value: d
+      },
+      name: b,
+      type: "checkbox",
+      ...D
+    }),
+    isSelected: s.isSelected,
+    isPressed: g || h,
+    isDisabled: l,
+    isReadOnly: r,
+    isInvalid: t || n === "invalid"
   };
 }
-function E(o) {
-  let l = i[i.length - 1];
-  if (l && !l.visibleNodes.has(o))
-    return l.visibleNodes.add(o), () => {
-      l.visibleNodes.delete(o);
-    };
-}
 export {
-  v as ariaHideOutside,
-  E as keepVisible
+  F as useToggle
 };

package/index23.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"),H=require("@react-aria/focus"),P=require("radashi"),_=require("react"),A=require("react-aria"),$=require("react-hook-form"),w=require("./index79.js"),G=require("./index87.js"),N=require("./index28.js"),C=require("./index3.js"),y=m=>{const{label:o,isRequired:e=!1,isDisabled:f=!1,isInvalid:g=!1,required:j,disabled:F,errorMessage:d,fieldRef:c,children:l,themeName:s="textInput",tokens:a,customTheme:n,ariaLabel:u,placeholder:R,isReadOnly:v=!1,...M}=m,p=_.useRef(null),q=j??e,E=F??f,{labelProps:I,inputProps:r,errorMessageProps:t}=A.useTextField({label:o,errorMessage:d,isRequired:q,isDisabled:E,isInvalid:g,isReadOnly:v,...M},p),h=b=>{b&&(c==null||c(b),p.current=b)},O=w(`${s}.input`,a);return i.jsxs("div",{children:[i.jsx(H.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:i.jsxs(N.default,{"aria-disabled":r.disabled,themeName:`${s}.wrapper`,tokens:a,customTheme:n,children:[o&&i.jsx(N.default,{as:"label",tokens:a,themeName:`${s}.label`,customTheme:n,...I,children:o}),i.jsxs(N.default,{themeName:`${s}.container`,tokens:a,customTheme:n,children:[l,i.jsx("input",{"aria-label":u,...r,placeholder:R,ref:h,className:O})]})]})}),d&&i.jsx(C.default,{themeName:`${s}.errorMessage`,tokens:a,customTheme:n,...t,children:d})]})},L=({name:m,label:o,rules:e,tokens:f,ariaLabel:g,defaultValue:j="",placeholder:F="",themeName:d="textInput",isReadOnly:c=!1,minLength:l,maxLength:s,required:a,isRequired:n,onChange:u,onBlur:R,children:v=null,...M})=>{const{control:p}=$.useFormContext(),{t:q}=G.useTranslation(),E=()=>{const r=Object.entries(M).filter(([t,h])=>t.startsWith("aria-"));return Object.fromEntries(r)},I={required:a??n?q("FORM.ERROR.REQUIRED")??"required":!1,...l!=null&&{minLength:{value:l,message:q("FORM.ERROR.MIN_LENGTH",{length:l})}},...s!=null&&{maxLength:{value:s,message:q("FORM.ERROR.MAX_LENGTH",{length:s})}},...e};return i.jsx($.Controller,{name:m,control:p,rules:I,disabled:e==null?void 0:e.disabled,defaultValue:j,render:({field:r,fieldState:t})=>{var k;const{ref:h,...O}=r,b=!P.isEmpty(t.error),T={isDisabled:r.disabled??!1,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:t.invalid,isError:b,isReadOnly:c},D={...f,...T};return i.jsx(y,{...O,...T,...E(),fieldRef:h,name:m,placeholder:F,themeName:d,label:o,tokens:D,ariaLabel:g,isDisabled:r.disabled,isRequired:(e==null?void 0:e.required)===!0||(e==null?void 0:e.required)==="required",isInvalid:t.invalid,errorMessage:(k=t.error)==null?void 0:k.message,onChange:x=>{r.onChange(x),u==null||u(x)},onBlur:x=>{r.onBlur(),R==null||R(x)},children:v})}})};exports.ReactHookFormInput=L;exports.default=y;
+"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("./index93.js"),T=require("./index34.js"),C=require("./index6.js"),Q=require("./index21.js"),W=require("./index3.js"),U=require("./index47.js"),z=require("./index146.js"),G=require("./index147.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/index23.mjs

@@ -1,157 +1,163 @@
 "use client";
-import { jsxs as T, jsx as a } from "react/jsx-runtime";
-import { FocusRing as k } from "@react-aria/focus";
-import { isEmpty as P } from "radashi";
-import { useRef as H } from "react";
-import { useTextField as _ } from "react-aria";
-import { useFormContext as w, Controller as A } from "react-hook-form";
-import C from "./index79.mjs";
-import { useTranslation as G } from "./index87.mjs";
-import y from "./index28.mjs";
-import L from "./index3.mjs";
-const Q = (b) => {
+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 "./index93.mjs";
+import W from "./index34.mjs";
+import { ButtonWithForwardRef as _ } from "./index6.mjs";
+import z from "./index21.mjs";
+import j from "./index3.mjs";
+import G from "./index47.mjs";
+import { ListBox as J } from "./index146.mjs";
+import X from "./index147.mjs";
+const Y = (q) => {
+  var S;
   const {
-    label: n,
-    isRequired: e = !1,
-    isDisabled: q = !1,
-    isInvalid: F = !1,
-    required: v,
-    disabled: E,
-    errorMessage: d,
-    fieldRef: l,
-    children: c,
-    themeName: i = "textInput",
-    tokens: s,
-    customTheme: o,
-    ariaLabel: m,
-    placeholder: p,
-    isReadOnly: M = !1,
-    ...x
-  } = b, f = H(null), R = v ?? e, I = E ?? q, { labelProps: N, inputProps: r, errorMessageProps: t } = _(
-    {
-      label: n,
-      errorMessage: d,
-      isRequired: R,
-      isDisabled: I,
-      isInvalid: F,
-      isReadOnly: M,
-      ...x
-    },
-    f
-  ), h = (u) => {
-    u && (l == null || l(u), f.current = u);
-  }, O = C(`${i}.input`, s);
-  return /* @__PURE__ */ T("div", { children: [
-    /* @__PURE__ */ a(k, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ T(
-      y,
-      {
-        "aria-disabled": r.disabled,
-        themeName: `${i}.wrapper`,
-        tokens: s,
-        customTheme: o,
-        children: [
-          n && // eslint-disable-next-line jsx-a11y/label-has-associated-control
-          /* @__PURE__ */ a(y, { as: "label", tokens: s, themeName: `${i}.label`, customTheme: o, ...N, children: n }),
-          /* @__PURE__ */ T(y, { themeName: `${i}.container`, tokens: s, customTheme: o, children: [
-            c,
-            /* @__PURE__ */ a("input", { "aria-label": m, ...r, placeholder: p, ref: h, className: O })
-          ] })
-        ]
-      }
-    ) }),
-    d && /* @__PURE__ */ a(
-      L,
-      {
-        themeName: `${i}.errorMessage`,
-        tokens: s,
-        customTheme: o,
-        ...t,
-        children: d
-      }
-    )
+    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 })
+    ] })
   ] });
-}, S = ({
-  name: b,
-  label: n,
+}, fe = ({
+  id: q,
+  name: h,
+  label: v,
   rules: e,
-  tokens: q,
-  ariaLabel: F,
-  defaultValue: v = "",
-  placeholder: E = "",
-  themeName: d = "textInput",
-  isReadOnly: l = !1,
-  minLength: c,
-  maxLength: i,
-  required: s,
-  isRequired: o,
-  onChange: m,
-  onBlur: p,
-  children: M = null,
-  ...x
+  tokens: u,
+  defaultValue: b,
+  themeName: c = "select",
+  required: m,
+  onChange: l,
+  options: r,
+  placeholderLabel: p,
+  icon: O,
+  popoverMatchesWidth: f,
+  value: I,
+  ...$
 }) => {
-  const { control: f } = w(), { t: R } = G(), I = () => {
-    const r = Object.entries(x).filter(([t, h]) => t.startsWith("aria-"));
-    return Object.fromEntries(r);
-  }, N = {
-    required: s ?? o ? R("FORM.ERROR.REQUIRED") ?? "required" : !1,
-    ...c != null && {
-      minLength: {
-        value: c,
-        message: R("FORM.ERROR.MIN_LENGTH", { length: c })
-      }
-    },
-    ...i != null && {
-      maxLength: {
-        value: i,
-        message: R("FORM.ERROR.MAX_LENGTH", { length: i })
-      }
-    },
+  const { control: x } = V(), { t: y } = U(), P = () => {
+    const t = Object.entries($).filter(([s, n]) => s.startsWith("aria-"));
+    return Object.fromEntries(t);
+  }, d = {
+    required: m ? y("FORM.ERROR.REQUIRED") ?? "required" : !1,
     ...e
   };
-  return /* @__PURE__ */ a(
-    A,
+  return /* @__PURE__ */ i(
+    C,
     {
-      name: b,
-      control: f,
-      rules: N,
+      name: h,
+      control: x,
+      rules: d,
       disabled: e == null ? void 0 : e.disabled,
-      defaultValue: v,
-      render: ({ field: r, fieldState: t }) => {
-        var $;
-        const { ref: h, ...O } = r, u = !P(t.error), D = {
-          isDisabled: r.disabled ?? !1,
+      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",
-          isInvalid: t.invalid,
-          isError: u,
-          isReadOnly: l
-        }, j = {
-          ...q,
-          ...D
+          isInvalid: s.invalid,
+          isError: E
+        }, F = {
+          ...u,
+          ...o
         };
-        return /* @__PURE__ */ a(
-          Q,
+        return /* @__PURE__ */ i(
+          Y,
           {
-            ...O,
             ...D,
-            ...I(),
-            fieldRef: h,
-            name: b,
-            placeholder: E,
-            themeName: d,
-            label: n,
-            tokens: j,
-            ariaLabel: F,
-            isDisabled: r.disabled,
-            isRequired: (e == null ? void 0 : e.required) === !0 || (e == null ? void 0 : e.required) === "required",
-            isInvalid: t.invalid,
-            errorMessage: ($ = t.error) == null ? void 0 : $.message,
-            onChange: (g) => {
-              r.onChange(g), m == null || m(g);
-            },
-            onBlur: (g) => {
-              r.onBlur(), p == null || p(g);
-            },
-            children: M
+            ...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);
+            }
           }
         );
       }
@@ -159,6 +165,6 @@ const Q = (b) => {
   );
 };
 export {
-  S as ReactHookFormInput,
-  Q as default
+  fe as ReactHookFormSelect,
+  Y as default
 };

package/index230.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),o=e.createContext({});function r(){var t;return(t=e.useContext(o))!==null&&t!==void 0?t:{}}exports.PortalContext=o;exports.useUNSAFE_PortalContext=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=typeof document<"u"?e.useLayoutEffect:()=>{};exports.useLayoutEffect=t;

package/index230.mjs

@@ -1,10 +1,6 @@
-import { useContext as e, createContext as o } from "react";
-const r = /* @__PURE__ */ o({});
-function a() {
-  var t;
-  return (t = e(r)) !== null && t !== void 0 ? t : {};
-}
+import e from "react";
+const f = typeof document < "u" ? e.useLayoutEffect : () => {
+};
 export {
-  r as PortalContext,
-  a as useUNSAFE_PortalContext
+  f as useLayoutEffect
 };

package/index231.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./index309.js"),e=require("react");function n({children:r}){let t=e.useMemo(()=>({register:()=>{}}),[]);return e.createElement(o.PressResponderContext.Provider,{value:t},r)}exports.ClearPressResponder=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./index252.js"),a=require("./index230.js"),n=require("react");function o(c){let[u,l]=n.useState(c),e=n.useRef(null),r=f.useEffectEvent(()=>{if(!e.current)return;let t=e.current.next();if(t.done){e.current=null;return}u===t.value?r():l(t.value)});a.useLayoutEffect(()=>{e.current&&r()});let s=f.useEffectEvent(t=>{e.current=t(u),r()});return[u,s]}exports.useValueEffect=o;

package/index231.mjs

@@ -1,14 +1,27 @@
-import { PressResponderContext as t } from "./index309.mjs";
-import a, { useMemo as o } from "react";
-function n({ children: e }) {
-  let r = o(() => ({
-    register: () => {
+import { useEffectEvent as u } from "./index252.mjs";
+import { useLayoutEffect as l } from "./index230.mjs";
+import { useState as o, useRef as s } from "react";
+function p(a) {
+  let [f, c] = o(a), e = s(null), r = u(() => {
+    if (!e.current) return;
+    let t = e.current.next();
+    if (t.done) {
+      e.current = null;
+      return;
     }
-  }), []);
-  return /* @__PURE__ */ a.createElement(t.Provider, {
-    value: r
-  }, e);
+    f === t.value ? r() : c(t.value);
+  });
+  l(() => {
+    e.current && r();
+  });
+  let n = u((t) => {
+    e.current = t(f), r();
+  });
+  return [
+    f,
+    n
+  ];
 }
 export {
-  n as ClearPressResponder
+  p as useValueEffect
 };

package/index232.js

@@ -1 +1 @@
-"use strict";const D=require("./index299.js"),M=require("./index300.js");function W(y){let{swiper:e,extendParams:z,on:T,emit:G}=y;z({virtual:{enabled:!1,slides:[],cache:!0,renderSlide:null,renderExternal:null,renderExternalUpdate:!0,addSlidesBefore:0,addSlidesAfter:0}});let j;const B=D.g();e.virtual={cache:{},from:void 0,to:void 0,slides:[],offset:0,slidesGrid:[]};const C=B.createElement("div");function O(i,a){const r=e.params.virtual;if(r.cache&&e.virtual.cache[a])return e.virtual.cache[a];let s;return r.renderSlide?(s=r.renderSlide.call(e,i,a),typeof s=="string"&&(C.innerHTML=s,s=C.children[0])):e.isElement?s=M.c("swiper-slide"):s=M.c("div",e.params.slideClass),s.setAttribute("data-swiper-slide-index",a),r.renderSlide||(s.innerHTML=i),r.cache&&(e.virtual.cache[a]=s),s}function o(i,a){const{slidesPerView:r,slidesPerGroup:s,centeredSlides:d,loop:n,initialSlide:S}=e.params;if(a&&!n&&S>0)return;const{addSlidesBefore:m,addSlidesAfter:g}=e.params.virtual,{from:P,to:E,slides:c,slidesGrid:F,offset:N}=e.virtual;e.params.cssMode||e.updateActiveIndex();const b=e.activeIndex||0;let A;e.rtlTranslate?A="right":A=e.isHorizontal()?"left":"top";let x,f;d?(x=Math.floor(r/2)+s+g,f=Math.floor(r/2)+s+m):(x=r+(s-1)+g,f=(n?r:s)+m);let u=b-f,p=b+x;n||(u=Math.max(u,0),p=Math.min(p,c.length-1));let h=(e.slidesGrid[u]||0)-(e.slidesGrid[0]||0);n&&b>=f?(u-=f,d||(h+=e.slidesGrid[0])):n&&b<f&&(u=-f,d&&(h+=e.slidesGrid[0])),Object.assign(e.virtual,{from:u,to:p,offset:h,slidesGrid:e.slidesGrid,slidesBefore:f,slidesAfter:x});function I(){e.updateSlides(),e.updateProgress(),e.updateSlidesClasses(),G("virtualUpdate")}if(P===u&&E===p&&!i){e.slidesGrid!==F&&h!==N&&e.slides.forEach(t=>{t.style[A]=`${h-Math.abs(e.cssOverflowAdjustment())}px`}),e.updateProgress(),G("virtualUpdate");return}if(e.params.virtual.renderExternal){e.params.virtual.renderExternal.call(e,{offset:h,from:u,to:p,slides:function(){const l=[];for(let v=u;v<=p;v+=1)l.push(c[v]);return l}()}),e.params.virtual.renderExternalUpdate?I():G("virtualUpdate");return}const w=[],$=[],U=t=>{let l=t;return t<0?l=c.length+t:l>=c.length&&(l=l-c.length),l};if(i)e.slides.filter(t=>t.matches(`.${e.params.slideClass}, swiper-slide`)).forEach(t=>{t.remove()});else for(let t=P;t<=E;t+=1)if(t<u||t>p){const l=U(t);e.slides.filter(v=>v.matches(`.${e.params.slideClass}[data-swiper-slide-index="${l}"], swiper-slide[data-swiper-slide-index="${l}"]`)).forEach(v=>{v.remove()})}const R=n?-c.length:0,_=n?c.length*2:c.length;for(let t=R;t<_;t+=1)if(t>=u&&t<=p){const l=U(t);typeof E>"u"||i?$.push(l):(t>E&&$.push(l),t<P&&w.push(l))}if($.forEach(t=>{e.slidesEl.append(O(c[t],t))}),n)for(let t=w.length-1;t>=0;t-=1){const l=w[t];e.slidesEl.prepend(O(c[l],l))}else w.sort((t,l)=>l-t),w.forEach(t=>{e.slidesEl.prepend(O(c[t],t))});M.e(e.slidesEl,".swiper-slide, swiper-slide").forEach(t=>{t.style[A]=`${h-Math.abs(e.cssOverflowAdjustment())}px`}),I()}function H(i){if(typeof i=="object"&&"length"in i)for(let a=0;a<i.length;a+=1)i[a]&&e.virtual.slides.push(i[a]);else e.virtual.slides.push(i);o(!0)}function L(i){const a=e.activeIndex;let r=a+1,s=1;if(Array.isArray(i)){for(let d=0;d<i.length;d+=1)i[d]&&e.virtual.slides.unshift(i[d]);r=a+i.length,s=i.length}else e.virtual.slides.unshift(i);if(e.params.virtual.cache){const d=e.virtual.cache,n={};Object.keys(d).forEach(S=>{const m=d[S],g=m.getAttribute("data-swiper-slide-index");g&&m.setAttribute("data-swiper-slide-index",parseInt(g,10)+s),n[parseInt(S,10)+s]=m}),e.virtual.cache=n}o(!0),e.slideTo(r,0)}function V(i){if(typeof i>"u"||i===null)return;let a=e.activeIndex;if(Array.isArray(i))for(let r=i.length-1;r>=0;r-=1)e.params.virtual.cache&&(delete e.virtual.cache[i[r]],Object.keys(e.virtual.cache).forEach(s=>{s>i&&(e.virtual.cache[s-1]=e.virtual.cache[s],e.virtual.cache[s-1].setAttribute("data-swiper-slide-index",s-1),delete e.virtual.cache[s])})),e.virtual.slides.splice(i[r],1),i[r]<a&&(a-=1),a=Math.max(a,0);else e.params.virtual.cache&&(delete e.virtual.cache[i],Object.keys(e.virtual.cache).forEach(r=>{r>i&&(e.virtual.cache[r-1]=e.virtual.cache[r],e.virtual.cache[r-1].setAttribute("data-swiper-slide-index",r-1),delete e.virtual.cache[r])})),e.virtual.slides.splice(i,1),i<a&&(a-=1),a=Math.max(a,0);o(!0),e.slideTo(a,0)}function q(){e.virtual.slides=[],e.params.virtual.cache&&(e.virtual.cache={}),o(!0),e.slideTo(0,0)}T("beforeInit",()=>{if(!e.params.virtual.enabled)return;let i;if(typeof e.passedParams.virtual.slides>"u"){const a=[...e.slidesEl.children].filter(r=>r.matches(`.${e.params.slideClass}, swiper-slide`));a&&a.length&&(e.virtual.slides=[...a],i=!0,a.forEach((r,s)=>{r.setAttribute("data-swiper-slide-index",s),e.virtual.cache[s]=r,r.remove()}))}i||(e.virtual.slides=e.params.virtual.slides),e.classNames.push(`${e.params.containerModifierClass}virtual`),e.params.watchSlidesProgress=!0,e.originalParams.watchSlidesProgress=!0,o(!1,!0)}),T("setTranslate",()=>{e.params.virtual.enabled&&(e.params.cssMode&&!e._immediateVirtual?(clearTimeout(j),j=setTimeout(()=>{o()},100)):o())}),T("init update resize",()=>{e.params.virtual.enabled&&e.params.cssMode&&M.s(e.wrapperEl,"--swiper-virtual-size",`${e.virtualSize}px`)}),Object.assign(e.virtual,{appendSlide:H,prependSlide:L,removeSlide:V,removeAllSlides:q,update:o})}module.exports=W;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),c={prefix:String(Math.round(Math.random()*1e10)),current:0},d=e.createContext(c),l=e.createContext(!1);let f=!!(typeof window<"u"&&window.document&&window.document.createElement),s=new WeakMap;function v(r=!1){let t=e.useContext(d),n=e.useRef(null);if(n.current===null&&!r){var a,u;let o=(u=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)===null||u===void 0||(a=u.ReactCurrentOwner)===null||a===void 0?void 0:a.current;if(o){let i=s.get(o);i==null?s.set(o,{id:t.current,state:o.memoizedState}):o.memoizedState!==i.state&&(t.current=i.id,s.delete(o))}n.current=++t.current}return n.current}function p(r){let t=e.useContext(d);t===c&&!f&&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 n=v(!!r),a=t===c&&process.env.NODE_ENV==="test"?"react-aria":`react-aria${t.prefix}`;return r||`${a}-${n}`}function S(r){let t=e.useId(),[n]=e.useState($()),a=n||process.env.NODE_ENV==="test"?"react-aria":`react-aria${c.prefix}`;return r||`${a}-${t}`}const b=typeof e.useId=="function"?S:p;function x(){return!1}function m(){return!0}function g(r){return()=>{}}function $(){return typeof e.useSyncExternalStore=="function"?e.useSyncExternalStore(g,x,m):e.useContext(l)}exports.useIsSSR=$;exports.useSSRSafeId=b;