@eightshift/ui-components 5.0.0 → 5.0.1

package/dist/react-select-async.esm-D937XTWW.js

@@ -0,0 +1,107 @@
+import { a as _objectWithoutProperties, b as _slicedToArray, h as handleInputChange, d as _objectSpread2, e as _defineProperty, _ as _extends } from "./index-641ee5b8.esm-BPU8rMZr.js";
+import * as React from "react";
+import { useRef, useState, useEffect, useCallback, forwardRef } from "react";
+import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-BKIJGje-.js";
+import "./index-CFozsmNS.js";
+var _excluded = ["defaultOptions", "cacheOptions", "loadOptions", "options", "isLoading", "onInputChange", "filterOption"];
+function useAsync(_ref) {
+  var _ref$defaultOptions = _ref.defaultOptions, propsDefaultOptions = _ref$defaultOptions === void 0 ? false : _ref$defaultOptions, _ref$cacheOptions = _ref.cacheOptions, cacheOptions = _ref$cacheOptions === void 0 ? false : _ref$cacheOptions, propsLoadOptions = _ref.loadOptions;
+  _ref.options;
+  var _ref$isLoading = _ref.isLoading, propsIsLoading = _ref$isLoading === void 0 ? false : _ref$isLoading, propsOnInputChange = _ref.onInputChange, _ref$filterOption = _ref.filterOption, filterOption = _ref$filterOption === void 0 ? null : _ref$filterOption, restSelectProps = _objectWithoutProperties(_ref, _excluded);
+  var propsInputValue = restSelectProps.inputValue;
+  var lastRequest = useRef(void 0);
+  var mounted = useRef(false);
+  var _useState = useState(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : void 0), _useState2 = _slicedToArray(_useState, 2), defaultOptions = _useState2[0], setDefaultOptions = _useState2[1];
+  var _useState3 = useState(typeof propsInputValue !== "undefined" ? propsInputValue : ""), _useState4 = _slicedToArray(_useState3, 2), stateInputValue = _useState4[0], setStateInputValue = _useState4[1];
+  var _useState5 = useState(propsDefaultOptions === true), _useState6 = _slicedToArray(_useState5, 2), isLoading = _useState6[0], setIsLoading = _useState6[1];
+  var _useState7 = useState(void 0), _useState8 = _slicedToArray(_useState7, 2), loadedInputValue = _useState8[0], setLoadedInputValue = _useState8[1];
+  var _useState9 = useState([]), _useState10 = _slicedToArray(_useState9, 2), loadedOptions = _useState10[0], setLoadedOptions = _useState10[1];
+  var _useState11 = useState(false), _useState12 = _slicedToArray(_useState11, 2), passEmptyOptions = _useState12[0], setPassEmptyOptions = _useState12[1];
+  var _useState13 = useState({}), _useState14 = _slicedToArray(_useState13, 2), optionsCache = _useState14[0], setOptionsCache = _useState14[1];
+  var _useState15 = useState(void 0), _useState16 = _slicedToArray(_useState15, 2), prevDefaultOptions = _useState16[0], setPrevDefaultOptions = _useState16[1];
+  var _useState17 = useState(void 0), _useState18 = _slicedToArray(_useState17, 2), prevCacheOptions = _useState18[0], setPrevCacheOptions = _useState18[1];
+  if (cacheOptions !== prevCacheOptions) {
+    setOptionsCache({});
+    setPrevCacheOptions(cacheOptions);
+  }
+  if (propsDefaultOptions !== prevDefaultOptions) {
+    setDefaultOptions(Array.isArray(propsDefaultOptions) ? propsDefaultOptions : void 0);
+    setPrevDefaultOptions(propsDefaultOptions);
+  }
+  useEffect(function() {
+    mounted.current = true;
+    return function() {
+      mounted.current = false;
+    };
+  }, []);
+  var loadOptions = useCallback(function(inputValue, callback) {
+    if (!propsLoadOptions) return callback();
+    var loader = propsLoadOptions(inputValue, callback);
+    if (loader && typeof loader.then === "function") {
+      loader.then(callback, function() {
+        return callback();
+      });
+    }
+  }, [propsLoadOptions]);
+  useEffect(function() {
+    if (propsDefaultOptions === true) {
+      loadOptions(stateInputValue, function(options2) {
+        if (!mounted.current) return;
+        setDefaultOptions(options2 || []);
+        setIsLoading(!!lastRequest.current);
+      });
+    }
+  }, []);
+  var onInputChange = useCallback(function(newValue, actionMeta) {
+    var inputValue = handleInputChange(newValue, actionMeta, propsOnInputChange);
+    if (!inputValue) {
+      lastRequest.current = void 0;
+      setStateInputValue("");
+      setLoadedInputValue("");
+      setLoadedOptions([]);
+      setIsLoading(false);
+      setPassEmptyOptions(false);
+      return;
+    }
+    if (cacheOptions && optionsCache[inputValue]) {
+      setStateInputValue(inputValue);
+      setLoadedInputValue(inputValue);
+      setLoadedOptions(optionsCache[inputValue]);
+      setIsLoading(false);
+      setPassEmptyOptions(false);
+    } else {
+      var request = lastRequest.current = {};
+      setStateInputValue(inputValue);
+      setIsLoading(true);
+      setPassEmptyOptions(!loadedInputValue);
+      loadOptions(inputValue, function(options2) {
+        if (!mounted) return;
+        if (request !== lastRequest.current) return;
+        lastRequest.current = void 0;
+        setIsLoading(false);
+        setLoadedInputValue(inputValue);
+        setLoadedOptions(options2 || []);
+        setPassEmptyOptions(false);
+        setOptionsCache(options2 ? _objectSpread2(_objectSpread2({}, optionsCache), {}, _defineProperty({}, inputValue, options2)) : optionsCache);
+      });
+    }
+  }, [cacheOptions, loadOptions, loadedInputValue, optionsCache, propsOnInputChange]);
+  var options = passEmptyOptions ? [] : stateInputValue && loadedInputValue ? loadedOptions : defaultOptions || [];
+  return _objectSpread2(_objectSpread2({}, restSelectProps), {}, {
+    options,
+    isLoading: isLoading || propsIsLoading,
+    onInputChange,
+    filterOption
+  });
+}
+var AsyncSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
+  var stateManagedProps = useAsync(props);
+  var selectProps = useStateManager(stateManagedProps);
+  return /* @__PURE__ */ React.createElement(Select, _extends({
+    ref
+  }, selectProps));
+});
+var AsyncSelect$1 = AsyncSelect;
+export {
+  AsyncSelect$1 as A
+};

