@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/{Toolbar-CSWhVSUM.js → Toolbar-DK7tXy_W.js}

@@ -1,21 +1,21 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState, useRef, useEffect, useContext, createContext, useId, useCallback, forwardRef, useMemo } from 'react';
+import { B as Button } from './Button-BxFXQ0-n.js';
+import { T as Tooltip } from './Tooltip-BI3Xs75X.js';
+import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
+import { c as cx } from './index-tZvMCc77.js';
 import { useTrackingId } from './useTrackingId.js';
-import { useState, useRef, useEffect, forwardRef, useContext, useId, useCallback, useMemo, createContext } from 'react';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
-import { B as ButtonToggle } from './ButtonToggle-Bm4KRl3o-B1-LbfjY.js';
-import { P as Popover } from './Popover-CU2cGVD8-Casl3vM1.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
+import { B as ButtonToggle } from './ButtonToggle-pSwg7NvT.js';
+import { B as ButtonLink } from './ButtonLink-CXv65WVV.js';
+import { S as SvgArrowDropDown } from './arrow_drop_down-ChAdBDux.js';
+import { L as Listbox } from './Listbox-CUhMbFm2.js';
+import { P as Popover } from './Popover-r26xMIfm.js';
+import { F as Flex } from './Flex-BdQMekvA.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
 import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
