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

package/ToggleCard/ToggleCard.d.ts

@@ -0,0 +1,88 @@
+import React, { ReactNode } from "react";
+export type ToggleCardProps = {
+    /**
+     * The children of the <ToggleCard> element. Should render
+     * `<ToggleCard.Header>` and `<ToggleCard.Body>`
+     */
+    children: ReactNode;
+};
+/**
+ * A `<ToggleCard />` is a styled container with an interactive
+ * header featuring a toggle control.
+ *
+ * @remarks
+ * It is a simple compound component consisting of `<ToggleCard.Header />`
+ * and `<ToggleCard.Body />`.
+ *
+ * `<ToggleCard.Header />` should handle the rendering for the `Toggle`
+ * control and the content alongside it.
+ *
+ * `<ToggleCard.Body />` is responsible for rendering the body content.
+ *
+ * @example
+ * _Controlled:_
+ * ```tsx
+ * <ToggleCard>
+ *  <ToggleCard.Header>
+ *    <Text id="some id" variant="subtitle1" color="primary.900">
+ *      header
+ *    </Text>
+ *    <Toggle
+ *      aria-labelledby="some id"
+ *      isSelected={isSelected}
+ *      onChange={(isSelected) => setIsSelected(isSelected)}
+ *     />
+ *  </ToggleCard.Header>
+ *  <ToggleCard.Body>body</ToggleCard.Body>
+ * </ToggleCard>
+ * ```
+ *
+ * @example
+ * _Disabled:_
+ * ```tsx
+ * <ToggleCard>
+ *  <ToggleCard.Header>
+ *    <Text id="some id" variant="subtitle1" color="primary.900">
+ *      header
+ *    </Text>
+ *    <Toggle aria-labelledby="some id" isDisabled />
+ *  </ToggleCard.Header>
+ *  <ToggleCard.Body>body</ToggleCard.Body>
+ * </ToggleCard>
+ * ```
+ *
+ * @example
+ * _Read-Only:_
+ * ```tsx
+ * <ToggleCard>
+ *  <ToggleCard.Header>
+ *    <Text id="some id" variant="subtitle1" color="primary.900">
+ *      header
+ *    </Text>
+ *    <Toggle aria-labelledby="some id" isReadOnly />
+ *  </ToggleCard.Header>
+ *  <ToggleCard.Body>body</ToggleCard.Body>
+ * </ToggleCard>
+ * ```
+ */
+export declare function ToggleCard(props: ToggleCardProps): React.JSX.Element;
+export declare namespace ToggleCard {
+    var Header: typeof ToggleCardHeader;
+    var Body: typeof ToggleCardBody;
+}
+export type ToggleCardHeaderProps = {
+    /**
+     * Header content of card
+     */
+    children: ReactNode;
+};
+declare function ToggleCardHeader(props: ToggleCardHeaderProps): React.JSX.Element;
+export type ToggleCardBodyProps = {
+    /**
+     * Body content of card
+     */
+    children: ReactNode;
+};
+declare function ToggleCardBody(props: ToggleCardBodyProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=ToggleCard.d.ts.map

package/ToggleCard/ToggleCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCard.d.ts","sourceRoot":"","sources":["../../src/ToggleCard/ToggleCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAW,MAAM,OAAO,CAAC;AAQlD,MAAM,MAAM,eAAe,GAAG;IAC5B;;;OAGG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0DG;AACH,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,qBAIhD;yBAJe,UAAU;;;;AAK1B,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAwBrD;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,iBAAS,cAAc,CAAC,KAAK,EAAE,mBAAmB,qBAQjD"}

package/ToggleCard/ToggleCard.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, StoryObj } from "@storybook/react";
+import { ToggleCard } from "./ToggleCard";
+type Story = StoryObj<typeof ToggleCard>;
+declare const meta: Meta<typeof ToggleCard>;
+export default meta;
+export declare const Default: Story;
+export declare const DefaultSelected: Story;
+export declare const Disabled: Story;
+export declare const ReadOnly: Story;
+export declare const TogglePosition: Story;
+export declare const Controlled: Story;
+//# sourceMappingURL=ToggleCard.stories.d.ts.map

package/ToggleCard/ToggleCard.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCard.stories.d.ts","sourceRoot":"","sources":["../../src/ToggleCard/ToggleCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAKlD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAQ3D,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAezC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAIjC,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAcrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KActB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAc5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KA+BxB,CAAC"}

package/ToggleCard/ToggleCard.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=ToggleCard.test.d.ts.map

package/ToggleCard/ToggleCard.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleCard.test.d.ts","sourceRoot":"","sources":["../../src/ToggleCard/ToggleCard.test.tsx"],"names":[],"mappings":""}

package/ToggleCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./ToggleCard";
+//# sourceMappingURL=index.d.ts.map

