@easypost/easy-ui 1.0.0-alpha.9 → 1.0.0-alpha.90

package/__chunks__/useDialog-s6kCqmHb.js

@@ -0,0 +1,71 @@
+"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 mergeProps = require("./mergeProps-d7wJkv71.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const focusSafely = require("./focusSafely-DGwTMyzw.js");
+const React = require("react");
+const Overlay = require("./Overlay-CTC5iCTq.js");
+function $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {
+  let { role = "dialog" } = props;
+  let titleId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8();
+  titleId = props["aria-label"] ? void 0 : titleId;
+  let isRefocusing = React.useRef(false);
+  React.useEffect(() => {
+    if (ref.current && !ref.current.contains(document.activeElement)) {
+      focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
+      let timeout = setTimeout(() => {
+        if (document.activeElement === ref.current) {
+          isRefocusing.current = true;
+          if (ref.current) {
+            ref.current.blur();
+            focusSafely.$3ad3f6e1647bc98d$export$80f3e147d781571c(ref.current);
+          }
+          isRefocusing.current = false;
+        }
+      }, 500);
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+  }, [
+    ref
+  ]);
+  Overlay.$337b884510726a0d$export$14c98a7594375490();
+  return {
+    dialogProps: __spreadProps(__spreadValues({}, filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+      labelable: true
+    })), {
+      role,
+      tabIndex: -1,
+      "aria-labelledby": props["aria-labelledby"] || titleId,
+      // Prevent blur events from reaching useOverlay, which may cause
+      // popovers to close. Since focus is contained within the dialog,
+      // we don't want this to occur due to the above useEffect.
+      onBlur: (e) => {
+        if (isRefocusing.current) e.stopPropagation();
+      }
+    }),
+    titleProps: {
+      id: titleId
+    }
+  };
+}
+exports.$40df3f8667284809$export$d55e7ee900f34e93 = $40df3f8667284809$export$d55e7ee900f34e93;

package/__chunks__/useEdgeInterceptors-D_DARZZd.mjs

@@ -0,0 +1,49 @@
+import React__default, { useRef, useCallback } from "react";
+import { u as useIntersectionDetection } from "./useIntersectionDetection-BvUmtDgl.mjs";
+import { classNames } from "../utilities/css.mjs";
+const interceptor = "_interceptor_fwuq0_4";
+const top = "_top_fwuq0_12";
+const bottom = "_bottom_fwuq0_13";
+const left = "_left_fwuq0_17";
+const right = "_right_fwuq0_18";
+const styles = {
+  interceptor,
+  top,
+  bottom,
+  left,
+  right
+};
+function useEdgeInterceptors(containerRef) {
+  const topInterceptorRef = useRef(null);
+  const bottomInterceptorRef = useRef(null);
+  const leftInterceptorRef = useRef(null);
+  const rightInterceptorRef = useRef(null);
+  const isTopEdgeUnderScroll = useIntersectionDetection(topInterceptorRef, containerRef);
+  const isBottomEdgeUnderScroll = useIntersectionDetection(bottomInterceptorRef, containerRef);
+  const isLeftEdgeUnderScroll = useIntersectionDetection(leftInterceptorRef, containerRef);
+  const isRightEdgeUnderScroll = useIntersectionDetection(rightInterceptorRef, containerRef);
+  const renderInterceptors = useCallback(() => {
+    return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
+      ref: topInterceptorRef,
+      className: classNames(styles.interceptor, styles.top)
+    }), React__default.createElement("div", {
+      ref: bottomInterceptorRef,
+      className: classNames(styles.interceptor, styles.bottom)
+    }), React__default.createElement("div", {
+      ref: leftInterceptorRef,
+      className: classNames(styles.interceptor, styles.left)
+    }), React__default.createElement("div", {
+      ref: rightInterceptorRef,
+      className: classNames(styles.interceptor, styles.right)
+    }));
+  }, []);
+  return [renderInterceptors, {
+    isTopEdgeUnderScroll,
+    isBottomEdgeUnderScroll,
+    isLeftEdgeUnderScroll,
+    isRightEdgeUnderScroll
+  }];
+}
+export {
+  useEdgeInterceptors as u
+};

package/__chunks__/useEdgeInterceptors-Ihk8NfjJ.js

