@easypost/easy-ui 1.0.0-alpha.8 → 1.0.0-alpha.81

package/__chunks__/useFocusWithin-DPnHAdQU.mjs

@@ -0,0 +1,70 @@
+import { $ as $03deb23ff14920c4$export$4eaf04e54aa8eed6, c as $8a9cb279dc87e130$export$715c682d09d639cc, a as $431fbd86ca7dc216$export$b204af158042fbac, d as $d4ee10de306f2510$export$cd4e5573fbe2b576, e as $d4ee10de306f2510$export$e58f029f0fbfdb29, b as $d4ee10de306f2510$export$4282f70798064fe0, h as $8a9cb279dc87e130$export$c2b7abe5d61ec696, i as $8a9cb279dc87e130$export$525bc4921d56d4a } from "./useFocusVisible-DWC9qGtP.mjs";
+import { useRef, useCallback } from "react";
+function $9ab94262bd0047c7$export$420e68273165f4ec(props) {
+  let { isDisabled, onBlurWithin, onFocusWithin, onFocusWithinChange } = props;
+  let state = useRef({
+    isFocusWithin: false
+  });
+  let { addGlobalListener, removeAllGlobalListeners } = $03deb23ff14920c4$export$4eaf04e54aa8eed6();
+  let onBlur = useCallback((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    if (state.current.isFocusWithin && !e.currentTarget.contains(e.relatedTarget)) {
+      state.current.isFocusWithin = false;
+      removeAllGlobalListeners();
+      if (onBlurWithin) onBlurWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(false);
+    }
+  }, [
+    onBlurWithin,
+    onFocusWithinChange,
+    state,
+    removeAllGlobalListeners
+  ]);
+  let onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  let onFocus = useCallback((e) => {
+    if (!e.currentTarget.contains(e.target)) return;
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target);
+    const activeElement = $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument);
+    if (!state.current.isFocusWithin && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) {
+      if (onFocusWithin) onFocusWithin(e);
+      if (onFocusWithinChange) onFocusWithinChange(true);
+      state.current.isFocusWithin = true;
+      onSyntheticFocus(e);
+      let currentTarget = e.currentTarget;
+      addGlobalListener(ownerDocument, "focus", (e2) => {
+        if (state.current.isFocusWithin && !$d4ee10de306f2510$export$4282f70798064fe0(currentTarget, e2.target)) {
+          let nativeEvent = new ownerDocument.defaultView.FocusEvent("blur", {
+            relatedTarget: e2.target
+          });
+          $8a9cb279dc87e130$export$c2b7abe5d61ec696(nativeEvent, currentTarget);
+          let event = $8a9cb279dc87e130$export$525bc4921d56d4a(nativeEvent);
+          onBlur(event);
+        }
+      }, {
+        capture: true
+      });
+    }
+  }, [
+    onFocusWithin,
+    onFocusWithinChange,
+    onSyntheticFocus,
+    addGlobalListener,
+    onBlur
+  ]);
+  if (isDisabled) return {
+    focusWithinProps: {
+      // These cannot be null, that would conflict in mergeProps
+      onFocus: void 0,
+      onBlur: void 0
+    }
+  };
+  return {
+    focusWithinProps: {
+      onFocus,
+      onBlur
+    }
+  };
+}
+export {
+  $9ab94262bd0047c7$export$420e68273165f4ec as $
+};

package/__chunks__/useFocusable-C6giMIa8.mjs

