@okam/stack-ui 1.35.1 → 1.35.2

package/index148.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index286.js"),o=require("./index115.js"),u=require("./index167.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("./index286.js"),o=require("./index115.js"),u=require("./index168.js"),s=require("@react-aria/focus");function c(a,e,d){let l=s.useHasTabbableChild(d)?void 0:0;var r;const n=i.generateId(e,(r=a.id)!==null&&r!==void 0?r:e==null?void 0:e.selectedKey,"tabpanel"),b=u.useLabels({...a,id:n,"aria-labelledby":i.generateId(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:o.mergeProps(b,{tabIndex:l,role:"tabpanel","aria-describedby":a["aria-describedby"],"aria-details":a["aria-details"]})}}exports.useTabPanel=c;

package/index148.mjs

@@ -1,6 +1,6 @@
 import { generateId as r } from "./index286.mjs";
 import { mergeProps as n } from "./index115.mjs";
-import { useLabels as c } from "./index167.mjs";
+import { useLabels as c } from "./index168.mjs";
 import { useHasTabbableChild as f } from "@react-aria/focus";
 function m(a, e, b) {
   let i = f(b) ? void 0 : 0;

package/index150.js

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

@@ -1,76 +1,30 @@
-import { setInteractionModality as m } from "./index275.mjs";
-import { useEffect as f } from "react";
-import { useLayoutEffect as $ } from "./index153.mjs";
-import { useEffectEvent as v } from "./index172.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));
-    }
-  });
-  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);
+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,
-    l,
-    r,
     o,
-    s
+    l
   ]);
-}
-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;
+  return [
+    o,
+    b
+  ];
 }
 export {
-  V as useFormValidation
+  S as useControlledState
 };