package/dist/react-select.esm-Ciai3aKf.js

@@ -0,0 +1,15 @@
+import { u as useStateManager, S as Select } from "./Select-aab027f3.esm-BKIJGje-.js";
+import { _ as _extends } from "./index-641ee5b8.esm-BPU8rMZr.js";
+import * as React from "react";
+import { forwardRef } from "react";
+import "./index-CFozsmNS.js";
+var StateManagedSelect = /* @__PURE__ */ forwardRef(function(props, ref) {
+  var baseSelectProps = useStateManager(props);
+  return /* @__PURE__ */ React.createElement(Select, _extends({
+    ref
+  }, baseSelectProps));
+});
+var StateManagedSelect$1 = StateManagedSelect;
+export {
+  StateManagedSelect$1 as S
+};

package/dist/style-admin.js

@@ -0,0 +1 @@
+import './assets/style-admin.css';

package/dist/style-editor.js

@@ -0,0 +1 @@
+import './assets/index.css';import './assets/style-editor.css';/* empty css               */

package/dist/style.js

@@ -0,0 +1 @@
+import './assets/index.css';import './assets/style.css';/* empty css               */

package/dist/textSelection-CCcyjiRP.js

@@ -0,0 +1,46 @@
+import { c as $c87311424ea30a05$export$fedb369cb70207f1, d as $431fbd86ca7dc216$export$b204af158042fbac, e as $bbed8b41f857bcc0$export$24490316f764c430 } from "./useHover-VO5tcIli.js";
+let $14c0b72509d70225$var$state = "default";
+let $14c0b72509d70225$var$savedUserSelect = "";
+let $14c0b72509d70225$var$modifiedElementMap = /* @__PURE__ */ new WeakMap();
+function $14c0b72509d70225$export$16a4697467175487(target) {
+  if ($c87311424ea30a05$export$fedb369cb70207f1()) {
+    if ($14c0b72509d70225$var$state === "default") {
+      const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(target);
+      $14c0b72509d70225$var$savedUserSelect = documentObject.documentElement.style.webkitUserSelect;
+      documentObject.documentElement.style.webkitUserSelect = "none";
+    }
+    $14c0b72509d70225$var$state = "disabled";
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    let property = "userSelect" in target.style ? "userSelect" : "webkitUserSelect";
+    $14c0b72509d70225$var$modifiedElementMap.set(target, target.style[property]);
+    target.style[property] = "none";
+  }
+}
+function $14c0b72509d70225$export$b0d6fa1ab32e3295(target) {
+  if ($c87311424ea30a05$export$fedb369cb70207f1()) {
+    if ($14c0b72509d70225$var$state !== "disabled") return;
+    $14c0b72509d70225$var$state = "restoring";
+    setTimeout(() => {
+      $bbed8b41f857bcc0$export$24490316f764c430(() => {
+        if ($14c0b72509d70225$var$state === "restoring") {
+          const documentObject = $431fbd86ca7dc216$export$b204af158042fbac(target);
+          if (documentObject.documentElement.style.webkitUserSelect === "none") documentObject.documentElement.style.webkitUserSelect = $14c0b72509d70225$var$savedUserSelect || "";
+          $14c0b72509d70225$var$savedUserSelect = "";
+          $14c0b72509d70225$var$state = "default";
+        }
+      });
+    }, 300);
+  } else if (target instanceof HTMLElement || target instanceof SVGElement) {
+    if (target && $14c0b72509d70225$var$modifiedElementMap.has(target)) {
+      let targetOldUserSelect = $14c0b72509d70225$var$modifiedElementMap.get(target);
+      let property = "userSelect" in target.style ? "userSelect" : "webkitUserSelect";
+      if (target.style[property] === "none") target.style[property] = targetOldUserSelect;
+      if (target.getAttribute("style") === "") target.removeAttribute("style");
+      $14c0b72509d70225$var$modifiedElementMap.delete(target);
+    }
+  }
+}
+export {
+  $14c0b72509d70225$export$b0d6fa1ab32e3295 as $,
+  $14c0b72509d70225$export$16a4697467175487 as a
+};

