@servicetitan/anvil2 1.37.1 → 1.38.0

package/dist/{ProgressBar-dl-MpiLN-CxX2edlK.js → ProgressBar-Cfi5zZRy-BpESsdh_.js}

@@ -1,25 +1,25 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useRef, useEffect, forwardRef, useId, createContext, useContext, useCallback, useMemo, cloneElement, isValidElement, Fragment as Fragment$1, useLayoutEffect } from 'react';
 import { c as cx } from './index-tZvMCc77.js';
-import { I as Icon } from './Icon-BrdmZw1i-CG-LzgEz.js';
+import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
 import { a as SvgCheckCircle, S as SvgError, b as SvgInfo } from './check_circle-BGfigqq-.js';
-import { t as tabbable, q as useDelayGroup, F as FloatingPortal, b as FloatingArrow, p as computePosition, n as autoUpdate, o as offset, f as flip, d as shift, e as arrow$1, l as limitShift, r as useDelayGroupContext, c as useFloating, h as useHover, i as safePolygon, v as useFocus, j as useDismiss, k as useRole, m as useInteractions } from './floating-ui.react-Domgunz0.js';
+import { B as tabbable, C as useDelayGroup, F as FloatingPortal, b as FloatingArrow, p as computePosition, n as autoUpdate, o as offset, f as flip, d as shift, e as arrow$1, l as limitShift, D as useDelayGroupContext, c as useFloating, h as useHover, i as safePolygon, E as useFocus, j as useDismiss, k as useRole, m as useInteractions } from './floating-ui.react-BFNinq1w.js';
 import { a as PortalProviderContext } from './PortalProvider-9lXkQ0xY-BKoGegS1.js';
 import { S as SvgClose } from './close-DZj38AEh.js';
-import { T as Text } from './Text-CN_-FF7J-Dzoy8A70.js';
-import { B as Button } from './Button-DX3kc-St-Bi0Fl0-E.js';
-import { A as Alert } from './Alert-BNbD8EQd-D2ZerUYD.js';
-import { F as Flex } from './Flex-EX9xObMl-BPBQ7nb5.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-GT5myWCm-Clw_nEze.js';
-import { F as FieldMessage } from './FieldMessage-Js4e1ezw-DZ6YDx24.js';
+import { T as Text } from './Text-DCvcLCvf-DlmnnjTR.js';
+import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
+import { A as Alert } from './Alert-C3WoRkeN-D_6Yf63F.js';
+import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { H as Helper } from './Helper-C9sHaTrI-C5fAsK6i.js';
+import { u as useSwipe } from './useSwipe-CULmVQEk-CULmVQEk.js';
 import { S as SrOnly } from './SrOnly-BsKDHetF-B93X65F1.js';
-import { u as useSwipe } from './useSwipe-DIUHs7T5-DIUHs7T5.js';
 import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { T as ThemeProvider, a as ThemeProviderContext } from './ThemeProvider-BIeaAmWx-DVYOQ6bw.js';
+import { T as ThemeProvider, a as ThemeProviderContext } from './ThemeProvider-CR67FJg0-DYVRlJRA.js';
 import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
-import { u as useTooltipLegacyGroup } from './HammerProvider-BEJW4XcH-BBKdl0zs.js';
+import { u as useTooltipLegacyGroup } from './HammerProvider-CYP98rq3-Dd9GVIyP.js';
 
-import './ProgressBar-dl-MpiLN.css';/**
+import './ProgressBar-Cfi5zZRy.css';/**
  * Convert array of 16 byte values to UUID string format of the form:
  * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
  */
