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

package/__chunks__/Tooltip-5ZgKkdk8.mjs

@@ -0,0 +1,292 @@
+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 React__default, { useMemo, useRef, useEffect, useLayoutEffect } from "react";
+import { T as Text } from "./Text-CQ_8wg0t.mjs";
+import { getComponentToken, pxToRem, classNames } from "../utilities/css.mjs";
+import { c as $fc909762b330b746$export$61c6a8c84e605fb6, d as $337b884510726a0d$export$c6fdb837b070b4ff } from "./Overlay-d3z5W5Nn.mjs";
+import { $ as $507fabe10e71c6fb$export$630ff653c5ada6a9, b as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./useFocusVisible-8tH_I2iV.mjs";
+import { $ as $6179b936705e76d3$export$ae780daf29e6d456 } from "./useHover-BOYR4wqI.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $bdb11010cef70236$export$f680877a34711e37 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-DoNt-Wd3.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./useOverlayPosition-B_X4JGFp.mjs";
+const $8796f90736e175cb$var$TOOLTIP_DELAY = 1500;
+const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
+let $8796f90736e175cb$var$tooltips = {};
+let $8796f90736e175cb$var$tooltipId = 0;
+let $8796f90736e175cb$var$globalWarmedUp = false;
+let $8796f90736e175cb$var$globalWarmUpTimeout = null;
+let $8796f90736e175cb$var$globalCooldownTimeout = null;
+function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
+  let { delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
+  let { isOpen, open, close } = $fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let id = useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
+  let closeTimeout = useRef(null);
+  let closeCallback = useRef(close);
+  let ensureTooltipEntry = () => {
+    $8796f90736e175cb$var$tooltips[id] = hideTooltip;
+  };
+  let closeOpenTooltips = () => {
+    for (let hideTooltipId in $8796f90736e175cb$var$tooltips) if (hideTooltipId !== id) {
+      $8796f90736e175cb$var$tooltips[hideTooltipId](true);
+      delete $8796f90736e175cb$var$tooltips[hideTooltipId];
+    }
+  };
+  let showTooltip = () => {
+    if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    closeTimeout.current = null;
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    $8796f90736e175cb$var$globalWarmedUp = true;
+    open();
+    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+    }
+    if ($8796f90736e175cb$var$globalCooldownTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+      $8796f90736e175cb$var$globalCooldownTimeout = null;
+    }
+  };
+  let hideTooltip = (immediate) => {
+    if (immediate || closeDelay <= 0) {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      closeCallback.current();
+    } else if (!closeTimeout.current) closeTimeout.current = setTimeout(() => {
+      closeTimeout.current = null;
+      closeCallback.current();
+    }, closeDelay);
+    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+    }
+    if ($8796f90736e175cb$var$globalWarmedUp) {
+      if ($8796f90736e175cb$var$globalCooldownTimeout) clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+      $8796f90736e175cb$var$globalCooldownTimeout = setTimeout(() => {
+        delete $8796f90736e175cb$var$tooltips[id];
+        $8796f90736e175cb$var$globalCooldownTimeout = null;
+        $8796f90736e175cb$var$globalWarmedUp = false;
+      }, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
+    }
+  };
+  let warmupTooltip = () => {
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+      $8796f90736e175cb$var$globalWarmedUp = true;
+      showTooltip();
+    }, delay);
+    else if (!isOpen) showTooltip();
+  };
+  useEffect(() => {
+    closeCallback.current = close;
+  }, [
+    close
+  ]);
+  useEffect(() => {
+    return () => {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      let tooltip = $8796f90736e175cb$var$tooltips[id];
+      if (tooltip) delete $8796f90736e175cb$var$tooltips[id];
+    };
+  }, [
+    id
+  ]);
+  return {
+    isOpen,
+    open: (immediate) => {
+      if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+      else showTooltip();
+    },
+    close: hideTooltip
+  };
+}
+function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
+    onHoverStart: () => state === null || state === void 0 ? void 0 : state.open(true),
+    onHoverEnd: () => state === null || state === void 0 ? void 0 : state.close()
+  });
+  return {
+    tooltipProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, hoverProps, {
+      role: "tooltip"
+    })
+  };
+}
+function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
+  let { isDisabled, trigger } = props;
+  let tooltipId = $bdb11010cef70236$export$f680877a34711e37();
+  let isHovered = useRef(false);
+  let isFocused = useRef(false);
+  let handleShow = () => {
+    if (isHovered.current || isFocused.current) state.open(isFocused.current);
+  };
+  let handleHide = (immediate) => {
+    if (!isHovered.current && !isFocused.current) state.close(immediate);
+  };
+  useEffect(() => {
+    let onKeyDown = (e) => {
+      if (ref && ref.current) {
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          state.close(true);
+        }
+      }
+    };
+    if (state.isOpen) {
+      document.addEventListener("keydown", onKeyDown, true);
+      return () => {
+        document.removeEventListener("keydown", onKeyDown, true);
+      };
+    }
+  }, [
+    ref,
+    state
+  ]);
+  let onHoverStart = () => {
+    if (trigger === "focus") return;
+    if ($507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer") isHovered.current = true;
+    else isHovered.current = false;
+    handleShow();
+  };
+  let onHoverEnd = () => {
+    if (trigger === "focus") return;
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide();
+  };
+  let onPressStart = () => {
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let onFocus = () => {
+    let isVisible = $507fabe10e71c6fb$export$b9b3dfddab17db27();
+    if (isVisible) {
+      isFocused.current = true;
+      handleShow();
+    }
+  };
+  let onBlur = () => {
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled,
+    onHoverStart,
+    onHoverEnd
+  });
+  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+    isDisabled,
+    onFocus,
+    onBlur
+  }, ref);
+  return {
+    triggerProps: __spreadValues({
+      "aria-describedby": state.isOpen ? tooltipId : void 0
+    }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
+      onPointerDown: onPressStart,
+      onKeyDown: onPressStart
+    })),
+    tooltipProps: {
+      id: tooltipId
+    }
+  };
+}
+const Tooltip$1 = "_Tooltip_6laaz_5";
+const text = "_text_6laaz_25";
+const arrow = "_arrow_6laaz_31";
+const top = "_top_6laaz_40";
+const bottom = "_bottom_6laaz_41";
+const left = "_left_6laaz_45";
+const right = "_right_6laaz_46";
+const styles = {
+  Tooltip: Tooltip$1,
+  text,
+  arrow,
+  top,
+  bottom,
+  left,
+  right
+};
+const CONTAINER_PADDING = 12;
+const ARROW_BOUNDARY_OFFSET = 12;
+const OFFSET = 12;
+const DEFAULT_PLACEMENT = "top";
+const OPEN_DELAY = 1e3;
+const CLOSE_DELAY = 250;
+function Tooltip(props) {
+  const { children, isImmediate } = props;
+  const triggerRef = React__default.useRef(null);
+  const triggerInputProps = __spreadProps(__spreadValues({}, props), {
+    delay: isImmediate ? 0 : OPEN_DELAY,
+    closeDelay: CLOSE_DELAY
+  });
+  const tooltipTriggerState = $8796f90736e175cb$export$4d40659c25ecb50b(triggerInputProps);
+  const { triggerProps, tooltipProps: tooltipPropsFromTrigger } = $4e1b34546679e357$export$a6da6c504e4bba8b(triggerInputProps, tooltipTriggerState, triggerRef);
+  return React__default.createElement(React__default.Fragment, null, React__default.cloneElement(children, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
+    ref: triggerRef
+  })), tooltipTriggerState.isOpen && React__default.createElement($337b884510726a0d$export$c6fdb837b070b4ff, null, React__default.createElement(TooltipInner, __spreadProps(__spreadValues({}, props), {
+    triggerRef,
+    tooltipPropsFromTrigger,
+    tooltipTriggerState
+  }))));
+}
+function TooltipInner(props) {
+  const { content, placement: targetPlacement = DEFAULT_PLACEMENT, triggerRef, tooltipTriggerState, tooltipPropsFromTrigger } = props;
+  const tooltipRef = React__default.useRef(null);
+  const { overlayProps, arrowProps, placement, updatePosition } = $2a41e45df1593e64$export$d39e1813b3bdd0e1({
+    arrowBoundaryOffset: ARROW_BOUNDARY_OFFSET,
+    containerPadding: CONTAINER_PADDING,
+    isOpen: tooltipTriggerState.isOpen,
+    offset: OFFSET,
+    overlayRef: tooltipRef,
+    placement: targetPlacement,
+    targetRef: triggerRef
+  });
+  const { tooltipProps: tooltipPropsFromTooltip } = $326e436e94273fe1$export$1c4b08e0eca38426($3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, props), tooltipTriggerState);
+  const tooltipProps = $3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, tooltipPropsFromTooltip, tooltipPropsFromTrigger);
+  const style = __spreadValues(__spreadValues({}, tooltipProps.style), getComponentToken("tooltip", "container_padding", `${pxToRem(CONTAINER_PADDING)}rem`));
+  useLayoutEffect(() => {
+    updatePosition();
+  }, [content, updatePosition]);
+  return React__default.createElement("span", __spreadProps(__spreadValues({
+    ref: tooltipRef
+  }, tooltipProps), {
+    className: classNames(styles.Tooltip, placement && styles[placement]),
+    "data-placement": placement,
+    style
+  }), React__default.createElement("span", {
+    className: styles.text
+  }, React__default.createElement(Text, {
+    variant: "subtitle2"
+  }, content)), React__default.createElement("span", __spreadValues({
+    className: styles.arrow
+  }, arrowProps)));
+}
+export {
+  $8796f90736e175cb$export$4d40659c25ecb50b as $,
+  Tooltip as T
+};