package/ToggleCard/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ToggleCard/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/ToggleCard/index.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const Card = require("../__chunks__/Card-DaFTIHZD.js");
+const HorizontalStack = require("../__chunks__/HorizontalStack-_DnrRlDb.js");
+const utilities_react = require("../utilities/react.js");
+function ToggleCard(props) {
+  const { children } = props;
+  return React.createElement(Card.Card.Container, {
+    borderRadius: "lg"
+  }, children);
+}
+function ToggleCardHeader(props) {
+  const { children } = props;
+  React.useMemo(() => {
+    const headerChildren = utilities_react.flattenChildren(children);
+    let foundToggle = false;
+    for (let i = 0; i < headerChildren.length; i++) {
+      if (utilities_react.getDisplayNameFromReactNode(headerChildren[i]) === "Toggle") {
+        foundToggle = true;
+        break;
+      }
+    }
+    if (!foundToggle) {
+      throw new Error("ToggleCard.Header must contain Toggle");
+    }
+  }, [children]);
+  return React.createElement(Card.Card.Area, {
+    background: "neutral.050",
+    paddingY: "0.5",
+    paddingX: "1"
+  }, React.createElement(HorizontalStack.HorizontalStack, {
+    gap: "2",
+    align: "space-between",
+    blockAlign: "center"
+  }, children));
+}
+function ToggleCardBody(props) {
+  const { children } = props;
+  return React.createElement(Card.Card.Area, {
+    paddingX: "0.5",
+    paddingY: "1"
+  }, children);
+}
+ToggleCard.Header = ToggleCardHeader;
+ToggleCard.Body = ToggleCardBody;
+exports.ToggleCard = ToggleCard;

package/ToggleCard/index.mjs

@@ -0,0 +1,47 @@
+import React__default, { useMemo } from "react";
+import { C as Card } from "../__chunks__/Card-Cr-bIjoN.mjs";
+import { H as HorizontalStack } from "../__chunks__/HorizontalStack-BDZp8p9E.mjs";
+import { flattenChildren, getDisplayNameFromReactNode } from "../utilities/react.mjs";
+function ToggleCard(props) {
+  const { children } = props;
+  return React__default.createElement(Card.Container, {
+    borderRadius: "lg"
+  }, children);
+}
+function ToggleCardHeader(props) {
+  const { children } = props;
+  useMemo(() => {
+    const headerChildren = flattenChildren(children);
+    let foundToggle = false;
+    for (let i = 0; i < headerChildren.length; i++) {
+      if (getDisplayNameFromReactNode(headerChildren[i]) === "Toggle") {
+        foundToggle = true;
+        break;
+      }
+    }
+    if (!foundToggle) {
+      throw new Error("ToggleCard.Header must contain Toggle");
+    }
+  }, [children]);
+  return React__default.createElement(Card.Area, {
+    background: "neutral.050",
+    paddingY: "0.5",
+    paddingX: "1"
+  }, React__default.createElement(HorizontalStack, {
+    gap: "2",
+    align: "space-between",
+    blockAlign: "center"
+  }, children));
+}
+function ToggleCardBody(props) {
+  const { children } = props;
+  return React__default.createElement(Card.Area, {
+    paddingX: "0.5",
+    paddingY: "1"
+  }, children);
+}
+ToggleCard.Header = ToggleCardHeader;
+ToggleCard.Body = ToggleCardBody;
+export {
+  ToggleCard
+};

package/Tooltip/Tooltip.stories.d.ts

@@ -8,6 +8,9 @@ export declare const Placement: Story;
 export declare const Immediate: Story;
 export declare const Disabled: Story;
 export declare const FocusOnly: Story;
+export declare const LongText: Story;
 export declare const ButtonTrigger: Story;
+export declare const CheckboxTrigger: Story;
+export declare const ToggleTrigger: Story;
 export declare const Controls: Story;
 //# sourceMappingURL=Tooltip.stories.d.ts.map

package/Tooltip/Tooltip.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}
+{"version":3,"file":"Tooltip.stories.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAUlD,OAAO,EAAE,OAAO,EAAgB,MAAM,WAAW,CAAC;AAElD,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAItC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAyB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAevB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAK7B,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC"}

package/Tooltip/index.js

@@ -1,302 +1,4 @@
 "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));
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Text_index = require("../Text/index.js");
-const utilities_css = require("../utilities/css.js");
-const _import$2 = require("../__chunks__/import-a2023d8f.js");
-const _import = require("../__chunks__/import-a1e0f814.js");
-const _import$1 = require("../__chunks__/import-2b302763.js");
-require("react-dom");
-require("../__chunks__/import-dea5a24d.js");
-require("../__chunks__/real-module-e36b1436.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_1yly1_5";
-const text = "_text_1yly1_21";
-const arrow = "_arrow_1yly1_27";
-const top = "_top_1yly1_36";
-const bottom = "_bottom_1yly1_37";
-const left = "_left_1yly1_41";
-const right = "_right_1yly1_42";
-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.useEffect(() => {
-    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.Tooltip = Tooltip;
+const Tooltip = require("../__chunks__/Tooltip-Bzqm5boz.js");
+exports.Tooltip = Tooltip.Tooltip;