@@ -0,0 +1,48 @@
+"use strict";
+const React = require("react");
+const useIntersectionDetection = require("./useIntersectionDetection-DI5n4zwA.js");
+const utilities_css = require("../utilities/css.js");
+const interceptor = "_interceptor_fwuq0_4";
+const top = "_top_fwuq0_12";
+const bottom = "_bottom_fwuq0_13";
+const left = "_left_fwuq0_17";
+const right = "_right_fwuq0_18";
+const styles = {
+  interceptor,
+  top,
+  bottom,
+  left,
+  right
+};
+function useEdgeInterceptors(containerRef) {
+  const topInterceptorRef = React.useRef(null);
+  const bottomInterceptorRef = React.useRef(null);
+  const leftInterceptorRef = React.useRef(null);
+  const rightInterceptorRef = React.useRef(null);
+  const isTopEdgeUnderScroll = useIntersectionDetection.useIntersectionDetection(topInterceptorRef, containerRef);
+  const isBottomEdgeUnderScroll = useIntersectionDetection.useIntersectionDetection(bottomInterceptorRef, containerRef);
+  const isLeftEdgeUnderScroll = useIntersectionDetection.useIntersectionDetection(leftInterceptorRef, containerRef);
+  const isRightEdgeUnderScroll = useIntersectionDetection.useIntersectionDetection(rightInterceptorRef, containerRef);
+  const renderInterceptors = React.useCallback(() => {
+    return React.createElement(React.Fragment, null, React.createElement("div", {
+      ref: topInterceptorRef,
+      className: utilities_css.classNames(styles.interceptor, styles.top)
+    }), React.createElement("div", {
+      ref: bottomInterceptorRef,
+      className: utilities_css.classNames(styles.interceptor, styles.bottom)
+    }), React.createElement("div", {
+      ref: leftInterceptorRef,
+      className: utilities_css.classNames(styles.interceptor, styles.left)
+    }), React.createElement("div", {
+      ref: rightInterceptorRef,
+      className: utilities_css.classNames(styles.interceptor, styles.right)
+    }));
+  }, []);
+  return [renderInterceptors, {
+    isTopEdgeUnderScroll,
+    isBottomEdgeUnderScroll,
+    isLeftEdgeUnderScroll,
+    isRightEdgeUnderScroll
+  }];
+}
+exports.useEdgeInterceptors = useEdgeInterceptors;

package/__chunks__/useEvent-B40RDiQ6.mjs

@@ -0,0 +1,23 @@
+import { a as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./mergeProps-CORsYhTp.mjs";
+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/__chunks__/useEvent-Dh4hqdOa.js

@@ -0,0 +1,22 @@
+"use strict";
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+const React = require("react");
+function $e9faafb641e167db$export$90fc3a17d93f704c(ref, event, handler, options) {
+  let handleEvent = mergeProps.$8ae05eaa5c114e9c$export$7f54fc3180508a52(handler);
+  let isDisabled = handler == null;
+  React.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
+  ]);
+}
+exports.$e9faafb641e167db$export$90fc3a17d93f704c = $e9faafb641e167db$export$90fc3a17d93f704c;

package/__chunks__/useField-C80n1AHI.js