package/index151.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const Y=require("./index278.js"),L=require("./index281.js"),ne=require("./index276.js"),ie=require("./index282.js"),se=require("./index184.js"),G=require("./index283.js"),oe=require("./index156.js"),o=require("./index157.js"),$=require("./index158.js"),Q=require("./index115.js"),ae=require("./index162.js"),B=require("./index163.js"),le=require("./index166.js"),ue=require("./index169.js"),ce=require("./index164.js"),A=require("./index173.js"),O=require("./index172.js"),fe=require("react-dom"),M=require("react");function ge(n){let i=M.useContext(ne.PressResponderContext);if(i){let{register:l,...u}=i;n=Q.mergeProps(u,n),l()}return ue.useSyncRef(i,n.ref),n}var R=new WeakMap;class _{continuePropagation(){G._(this,R,!1)}get shouldStopPropagation(){return ie._(this,R)}constructor(i,l,u,g){se._(this,R,{writable:!0,value:void 0}),G._(this,R,!0);var P;let y=(P=g==null?void 0:g.target)!==null&&P!==void 0?P:u.currentTarget;const d=y==null?void 0:y.getBoundingClientRect();let x,b=0,I,v=null;u.clientX!=null&&u.clientY!=null&&(I=u.clientX,v=u.clientY),d&&(I!=null&&v!=null?(x=I-d.left,b=v-d.top):(x=d.width/2,b=d.height/2)),this.type=i,this.pointerType=l,this.target=u.currentTarget,this.shiftKey=u.shiftKey,this.metaKey=u.metaKey,this.ctrlKey=u.ctrlKey,this.altKey=u.altKey,this.x=x,this.y=b}}const N=Symbol("linkClicked");function pe(n){let{onPress:i,onPressChange:l,onPressStart:u,onPressEnd:g,onPressUp:P,onClick:y,isDisabled:d,isPressed:x,preventFocusOnPress:b,shouldCancelOnPointerExit:I,allowTextSelectionOnPress:v,ref:D,...ee}=ge(n),[te,V]=M.useState(!1),K=M.useRef({isPressed:!1,ignoreEmulatedMouseEvents:!1,didFirePressStart:!1,isTriggeringEvent:!1,activePointerId:null,target:null,isOverTarget:!1,pointerType:null,disposables:[]}),{addGlobalListener:C,removeAllGlobalListeners:q}=le.useGlobalListeners(),h=O.useEffectEvent((e,s)=>{let p=K.current;if(d||p.didFirePressStart)return!1;let r=!0;if(p.isTriggeringEvent=!0,u){let f=new _("pressstart",s,e);u(f),r=f.shouldStopPropagation}return l&&l(!0),p.isTriggeringEvent=!1,p.didFirePressStart=!0,V(!0),r}),E=O.useEffectEvent((e,s,p=!0)=>{let r=K.current;if(!r.didFirePressStart)return!1;r.didFirePressStart=!1,r.isTriggeringEvent=!0;let f=!0;if(g){let t=new _("pressend",s,e);g(t),f=t.shouldStopPropagation}if(l&&l(!1),V(!1),i&&p&&!d){let t=new _("press",s,e);i(t),f&&(f=t.shouldStopPropagation)}return r.isTriggeringEvent=!1,f}),k=O.useEffectEvent((e,s)=>{let p=K.current;if(d)return!1;if(P){p.isTriggeringEvent=!0;let r=new _("pressup",s,e);return P(r),p.isTriggeringEvent=!1,r.shouldStopPropagation}return!0}),T=O.useEffectEvent(e=>{let s=K.current;if(s.isPressed&&s.target){s.didFirePressStart&&s.pointerType!=null&&E(w(s.target,e),s.pointerType,!1),s.isPressed=!1,s.isOverTarget=!1,s.activePointerId=null,s.pointerType=null,q(),v||L.restoreTextSelection(s.target);for(let p of s.disposables)p();s.disposables=[]}}),X=O.useEffectEvent(e=>{I&&T(e)}),F=O.useEffectEvent(e=>{y==null||y(e)}),U=O.useEffectEvent((e,s)=>{if(y){let p=new MouseEvent("click",e);Y.setEventTarget(p,s),y(Y.createSyntheticEvent(p))}}),re=M.useMemo(()=>{let e=K.current,s={onKeyDown(r){if(H(r.nativeEvent,r.currentTarget)&&o.nodeContains(r.currentTarget,o.getEventTarget(r.nativeEvent))){var f;J(o.getEventTarget(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=h(r,"keyboard");let a=r.currentTarget,c=m=>{H(m,a)&&!m.repeat&&o.nodeContains(a,o.getEventTarget(m))&&e.target&&k(w(e.target,m),"keyboard")};C($.getOwnerDocument(r.currentTarget),"keyup",oe.chain(c,p),!0)}t&&r.stopPropagation(),r.metaKey&&ce.isMac()&&((f=e.metaKeyEvents)===null||f===void 0||f.set(r.key,r.nativeEvent))}else r.key==="Meta"&&(e.metaKeyEvents=new Map)},onClick(r){if(!(r&&!o.nodeContains(r.currentTarget,o.getEventTarget(r.nativeEvent)))&&r&&r.button===0&&!e.isTriggeringEvent&&!B.openLink.isOpening){let f=!0;if(d&&r.preventDefault(),!e.ignoreEmulatedMouseEvents&&!e.isPressed&&(e.pointerType==="virtual"||A.isVirtualClick(r.nativeEvent))){let t=h(r,"virtual"),a=k(r,"virtual"),c=E(r,"virtual");F(r),f=t&&a&&c}else if(e.isPressed&&e.pointerType!=="keyboard"){let t=e.pointerType||r.nativeEvent.pointerType||"virtual";f=E(w(r.currentTarget,r),t,!0),e.isOverTarget=!1,F(r),T(r)}e.ignoreEmulatedMouseEvents=!1,f&&r.stopPropagation()}}},p=r=>{var f;if(e.isPressed&&e.target&&H(r,e.target)){var t;J(o.getEventTarget(r),r.key)&&r.preventDefault();let c=o.getEventTarget(r),m=o.nodeContains(e.target,o.getEventTarget(r));E(w(e.target,r),"keyboard",m),m&&U(r,e.target),q(),r.key!=="Enter"&&W(e.target)&&o.nodeContains(e.target,c)&&!r[N]&&(r[N]=!0,B.openLink(e.target,r,!1)),e.isPressed=!1,(t=e.metaKeyEvents)===null||t===void 0||t.delete(r.key)}else if(r.key==="Meta"&&(!((f=e.metaKeyEvents)===null||f===void 0)&&f.size)){var a;let c=e.metaKeyEvents;e.metaKeyEvents=void 0;for(let m of c.values())(a=e.target)===null||a===void 0||a.dispatchEvent(new KeyboardEvent("keyup",m))}};if(typeof PointerEvent<"u"){s.onPointerDown=t=>{if(t.button!==0||!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(A.isVirtualPointerEvent(t.nativeEvent)){e.pointerType="virtual";return}e.pointerType=t.pointerType;let a=!0;if(!e.isPressed){e.isPressed=!0,e.isOverTarget=!0,e.activePointerId=t.pointerId,e.target=t.currentTarget,v||L.disableTextSelection(e.target),a=h(t,e.pointerType);let c=o.getEventTarget(t.nativeEvent);"releasePointerCapture"in c&&c.releasePointerCapture(t.pointerId),C($.getOwnerDocument(t.currentTarget),"pointerup",r,!1),C($.getOwnerDocument(t.currentTarget),"pointercancel",f,!1)}a&&t.stopPropagation()},s.onMouseDown=t=>{if(o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&t.button===0){if(b){let a=Y.preventFocus(t.target);a&&e.disposables.push(a)}t.stopPropagation()}},s.onPointerUp=t=>{!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))||e.pointerType==="virtual"||t.button===0&&k(t,e.pointerType||t.pointerType)},s.onPointerEnter=t=>{t.pointerId===e.activePointerId&&e.target&&!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,h(w(e.target,t),e.pointerType))},s.onPointerLeave=t=>{t.pointerId===e.activePointerId&&e.target&&e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,E(w(e.target,t),e.pointerType,!1),X(t))};let r=t=>{if(t.pointerId===e.activePointerId&&e.isPressed&&t.button===0&&e.target){if(o.nodeContains(e.target,o.getEventTarget(t))&&e.pointerType!=null){let a=!1,c=setTimeout(()=>{e.isPressed&&e.target instanceof HTMLElement&&(a?T(t):(ae.focusWithoutScrolling(e.target),e.target.click()))},80);C(t.currentTarget,"click",()=>a=!0,!0),e.disposables.push(()=>clearTimeout(c))}else T(t);e.isOverTarget=!1}},f=t=>{T(t)};s.onDragStart=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&T(t)}}else if(process.env.NODE_ENV==="test"){s.onMouseDown=t=>{if(t.button!==0||!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(e.ignoreEmulatedMouseEvents){t.stopPropagation();return}if(e.isPressed=!0,e.isOverTarget=!0,e.target=t.currentTarget,e.pointerType=A.isVirtualClick(t.nativeEvent)?"virtual":"mouse",fe.flushSync(()=>h(t,e.pointerType))&&t.stopPropagation(),b){let c=Y.preventFocus(t.target);c&&e.disposables.push(c)}C($.getOwnerDocument(t.currentTarget),"mouseup",r,!1)},s.onMouseEnter=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;let a=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!0,a=h(t,e.pointerType)),a&&t.stopPropagation()},s.onMouseLeave=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;let a=!0;e.isPressed&&!e.ignoreEmulatedMouseEvents&&e.pointerType!=null&&(e.isOverTarget=!1,a=E(t,e.pointerType,!1),X(t)),a&&t.stopPropagation()},s.onMouseUp=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&!e.ignoreEmulatedMouseEvents&&t.button===0&&k(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||T(t),e.isOverTarget=!1}};s.onTouchStart=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;let a=de(t.nativeEvent);if(!a)return;e.activePointerId=a.identifier,e.ignoreEmulatedMouseEvents=!0,e.isOverTarget=!0,e.isPressed=!0,e.target=t.currentTarget,e.pointerType="touch",v||L.disableTextSelection(e.target),h(S(e.target,t),e.pointerType)&&t.stopPropagation(),C($.getOwnerWindow(t.currentTarget),"scroll",f,!0)},s.onTouchMove=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(!e.isPressed){t.stopPropagation();return}let a=z(t.nativeEvent,e.activePointerId),c=!0;a&&j(a,t.currentTarget)?!e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!0,c=h(S(e.target,t),e.pointerType)):e.isOverTarget&&e.pointerType!=null&&(e.isOverTarget=!1,c=E(S(e.target,t),e.pointerType,!1),X(S(e.target,t))),c&&t.stopPropagation()},s.onTouchEnd=t=>{if(!o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent)))return;if(!e.isPressed){t.stopPropagation();return}let a=z(t.nativeEvent,e.activePointerId),c=!0;a&&j(a,t.currentTarget)&&e.pointerType!=null?(k(S(e.target,t),e.pointerType),c=E(S(e.target,t),e.pointerType),U(t.nativeEvent,e.target)):e.isOverTarget&&e.pointerType!=null&&(c=E(S(e.target,t),e.pointerType,!1)),c&&t.stopPropagation(),e.isPressed=!1,e.activePointerId=null,e.isOverTarget=!1,e.ignoreEmulatedMouseEvents=!0,e.target&&!v&&L.restoreTextSelection(e.target),q()},s.onTouchCancel=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&(t.stopPropagation(),e.isPressed&&T(S(e.target,t)))};let f=t=>{e.isPressed&&o.nodeContains(o.getEventTarget(t),e.target)&&T({currentTarget:e.target,shiftKey:!1,ctrlKey:!1,metaKey:!1,altKey:!1})};s.onDragStart=t=>{o.nodeContains(t.currentTarget,o.getEventTarget(t.nativeEvent))&&T(t)}}return s},[C,d,b,q,v,T,X,E,h,k,F,U]);return M.useEffect(()=>{let e=D==null?void 0:D.current;e&&e instanceof $.getOwnerWindow(e).Element&&$.getOwnerWindow(e).getComputedStyle(e).touchAction==="auto"&&(e.style.touchAction="pan-x pan-y pinch-zoom")},[D]),M.useEffect(()=>{let e=K.current;return()=>{var s;v||L.restoreTextSelection((s=e.target)!==null&&s!==void 0?s:void 0);for(let p of e.disposables)p();e.disposables=[]}},[v]),{isPressed:x||te,pressProps:Q.mergeProps(ee,re)}}function W(n){return n.tagName==="A"&&n.hasAttribute("href")}function H(n,i){const{key:l,code:u}=n,g=i,P=g.getAttribute("role");return(l==="Enter"||l===" "||l==="Spacebar"||u==="Space")&&!(g instanceof $.getOwnerWindow(g).HTMLInputElement&&!Z(g,l)||g instanceof $.getOwnerWindow(g).HTMLTextAreaElement||g.isContentEditable)&&!((P==="link"||!P&&W(g))&&l!=="Enter")}function de(n){const{targetTouches:i}=n;return i.length>0?i[0]:null}function z(n,i){const l=n.changedTouches;for(let u=0;u<l.length;u++){const g=l[u];if(g.identifier===i)return g}return null}function S(n,i){let l=0,u=0;return i.targetTouches&&i.targetTouches.length===1&&(l=i.targetTouches[0].clientX,u=i.targetTouches[0].clientY),{currentTarget:n,shiftKey:i.shiftKey,ctrlKey:i.ctrlKey,metaKey:i.metaKey,altKey:i.altKey,clientX:l,clientY:u}}function w(n,i){let l=i.clientX,u=i.clientY;return{currentTarget:n,shiftKey:i.shiftKey,ctrlKey:i.ctrlKey,metaKey:i.metaKey,altKey:i.altKey,clientX:l,clientY:u}}function ve(n){let i=0,l=0;return n.width!==void 0?i=n.width/2:n.radiusX!==void 0&&(i=n.radiusX),n.height!==void 0?l=n.height/2:n.radiusY!==void 0&&(l=n.radiusY),{top:n.clientY-l,right:n.clientX+i,bottom:n.clientY+l,left:n.clientX-i}}function Te(n,i){return!(n.left>i.right||i.left>n.right||n.top>i.bottom||i.top>n.bottom)}function j(n,i){let l=i.getBoundingClientRect(),u=ve(n);return Te(l,u)}function Ee(n){return n instanceof HTMLInputElement?!1:n instanceof HTMLButtonElement?n.type!=="submit"&&n.type!=="reset":!W(n)}function J(n,i){return n instanceof HTMLInputElement?!Z(n,i):Ee(n)}const Pe=new Set(["checkbox","radio","range","color","file","image","button","submit","reset"]);function Z(n,i){return n.type==="checkbox"||n.type==="radio"?i===" ":Pe.has(n.type)}exports.usePress=pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("./index275.js"),f=require("react"),E=require("./index154.js"),v=require("./index173.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/index151.mjs

@@ -1,384 +1,76 @@
-import { setEventTarget as se, createSyntheticEvent as oe, preventFocus as B } from "./index278.mjs";
-import { restoreTextSelection as A, disableTextSelection as N } from "./index281.mjs";
-import { PressResponderContext as le } from "./index276.mjs";
-import { _ as fe } from "./index282.mjs";
-import { _ as ue } from "./index184.mjs";
-import { _ as W } from "./index283.mjs";
-import { chain as ce } from "./index156.mjs";
-import { nodeContains as p, getEventTarget as c } from "./index157.mjs";
-import { getOwnerDocument as Y, getOwnerWindow as I } from "./index158.mjs";
-import { mergeProps as te } from "./index115.mjs";
-import { focusWithoutScrolling as pe } from "./index162.mjs";
-import { openLink as z } from "./index163.mjs";
-import { useGlobalListeners as de } from "./index166.mjs";
-import { useSyncRef as ge } from "./index169.mjs";
-import { isMac as ve } from "./index164.mjs";
-import { isVirtualPointerEvent as Te, isVirtualClick as j } from "./index173.mjs";
-import { useEffectEvent as K } from "./index172.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;
-  }
-}
-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);
+import { setInteractionModality as m } from "./index275.mjs";
+import { useEffect as f } from "react";
+import { useLayoutEffect as $ } from "./index154.mjs";
+import { useEffectEvent as v } from "./index173.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 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;
+  });
+  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");
     }
-    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));
-      }
+    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);
     };
-    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;
   }, [
-    x,
-    v,
-    S,
-    D,
-    T,
-    P,
-    X,
-    y,
-    m,
-    O,
-    F,
-    R
+    e,
+    l,
+    r,
+    o,
+    s
   ]);
-  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)
-  };
 }
-function G(n) {
-  return n.tagName === "A" && n.hasAttribute("href");
-}
-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;
-  }
-  return null;
-}
-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 M(n, i) {
-  let o = i.clientX, l = i.clientY;
+function p(t) {
+  let i = t.validity;
   return {
-    currentTarget: n,
-    shiftKey: i.shiftKey,
-    ctrlKey: i.ctrlKey,
-    metaKey: i.metaKey,
-    altKey: i.altKey,
-    clientX: o,
-    clientY: l
+    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 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 g(t) {
+  return {
+    isInvalid: !t.validity.valid,
+    validationDetails: p(t),
+    validationErrors: t.validationMessage ? [
+      t.validationMessage
+    ] : []
   };
 }
-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);
+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 {
-  We as usePress
+  V as useFormValidation
 };