@okam/stack-ui 1.41.0 → 1.41.1

package/index228.mjs

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

package/index229.js

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index320.js"),f=require("react"),E=require("./index232.js"),v=require("./index254.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;

package/index229.mjs

@@ -1,49 +1,76 @@
-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();
-    },
-    isDisabled: l || r
-  }), { focusableProps: x } = I(a, i), D = o($, x), S = O(a, {
-    labelable: !0
+import { setInteractionModality as m } from "./index320.mjs";
+import { useEffect as f } from "react";
+import { useLayoutEffect as $ } from "./index232.mjs";
+import { useEffectEvent as v } from "./index254.mjs";
+function V(t, i, e) {
+  let { validationBehavior: s, focus: u } = t;
+  $(() => {
+    if (s === "native" && (e != null && e.current) && !e.current.disabled) {
+      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));
+    }
   });
-  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"
+  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 && b(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
+  ]);
+}
+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 b(t) {
+  for (let i = 0; i < t.elements.length; i++) {
+    let e = t.elements[i];
+    if (!e.validity.valid) return e;
+  }
+  return null;
+}
 export {
-  F as useToggle
+  V as useFormValidation
 };

package/index23.js

@@ -1,2 +1,2 @@
 "use client";
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),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;
+"use strict";const h=require("react/jsx-runtime"),p=require("@react-aria/i18n"),S=require("radashi"),l=require("react-aria"),q=require("./index86.js"),y=r=>{const{as:o="time",date:s,tokens:n,customTheme:a,dateFormatterOptions:m={month:"long",day:"numeric",year:"numeric"},themeName:c="typography",...i}=r,u=l.useIsSSR(),t=new Date(s),e=p.useDateFormatter(m).format(t),d=q(c,n,a);return u||S.isEmpty(e)?null:h.jsx(o,{...i,dateTime:t.toISOString(),className:d,children:e})};module.exports=y;