@@ -144,7 +144,7 @@ const getActiveElement = (activeDocument) => {
 
 const label = "_label_jfzvd_2";
 const required = "_required_jfzvd_46";
-const styles$6 = {
+const styles$5 = {
 	label: label,
 	"top-container": "_top-container_jfzvd_37",
 	"label-text": "_label-text_jfzvd_42",
@@ -157,7 +157,7 @@ const content$1 = "_content_1tuax_2";
 const scroller = "_scroller_1tuax_29";
 const arrow = "_arrow_1tuax_32";
 const trigger = "_trigger_1tuax_39";
-const styles$5 = {
+const styles$4 = {
 	content: content$1,
 	scroller: scroller,
 	arrow: arrow,
@@ -227,6 +227,7 @@ function useTooltipContext() {
       ref: popoverRef,
       element: context.popover,
       id: context.tooltipId,
+      setId: context.setTooltipId,
       show: context.openTooltip,
       close: context.closeTooltip,
       style: context.tooltipStyle,
@@ -256,7 +257,7 @@ const useTooltipLegacyContext = () => {
   return context;
 };
 
-const styles$4 = {
+const styles$3 = {
 	"content-legacy": "_content-legacy_3w3om_3",
 	"arrow-legacy": "_arrow-legacy_3w3om_29",
 	"trigger-legacy": "_trigger-legacy_3w3om_32"
@@ -348,7 +349,7 @@ const ToastProvider = ({
   }, [isDialogToasterProp]);
   const getToastStackHeight = useCallback(
     (index) => {
-      const toastHeightsOnly = toastHeights.filter((t, i) => {
+      const toastHeightsOnly = toastHeights.filter((_t, i) => {
         return index !== void 0 ? i > index : true;
       }).map((t) => t.height);
       if (toastHeightsOnly.length > 0) {
@@ -357,7 +358,7 @@ const ToastProvider = ({
             return totalHeight + currentHeight;
           });
         }
-        return toastHeightsOnly.filter((t, i) => i >= toastHeightsOnly.length - toastsBeforeStack).reduce((totalHeight, currentHeight) => {
+        return toastHeightsOnly.filter((_t, i) => i >= toastHeightsOnly.length - toastsBeforeStack).reduce((totalHeight, currentHeight) => {
           return totalHeight + currentHeight;
         });
       }
@@ -397,31 +398,31 @@ const useToasts = () => {
   return context;
 };
 
-const popover = "_popover_1fp0b_2";
-const toaster = "_toaster_1fp0b_9";
-const hidden = "_hidden_1fp0b_24";
-const stacked = "_stacked_1fp0b_88";
-const open = "_open_1fp0b_183";
-const close = "_close_1fp0b_184";
-const styles$3 = {
+const popover = "_popover_x2c3m_2";
+const toaster = "_toaster_x2c3m_9";
+const hidden = "_hidden_x2c3m_24";
+const stacked = "_stacked_x2c3m_89";
+const open = "_open_x2c3m_184";
+const close = "_close_x2c3m_185";
+const styles$2 = {
 	popover: popover,
 	toaster: toaster,
 	hidden: hidden,
-	"toast-stack": "_toast-stack_1fp0b_27",
-	"toast-wrapper": "_toast-wrapper_1fp0b_40",
-	"toast-alert": "_toast-alert_1fp0b_54",
-	"alert-action": "_alert-action_1fp0b_59",
-	"message-container": "_message-container_1fp0b_65",
-	"show-extra-toast": "_show-extra-toast_1fp0b_74",
+	"toast-stack": "_toast-stack_x2c3m_27",
+	"toast-wrapper": "_toast-wrapper_x2c3m_40",
+	"toast-alert": "_toast-alert_x2c3m_54",
+	"alert-action": "_alert-action_x2c3m_60",
+	"message-container": "_message-container_x2c3m_66",
+	"show-extra-toast": "_show-extra-toast_x2c3m_75",
 	stacked: stacked,
-	"stack-one": "_stack-one_1fp0b_91",
-	"stack-two": "_stack-two_1fp0b_91",
-	"stacked-show-extra": "_stacked-show-extra_1fp0b_107",
-	"stacked-extra": "_stacked-extra_1fp0b_121",
-	"show-more-button-container": "_show-more-button-container_1fp0b_134",
-	"show-collapse-button-container": "_show-collapse-button-container_1fp0b_135",
-	"show-collapse-button": "_show-collapse-button_1fp0b_135",
-	"disable-animations": "_disable-animations_1fp0b_159",
+	"stack-one": "_stack-one_x2c3m_92",
+	"stack-two": "_stack-two_x2c3m_92",
+	"stacked-show-extra": "_stacked-show-extra_x2c3m_108",
+	"stacked-extra": "_stacked-extra_x2c3m_122",
+	"show-more-button-container": "_show-more-button-container_x2c3m_135",
+	"show-collapse-button-container": "_show-collapse-button-container_x2c3m_136",
+	"show-collapse-button": "_show-collapse-button_x2c3m_136",
+	"disable-animations": "_disable-animations_x2c3m_160",
 	open: open,
 	close: close};
 
@@ -432,7 +433,7 @@ const useShowMoreButtonPositionStyles = () => {
   const extraSpace = totalToasts > toastsBeforeStack + 1 ? "2rem" : "1rem";
   const top = useMemo(() => {
     if (totalToasts > toastsBeforeStack) {
-      return toastHeights.filter((t, i) => i >= totalToasts - toastsBeforeStack).map((t) => t.height).reduce((t, c) => t + c);
+      return toastHeights.filter((_t, i) => i >= totalToasts - toastsBeforeStack).map((t) => t.height).reduce((t, c) => t + c);
     }
     return "unset";
   }, [toastHeights, toastsBeforeStack]);
@@ -670,7 +671,7 @@ const Toast = forwardRef(
     ...alertProps
   }, ref) => {
     const { setToastHeights, extraToastsVisible, isDialogToaster } = useToasts();
-    const closeToast = useCloseToast(styles$3.close);
+    const closeToast = useCloseToast(styles$2.close);
     const toastPositionStyles = useToastPositionStyles(index);
     const toastWrapperRef = useRef(null);
     const timerRef = useRef();
@@ -678,18 +679,18 @@ const Toast = forwardRef(
     const createdAtRef = useRef(createdAt ?? 0);
     const hasBeenStackedRef = useRef(false);
     const [transitionClass, setTransitionClass] = useState(
-      styles$3.hidden
+      styles$2.hidden
     );
     const [toastOpened, setToastOpened] = useState(false);
     const duration = actions ? false : durationProp;
     const alertClasses = cx(
-      styles$3["toast-alert"],
+      styles$2["toast-alert"],
       toastClassName,
       transitionClass
     );
     useEffect(() => {
       if (!toastOpened) {
-        setTransitionClass(styles$3.open);
+        setTransitionClass(styles$2.open);
         setTimeout(() => {
           setTransitionClass(void 0);
         }, ANIMATION_DURATION);
@@ -798,7 +799,7 @@ const Toast = forwardRef(
               hasMessage ? /* @__PURE__ */ jsx(
                 "div",
                 {
-                  className: styles$3["message-container"],
+                  className: styles$2["message-container"],
                   id: `toast-message-${alertProps.id}`,
                   children: message
                 }
@@ -816,7 +817,7 @@ const Toast = forwardRef(
                   value: progress
                 }
               ) }) : null,
-              actions ? /* @__PURE__ */ jsxs("div", { className: styles$3["alert-action"], children: [
+              actions ? /* @__PURE__ */ jsxs("div", { className: styles$2["alert-action"], children: [
                 /* @__PURE__ */ jsx(
                   Button,
                   {
@@ -845,45 +846,6 @@ const Toast = forwardRef(
 );
 Toast.displayName = "Toast";
 
-const helper = "_helper_157uk_1";
-const messages = "_messages_157uk_8";
-const styles$2 = {
-	helper: helper,
-	messages: messages};
-
-const Helper = forwardRef((props, ref) => {
-  const {
-    id,
-    hint,
-    description,
-    errorAriaLive = "assertive",
-    errorMessage,
-    maxLength,
-    isTyping,
-    inputLength = 0,
-    showCounter
-  } = props;
-  return /* @__PURE__ */ jsxs("div", { className: styles$2["helper"], ref, id, children: [
-    /* @__PURE__ */ jsx(
-      FieldMessage,
-      {
-        className: styles$2["messages"],
-        hint,
-        description,
-        errorAriaLive,
-        errorMessage
-      }
-    ),
-    showCounter ? /* @__PURE__ */ jsx("div", { className: styles$2["counter"], children: /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", children: [
-      inputLength,
-      "/",
-      maxLength
-    ] }) }) : null,
-    isTyping && !!maxLength ? maxLength - inputLength >= 1 ? /* @__PURE__ */ jsx(SrOnly, { children: /* @__PURE__ */ jsx("span", { "aria-live": "polite", "aria-atomic": "true", children: `${maxLength - inputLength} character${maxLength - inputLength !== 1 ? "s" : ""} left` }) }) : /* @__PURE__ */ jsx(SrOnly, { children: /* @__PURE__ */ jsx("span", { role: "alert", children: "Maximum characters count reached" }) }) : null
-  ] });
-});
-Helper.displayName = "Helper";
-
 function useHotkeyFocus({
   disabled,
   hotkey,
@@ -1042,10 +1004,10 @@ const ToastStack = forwardRef(
     const showMoreButton = !extraToastsVisible && toastCount > toastsBeforeStack;
     const extraToastsLength = toastCount - toastsBeforeStack;
     const showMoreButtonText = `${extraToastsLength} more message${extraToastsLength > 1 ? "s" : ""}`;
-    const toastStackClasses = cx(styles$3["toast-stack"], className, {
-      [styles$3["show-more-button"]]: showMoreButton,
-      [styles$3["show-extra-toast"]]: extraToastsVisible,
-      [styles$3["disable-animations"]]: disableAnimations
+    const toastStackClasses = cx(styles$2["toast-stack"], className, {
+      [styles$2["show-more-button"]]: showMoreButton,
+      [styles$2["show-extra-toast"]]: extraToastsVisible,
+      [styles$2["disable-animations"]]: disableAnimations
     });
     const handleToastStackFocusHover = () => {
       if (toastPausedStatus === "resumed" || toastPausedStatus === void 0) {
@@ -1088,13 +1050,13 @@ const ToastStack = forwardRef(
               const isStacked = !extraToastsVisible && index < toastCount - toastsBeforeStack;
               const isLastToastDisplayed = index === toastCount - toastsBeforeStack;
               const isHidden = index < toastCount - toastsBeforeStack - 2;
-              const toastClasses = cx(styles$3.toast, toastClassName);
-              const toastContainerClasses = cx(styles$3["toast-wrapper"], {
-                [styles$3.stacked]: isStacked || isLastToastDisplayed,
-                [styles$3["stack-one"]]: isStacked && index === toastCount - toastsBeforeStack - 1,
-                [styles$3["stack-two"]]: isStacked && index === toastCount - toastsBeforeStack - 2,
-                [styles$3["stacked-extra"]]: isHidden,
-                [styles$3["stacked-show-extra"]]: extraToastsVisible
+              const toastClasses = cx(styles$2.toast, toastClassName);
+              const toastContainerClasses = cx(styles$2["toast-wrapper"], {
+                [styles$2.stacked]: isStacked || isLastToastDisplayed,
+                [styles$2["stack-one"]]: isStacked && index === toastCount - toastsBeforeStack - 1,
+                [styles$2["stack-two"]]: isStacked && index === toastCount - toastsBeforeStack - 2,
+                [styles$2["stacked-extra"]]: isHidden,
+                [styles$2["stacked-show-extra"]]: extraToastsVisible
               });
               const handleOnClose = (e) => {
                 onClose?.(e);
@@ -1121,12 +1083,12 @@ const ToastStack = forwardRef(
             showMoreButton && /* @__PURE__ */ jsx(
               "div",
               {
-                className: styles$3["show-more-button-container"],
+                className: styles$2["show-more-button-container"],
                 style: showMoreButtonPositionStyles,
                 children: /* @__PURE__ */ jsx(
                   Button,
                   {
-                    className: styles$3["show-collapse-button"],
+                    className: styles$2["show-collapse-button"],
                     onClick: handleShowMoreButtonClick,
                     appearance: "secondary",
                     tabIndex: 0,
@@ -1143,10 +1105,10 @@ const ToastStack = forwardRef(
           ]
         }
       ),
-      extraToastsVisible && /* @__PURE__ */ jsx("div", { className: styles$3["show-collapse-button-container"], children: /* @__PURE__ */ jsx(
+      extraToastsVisible && /* @__PURE__ */ jsx("div", { className: styles$2["show-collapse-button-container"], children: /* @__PURE__ */ jsx(
         Button,
         {
-          className: styles$3["show-collapse-button"],
+          className: styles$2["show-collapse-button"],
           onClick: handleToastStackBlur,
           appearance: "secondary",
           children: "Collapse Messages"
@@ -1206,7 +1168,7 @@ const ToasterPopover = forwardRef(
         }
       };
     }, [toastCount, isDialogToaster]);
-    return /* @__PURE__ */ jsx("div", { ref: combinedRef, className: styles$3.popover, popover: "manual", children: props.children });
+    return /* @__PURE__ */ jsx("div", { ref: combinedRef, className: styles$2.popover, popover: "manual", children: props.children });
   }
 );
 ToasterPopover.displayName = "ToasterPopover";
@@ -1274,7 +1236,7 @@ const ToasterContent = forwardRef(
       });
       dispatchEvent(DialogToasterEvent);
     }, [isDialogToaster]);
-    const closeToast = useCloseToast(styles$3.close);
+    const closeToast = useCloseToast(styles$2.close);
     useEffect(() => {
       let timeout;
       updateDialogToasterStorage(isDialogToaster);
@@ -1373,8 +1335,8 @@ const ToasterContent = forwardRef(
         updateDialogToasterStorage(false);
       };
     }, []);
-    const toasterClasses = cx(styles$3.toaster, {
-      [styles$3["hidden"]]: shouldHideToaster,
+    const toasterClasses = cx(styles$2.toaster, {
+      [styles$2["hidden"]]: shouldHideToaster,
       [`${className}`]: className != null
     });
     return /* @__PURE__ */ jsx(
@@ -1730,9 +1692,78 @@ function useDrawerContext() {
 }
 DrawerElement.displayName = "Drawer";
 const Drawer = Object.assign(DrawerElement, {
+  /**
+   * Header component for the drawer that displays a title and close button.
+   *
+   * Features:
+   * - Displays the drawer title as a headline
+   * - Includes an accessible close button
+   * - Sticky positioning at the top of the drawer
+   * - Proper semantic HTML structure
+   * - Accessible with proper ARIA attributes
+   * - Consistent styling with the design system
+   * - Automatic close functionality
+   *
+   * @example
+   * <Drawer.Header>Settings</Drawer.Header>
+   */
   Header: DrawerHeader,
+  /**
+   * Footer component for the drawer that displays action buttons and controls.
+   *
+   * Features:
+   * - Flexible layout for action buttons and controls
+   * - Optional sticky positioning at the bottom
+   * - Proper semantic HTML structure
+   * - Accessible with proper ARIA attributes
+   * - Consistent styling with the design system
+   * - Supports all standard footer element props
+   * - Responsive design that adapts to content
+   *
+   * @example
+   * <Drawer.Footer sticky>
+   *   <Button onClick={handleSave}>Save</Button>
+   *   <Drawer.CancelButton>Cancel</Drawer.CancelButton>
+   * </Drawer.Footer>
+   */
   Footer: DrawerFooter,
+  /**
+   * Content container for the drawer that holds the main content area.
+   *
+   * Features:
+   * - Flexible content area with proper spacing
+   * - Scrollable content when needed
+   * - Proper semantic HTML structure
+   * - Accessible with proper ARIA attributes
+   * - Consistent styling with the design system
+   * - Supports all standard div element props
+   * - Responsive design that adapts to content
+   * - Proper focus management
+   *
+   * @example
+   * <Drawer.Content>
+   *   <p>This is the main content of the drawer.</p>
+   *   <p>It can contain any type of content.</p>
+   * </Drawer.Content>
+   */
   Content: DrawerContent,
+  /**
+   * A button component that automatically closes the drawer when clicked.
+   *
+   * Features:
+   * - Automatically closes the drawer when clicked
+   * - Extends Button component functionality
+   * - Accessible with proper ARIA attributes
+   * - Consistent styling with the design system
+   * - Supports all standard button props
+   * - Proper focus management
+   * - Can be used anywhere within the drawer context
+   *
+   * @example
+   * <Drawer.CancelButton appearance="ghost" size="small">
+   *   Cancel
+   * </Drawer.CancelButton>
+   */
   CancelButton: DrawerCancelButton
 });
 
@@ -1751,7 +1782,7 @@ const TooltipLegacyContent = forwardRef(function TooltipLegacyContent2({ style,
   useDelayGroup(floatingContext, { id });
   const ref = useMergeRefs([context.refs.setFloating, propRef]);
   if (!floatingContext.open) return null;
-  const contentCx = cx(styles$4["content-legacy"], className);
+  const contentCx = cx(styles$3["content-legacy"], className);
   return /* @__PURE__ */ jsx(
     FloatingPortal,
     {
@@ -1774,7 +1805,7 @@ const TooltipLegacyContent = forwardRef(function TooltipLegacyContent2({ style,
               {
                 ref: context.arrowRef,
                 context: floatingContext,
-                className: styles$4["arrow-legacy"]
+                className: styles$3["arrow-legacy"]
               }
             ),
             props.children
@@ -1796,21 +1827,29 @@ const TooltipContentElement = forwardRef(
       onKeyDown,
       onFocus,
       onBlur,
+      id,
       ...rest
     } = props;
     const context = useTooltipContext();
-    const tooltipClassNames = cx(className, styles$5["content"]);
+    const { mode: currentMode } = useContext(ThemeProviderContext);
+    const tooltipClassNames = cx(className, styles$4["content"]);
     const childrenRef = useRef(null);
     const focusItems = useRef();
     const combinedStyles = {
       ...style,
       ...context?.tooltip.style
     };
+    const tooltipMode = currentMode === "dark" ? "light" : "dark";
     useLayoutEffect(() => {
       if (!childrenRef.current) return;
       const focusElements = getKeyboardFocusableElements(childrenRef.current);
       focusItems.current = focusElements;
     }, [childrenRef, children, context?.open]);
+    useLayoutEffect(() => {
+      if (id) {
+        context?.tooltip.setId(id);
+      }
+    }, [id, context?.tooltip.setId, context?.tooltip]);
     const onMouseEnterHandler = (e) => {
       onMouseEnter?.(e);
       if (context?.controlled) return;
@@ -1838,13 +1877,13 @@ const TooltipContentElement = forwardRef(
         context?.tooltip.close();
       }
     };
-    const role = typeof children === "string" ? "tooltip" : "region";
+    const hasSimpleContent = typeof children === "string";
+    const role = hasSimpleContent ? "tooltip" : "region";
     const tooltipWrapperRef = useMergeRefs([context?.tooltip.ref, ref]);
     return /* @__PURE__ */ jsxs(
       "div",
       {
         popover: context?.controlled ? "manual" : "auto",
-        id: context?.tooltip.id,
         "data-anv": "tooltip-content",
         className: tooltipClassNames,
         ref: tooltipWrapperRef,
@@ -1854,21 +1893,22 @@ const TooltipContentElement = forwardRef(
         onBlur: onBlurHandler,
         onFocus: onFocusHandler,
         role,
+        id: context?.tooltip.id,
         ...rest,
         children: [
           /* @__PURE__ */ jsx(
             "div",
             {
-              className: styles$5.scroller,
+              className: styles$4.scroller,
               role: "presentation",
               tabIndex: -1,
               ref: childrenRef,
               onKeyDown: onKeyDownHandler,
-              children
+              children: hasSimpleContent ? children : /* @__PURE__ */ jsx(ThemeProvider, { mode: tooltipMode, "data-anv": "tooltip-content-theme", children })
             },
             context?.tooltip.key
           ),
-          /* @__PURE__ */ jsx("span", { className: styles$5["arrow"], ref: context?.tooltip.arrowRef, children: /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 14 14", children: [
+          /* @__PURE__ */ jsx("span", { className: styles$4["arrow"], ref: context?.tooltip.arrowRef, children: /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", width: "14", height: "14", viewBox: "0 0 14 14", children: [
             /* @__PURE__ */ jsx("path", { stroke: "none", d: "M0,0 H14 L7,7 Q7,7 7,7 Z" }),
             /* @__PURE__ */ jsx("clipPath", { id: ":r9:", children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "14", height: "14" }) })
           ] }) })
@@ -1897,7 +1937,7 @@ const TooltipLegacyTrigger = forwardRef(function TooltipLegacyTrigger2({ childre
     "span",
     {
       ref,
-      className: cx([styles$4["trigger-legacy"]], className),
+      className: cx([styles$3["trigger-legacy"]], className),
       "data-anv": "tooltip-trigger",
       "data-state": context.open ? "open" : "closed",
       ...restOfContextProps,
@@ -1969,7 +2009,7 @@ const TooltipTriggerElement = forwardRef(
     return /* @__PURE__ */ jsx(
       "span",
       {
-        className: cx([styles$5["trigger"]], className),
+        className: cx([styles$4["trigger"]], className),
         "data-anv": "tooltip-trigger",
         ref: propRef,
         onKeyDown: onKeyDownHandler,
@@ -2102,6 +2142,9 @@ const TooltipElement = (props) => {
     open ?? defaultOpen
   );
   const arrowRef = useRef(null);
+  const [tooltipId, setTooltipId] = useState(
+    id ?? `tooltip-${uid.replace(/:/g, "")}`
+  );
   const updatePosition = useCallback(() => {
     if (!invoker || !tooltip) return;
     if (!openState) return;
@@ -2187,7 +2230,6 @@ const TooltipElement = (props) => {
       cleanup();
     };
   }, [invoker, tooltip, updatePosition, openState]);
-  const tooltipId = id ?? `tooltip-${uid.replace(/:/g, "")}`;
   const isControlled = typeof open !== "undefined";
   const openTimeoutRef = useRef(null);
   const closeTimeoutRef = useRef(null);
@@ -2233,6 +2275,7 @@ const TooltipElement = (props) => {
     updatePosition();
     return {
       tooltipId,
+      setTooltipId,
       invoker,
       setInvoker,
       tooltip,
@@ -2254,6 +2297,7 @@ const TooltipElement = (props) => {
   }, [
     updatePosition,
     tooltipId,
+    setTooltipId,
     invoker,
     tooltip,
     arrowElement,
@@ -2269,7 +2313,43 @@ const TooltipElement = (props) => {
   return /* @__PURE__ */ jsx(TooltipContext.Provider, { value, children });
 };
 const Tooltip = Object.assign(TooltipElement, {
+  /**
+   * TooltipTrigger component that wraps the element that triggers the tooltip.
+   *
+   * Features:
+   * - Wraps any React element to make it a tooltip trigger
+   * - Handles mouse and keyboard interactions
+   * - Provides proper ARIA attributes for accessibility
+   * - Supports all standard HTML element props
+   * - Automatically clones child elements with proper refs
+   * - Handles both focusable and non-focusable children
+   * - Manages mouse enter/leave events for hover behavior
+   *
+   * @example
+   * <Tooltip.Trigger>
+   *   <Button>Click me</Button>
+   * </Tooltip.Trigger>
+   */
   Trigger: TooltipTrigger,
+  /**
+   * TooltipContent component that displays the tooltip content.
+   *
+   * Features:
+   * - Displays the tooltip content with proper positioning
+   * - Includes an arrow pointing to the trigger element
+   * - Supports keyboard navigation and escape key to close
+   * - Handles mouse interactions for hover behavior
+   * - Accessible with proper ARIA roles
+   * - Supports all standard div element props
+   * - Automatic focus management for keyboard navigation
+   * - Real-time position updates
+   * - Handles both string and complex content
+   *
+   * @example
+   * <Tooltip.Content>
+   *   This tooltip provides helpful context
+   * </Tooltip.Content>
+   */
   Content: TooltipContent,
   Context: TooltipContext
 });
@@ -2297,21 +2377,21 @@ const LabelMoreInfoIcon = ({
       offset: 5,
       fallbackPlacements: ["right", "bottom", "left"],
       children: [
-        /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles$6["info-trigger"], children: /* @__PURE__ */ jsx(Icon, { svg: SvgInfo }) }),
-        /* @__PURE__ */ jsx(Tooltip.Content, { className: styles$6["info-content"], children: moreInfo })
+        /* @__PURE__ */ jsx(Tooltip.Trigger, { className: styles$5["info-trigger"], children: /* @__PURE__ */ jsx(Icon, { svg: SvgInfo }) }),
+        /* @__PURE__ */ jsx(Tooltip.Content, { className: styles$5["info-content"], children: moreInfo })
       ]
     }
   );
 };
 const Label = forwardRef((props, ref) => {
   const { children, className, moreInfo, required, openMoreInfo, ...rest } = props;
-  const LabelClassNames = cx([styles$6["label"]], className);
+  const LabelClassNames = cx([styles$5["label"]], className);
   return /* @__PURE__ */ jsxs("label", { className: LabelClassNames, "data-anv": "label", ref, ...rest, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles$6["top-container"], "aria-atomic": "true", children: [
-      /* @__PURE__ */ jsxs("span", { className: styles$6["label-text"], children: [
+    /* @__PURE__ */ jsxs("div", { className: styles$5["top-container"], "aria-atomic": "true", children: [
+      /* @__PURE__ */ jsxs("span", { className: styles$5["label-text"], children: [
         children,
         required ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$6["required"], children: "*" }),
+          /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: styles$5["required"], children: "*" }),
           /* @__PURE__ */ jsx(SrOnly, { children: "Required" })
         ] }) : null
       ] }),
@@ -2440,5 +2520,5 @@ const ProgressBar = forwardRef(
 );
 ProgressBar.displayName = "ProgressBar";
 
-export { DrawerCancelButton as D, Helper as H, Label as L, ProgressBar as P, TooltipTrigger as T, DrawerFooter as a, DrawerHeader as b, DrawerContent as c, Drawer as d, TooltipContent as e, Tooltip as f, getActiveElement as g, Toaster as h, DialogContext as i, useKeyboardFocusables as j, useDialogScrollLock as k, ToastProvider as l, ToasterPopover as m, ToasterContent as n, DrawerContext as o, safeShowPopover as p, safeHidePopover as q, supportsPopover as s, toast as t, useDialogTransitionStates as u };
-//# sourceMappingURL=ProgressBar-dl-MpiLN-CxX2edlK.js.map
+export { DrawerCancelButton as D, Label as L, ProgressBar as P, TooltipTrigger as T, DrawerFooter as a, DrawerHeader as b, DrawerContent as c, Drawer as d, TooltipContent as e, Tooltip as f, getActiveElement as g, Toaster as h, DialogContext as i, useKeyboardFocusables as j, useDialogScrollLock as k, ToastProvider as l, ToasterPopover as m, ToasterContent as n, DrawerContext as o, safeShowPopover as p, safeHidePopover as q, supportsPopover as s, toast as t, useDialogTransitionStates as u };
+//# sourceMappingURL=ProgressBar-Cfi5zZRy-BpESsdh_.js.map