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

package/__chunks__/index-affe5510.js

@@ -0,0 +1,299 @@
+"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_index = require("../Text/index.js");
+const utilities_css = require("../utilities/css.js");
+const _import$2 = require("./import-0f8555a4.js");
+const _import = require("./import-a1e0f814.js");
+const _import$1 = require("./import-26676303.js");
+function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+  let domProps = _import.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { hoverProps } = _import$1.$6179b936705e76d3$export$ae780daf29e6d456({
+    onHoverStart: () => {
+      return state === null || state === void 0 ? void 0 : state.open(true);
+    },
+    onHoverEnd: () => {
+      return state === null || state === void 0 ? void 0 : state.close();
+    }
+  });
+  return {
+    tooltipProps: _import.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, hoverProps, {
+      role: "tooltip"
+    })
+  };
+}
+function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
+  let { isDisabled, trigger } = props;
+  let tooltipId = _import.$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 (_import$1.$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 = _import$1.$507fabe10e71c6fb$export$b9b3dfddab17db27();
+    if (isVisible) {
+      isFocused.current = true;
+      handleShow();
+    }
+  };
+  let onBlur = () => {
+    isFocused.current = false;
+    isHovered.current = false;
+    handleHide(true);
+  };
+  let { hoverProps } = _import$1.$6179b936705e76d3$export$ae780daf29e6d456({
+    isDisabled,
+    onHoverStart,
+    onHoverEnd
+  });
+  let { pressProps } = _import$1.$f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart
+  });
+  let { focusableProps } = _import$1.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+    isDisabled,
+    onFocus,
+    onBlur
+  }, ref);
+  return {
+    triggerProps: __spreadValues({
+      "aria-describedby": state.isOpen ? tooltipId : void 0
+    }, _import.$3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, pressProps)),
+    tooltipProps: {
+      id: tooltipId
+    }
+  };
+}
+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 } = _import$2.$fc909762b330b746$export$61c6a8c84e605fb6(props);
+  let id = React.useMemo(() => `${++$8796f90736e175cb$var$tooltipId}`, []);
+  let closeTimeout = React.useRef();
+  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 = () => {
+    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) {
+      clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      close();
+    } else if (!closeTimeout.current)
+      closeTimeout.current = setTimeout(() => {
+        closeTimeout.current = null;
+        close();
+      }, 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(() => {
+    return () => {
+      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
+  };
+}
+const Tooltip$1 = "_Tooltip_o5oku_5";
+const text = "_text_o5oku_24";
+const arrow = "_arrow_o5oku_30";
+const top = "_top_o5oku_39";
+const bottom = "_bottom_o5oku_40";
+const left = "_left_o5oku_44";
+const right = "_right_o5oku_45";
+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({}, _import.$3ef42575df84b30b$export$9d1611c77c2fe928(triggerProps, children.props)), {
+    ref: triggerRef
+  })), tooltipTriggerState.isOpen && React.createElement(_import$2.$f57aed4a881a3485$export$b47c3594eab58386, 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 } = _import$2.$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(_import.$3ef42575df84b30b$export$9d1611c77c2fe928(overlayProps, props), tooltipTriggerState);
+  const tooltipProps = _import.$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, styles[placement]),
+    "data-placement": placement,
+    style
+  }), React.createElement("span", {
+    className: styles.text
+  }, React.createElement(Text_index.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-e989a741.mjs

@@ -0,0 +1,300 @@
+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, { useRef, useEffect, useMemo, useLayoutEffect } from "react";
+import { Text } from "../Text/index.mjs";
+import { getComponentToken, pxToRem, classNames } from "../utilities/css.mjs";
+import { a as $fc909762b330b746$export$61c6a8c84e605fb6, d as $f57aed4a881a3485$export$b47c3594eab58386, f as $2a41e45df1593e64$export$d39e1813b3bdd0e1 } from "./import-c4caaddf.mjs";
+import { d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, a as $3ef42575df84b30b$export$9d1611c77c2fe928, b as $bdb11010cef70236$export$f680877a34711e37 } from "./import-19bc38ac.mjs";
+import { f as $6179b936705e76d3$export$ae780daf29e6d456, $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c, j as $507fabe10e71c6fb$export$630ff653c5ada6a9, k as $507fabe10e71c6fb$export$b9b3dfddab17db27 } from "./import-3faba3a6.mjs";
+function $326e436e94273fe1$export$1c4b08e0eca38426(props, state) {
+  let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  let { hoverProps } = $6179b936705e76d3$export$ae780daf29e6d456({
+    onHoverStart: () => {
+      return state === null || state === void 0 ? void 0 : state.open(true);
+    },
+    onHoverEnd: () => {
+      return 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 { pressProps } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    onPressStart
+  });
+  let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c({
+    isDisabled,
+    onFocus,
+    onBlur
+  }, ref);
+  return {
+    triggerProps: __spreadValues({
+      "aria-describedby": state.isOpen ? tooltipId : void 0
+    }, $3ef42575df84b30b$export$9d1611c77c2fe928(focusableProps, hoverProps, pressProps)),
+    tooltipProps: {
+      id: tooltipId
+    }
+  };
+}
+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();
+  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 = () => {
+    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) {
+      clearTimeout(closeTimeout.current);
+      closeTimeout.current = null;
+      close();
+    } else if (!closeTimeout.current)
+      closeTimeout.current = setTimeout(() => {
+        closeTimeout.current = null;
+        close();
+      }, 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(() => {
+    return () => {
+      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
+  };
+}
+const Tooltip$1 = "_Tooltip_o5oku_5";
+const text = "_text_o5oku_24";
+const arrow = "_arrow_o5oku_30";
+const top = "_top_o5oku_39";
+const bottom = "_bottom_o5oku_40";
+const left = "_left_o5oku_44";
+const right = "_right_o5oku_45";
+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($f57aed4a881a3485$export$b47c3594eab58386, 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, 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__/{tokens-6be8e137.mjs → tokens-3c27019b.mjs}

@@ -216,6 +216,7 @@ const ezuiTokens = {
   "theme.base.color.background.neutral.pressed": "#0b2780",
   "theme.base.color.background.primary": "#164dff",
   "theme.base.color.background.primary.bold": "#113abf",
+  "theme.base.color.background.primary.bolder": "#0b2780",
   "theme.base.color.background.primary.hovered": "#113abf",
   "theme.base.color.background.primary.pressed": "#0b2780",
   "theme.base.color.background.primary.subtler": "#4571ff",

package/__chunks__/{tokens-e696ca96.js → tokens-ad06cd2c.js}

@@ -217,6 +217,7 @@ const ezuiTokens = {
   "theme.base.color.background.neutral.pressed": "#0b2780",
   "theme.base.color.background.primary": "#164dff",
   "theme.base.color.background.primary.bold": "#113abf",
+  "theme.base.color.background.primary.bolder": "#0b2780",
   "theme.base.color.background.primary.hovered": "#113abf",
   "theme.base.color.background.primary.pressed": "#0b2780",
   "theme.base.color.background.primary.subtler": "#4571ff",

package/__chunks__/{useTriggerWidth-addcd1d6.mjs → useTriggerWidth-b554acaf.mjs}

@@ -72,8 +72,8 @@ var __yieldStar = (value) => {
   }, "return" in obj && method("return"), it;
 };
 import { t as $62d8ded9296f3872$export$2bb74740c4e19def, u as $e9faafb641e167db$export$90fc3a17d93f704c, v as $2f04cbc44ee30ce0$export$53a0910f038337bd, w as $2f04cbc44ee30ce0$export$c826860796309d1b, a as $3ef42575df84b30b$export$9d1611c77c2fe928, x as $c87311424ea30a05$export$e1865c3bedcd822b, p as $c87311424ea30a05$export$9ac100e40613ea10, i as $7215afc6de606d6b$export$de79e2c695e052f3, b as $bdb11010cef70236$export$f680877a34711e37, d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f, g as $8ae05eaa5c114e9c$export$7f54fc3180508a52, o as $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c, $ as $bdb11010cef70236$export$b4cc09c592e8fdb8, q as $9daab02d461809db$export$683480f191c0e3ea } from "./import-19bc38ac.mjs";
-import { h as $6a99195332edec8b$export$80f3e147d781571c, $ as $f6c31cce2adf654f$export$45712eceda6fad21, i as $8a26561d2877236e$export$c24ed0104d07eab9, j as $507fabe10e71c6fb$export$630ff653c5ada6a9, g as $9bf71ea28793e738$export$2d6ec8fc375ceafa, f as $6179b936705e76d3$export$ae780daf29e6d456, k as $507fabe10e71c6fb$export$b9b3dfddab17db27, l as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./import-3d962a94.mjs";
-import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "./import-f1f4792a.mjs";
+import { h as $6a99195332edec8b$export$80f3e147d781571c, $ as $f6c31cce2adf654f$export$45712eceda6fad21, i as $8a26561d2877236e$export$c24ed0104d07eab9, j as $507fabe10e71c6fb$export$630ff653c5ada6a9, g as $9bf71ea28793e738$export$2d6ec8fc375ceafa, f as $6179b936705e76d3$export$ae780daf29e6d456, k as $507fabe10e71c6fb$export$b9b3dfddab17db27, l as $46d819fcbaf35654$export$8f71654801c2f7cd } from "./import-3faba3a6.mjs";
+import { $ as $628037886ba31236$export$f9d5c8beee7d008d, a as $fc909762b330b746$export$61c6a8c84e605fb6 } from "./import-c4caaddf.mjs";
 import React__default, { useRef, useMemo, useEffect, useCallback, useState } from "react";
 import { b as $325a3faab7a68acd$export$a16aca283550c30d, $ as $18f2051aff69b9bf$export$43bb16f9c6d9e3f7, a as $fca6afa0e843324b$export$f12b703ca79dfbb1 } from "./real-module-515df21d.mjs";
 import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./import-6a831ca1.mjs";
@@ -2003,29 +2003,29 @@ function useTriggerWidth(triggerRef) {
   return triggerWidth;
 }
 export {
-  $7af3f5b51489e0b5$export$253fe78d46329472 as $,
-  DEFAULT_MAX_ITEMS_UNTIL_SCROLL as D,
+  $982254629710d113$export$b95089534ab7c1fd as $,
+  DEFAULT_WIDTH as D,
   ITEM_HEIGHT as I,
   OVERLAY_PADDING_FROM_CONTAINER as O,
   Y_PADDING_INSIDE_OVERLAY as Y,
-  $7613b1592d41b092$export$6cd28814d92fa9c9 as a,
-  $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as b,
-  $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 as c,
-  $a2e5df62f93c7633$export$9d32628fc2aea7da as d,
-  $9fc4852771d079eb$export$6e2c8f0811a474ce as e,
-  $3e5eb2498db5b506$export$73f7a44322579622 as f,
-  $f4b273590fab9f93$export$52210f68a14655d0 as g,
-  $d5336fe17ce95402$export$38eaa17faae8f579 as h,
-  getUnmergedPopoverStyles as i,
-  DEFAULT_PLACEMENT as j,
-  DEFAULT_WIDTH as k,
-  OVERLAY_OFFSET as l,
-  $a28c903ee9ad8dc5$export$79fefeb1c2091ac3 as m,
-  $168583247155ddda$export$dc9c12ed27dd1b49 as n,
-  $982254629710d113$export$b95089534ab7c1fd as o,
-  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as p,
-  $880e95eb8b93ba9a$export$ecf600387e221c37 as q,
-  $2a25aae57d74318e$export$a05409b8bb224a5a as r,
-  $fb3050f43d946246$export$e32c88dfddc6e1d8 as s,
+  $453cc9f0df89c0a5$export$77d5aafae4e095b2 as a,
+  $880e95eb8b93ba9a$export$ecf600387e221c37 as b,
+  $2a25aae57d74318e$export$a05409b8bb224a5a as c,
+  $168583247155ddda$export$dc9c12ed27dd1b49 as d,
+  $fb3050f43d946246$export$e32c88dfddc6e1d8 as e,
+  $7af3f5b51489e0b5$export$253fe78d46329472 as f,
+  $7613b1592d41b092$export$6cd28814d92fa9c9 as g,
+  $d496c0a20b6e58ec$export$6c8a5aaad13c9852 as h,
+  $a28c903ee9ad8dc5$export$79fefeb1c2091ac3 as i,
+  $c1d7fb2ec91bae71$export$6d08773d2e66f8f2 as j,
+  $9fc4852771d079eb$export$6e2c8f0811a474ce as k,
+  $f4b273590fab9f93$export$52210f68a14655d0 as l,
+  getUnmergedPopoverStyles as m,
+  OVERLAY_OFFSET as n,
+  DEFAULT_PLACEMENT as o,
+  $a2e5df62f93c7633$export$9d32628fc2aea7da as p,
+  $3e5eb2498db5b506$export$73f7a44322579622 as q,
+  $d5336fe17ce95402$export$38eaa17faae8f579 as r,
+  DEFAULT_MAX_ITEMS_UNTIL_SCROLL as s,
   useTriggerWidth as u
 };

package/__chunks__/{useTriggerWidth-156b038a.js → useTriggerWidth-e11bf6d6.js}

@@ -73,8 +73,8 @@ var __yieldStar = (value) => {
   }, "return" in obj && method("return"), it;
 };
 const _import = require("./import-a1e0f814.js");
-const _import$1 = require("./import-2b302763.js");
-const _import$2 = require("./import-a2023d8f.js");
+const _import$1 = require("./import-26676303.js");
+const _import$2 = require("./import-0f8555a4.js");
 const React = require("react");
 const realModule = require("./real-module-e36b1436.js");
 const _import$3 = require("./import-dea5a24d.js");