@@ -0,0 +1,102 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import { $ as $3ad3f6e1647bc98d$export$80f3e147d781571c, a as $e7801be82b4b2a53$export$4debdb1a3f0fa79e } from "./focusSafely-D0XrieaU.mjs";
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-DsnhrQiB.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CORsYhTp.mjs";
+import React__default, { useRef, useEffect, useContext } from "react";
+function $93925083ecbb358c$export$48d1ea6320830260(handler) {
+  if (!handler) return void 0;
+  let shouldStopPropagation = true;
+  return (e) => {
+    let event = __spreadProps(__spreadValues({}, e), {
+      preventDefault() {
+        e.preventDefault();
+      },
+      isDefaultPrevented() {
+        return e.isDefaultPrevented();
+      },
+      stopPropagation() {
+        if (shouldStopPropagation && process.env.NODE_ENV !== "production") console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+        else shouldStopPropagation = true;
+      },
+      continuePropagation() {
+        shouldStopPropagation = false;
+      },
+      isPropagationStopped() {
+        return shouldStopPropagation;
+      }
+    });
+    handler(event);
+    if (shouldStopPropagation) e.stopPropagation();
+  };
+}
+function $46d819fcbaf35654$export$8f71654801c2f7cd(props) {
+  return {
+    keyboardProps: props.isDisabled ? {} : {
+      onKeyDown: $93925083ecbb358c$export$48d1ea6320830260(props.onKeyDown),
+      onKeyUp: $93925083ecbb358c$export$48d1ea6320830260(props.onKeyUp)
+    }
+  };
+}
+let $f645667febf57a63$export$f9762fab77588ecb = /* @__PURE__ */ React__default.createContext(null);
+function $f645667febf57a63$var$useFocusableContext(ref) {
+  let context = useContext($f645667febf57a63$export$f9762fab77588ecb) || {};
+  $e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref);
+  let _a = context, { ref: _ } = _a, otherProps = __objRest(_a, ["ref"]);
+  return otherProps;
+}
+function $f645667febf57a63$export$4c014de7c8940b4c(props, domRef) {
+  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props);
+  let { keyboardProps } = $46d819fcbaf35654$export$8f71654801c2f7cd(props);
+  let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, keyboardProps);
+  let domProps = $f645667febf57a63$var$useFocusableContext(domRef);
+  let interactionProps = props.isDisabled ? {} : domProps;
+  let autoFocusRef = useRef(props.autoFocus);
+  useEffect(() => {
+    if (autoFocusRef.current && domRef.current) $3ad3f6e1647bc98d$export$80f3e147d781571c(domRef.current);
+    autoFocusRef.current = false;
+  }, [
+    domRef
+  ]);
+  let tabIndex = props.excludeFromTabOrder ? -1 : 0;
+  if (props.isDisabled) tabIndex = void 0;
+  return {
+    focusableProps: $3ef42575df84b30b$export$9d1611c77c2fe928(__spreadProps(__spreadValues({}, interactions), {
+      tabIndex
+    }), interactionProps)
+  };
+}
+export {
+  $f645667febf57a63$export$4c014de7c8940b4c as $,
+  $46d819fcbaf35654$export$8f71654801c2f7cd as a,
+  $f645667febf57a63$export$f9762fab77588ecb as b
+};

package/__chunks__/useFocusable-HXkH_Kuc.js

@@ -0,0 +1,101 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const focusSafely = require("./focusSafely-BgcYAZN6.js");
+const useFocus = require("./useFocus-Df2haWPe.js");
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const React = require("react");
+function $93925083ecbb358c$export$48d1ea6320830260(handler) {
+  if (!handler) return void 0;
+  let shouldStopPropagation = true;
+  return (e) => {
+    let event = __spreadProps(__spreadValues({}, e), {
+      preventDefault() {
+        e.preventDefault();
+      },
+      isDefaultPrevented() {
+        return e.isDefaultPrevented();
+      },
+      stopPropagation() {
+        if (shouldStopPropagation && process.env.NODE_ENV !== "production") console.error("stopPropagation is now the default behavior for events in React Spectrum. You can use continuePropagation() to revert this behavior.");
+        else shouldStopPropagation = true;
+      },
+      continuePropagation() {
+        shouldStopPropagation = false;
+      },
+      isPropagationStopped() {
+        return shouldStopPropagation;
+      }
+    });
+    handler(event);
+    if (shouldStopPropagation) e.stopPropagation();
+  };
+}
+function $46d819fcbaf35654$export$8f71654801c2f7cd(props) {
+  return {
+    keyboardProps: props.isDisabled ? {} : {
+      onKeyDown: $93925083ecbb358c$export$48d1ea6320830260(props.onKeyDown),
+      onKeyUp: $93925083ecbb358c$export$48d1ea6320830260(props.onKeyUp)
+    }
+  };
+}
+let $f645667febf57a63$export$f9762fab77588ecb = /* @__PURE__ */ React.createContext(null);
+function $f645667febf57a63$var$useFocusableContext(ref) {
+  let context = React.useContext($f645667febf57a63$export$f9762fab77588ecb) || {};
+  focusSafely.$e7801be82b4b2a53$export$4debdb1a3f0fa79e(context, ref);
+  let _a = context, { ref: _ } = _a, otherProps = __objRest(_a, ["ref"]);
+  return otherProps;
+}
+function $f645667febf57a63$export$4c014de7c8940b4c(props, domRef) {
+  let { focusProps } = useFocus.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props);
+  let { keyboardProps } = $46d819fcbaf35654$export$8f71654801c2f7cd(props);
+  let interactions = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusProps, keyboardProps);
+  let domProps = $f645667febf57a63$var$useFocusableContext(domRef);
+  let interactionProps = props.isDisabled ? {} : domProps;
+  let autoFocusRef = React.useRef(props.autoFocus);
+  React.useEffect(() => {
+    if (autoFocusRef.current && domRef.current) focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(domRef.current);
+    autoFocusRef.current = false;
+  }, [
+    domRef
+  ]);
+  let tabIndex = props.excludeFromTabOrder ? -1 : 0;
+  if (props.isDisabled) tabIndex = void 0;
+  return {
+    focusableProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(__spreadProps(__spreadValues({}, interactions), {
+      tabIndex
+    }), interactionProps)
+  };
+}
+exports.$46d819fcbaf35654$export$8f71654801c2f7cd = $46d819fcbaf35654$export$8f71654801c2f7cd;
+exports.$f645667febf57a63$export$4c014de7c8940b4c = $f645667febf57a63$export$4c014de7c8940b4c;
+exports.$f645667febf57a63$export$f9762fab77588ecb = $f645667febf57a63$export$f9762fab77588ecb;