package/dist/useButton-BOHxkGQF.js

@@ -0,0 +1,50 @@
+import { d as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./utils-B94NDG0v.js";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.js";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-DjNo5790.js";
+import { a as $f645667febf57a63$export$4c014de7c8940b4c } from "./useHover-VO5tcIli.js";
+function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
+  let { elementType = "button", isDisabled, onPress, onPressStart, onPressEnd, onPressUp, onPressChange, preventFocusOnPress, allowFocusWhenDisabled, onClick, href, target, rel, type = "button" } = props;
+  let additionalProps;
+  if (elementType === "button") additionalProps = {
+    type,
+    disabled: isDisabled
+  };
+  else additionalProps = {
+    role: "button",
+    href: elementType === "a" && !isDisabled ? href : void 0,
+    target: elementType === "a" ? target : void 0,
+    type: elementType === "input" ? type : void 0,
+    disabled: elementType === "input" ? isDisabled : void 0,
+    "aria-disabled": !isDisabled || elementType === "input" ? void 0 : isDisabled,
+    rel: elementType === "a" ? rel : void 0
+  };
+  let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart,
+    onPressEnd,
+    onPressChange,
+    onPress,
+    onPressUp,
+    onClick,
+    isDisabled,
+    preventFocusOnPress,
+    ref
+  });
+  let { focusableProps } = $f645667febf57a63$export$4c014de7c8940b4c(props, ref);
+  if (allowFocusWhenDisabled) focusableProps.tabIndex = isDisabled ? -1 : focusableProps.tabIndex;
+  let buttonProps = $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, pressProps, $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  }));
+  return {
+    isPressed,
+    buttonProps: $3ef42575df84b30b$export$9d1611c77c2fe928(additionalProps, buttonProps, {
+      "aria-haspopup": props["aria-haspopup"],
+      "aria-expanded": props["aria-expanded"],
+      "aria-controls": props["aria-controls"],
+      "aria-pressed": props["aria-pressed"],
+      "aria-current": props["aria-current"]
+    })
+  };
+}
+export {
+  $701a24aa0da5b062$export$ea18c227d4417cc3 as $
+};

package/dist/useEvent-D5o_CqDH.js

@@ -0,0 +1,23 @@
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-B94NDG0v.js";
+import { useEffect } from "react";
+function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
+  let handleEvent = $8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);
+  let isDisabled = handler == null;
+  useEffect(() => {
+    if (isDisabled || !ref.current) return;
+    let element = ref.current;
+    element.addEventListener(event, handleEvent, options);
+    return () => {
+      element.removeEventListener(event, handleEvent, options);
+    };
+  }, [
+    ref,
+    event,
+    options,
+    isDisabled,
+    handleEvent
+  ]);
+}
+export {
+  $e9faafb641e167db$export$90fc3a17d93f704c as $
+};

package/dist/useFocusRing-nMG2uzxS.js