@@ -0,0 +1,38 @@
+"use strict";
+const useLabel = require("./useLabel-D9oYLpKn.js");
+const mergeProps = require("./mergeProps-d7wJkv71.js");
+function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
+  let { description, errorMessage, isInvalid, validationState } = props;
+  let { labelProps, fieldProps } = useLabel.$d191a55c9702f145$export$8467354a121f1b9f(props);
+  let descriptionId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  let errorMessageId = mergeProps.$bdb11010cef70236$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  fieldProps = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, {
+    "aria-describedby": [
+      descriptionId,
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      errorMessageId,
+      props["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  });
+  return {
+    labelProps,
+    fieldProps,
+    descriptionProps: {
+      id: descriptionId
+    },
+    errorMessageProps: {
+      id: errorMessageId
+    }
+  };
+}
+exports.$2baaea4c71418dea$export$294aa081a6c6f55d = $2baaea4c71418dea$export$294aa081a6c6f55d;

package/__chunks__/useField-D1rL_Lz6.mjs

@@ -0,0 +1,39 @@
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-DG4LdFPw.mjs";
+import { b as $bdb11010cef70236$export$b4cc09c592e8fdb8, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-CORsYhTp.mjs";
+function $2baaea4c71418dea$export$294aa081a6c6f55d(props) {
+  let { description, errorMessage, isInvalid, validationState } = props;
+  let { labelProps, fieldProps } = $d191a55c9702f145$export$8467354a121f1b9f(props);
+  let descriptionId = $bdb11010cef70236$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  let errorMessageId = $bdb11010cef70236$export$b4cc09c592e8fdb8([
+    Boolean(description),
+    Boolean(errorMessage),
+    isInvalid,
+    validationState
+  ]);
+  fieldProps = $3ef42575df84b30b$export$9d1611c77c2fe928(fieldProps, {
+    "aria-describedby": [
+      descriptionId,
+      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
+      errorMessageId,
+      props["aria-describedby"]
+    ].filter(Boolean).join(" ") || void 0
+  });
+  return {
+    labelProps,
+    fieldProps,
+    descriptionProps: {
+      id: descriptionId
+    },
+    errorMessageProps: {
+      id: errorMessageId
+    }
+  };
+}
+export {
+  $2baaea4c71418dea$export$294aa081a6c6f55d as $
+};

package/__chunks__/useFilter-CQzUxSTO.mjs

@@ -0,0 +1,65 @@
+var __defProp = Object.defineProperty;
+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;
+};
+import { $ as $325a3faab7a68acd$export$a16aca283550c30d } from "./useCollator-D97tqUbx.mjs";
+import { useCallback, useMemo } from "react";
+function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
+  let collator = $325a3faab7a68acd$export$a16aca283550c30d(__spreadValues({
+    usage: "search"
+  }, options));
+  let startsWith = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(0, substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let endsWith = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(-substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let contains = useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    let scan = 0;
+    let sliceLen = substring.length;
+    for (; scan + sliceLen <= string.length; scan++) {
+      let slice = string.slice(scan, scan + sliceLen);
+      if (collator.compare(substring, slice) === 0) return true;
+    }
+    return false;
+  }, [
+    collator
+  ]);
+  return useMemo(() => ({
+    startsWith,
+    endsWith,
+    contains
+  }), [
+    startsWith,
+    endsWith,
+    contains
+  ]);
+}
+export {
+  $bb77f239b46e8c72$export$3274cf84b703fff as $
+};

package/__chunks__/useFilter-DMnYaJdO.js

@@ -0,0 +1,64 @@
+"use strict";
+var __defProp = Object.defineProperty;
+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;
+};
+const useCollator = require("./useCollator-Bbw6GMg7.js");
+const React = require("react");
+function $bb77f239b46e8c72$export$3274cf84b703fff(options) {
+  let collator = useCollator.$325a3faab7a68acd$export$a16aca283550c30d(__spreadValues({
+    usage: "search"
+  }, options));
+  let startsWith = React.useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(0, substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let endsWith = React.useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    return collator.compare(string.slice(-substring.length), substring) === 0;
+  }, [
+    collator
+  ]);
+  let contains = React.useCallback((string, substring) => {
+    if (substring.length === 0) return true;
+    string = string.normalize("NFC");
+    substring = substring.normalize("NFC");
+    let scan = 0;
+    let sliceLen = substring.length;
+    for (; scan + sliceLen <= string.length; scan++) {
+      let slice = string.slice(scan, scan + sliceLen);
+      if (collator.compare(substring, slice) === 0) return true;
+    }
+    return false;
+  }, [
+    collator
+  ]);
+  return React.useMemo(() => ({
+    startsWith,
+    endsWith,
+    contains
+  }), [
+    startsWith,
+    endsWith,
+    contains
+  ]);
+}
+exports.$bb77f239b46e8c72$export$3274cf84b703fff = $bb77f239b46e8c72$export$3274cf84b703fff;

package/__chunks__/useFocus-QhB_LR_6.mjs

@@ -0,0 +1,38 @@
+import { c as $8a9cb279dc87e130$export$715c682d09d639cc, a as $431fbd86ca7dc216$export$b204af158042fbac, d as $d4ee10de306f2510$export$cd4e5573fbe2b576, e as $d4ee10de306f2510$export$e58f029f0fbfdb29 } from "./useFocusVisible-S02S36Aj.mjs";
+import { useCallback } from "react";
+function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
+  let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
+  const onBlur = useCallback((e) => {
+    if (e.target === e.currentTarget) {
+      if (onBlurProp) onBlurProp(e);
+      if (onFocusChange) onFocusChange(false);
+      return true;
+    }
+  }, [
+    onBlurProp,
+    onFocusChange
+  ]);
+  const onSyntheticFocus = $8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  const onFocus = useCallback((e) => {
+    const ownerDocument = $431fbd86ca7dc216$export$b204af158042fbac(e.target);
+    const activeElement = ownerDocument ? $d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument) : $d4ee10de306f2510$export$cd4e5573fbe2b576();
+    if (e.target === e.currentTarget && activeElement === $d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) {
+      if (onFocusProp) onFocusProp(e);
+      if (onFocusChange) onFocusChange(true);
+      onSyntheticFocus(e);
+    }
+  }, [
+    onFocusChange,
+    onFocusProp,
+    onSyntheticFocus
+  ]);
+  return {
+    focusProps: {
+      onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : void 0,
+      onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : void 0
+    }
+  };
+}
+export {
+  $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 as $
+};

package/__chunks__/useFocus-r5im5eX7.js