package/__chunks__/useFormReset-XL_MAi9u.mjs

@@ -0,0 +1,22 @@
+import { a as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./mergeProps-CORsYhTp.mjs";
+import { useRef, useEffect } from "react";
+function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
+  let resetValue = useRef(initialValue);
+  let handleReset = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (onReset) onReset(resetValue.current);
+  });
+  useEffect(() => {
+    var _ref_current;
+    let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+    form === null || form === void 0 ? void 0 : form.addEventListener("reset", handleReset);
+    return () => {
+      form === null || form === void 0 ? void 0 : form.removeEventListener("reset", handleReset);
+    };
+  }, [
+    ref,
+    handleReset
+  ]);
+}
+export {
+  $99facab73266f662$export$5add1d006293d136 as $
+};

package/__chunks__/useFormReset-mp5g2mF5.js

@@ -0,0 +1,21 @@
+"use strict";
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const React = require("react");
+function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
+  let resetValue = React.useRef(initialValue);
+  let handleReset = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    if (onReset) onReset(resetValue.current);
+  });
+  React.useEffect(() => {
+    var _ref_current;
+    let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+    form === null || form === void 0 ? void 0 : form.addEventListener("reset", handleReset);
+    return () => {
+      form === null || form === void 0 ? void 0 : form.removeEventListener("reset", handleReset);
+    };
+  }, [
+    ref,
+    handleReset
+  ]);
+}
+exports.$99facab73266f662$export$5add1d006293d136 = $99facab73266f662$export$5add1d006293d136;

package/__chunks__/useFormValidation-CAsEJ1eu.js