package/__chunks__/Tooltip-Bzqm5boz.js

@@ -0,0 +1,291 @@
+"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 Text = require("./Text-Dfbyoxsz.js");
+const utilities_css = require("../utilities/css.js");
+const Overlay = require("./Overlay-ZinDp2HW.js");
+const useFocusVisible = require("./useFocusVisible-PBQuklI8.js");
+const useHover = require("./useHover-BIKwjrCT.js");
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const useFocusable = require("./useFocusable-BfXLORiH.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const useOverlayPosition = require("./useOverlayPosition-ucZjuzzI.js");
+const $8796f90736e175cb$var$TOOLTIP_DELAY = 1500;
+const $8796f90736e175cb$var$TOOLTIP_COOLDOWN = 500;
+let $8796f90736e175cb$var$tooltips = {};
+let $8796f90736e175cb$var$tooltipId = 0;
+let $8796f90736e175cb$var$globalWarmedUp = false;
+let $8796f90736e175cb$var$globalWarmUpTimeout = null;
+let $8796f90736e175cb$var$globalCooldownTimeout = null;
+function $8796f90736e175cb$export$4d40659c25ecb50b(props = {}) {
+  let { delay = $8796f90736e175cb$var$TOOLTIP_DELAY, closeDelay = $8796f90736e175cb$var$TOOLTIP_COOLDOWN } = props;
+  let { isOpen, open, close } = Overlay.$fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let id = React.useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
+  let closeTimeout = React.useRef(null);
+  let closeCallback = React.useRef(close);
+  let ensureTooltipEntry = () => {
+    $8796f90736e175cb$var$tooltips[id] = hideTooltip;
+  };
+  let closeOpenTooltips = () => {
+    for (let hideTooltipId in $8796f90736e175cb$var$tooltips) if (hideTooltipId !== id) {
+      $8796f90736e175cb$var$tooltips[hideTooltipId](true);
+      delete $8796f90736e175cb$var$tooltips[hideTooltipId];
+    }
+  };
+  let showTooltip = () => {
+    if (closeTimeout.current) clearTimeout(closeTimeout.current);
+    closeTimeout.current = null;
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    $8796f90736e175cb$var$globalWarmedUp = true;
+    open();
+    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+    }
+    if ($8796f90736e175cb$var$globalCooldownTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+      $8796f90736e175cb$var$globalCooldownTimeout = null;
+    }
+  };
+  let hideTooltip = (immediate) => {
+    if (immediate || closeDelay <= 0) {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      closeCallback.current();
+    } else if (!closeTimeout.current) closeTimeout.current = setTimeout(() => {
+      closeTimeout.current = null;
+      closeCallback.current();
+    }, closeDelay);
+    if ($8796f90736e175cb$var$globalWarmUpTimeout) {
+      clearTimeout($8796f90736e175cb$var$globalWarmUpTimeout);
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+    }
+    if ($8796f90736e175cb$var$globalWarmedUp) {
+      if ($8796f90736e175cb$var$globalCooldownTimeout) clearTimeout($8796f90736e175cb$var$globalCooldownTimeout);
+      $8796f90736e175cb$var$globalCooldownTimeout = setTimeout(() => {
+        delete $8796f90736e175cb$var$tooltips[id];
+        $8796f90736e175cb$var$globalCooldownTimeout = null;
+        $8796f90736e175cb$var$globalWarmedUp = false;
+      }, Math.max($8796f90736e175cb$var$TOOLTIP_COOLDOWN, closeDelay));
+    }
+  };
+  let warmupTooltip = () => {
+    closeOpenTooltips();
+    ensureTooltipEntry();
+    if (!isOpen && !$8796f90736e175cb$var$globalWarmUpTimeout && !$8796f90736e175cb$var$globalWarmedUp) $8796f90736e175cb$var$globalWarmUpTimeout = setTimeout(() => {
+      $8796f90736e175cb$var$globalWarmUpTimeout = null;
+      $8796f90736e175cb$var$globalWarmedUp = true;
+      showTooltip();
+    }, delay);
+    else if (!isOpen) showTooltip();
+  };
+  React.useEffect(() => {
+    closeCallback.current = close;
+  }, [
+    close
+  ]);
+  React.useEffect(() => {
+    return () => {
+      if (closeTimeout.current) clearTimeout(closeTimeout.current);
+      let tooltip = $8796f90736e175cb$var$tooltips[id];
+      if (tooltip) delete $8796f90736e175cb$var$tooltips[id];
+    };
+  }, [
+    id
+  ]);
+  return {
+    isOpen,
+    open: (immediate) => {
+      if (!immediate && delay > 0 && !closeTimeout.current) warmupTooltip();
+      else showTooltip();
+    },
+    close: hideTooltip
+  };
+}
+function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({
+    onHoverStart: () => state === null || state === void 0 ? void 0 : state.open(true),
+    onHoverEnd: () => state === null || state === void 0 ? void 0 : state.close()
+  });
+  return {
+    tooltipProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, hoverProps, {
+      role: "tooltip"
+    })
+  };
+}
+function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
+  let { isDisabled, trigger } = props;
+  let tooltipId = mergeProps.$bdb11010cef70236$export$f680877a34711e37();
+  let isHovered = React.useRef(false);
+  let isFocused = React.useRef(false);
+  let handleShow = () => {
+    if (isHovered.current || isFocused.current) state.open(isFocused.current);
+  };
+  let handleHide = (immediate) => {
+    if (!isHovered.current && !isFocused.current) state.close(immediate);
+  };
+  React.useEffect(() => {
+    let onKeyDown = (e) => {
+      if (ref && ref.current) {
+        if (e.key === "Escape") {
+          e.stopPropagation();
+          state.close(true);
+        }
+      }
+    };
+    if (state.isOpen) {
+      document.addEventListener("keydown", onKeyDown, true);
+      return () => {
+        document.removeEventListener("keydown", onKeyDown, true);
+      };
+    }
+  }, [
+    ref,
+    state
+  ]);
+  let onHoverStart = () => {
+    if (trigger === "focus") return;
+    if (useFocusVisible.$507fabe10e71c6fb$export$630ff653c5ada6a9() === "pointer") isHovered.current = true;
+    else isHovered.current = false;
+    handleShow();
+  };
+  let onHoverEnd = () => {
+    if (trigger === "focus") return;
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide();
+  };
+  let onPressStart = () => {
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let onFocus = () => {
+    let isVisible = useFocusVisible.$507fabe10e71c6fb$export$b9b3dfddab17db27();
+    if (isVisible) {
+      isFocused.current = true;
+      handleShow();
+    }
+  };
+  let onBlur = () => {
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let { hoverProps } = useHover.$6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled,
+    onHoverStart,
+    onHoverEnd
+  });
+  let { focusableProps } = useFocusable.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+    isDisabled,
+    onFocus,
+    onBlur
+  }, ref);
+  return {
+    triggerProps: __spreadValues({
+      "aria-describedby": state.isOpen ? tooltipId : void 0
+    }, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, {
+      onPointerDown: onPressStart,
+      onKeyDown: onPressStart
+    })),
+    tooltipProps: {
+      id: tooltipId
+    }
+  };
+}
+const Tooltip$1 = "_Tooltip_6laaz_5";
+const text = "_text_6laaz_25";
+const arrow = "_arrow_6laaz_31";
+const top = "_top_6laaz_40";
+const bottom = "_bottom_6laaz_41";
+const left = "_left_6laaz_45";
+const right = "_right_6laaz_46";
+const styles = {
+  Tooltip: Tooltip$1,
+  text,
+  arrow,
+  top,
+  bottom,
+  left,
+  right
+};
+const CONTAINER_PADDING = 12;
+const ARROW_BOUNDARY_OFFSET = 12;
+const OFFSET = 12;
+const DEFAULT_PLACEMENT = "top";
+const OPEN_DELAY = 1e3;
+const CLOSE_DELAY = 250;
+function Tooltip(props) {
+  const { children, isImmediate } = props;
+  const triggerRef = React.useRef(null);
+  const triggerInputProps = __spreadProps(__spreadValues({}, props), {
+    delay: isImmediate ? 0 : OPEN_DELAY,
+    closeDelay: CLOSE_DELAY
+  });
+  const tooltipTriggerState = $8796f90736e175cb$export$4d40659c25ecb50b(triggerInputProps);
+  const { triggerProps, tooltipProps: tooltipPropsFromTrigger } = $4e1b34546679e357$export$a6da6c504e4bba8b(triggerInputProps, tooltipTriggerState, triggerRef);
+  return React.createElement(React.Fragment, null, React.cloneElement(children, __spreadProps(__spreadValues({}, mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
+    ref: triggerRef
+  })), tooltipTriggerState.isOpen && React.createElement(Overlay.$337b884510726a0d$export$c6fdb837b070b4ff, null, React.createElement(TooltipInner, __spreadProps(__spreadValues({}, props), {
+    triggerRef,
+    tooltipPropsFromTrigger,
+    tooltipTriggerState
+  }))));
+}
+function TooltipInner(props) {
+  const { content, placement: targetPlacement = DEFAULT_PLACEMENT, triggerRef, tooltipTriggerState, tooltipPropsFromTrigger } = props;
+  const tooltipRef = React.useRef(null);
+  const { overlayProps, arrowProps, placement, updatePosition } = useOverlayPosition.$2a41e45df1593e64$export$d39e1813b3bdd0e1({
+    arrowBoundaryOffset: ARROW_BOUNDARY_OFFSET,
+    containerPadding: CONTAINER_PADDING,
+    isOpen: tooltipTriggerState.isOpen,
+    offset: OFFSET,
+    overlayRef: tooltipRef,
+    placement: targetPlacement,
+    targetRef: triggerRef
+  });
+  const { tooltipProps: tooltipPropsFromTooltip } = $326e436e94273fe1$export$1c4b08e0eca38426(mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, props), tooltipTriggerState);
+  const tooltipProps = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, tooltipPropsFromTooltip, tooltipPropsFromTrigger);
+  const style = __spreadValues(__spreadValues({}, tooltipProps.style), utilities_css.getComponentToken("tooltip", "container_padding", `${utilities_css.pxToRem(CONTAINER_PADDING)}rem`));
+  React.useLayoutEffect(() => {
+    updatePosition();
+  }, [content, updatePosition]);
+  return React.createElement("span", __spreadProps(__spreadValues({
+    ref: tooltipRef
+  }, tooltipProps), {
+    className: utilities_css.classNames(styles.Tooltip, placement && styles[placement]),
+    "data-placement": placement,
+    style
+  }), React.createElement("span", {
+    className: styles.text
+  }, React.createElement(Text.Text, {
+    variant: "subtitle2"
+  }, content)), React.createElement("span", __spreadValues({
+    className: styles.arrow
+  }, arrowProps)));
+}
+exports.$8796f90736e175cb$export$4d40659c25ecb50b = $8796f90736e175cb$export$4d40659c25ecb50b;
+exports.Tooltip = Tooltip;