-import { B as ButtonLink } from './ButtonLink-5qlX0uZx-b9H7MGhk.js';
-import { c as cx } from './index-tZvMCc77.js';
-import { f as Tooltip } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
-import { b as Listbox } from './Listbox-B-WUuj-_-BWWeWtLW.js';
-import { S as SvgArrowDropDown } from './arrow_drop_down-ChAdBDux.js';
-import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
-import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
 
 import './Toolbar.css';function useIntersectionObserver({
   threshold = 0,
@@ -83,17 +83,23 @@ import './Toolbar.css';function useIntersectionObserver({
   return result;
 }
 
-const toolbar = "_toolbar_a1ext_3";
-const styles = {
-	toolbar: toolbar,
-	"toolbar-content": "_toolbar-content_a1ext_10",
-	"toolbar-overflow-content": "_toolbar-overflow-content_a1ext_13",
-	"toolbar-button-item": "_toolbar-button-item_a1ext_21",
-	"toolbar-item": "_toolbar-item_a1ext_27",
-	"overflow-collapse": "_overflow-collapse_a1ext_31",
-	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_a1ext_55",
-	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_a1ext_61"
-};
+const OverflowItemContext = createContext({
+  isInOverflowMenu: false
+});
+const useOverFlowItemContext = () => useContext(OverflowItemContext);
+
+const ToolbarOverflowContext = createContext({
+  overflowItems: [],
+  addItem: () => {
+    return;
+  },
+  removeItem: () => {
+    return;
+  },
+  toolbarRef: { current: null },
+  orderedIds: [],
+  overflow: "wrap"
+});
 
 function getToolbarElements(toolbarElement) {
   const toolbarContent = toolbarElement.querySelector(
@@ -204,6 +210,18 @@ const handleMenuKeyboardNavigation = (event) => {
   menuItems[nextIndex]?.focus();
 };
 
+const toolbar = "_toolbar_7lbdr_13";
+const styles = {
+	toolbar: toolbar,
+	"toolbar-content": "_toolbar-content_7lbdr_20",
+	"toolbar-overflow-content": "_toolbar-overflow-content_7lbdr_23",
+	"toolbar-button-item": "_toolbar-button-item_7lbdr_31",
+	"toolbar-item": "_toolbar-item_7lbdr_37",
+	"overflow-collapse": "_overflow-collapse_7lbdr_41",
+	"toolbar-button-toggle-item": "_toolbar-button-toggle-item_7lbdr_65",
+	"toolbar-overflow-trigger": "_toolbar-overflow-trigger_7lbdr_71"
+};
+
 const ToolbarItemWrapper = ({
   item,
   children
@@ -280,9 +298,66 @@ const ToolbarItemWrapper = ({
   );
 };
 
-const ToolbarButtonToggle$1 = forwardRef((props, _ref) => {
+const ToolbarButton = forwardRef(
+  (props, _ref) => {
+    const { appearance = "ghost", className, children, ...rest } = props;
+    const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+    const trackingId = useTrackingId({
+      name: "ToolbarButton",
+      data: {
+        disabled: props.disabled,
+        "aria-label": props["aria-label"],
+        children: props.children
+      },
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const buttonClassNames = cx(className, styles["toolbar-button-item"]);
+    const item = children ? /* @__PURE__ */ jsx(
+      Button,
+      {
+        "data-tracking-id": trackingId,
+        appearance,
+        size: "small",
+        "data-anv": "toolbar-button",
+        className: buttonClassNames,
+        ...rest,
+        children
+      }
+    ) : /* @__PURE__ */ jsxs(Tooltip, { children: [
+      /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          "data-tracking-id": trackingId,
+          appearance,
+          size: "small",
+          "data-anv": "toolbar-button",
+          className: buttonClassNames,
+          ...rest
+        }
+      ) }),
+      /* @__PURE__ */ jsx(Tooltip.Content, { children: rest["aria-label"] })
+    ] });
+    if (isInOverflowMenu) {
+      return item;
+    }
+    return /* @__PURE__ */ jsx(ToolbarItemWrapper, { item: { itemProps: props, itemType: "button" }, children: item });
+  }
+);
+ToolbarButton.displayName = "ToolbarButton";
+
+const ToolbarButtonToggle = forwardRef((props, _ref) => {
   const { className, children, ...rest } = props;
   const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+  const trackingId = useTrackingId({
+    name: "ToolbarButtonToggle",
+    data: {
+      checked: props.checked,
+      disabled: props.disabled,
+      "aria-label": props["aria-label"],
+      children: props.children
+    },
+    hasOverride: !!props["data-tracking-id"]
+  });
   const buttonToggleClassNames = cx(
     className,
     styles["toolbar-button-item"],
@@ -291,6 +366,7 @@ const ToolbarButtonToggle$1 = forwardRef((props, _ref) => {
   const item = children ? /* @__PURE__ */ jsx(
     ButtonToggle,
     {
+      "data-tracking-id": trackingId,
       size: "small",
       "data-anv": "toolbar-button-toggle",
       className: buttonToggleClassNames,
@@ -301,6 +377,7 @@ const ToolbarButtonToggle$1 = forwardRef((props, _ref) => {
     /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
       ButtonToggle,
       {
+        "data-tracking-id": trackingId,
         size: "small",
         "data-anv": "toolbar-button-toggle",
         className: buttonToggleClassNames,
@@ -314,45 +391,56 @@ const ToolbarButtonToggle$1 = forwardRef((props, _ref) => {
   }
   return /* @__PURE__ */ jsx(ToolbarItemWrapper, { item: { itemProps: props, itemType: "buttonToggle" }, children: item });
 });
-ToolbarButtonToggle$1.displayName = "ToolbarButtonToggle";
+ToolbarButtonToggle.displayName = "ToolbarButtonToggle";
 
-const ToolbarButtonLink$1 = forwardRef(
-  (props, _ref) => {
-    const { appearance = "ghost", className, children, ...rest } = props;
-    const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
-    const buttonLinkClassNames = cx(className, styles["toolbar-button-item"]);
-    const item = children ? /* @__PURE__ */ jsx(
+const ToolbarButtonLink = forwardRef((props, _ref) => {
+  const { appearance = "ghost", className, children, ...rest } = props;
+  const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+  const trackingId = useTrackingId({
+    name: "ToolbarButtonLink",
+    data: {
+      href: props.href,
+      disabled: props.disabled,
+      "aria-label": props["aria-label"],
+      children: props.children,
+      target: props.target
+    },
+    hasOverride: !!props["data-tracking-id"]
+  });
+  const buttonLinkClassNames = cx(className, styles["toolbar-button-item"]);
+  const item = children ? /* @__PURE__ */ jsx(
+    ButtonLink,
+    {
+      "data-tracking-id": trackingId,
+      appearance,
+      size: "small",
+      "data-anv": "toolbar-button-link",
+      className: buttonLinkClassNames,
+      ...rest,
+      children
+    }
+  ) : /* @__PURE__ */ jsxs(Tooltip, { children: [
+    /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
       ButtonLink,
       {
+        "data-tracking-id": trackingId,
         appearance,
         size: "small",
         "data-anv": "toolbar-button-link",
         className: buttonLinkClassNames,
-        ...rest,
-        children
+        ...rest
       }
-    ) : /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
-        ButtonLink,
-        {
-          appearance,
-          size: "small",
-          "data-anv": "toolbar-button-link",
-          className: buttonLinkClassNames,
-          ...rest
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Tooltip.Content, { children: rest["aria-label"] })
-    ] });
-    if (isInOverflowMenu) {
-      return item;
-    }
-    return /* @__PURE__ */ jsx(ToolbarItemWrapper, { item: { itemProps: props, itemType: "buttonLink" }, children: item });
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip.Content, { children: rest["aria-label"] })
+  ] });
+  if (isInOverflowMenu) {
+    return item;
   }
-);
-ToolbarButtonLink$1.displayName = "ToolbarButtonLink";
+  return /* @__PURE__ */ jsx(ToolbarItemWrapper, { item: { itemProps: props, itemType: "buttonLink" }, children: item });
+});
+ToolbarButtonLink.displayName = "ToolbarButtonLink";
 
-const ToolbarSelect$1 = forwardRef(
+const ToolbarSelect = forwardRef(
   (props, _ref) => {
     const {
       appearance = "ghost",
@@ -382,11 +470,22 @@ const ToolbarSelect$1 = forwardRef(
       }
     };
     const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
+    const trackingId = useTrackingId({
+      name: "ToolbarSelect",
+      data: {
+        selected: props.selected,
+        disabled: props.disabled,
+        "aria-label": props["aria-label"],
+        items: props.items
+      },
+      hasOverride: !!props["data-tracking-id"]
+    });
     const buttonClassNames = cx(className, styles["toolbar-button-item"]);
     const item = /* @__PURE__ */ jsxs(Popover, { noPadding: true, children: [
       /* @__PURE__ */ jsx(
         Popover.Button,
         {
+          "data-tracking-id": trackingId,
           appearance,
           size: "small",
           icon: { after: SvgArrowDropDown },
@@ -421,22 +520,18 @@ const ToolbarSelect$1 = forwardRef(
     return /* @__PURE__ */ jsx(ToolbarItemWrapper, { item: { itemProps: props, itemType: "select" }, children: item });
   }
 );
-ToolbarSelect$1.displayName = "ToolbarSelect";
+ToolbarSelect.displayName = "ToolbarSelect";
 
-const OverflowItemContext = createContext({
-  isInOverflowMenu: false
-});
-const useOverFlowItemContext = () => useContext(OverflowItemContext);
 const OverflowItem = ({ itemType, itemProps }) => {
   switch (itemType) {
     case "button":
-      return /* @__PURE__ */ jsx(ToolbarButton$1, { ...itemProps });
+      return /* @__PURE__ */ jsx(ToolbarButton, { ...itemProps });
     case "buttonToggle":
-      return /* @__PURE__ */ jsx(ToolbarButtonToggle$1, { ...itemProps });
+      return /* @__PURE__ */ jsx(ToolbarButtonToggle, { ...itemProps });
     case "buttonLink":
-      return /* @__PURE__ */ jsx(ToolbarButtonLink$1, { ...itemProps });
+      return /* @__PURE__ */ jsx(ToolbarButtonLink, { ...itemProps });
     case "select":
-      return /* @__PURE__ */ jsx(ToolbarSelect$1, { ...itemProps });
+      return /* @__PURE__ */ jsx(ToolbarSelect, { ...itemProps });
     default:
       return null;
   }
@@ -514,55 +609,7 @@ const ToolbarOverflowMenu = ({
   ] });
 };
 
-const ToolbarButton$1 = forwardRef(
-  (props, _ref) => {
-    const { appearance = "ghost", className, children, ...rest } = props;
-    const { isInOverflowMenu = false } = useOverFlowItemContext?.() || {};
-    const buttonClassNames = cx(className, styles["toolbar-button-item"]);
-    const item = children ? /* @__PURE__ */ jsx(
-      Button,
-      {
-        appearance,
-        size: "small",
-        "data-anv": "toolbar-button",
-        className: buttonClassNames,
-        ...rest,
-        children
-      }
-    ) : /* @__PURE__ */ jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsx(Tooltip.Trigger, { children: /* @__PURE__ */ jsx(
-        Button,
-        {
-          appearance,
-          size: "small",
-          "data-anv": "toolbar-button",
-          className: buttonClassNames,
-          ...rest
-        }
-      ) }),
-      /* @__PURE__ */ jsx(Tooltip.Content, { children: rest["aria-label"] })
-    ] });
-    if (isInOverflowMenu) {
-      return item;
-    }
-    return /* @__PURE__ */ jsx(ToolbarItemWrapper, { item: { itemProps: props, itemType: "button" }, children: item });
-  }
-);
-ToolbarButton$1.displayName = "ToolbarButton";
-
-const ToolbarOverflowContext = createContext({
-  overflowItems: [],
-  addItem: () => {
-    return;
-  },
-  removeItem: () => {
-    return;
-  },
-  toolbarRef: { current: null },
-  orderedIds: [],
-  overflow: "wrap"
-});
-const ToolbarElement$1 = forwardRef(
+const ToolbarElement = forwardRef(
   (props, ref) => {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
@@ -671,170 +718,7 @@ const ToolbarElement$1 = forwardRef(
     ) });
   }
 );
-ToolbarElement$1.displayName = "Toolbar";
-const Toolbar$1 = Object.assign(ToolbarElement$1, {
-  /**
-   * ToolbarButton component for standard clickable actions within a toolbar.
-   *
-   * Features:
-   * - Designed specifically for toolbar integration
-   * - Consistent styling with other toolbar items
-   * - Automatic tooltip for icon-only buttons
-   * - Overflow menu support
-   * - Accessibility enforcement for aria-labels
-   * - Small size optimized for toolbar layout
-   * - Ghost and primary appearance options
-   *
-   * @example
-   * <Toolbar.Button icon={BoldIcon} aria-label="Bold text" />
-   *
-   * @example
-   * <Toolbar.Button appearance="primary">
-   *   Save
-   * </Toolbar.Button>
-   */
-  Button: ToolbarButton$1,
-  /**
-   * ToolbarButtonToggle component for toggleable actions within a toolbar.
-   *
-   * Features:
-   * - Toggle state management (on/off)
-   * - Designed specifically for toolbar integration
-   * - Consistent styling with other toolbar items
-   * - Automatic tooltip for icon-only toggles
-   * - Overflow menu support
-   * - Accessibility enforcement for aria-labels
-   * - Small size optimized for toolbar layout
-   * - Visual feedback for toggle state
-   * - Proper ARIA attributes for toggle semantics
-   *
-   * @example
-   * <Toolbar.ButtonToggle icon={BoldIcon} aria-label="Bold" checked={isBold} />
-   *
-   * @example
-   * <Toolbar.ButtonToggle checked={isItalic}>
-   *   Italic
-   * </Toolbar.ButtonToggle>
-   */
-  ButtonToggle: ToolbarButtonToggle$1,
-  /**
-   * ToolbarButtonLink component for link actions within a toolbar.
-   *
-   * Features:
-   * - Link functionality with href support
-   * - Designed specifically for toolbar integration
-   * - Consistent styling with other toolbar items
-   * - Automatic tooltip for icon-only links
-   * - Overflow menu support
-   * - Accessibility enforcement for aria-labels
-   * - Small size optimized for toolbar layout
-   * - Ghost and primary appearance options
-   * - Proper anchor element semantics
-   *
-   * @example
-   * <Toolbar.ButtonLink href="/help">
-   *   Help
-   * </Toolbar.ButtonLink>
-   *
-   * @example
-   * <Toolbar.ButtonLink icon={ExternalLinkIcon} href="/docs" aria-label="Documentation" />
-   */
-  ButtonLink: ToolbarButtonLink$1,
-  /**
-   * ToolbarSelect component provides a dropdown selector within a toolbar.
-   *
-   * Features:
-   * - Dropdown menu with selectable options
-   * - Controlled and uncontrolled usage patterns
-   * - Automatic overflow menu integration
-   * - Accessibility support with proper ARIA labels
-   * - Small size optimized for toolbar layout
-   * - Ghost and primary appearance options
-   * - Dropdown arrow icon indicator
-   * - Listbox integration for keyboard navigation
-   *
-   * @example
-   * <Toolbar.Select
-   *   items={fontOptions}
-   *   selected="arial"
-   *   accessibleLabel="Font family"
-   *   onChange={(id) => setFont(id)}
-   * />
-   *
-   * @example
-   * <Toolbar.Select
-   *   appearance="primary"
-   *   items={colorOptions}
-   *   accessibleLabel="Text color"
-   * />
-   */
-  Select: ToolbarSelect$1
-});
-
-function ToolbarElement(props) {
-  const trackingId = useTrackingId({
-    name: "Toolbar",
-    data: {
-      overflow: props.overflow,
-      direction: props.direction,
-      associatedContent: props.associatedContent
-    },
-    hasOverride: !!props["data-tracking-id"]
-  });
-  return /* @__PURE__ */ jsx(Toolbar$1, { "data-tracking-id": trackingId, ...props });
-}
-function ToolbarButton(props) {
-  const trackingId = useTrackingId({
-    name: "ToolbarButton",
-    data: {
-      disabled: props.disabled,
-      "aria-label": props["aria-label"],
-      children: props.children
-    },
-    hasOverride: !!props["data-tracking-id"]
-  });
-  return /* @__PURE__ */ jsx(ToolbarButton$1, { "data-tracking-id": trackingId, ...props });
-}
-function ToolbarButtonToggle(props) {
-  const trackingId = useTrackingId({
-    name: "ToolbarButtonToggle",
-    data: {
-      checked: props.checked,
-      disabled: props.disabled,
-      "aria-label": props["aria-label"],
-      children: props.children
-    },
-    hasOverride: !!props["data-tracking-id"]
-  });
-  return /* @__PURE__ */ jsx(ToolbarButtonToggle$1, { "data-tracking-id": trackingId, ...props });
-}
-function ToolbarButtonLink(props) {
-  const trackingId = useTrackingId({
-    name: "ToolbarButtonLink",
-    data: {
-      href: props.href,
-      disabled: props.disabled,
-      "aria-label": props["aria-label"],
-      children: props.children,
-      target: props.target
-    },
-    hasOverride: !!props["data-tracking-id"]
-  });
-  return /* @__PURE__ */ jsx(ToolbarButtonLink$1, { "data-tracking-id": trackingId, ...props });
-}
-function ToolbarSelect(props) {
-  const trackingId = useTrackingId({
-    name: "ToolbarSelect",
-    data: {
-      selected: props.selected,
-      disabled: props.disabled,
-      "aria-label": props["aria-label"],
-      items: props.items
-    },
-    hasOverride: !!props["data-tracking-id"]
-  });
-  return /* @__PURE__ */ jsx(ToolbarSelect$1, { "data-tracking-id": trackingId, ...props });
-}
+ToolbarElement.displayName = "Toolbar";
 const Toolbar = Object.assign(ToolbarElement, {
   /**
    * ToolbarButton component for standard clickable actions within a toolbar with anvil2 tracking.
@@ -919,5 +803,5 @@ const Toolbar = Object.assign(ToolbarElement, {
   Select: ToolbarSelect
 });
 
-export { Toolbar as T, ToolbarElement as a, ToolbarButton as b, ToolbarButtonToggle as c, ToolbarButtonLink as d, ToolbarSelect as e };
-//# sourceMappingURL=Toolbar-CSWhVSUM.js.map
+export { Toolbar as T, ToolbarButton as a, ToolbarButtonToggle as b, ToolbarButtonLink as c, ToolbarSelect as d, ToolbarElement as e };
+//# sourceMappingURL=Toolbar-DK7tXy_W.js.map