@@ -0,0 +1,262 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const React = require("react");
+const useFocusVisible = require("./useFocusVisible-7ks2C0sQ.js");
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const $e5be200c675c3b3a$export$aca958c65c314e6c = {
+  badInput: false,
+  customError: false,
+  patternMismatch: false,
+  rangeOverflow: false,
+  rangeUnderflow: false,
+  stepMismatch: false,
+  tooLong: false,
+  tooShort: false,
+  typeMismatch: false,
+  valueMissing: false,
+  valid: true
+};
+const $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE = __spreadProps(__spreadValues({}, $e5be200c675c3b3a$export$aca958c65c314e6c), {
+  customError: true,
+  valid: false
+});
+const $e5be200c675c3b3a$export$dad6ae84456c676a = {
+  isInvalid: false,
+  validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
+  validationErrors: []
+};
+const $e5be200c675c3b3a$export$571b5131b7e65c11 = React.createContext({});
+const $e5be200c675c3b3a$export$a763b9476acd3eb = "__formValidationState" + Date.now();
+function $e5be200c675c3b3a$export$fc1a364ae1f3ff10(props) {
+  if (props[$e5be200c675c3b3a$export$a763b9476acd3eb]) {
+    let { realtimeValidation, displayValidation, updateValidation, resetValidation, commitValidation } = props[$e5be200c675c3b3a$export$a763b9476acd3eb];
+    return {
+      realtimeValidation,
+      displayValidation,
+      updateValidation,
+      resetValidation,
+      commitValidation
+    };
+  }
+  return $e5be200c675c3b3a$var$useFormValidationStateImpl(props);
+}
+function $e5be200c675c3b3a$var$useFormValidationStateImpl(props) {
+  let { isInvalid, validationState, name, value, builtinValidation, validate, validationBehavior = "aria" } = props;
+  if (validationState) isInvalid || (isInvalid = validationState === "invalid");
+  let controlledError = isInvalid !== void 0 ? {
+    isInvalid,
+    validationErrors: [],
+    validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
+  } : null;
+  let clientError = React.useMemo(() => {
+    if (!validate || value == null) return null;
+    let validateErrors = $e5be200c675c3b3a$var$runValidate(validate, value);
+    return $e5be200c675c3b3a$var$getValidationResult(validateErrors);
+  }, [
+    validate,
+    value
+  ]);
+  if (builtinValidation === null || builtinValidation === void 0 ? void 0 : builtinValidation.validationDetails.valid) builtinValidation = void 0;
+  let serverErrors = React.useContext($e5be200c675c3b3a$export$571b5131b7e65c11);
+  let serverErrorMessages = React.useMemo(() => {
+    if (name) return Array.isArray(name) ? name.flatMap((name2) => $e5be200c675c3b3a$var$asArray(serverErrors[name2])) : $e5be200c675c3b3a$var$asArray(serverErrors[name]);
+    return [];
+  }, [
+    serverErrors,
+    name
+  ]);
+  let [lastServerErrors, setLastServerErrors] = React.useState(serverErrors);
+  let [isServerErrorCleared, setServerErrorCleared] = React.useState(false);
+  if (serverErrors !== lastServerErrors) {
+    setLastServerErrors(serverErrors);
+    setServerErrorCleared(false);
+  }
+  let serverError = React.useMemo(() => $e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
+    isServerErrorCleared,
+    serverErrorMessages
+  ]);
+  let nextValidation = React.useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+  let [currentValidity, setCurrentValidity] = React.useState($e5be200c675c3b3a$export$dad6ae84456c676a);
+  let lastError = React.useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+  let commitValidation = () => {
+    if (!commitQueued) return;
+    setCommitQueued(false);
+    let error = clientError || builtinValidation || nextValidation.current;
+    if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
+      lastError.current = error;
+      setCurrentValidity(error);
+    }
+  };
+  let [commitQueued, setCommitQueued] = React.useState(false);
+  React.useEffect(commitValidation);
+  let realtimeValidation = controlledError || serverError || clientError || builtinValidation || $e5be200c675c3b3a$export$dad6ae84456c676a;
+  let displayValidation = validationBehavior === "native" ? controlledError || serverError || currentValidity : controlledError || serverError || clientError || builtinValidation || currentValidity;
+  return {
+    realtimeValidation,
+    displayValidation,
+    updateValidation(value2) {
+      if (validationBehavior === "aria" && !$e5be200c675c3b3a$var$isEqualValidation(currentValidity, value2)) setCurrentValidity(value2);
+      else nextValidation.current = value2;
+    },
+    resetValidation() {
+      let error = $e5be200c675c3b3a$export$dad6ae84456c676a;
+      if (!$e5be200c675c3b3a$var$isEqualValidation(error, lastError.current)) {
+        lastError.current = error;
+        setCurrentValidity(error);
+      }
+      if (validationBehavior === "native") setCommitQueued(false);
+      setServerErrorCleared(true);
+    },
+    commitValidation() {
+      if (validationBehavior === "native") setCommitQueued(true);
+      setServerErrorCleared(true);
+    }
+  };
+}
+function $e5be200c675c3b3a$var$asArray(v) {
+  if (!v) return [];
+  return Array.isArray(v) ? v : [
+    v
+  ];
+}
+function $e5be200c675c3b3a$var$runValidate(validate, value) {
+  if (typeof validate === "function") {
+    let e = validate(value);
+    if (e && typeof e !== "boolean") return $e5be200c675c3b3a$var$asArray(e);
+  }
+  return [];
+}
+function $e5be200c675c3b3a$var$getValidationResult(errors) {
+  return errors.length ? {
+    isInvalid: true,
+    validationErrors: errors,
+    validationDetails: $e5be200c675c3b3a$var$CUSTOM_VALIDITY_STATE
+  } : null;
+}
+function $e5be200c675c3b3a$var$isEqualValidation(a, b) {
+  if (a === b) return true;
+  return !!a && !!b && a.isInvalid === b.isInvalid && a.validationErrors.length === b.validationErrors.length && a.validationErrors.every((a2, i) => a2 === b.validationErrors[i]) && Object.entries(a.validationDetails).every(([k, v]) => b.validationDetails[k] === v);
+}
+function $e5be200c675c3b3a$export$75ee7c75d68f5b0e(...results) {
+  let errors = /* @__PURE__ */ new Set();
+  let isInvalid = false;
+  let validationDetails = __spreadValues({}, $e5be200c675c3b3a$export$aca958c65c314e6c);
+  for (let v of results) {
+    var _validationDetails, _key;
+    for (let e of v.validationErrors) errors.add(e);
+    isInvalid || (isInvalid = v.isInvalid);
+    for (let key in validationDetails) (_validationDetails = validationDetails)[_key = key] || (_validationDetails[_key] = v.validationDetails[key]);
+  }
+  validationDetails.valid = !isInvalid;
+  return {
+    isInvalid,
+    validationErrors: [
+      ...errors
+    ],
+    validationDetails
+  };
+}
+function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
+  let { validationBehavior, focus } = props;
+  mergeProps.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    if (validationBehavior === "native" && (ref === null || ref === void 0 ? void 0 : ref.current) && !ref.current.disabled) {
+      let errorMessage = state.realtimeValidation.isInvalid ? state.realtimeValidation.validationErrors.join(" ") || "Invalid value." : "";
+      ref.current.setCustomValidity(errorMessage);
+      if (!ref.current.hasAttribute("title")) ref.current.title = "";
+      if (!state.realtimeValidation.isInvalid) state.updateValidation($e93e671b31057976$var$getNativeValidity(ref.current));
+    }
+  });
+  let onReset = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    state.resetValidation();
+  });
+  let onInvalid = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52((e) => {
+    var _ref_current;
+    if (!state.displayValidation.isInvalid) state.commitValidation();
+    let form = ref === null || ref === void 0 ? void 0 : (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.form;
+    if (!e.defaultPrevented && ref && form && $e93e671b31057976$var$getFirstInvalidInput(form) === ref.current) {
+      var _ref_current1;
+      if (focus) focus();
+      else (_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.focus();
+      useFocusVisible.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
+    }
+    e.preventDefault();
+  });
+  let onChange = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    state.commitValidation();
+  });
+  React.useEffect(() => {
+    let input = ref === null || ref === void 0 ? void 0 : ref.current;
+    if (!input) return;
+    let form = input.form;
+    input.addEventListener("invalid", onInvalid);
+    input.addEventListener("change", onChange);
+    form === null || form === void 0 ? void 0 : form.addEventListener("reset", onReset);
+    return () => {
+      input.removeEventListener("invalid", onInvalid);
+      input.removeEventListener("change", onChange);
+      form === null || form === void 0 ? void 0 : form.removeEventListener("reset", onReset);
+    };
+  }, [
+    ref,
+    onInvalid,
+    onChange,
+    onReset,
+    validationBehavior
+  ]);
+}
+function $e93e671b31057976$var$getValidity(input) {
+  let validity = input.validity;
+  return {
+    badInput: validity.badInput,
+    customError: validity.customError,
+    patternMismatch: validity.patternMismatch,
+    rangeOverflow: validity.rangeOverflow,
+    rangeUnderflow: validity.rangeUnderflow,
+    stepMismatch: validity.stepMismatch,
+    tooLong: validity.tooLong,
+    tooShort: validity.tooShort,
+    typeMismatch: validity.typeMismatch,
+    valueMissing: validity.valueMissing,
+    valid: validity.valid
+  };
+}
+function $e93e671b31057976$var$getNativeValidity(input) {
+  return {
+    isInvalid: !input.validity.valid,
+    validationDetails: $e93e671b31057976$var$getValidity(input),
+    validationErrors: input.validationMessage ? [
+      input.validationMessage
+    ] : []
+  };
+}
+function $e93e671b31057976$var$getFirstInvalidInput(form) {
+  for (let i = 0; i < form.elements.length; i++) {
+    let element = form.elements[i];
+    if (!element.validity.valid) return element;
+  }
+  return null;
+}
+exports.$e5be200c675c3b3a$export$75ee7c75d68f5b0e = $e5be200c675c3b3a$export$75ee7c75d68f5b0e;
+exports.$e5be200c675c3b3a$export$a763b9476acd3eb = $e5be200c675c3b3a$export$a763b9476acd3eb;
+exports.$e5be200c675c3b3a$export$aca958c65c314e6c = $e5be200c675c3b3a$export$aca958c65c314e6c;
+exports.$e5be200c675c3b3a$export$dad6ae84456c676a = $e5be200c675c3b3a$export$dad6ae84456c676a;
+exports.$e5be200c675c3b3a$export$fc1a364ae1f3ff10 = $e5be200c675c3b3a$export$fc1a364ae1f3ff10;
+exports.$e93e671b31057976$export$b8473d3665f3a75a = $e93e671b31057976$export$b8473d3665f3a75a;