package/__chunks__/{index-29d7bca9.mjs → UnstyledButton-BlB066YT.mjs}

@@ -29,82 +29,21 @@ var __objRest = (source, exclude) => {
     }
   return target;
 };
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, z as $5dc95899b306f630$export$c9058316764c140e } from "./import-19bc38ac.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $5dc95899b306f630$export$c9058316764c140e } from "./mergeRefs-CCV6itCY.mjs";
 import React__default, { forwardRef, useRef } from "react";
 import { classNames } from "../utilities/css.mjs";
-import { o as omit } from "./omit-f17deb8f.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./import-3d962a94.mjs";
-function $701a24aa0da5b062$export$ea18c227d4417cc3(props, ref) {
-  let {
-    elementType = "button",
-    isDisabled,
-    onPress,
-    onPressStart,
-    onPressEnd,
-    onPressChange,
-    preventFocusOnPress,
-    allowFocusWhenDisabled,
-    // @ts-ignore
-    onClick: deprecatedOnClick,
-    href,
-    target,
-    rel,
-    type = "button"
-  } = props;
-  let additionalProps;
-  if (elementType === "button")
-    additionalProps = {
-      type,
-      disabled: isDisabled
-    };
-  else
-    additionalProps = {
-      role: "button",
-      tabIndex: isDisabled ? void 0 : 0,
-      href: elementType === "a" && isDisabled ? void 0 : href,
-      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,
-    isDisabled,
-    preventFocusOnPress,
-    ref
-  });
-  let { focusableProps } = $e6afbd83fe6ebbd2$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"],
-      onClick: (e) => {
-        if (deprecatedOnClick) {
-          deprecatedOnClick(e);
-          console.warn("onClick is deprecated, please use onPress");
-        }
-      }
-    })
-  };
-}
+import { o as omit } from "./omit-B_jU3Uog.mjs";
+import { $ as $701a24aa0da5b062$export$ea18c227d4417cc3 } from "./useButton-BoMy_zYC.mjs";
+const FILLED_BUTTON_COLORS = ["primary", "secondary", "success", "warning", "neutral"];
+const OUTLINED_BUTTON_COLORS = ["primary", "secondary", "support", "warning", "inverse"];
+const LINK_BUTTON_COLORS = ["primary", "secondary"];
 function logWarningIfInvalidColorVariantCombination(color, variant) {
   var _a;
   const validColorVariantCombinations = {
-    filled: ["primary", "secondary", "success", "warning", "neutral"],
-    outlined: ["primary", "secondary", "support", "inverse"],
-    link: ["primary", "secondary"]
+    filled: FILLED_BUTTON_COLORS,
+    outlined: OUTLINED_BUTTON_COLORS,
+    link: LINK_BUTTON_COLORS
   };
   if (!((_a = validColorVariantCombinations[variant]) == null ? void 0 : _a.includes(color))) {
     console.warn(`The color '${color}' is not supported with the '${variant}' variant`);
@@ -113,6 +52,10 @@ function logWarningIfInvalidColorVariantCombination(color, variant) {
 function omitReactAriaSpecificProps(props) {
   return omit(props, ["onPress", "onPressChange", "onPressStart", "onPressEnd", "onPressUp"]);
 }
+const UnstyledButton$1 = "_UnstyledButton_175r5_1";
+const styles = {
+  UnstyledButton: UnstyledButton$1
+};
 const UnstyledButton = forwardRef((props, inRef) => {
   const _a = props, { className = "", href = "", children = "Button", isDisabled = false } = _a, restProps = __objRest(_a, ["className", "href", "children", "isDisabled"]);
   const ref = useRef(null);
@@ -123,7 +66,7 @@ const UnstyledButton = forwardRef((props, inRef) => {
   return React__default.createElement(As, __spreadProps(__spreadValues({}, $3ef42575df84b30b$export$9d1611c77c2fe928(omitReactAriaSpecificProps(restProps), elementProps)), {
     disabled: isDisabled,
     ref: $5dc95899b306f630$export$c9058316764c140e(ref, inRef),
-    className: classNames(className)
+    className: classNames(styles.UnstyledButton, className)
   }), children);
 });
 UnstyledButton.displayName = "UnstyledButton";