@@ -0,0 +1,37 @@
+"use strict";
+const useFocusVisible = require("./useFocusVisible-CbSS3hxW.js");
+const React = require("react");
+function $a1ea59d68270f0dd$export$f8168d8dd8fd66e6(props) {
+  let { isDisabled, onFocus: onFocusProp, onBlur: onBlurProp, onFocusChange } = props;
+  const onBlur = React.useCallback((e) => {
+    if (e.target === e.currentTarget) {
+      if (onBlurProp) onBlurProp(e);
+      if (onFocusChange) onFocusChange(false);
+      return true;
+    }
+  }, [
+    onBlurProp,
+    onFocusChange
+  ]);
+  const onSyntheticFocus = useFocusVisible.$8a9cb279dc87e130$export$715c682d09d639cc(onBlur);
+  const onFocus = React.useCallback((e) => {
+    const ownerDocument = useFocusVisible.$431fbd86ca7dc216$export$b204af158042fbac(e.target);
+    const activeElement = ownerDocument ? useFocusVisible.$d4ee10de306f2510$export$cd4e5573fbe2b576(ownerDocument) : useFocusVisible.$d4ee10de306f2510$export$cd4e5573fbe2b576();
+    if (e.target === e.currentTarget && activeElement === useFocusVisible.$d4ee10de306f2510$export$e58f029f0fbfdb29(e.nativeEvent)) {
+      if (onFocusProp) onFocusProp(e);
+      if (onFocusChange) onFocusChange(true);
+      onSyntheticFocus(e);
+    }
+  }, [
+    onFocusChange,
+    onFocusProp,
+    onSyntheticFocus
+  ]);
+  return {
+    focusProps: {
+      onFocus: !isDisabled && (onFocusProp || onFocusChange || onBlurProp) ? onFocus : void 0,
+      onBlur: !isDisabled && (onBlurProp || onFocusChange) ? onBlur : void 0
+    }
+  };
+}
+exports.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6 = $a1ea59d68270f0dd$export$f8168d8dd8fd66e6;

package/__chunks__/useFocusRing-Do5WdNL_.js

@@ -0,0 +1,42 @@
+"use strict";
+const useFocus = require("./useFocus-r5im5eX7.js");
+const useFocusVisible = require("./useFocusVisible-CbSS3hxW.js");
+const useFocusWithin = require("./useFocusWithin-4tCIop4g.js");
+const React = require("react");
+function $f7dceffc5ad7768b$export$4e328f61c538687f(props = {}) {
+  let { autoFocus = false, isTextInput, within } = props;
+  let state = React.useRef({
+    isFocused: false,
+    isFocusVisible: autoFocus || useFocusVisible.$507fabe10e71c6fb$export$b9b3dfddab17db27()
+  });
+  let [isFocused, setFocused] = React.useState(false);
+  let [isFocusVisibleState, setFocusVisible] = React.useState(() => state.current.isFocused && state.current.isFocusVisible);
+  let updateState = React.useCallback(() => setFocusVisible(state.current.isFocused && state.current.isFocusVisible), []);
+  let onFocusChange = React.useCallback((isFocused2) => {
+    state.current.isFocused = isFocused2;
+    setFocused(isFocused2);
+    updateState();
+  }, [
+    updateState
+  ]);
+  useFocusVisible.$507fabe10e71c6fb$export$ec71b4b83ac08ec3((isFocusVisible) => {
+    state.current.isFocusVisible = isFocusVisible;
+    updateState();
+  }, [], {
+    isTextInput
+  });
+  let { focusProps } = useFocus.$a1ea59d68270f0dd$export$f8168d8dd8fd66e6({
+    isDisabled: within,
+    onFocusChange
+  });
+  let { focusWithinProps } = useFocusWithin.$9ab94262bd0047c7$export$420e68273165f4ec({
+    isDisabled: !within,
+    onFocusWithinChange: onFocusChange
+  });
+  return {
+    isFocused,
+    isFocusVisible: isFocusVisibleState,
+    focusProps: within ? focusWithinProps : focusProps
+  };
+}
+exports.$f7dceffc5ad7768b$export$4e328f61c538687f = $f7dceffc5ad7768b$export$4e328f61c538687f;

package/__chunks__/useFocusRing-I6O2iIqT.mjs

@@ -0,0 +1,43 @@
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-QhB_LR_6.mjs";
+import { f as $507fabe10e71c6fb$export$b9b3dfddab17db27, g as $507fabe10e71c6fb$export$ec71b4b83ac08ec3 } from "./useFocusVisible-S02S36Aj.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-eVSXHfLE.mjs";
+import { useRef, useState, useCallback } from "react";
+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 $
+};