@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.60

package/__chunks__/useDialog-DAYxqkKY.mjs

@@ -0,0 +1,96 @@
+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));
+import { $ as $a11501f3d1d39e6c$export$ea8f71083e90600f, a as $49c51c25361d4cd2$export$ee0f7cc6afcd1c18, b as $5e3802645cc19319$export$1c3ebcada18427bf } from "./ariaHideOutside-DcIkumuG.mjs";
+import { a as $337b884510726a0d$export$14c98a7594375490 } from "./Overlay-CuhLUuXt.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, c as $bdb11010cef70236$export$b4cc09c592e8fdb8 } from "./mergeProps-T961Q1yJ.mjs";
+import { useEffect, useRef } from "react";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $6a99195332edec8b$export$80f3e147d781571c } from "./focusSafely-Dw7K4rnX.mjs";
+function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
+  let { overlayProps, underlayProps } = $a11501f3d1d39e6c$export$ea8f71083e90600f(__spreadProps(__spreadValues({}, props), {
+    isOpen: state.isOpen,
+    onClose: state.close
+  }), ref);
+  $49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
+    isDisabled: !state.isOpen
+  });
+  $337b884510726a0d$export$14c98a7594375490();
+  useEffect(() => {
+    if (state.isOpen && ref.current) return $5e3802645cc19319$export$1c3ebcada18427bf([
+      ref.current
+    ]);
+  }, [
+    state.isOpen,
+    ref
+  ]);
+  return {
+    modalProps: $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps),
+    underlayProps
+  };
+}
+function $40df3f8667284809$export$d55e7ee900f34e93(props, ref) {
+  let { role = "dialog" } = props;
+  let titleId = $bdb11010cef70236$export$b4cc09c592e8fdb8();
+  titleId = props["aria-label"] ? void 0 : titleId;
+  let isRefocusing = useRef(false);
+  useEffect(() => {
+    if (ref.current && !ref.current.contains(document.activeElement)) {
+      $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      let timeout = setTimeout(() => {
+        if (document.activeElement === ref.current) {
+          isRefocusing.current = true;
+          if (ref.current) {
+            ref.current.blur();
+            $6a99195332edec8b$export$80f3e147d781571c(ref.current);
+          }
+          isRefocusing.current = false;
+        }
+      }, 500);
+      return () => {
+        clearTimeout(timeout);
+      };
+    }
+  }, [
+    ref
+  ]);
+  $337b884510726a0d$export$14c98a7594375490();
+  return {
+    dialogProps: __spreadProps(__spreadValues({}, $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
+    }
+  };
+}
+export {
+  $8ac8429251c45e4b$export$dbc0f175b25fb0fb as $,
+  $40df3f8667284809$export$d55e7ee900f34e93 as a
+};

package/__chunks__/useDialog-Dsqz1M_N.js

@@ -0,0 +1,95 @@
+"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 ariaHideOutside = require("./ariaHideOutside-DNGR3Fo6.js");
+const Overlay = require("./Overlay-ZinDp2HW.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const React = require("react");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const focusSafely = require("./focusSafely-sLifanM7.js");
+function $8ac8429251c45e4b$export$dbc0f175b25fb0fb(props, state, ref) {
+  let { overlayProps, underlayProps } = ariaHideOutside.$a11501f3d1d39e6c$export$ea8f71083e90600f(__spreadProps(__spreadValues({}, props), {
+    isOpen: state.isOpen,
+    onClose: state.close
+  }), ref);
+  ariaHideOutside.$49c51c25361d4cd2$export$ee0f7cc6afcd1c18({
+    isDisabled: !state.isOpen
+  });
+  Overlay.$337b884510726a0d$export$14c98a7594375490();
+  React.useEffect(() => {
+    if (state.isOpen && ref.current) return ariaHideOutside.$5e3802645cc19319$export$1c3ebcada18427bf([
+      ref.current
+    ]);
+  }, [
+    state.isOpen,
+    ref
+  ]);
+  return {
+    modalProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps),
+    underlayProps
+  };
+}
+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.$6a99195332edec8b$export$80f3e147d781571c(ref.current);
+      let timeout = setTimeout(() => {
+        if (document.activeElement === ref.current) {
+          isRefocusing.current = true;
+          if (ref.current) {
+            ref.current.blur();
+            focusSafely.$6a99195332edec8b$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;
+exports.$8ac8429251c45e4b$export$dbc0f175b25fb0fb = $8ac8429251c45e4b$export$dbc0f175b25fb0fb;

package/__chunks__/useEdgeInterceptors-BCHFmpf_.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_2hmlc_5";
+const top = "_top_2hmlc_13";
+const bottom = "_bottom_2hmlc_14";
+const left = "_left_2hmlc_18";
+const right = "_right_2hmlc_19";
+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__/useEdgeInterceptors-CVxwDmQ0.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_2hmlc_5";
+const top = "_top_2hmlc_13";
+const bottom = "_bottom_2hmlc_14";
+const left = "_left_2hmlc_18";
+const right = "_right_2hmlc_19";
+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__/useEvent-C5RCZjKr.mjs

@@ -0,0 +1,23 @@
+import { b as $8ae05eaa5c114e9c$export$7f54fc3180508a52 } from "./mergeProps-T961Q1yJ.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-DY7dR7Mi.js

@@ -0,0 +1,22 @@
+"use strict";
+const mergeProps = require("./mergeProps-DniMwM6P.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-BJW_bXVD.js

@@ -0,0 +1,38 @@
+"use strict";
+const useLabel = require("./useLabel-t-N6anB8.js");
+const mergeProps = require("./mergeProps-DniMwM6P.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-DWmSslhe.mjs

@@ -0,0 +1,39 @@
+import { $ as $d191a55c9702f145$export$8467354a121f1b9f } from "./useLabel-C0Q8946u.mjs";
+import { c as $bdb11010cef70236$export$b4cc09c592e8fdb8, $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.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__/useFocus-B4oRb1dU.js

@@ -0,0 +1,37 @@
+"use strict";
+const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
+const React = require("react");
+const isVirtualEvent = require("./isVirtualEvent-DwoP1rNI.js");
+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 = isVirtualEvent.$431fbd86ca7dc216$export$b204af158042fbac(e.target);
+    if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {
+      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__/useFocus-DDj4i8Xy.mjs

@@ -0,0 +1,38 @@
+import { a as $8a9cb279dc87e130$export$715c682d09d639cc } from "./useFocusVisible-CXSIZSY_.mjs";
+import { useCallback } from "react";
+import { $ as $431fbd86ca7dc216$export$b204af158042fbac } from "./isVirtualEvent-BFRy7P_p.mjs";
+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);
+    if (e.target === e.currentTarget && ownerDocument.activeElement === e.target) {
+      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__/useFocusRing-BE_dgxH5.mjs

@@ -0,0 +1,43 @@
+import { $ as $a1ea59d68270f0dd$export$f8168d8dd8fd66e6 } from "./useFocus-DDj4i8Xy.mjs";
+import { b as $507fabe10e71c6fb$export$b9b3dfddab17db27, c as $507fabe10e71c6fb$export$ec71b4b83ac08ec3 } from "./useFocusVisible-CXSIZSY_.mjs";
+import { $ as $9ab94262bd0047c7$export$420e68273165f4ec } from "./useFocusWithin-CDX8m0Wu.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 $
+};

package/__chunks__/useFocusRing-DFRFvht_.js

@@ -0,0 +1,42 @@
+"use strict";
+const useFocus = require("./useFocus-B4oRb1dU.js");
+const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
+const useFocusWithin = require("./useFocusWithin-C1ioGWec.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;