@@ -0,0 +1,107 @@
+import { g as $03deb23ff14920c4$export$4eaf04e54aa8eed6, h as $8a9cb279dc87e130$export$715c682d09d639cc, d as $431fbd86ca7dc216$export$b204af158042fbac, i as $d4ee10de306f2510$export$cd4e5573fbe2b576, j as $d4ee10de306f2510$export$e58f029f0fbfdb29, k as $d4ee10de306f2510$export$4282f70798064fe0, l as $8a9cb279dc87e130$export$c2b7abe5d61ec696, m as $8a9cb279dc87e130$export$525bc4921d56d4a, n as $507fabe10e71c6fb$export$b9b3dfddab17db27, o as $507fabe10e71c6fb$export$ec71b4b83ac08ec3, p as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useHover-VO5tcIli.js";
+import { useRef, useCallback, useState } 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
+    }
+  };
+}
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+  let { autoFocus = false, isTextInput, within } = props;
+  let state = useRef({
+    isFocused: false,
+    isFocusVisible: autoFocus || $507fabe10e71c6fb$export$b9b3dfddab17db27()
+  });
+  let [isFocused, setFocused] = useState(false);
+  let [isFocusVisibleState, setFocusVisible] = useState(() => state.current.isFocused && state.current.isFocusVisible);
+  let updateState = useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+  let onFocusChange = useCallback((isFocused2) => {
+    state.current.isFocused = isFocused2;
+    setFocused(isFocused2);
+    updateState();
+  }, [
+    updateState
+  ]);
+  $507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => {
+    state.current.isFocusVisible = isFocusVisible;
+    updateState();
+  }, [], {
+    isTextInput
+  });
+  let { focusProps } = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+    isDisabled: within,
+    onFocusChange
+  });
+  let { focusWithinProps } = $9ab94262bd0047c7$export$420e68273165f4ec({
+    isDisabled: !within,
+    onFocusWithinChange: onFocusChange
+  });
+  return {
+    isFocused,
+    isFocusVisible: isFocusVisibleState,
+    focusProps: within ? focusWithinProps : focusProps
+  };
+}
+export {
+  $f7dceffc5ad7768b$export$4e328f61c538687f as $,
+  $9ab94262bd0047c7$export$420e68273165f4ec as a
+};

package/dist/useFormReset-DlmRL87g.js

@@ -0,0 +1,22 @@
+import { f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-B94NDG0v.js";
+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/dist/useFormValidation-D0_aaK-e.js

@@ -0,0 +1,224 @@
+import { useMemo, useContext, createContext, useState, useRef, useEffect } from "react";
+import { q as $507fabe10e71c6fb$export$8397ddfc504fdb9a } from "./useHover-VO5tcIli.js";
+import { k as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, f as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./utils-B94NDG0v.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 = {
+  ...$e5be200c675c3b3a$export$aca958c65c314e6c,
+  customError: true,
+  valid: false
+};
+const $e5be200c675c3b3a$export$dad6ae84456c676a = {
+  isInvalid: false,
+  validationDetails: $e5be200c675c3b3a$export$aca958c65c314e6c,
+  validationErrors: []
+};
+const $e5be200c675c3b3a$export$571b5131b7e65c11 = 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 = 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 = useContext($e5be200c675c3b3a$export$571b5131b7e65c11);
+  let serverErrorMessages = 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] = useState(serverErrors);
+  let [isServerErrorCleared, setServerErrorCleared] = useState(false);
+  if (serverErrors !== lastServerErrors) {
+    setLastServerErrors(serverErrors);
+    setServerErrorCleared(false);
+  }
+  let serverError = useMemo(() => $e5be200c675c3b3a$var$getValidationResult(isServerErrorCleared ? [] : serverErrorMessages), [
+    isServerErrorCleared,
+    serverErrorMessages
+  ]);
+  let nextValidation = useRef($e5be200c675c3b3a$export$dad6ae84456c676a);
+  let [currentValidity, setCurrentValidity] = useState($e5be200c675c3b3a$export$dad6ae84456c676a);
+  let lastError = 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] = useState(false);
+  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 $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
+  let { validationBehavior, focus } = props;
+  $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 = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    state.resetValidation();
+  });
+  let onInvalid = $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();
+      $507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard");
+    }
+    e.preventDefault();
+  });
+  let onChange = $8ae05eaa5c114e9c$export$7f54fc3180508a52(() => {
+    state.commitValidation();
+  });
+  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;
+}
+export {
+  $e5be200c675c3b3a$export$fc1a364ae1f3ff10 as $,
+  $e93e671b31057976$export$b8473d3665f3a75a as a,
+  $e5be200c675c3b3a$export$a763b9476acd3eb as b,
+  $e5be200c675c3b3a$export$dad6ae84456c676a as c
+};