@servicetitan/anvil2 2.7.0 → 2.7.1

package/dist/{Toolbar-DAuz4Gs2.js → Toolbar-0EKhrvZN.js}

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
 import { useState, useEffect, useContext, createContext, useId, useRef, useCallback, forwardRef, useMemo } from 'react';
 import { B as Button } from './Button-CVsGhVJz.js';
-import { T as Tooltip } from './Tooltip-Bupqao9B.js';
+import { T as Tooltip } from './Tooltip-BHwSTwsv.js';
 import { g as getKeyboardFocusableElements } from './getKeyboardFocusableElements-QqcABz0D.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useIntersectionObserver } from './useIntersectionObserver-BEmMDO3P.js';
@@ -10,8 +10,8 @@ import { useTrackingId } from './useTrackingId.js';
 import { B as ButtonToggle } from './ButtonToggle-DaYJWso_.js';
 import { B as ButtonLink } from './ButtonLink-BJKTJER8.js';
 import { S as SvgArrowDropDown } from './arrow_drop_down-ChAdBDux.js';
-import { L as Listbox } from './Listbox-BtAgBDRS.js';
-import { P as Popover } from './Popover-DxZF6lbJ.js';
+import { L as Listbox } from './Listbox-D_T55BFX.js';
+import { P as Popover } from './Popover-CQhLSNYR.js';
 import { F as Flex } from './Flex-WyyZm1bf.js';
 import { S as SvgMoreHoriz } from './more_horiz-DJgdQiy0.js';
 import { S as SvgMoreVert } from './more_vert-C_lJSyxt.js';
@@ -20,16 +20,16 @@ import { S as SvgClose } from './close-DZj38AEh.js';
 import { S as SvgKeyboardArrowDown } from './keyboard_arrow_down-C8WQ38p1.js';
 import { S as SvgEvent } from './TimezoneMessage-Cnsl4cHT.js';
 import { D as DateTime } from './luxon-wpz4A-OQ.js';
-import { C as Chip } from './Chip-DjTAR0va.js';
-import { t as tabbable } from './index.esm-BZV0wNKZ.js';
-import { L as ListView } from './ListView-mujFK6mQ.js';
+import { C as Chip } from './Chip-CVyEctAz.js';
+import { t as tabbable } from './index.esm-K9kxJhLx.js';
+import { L as ListView } from './ListView-DAbBuss4.js';
 import { S as SearchField, a as SvgSearch, b as SearchField$1 } from './SearchField-im7AHGYo.js';
-import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-DrhLIjlK.js';
-import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-C8Uzrboc.js';
-import { C as Checkbox } from './Checkbox-CjEKa5Iv.js';
-import { R as Radio } from './Radio-BOq9UkpC.js';
-import { C as Combobox } from './Combobox-By8-34bw.js';
-import { D as Drawer } from './Drawer-DA4iAgt-.js';
+import { u as useDateFieldSingleConversion, a as useDateFieldSingleState, M as MaskedDateInput, b as DateFieldSingleCalendar, D as DateFieldSingle } from './DateFieldSingle-CkdeCUJv.js';
+import { u as useDateFieldRangeConversion, a as useDateFieldRangeState, M as MaskedDateRangeInput, b as DateFieldRangeCalendar, D as DateFieldRange } from './DateFieldRange-D9DtlkSQ.js';
+import { C as Checkbox } from './Checkbox-CTZdZym4.js';
+import { R as Radio } from './Radio-CCvu8mbI.js';
+import { C as Combobox } from './Combobox-BRtfrYyZ.js';
+import { D as Drawer } from './Drawer-CfkoH081.js';
 import { d as BreakpointSm, c as BreakpointMd, b as BreakpointLg, a as BreakpointXl, B as BreakpointXxl } from './primitive-C3RFDRA8.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
@@ -1996,8 +1996,8 @@ const ToolbarSearchField = forwardRef(
 );
 ToolbarSearchField.displayName = "ToolbarSearchField";
 
-const ToolbarElement = forwardRef(
-  (props, ref) => {
+const Toolbar = Object.assign(
+  forwardRef(function ToolbarInner(props, ref) {
     const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
     const {
       associatedContent,
@@ -2114,140 +2114,141 @@ const ToolbarElement = forwardRef(
         ]
       }
     ) });
+  }),
+  {
+    /**
+     * ToolbarButton component for standard clickable actions within a toolbar with anvil2 tracking.
+     *
+     * 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
+     * - Ghost and primary appearance options
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.Button icon={BoldIcon} aria-label="Bold text" />
+     *
+     * @example
+     * <Toolbar.Button appearance="primary">
+     *   Save
+     * </Toolbar.Button>
+     */
+    Button: ToolbarButton,
+    /**
+     * ToolbarButtonToggle component for toggleable actions within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Toggle state management
+     * - Designed specifically for toolbar integration
+     * - Consistent styling with other toolbar items
+     * - Overflow menu support
+     * - Accessibility enforcement for aria-labels
+     * - Ghost and primary appearance options
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.ButtonToggle icon={BoldIcon} aria-label="Bold" checked={isBold} />
+     */
+    ButtonToggle: ToolbarButtonToggle,
+    /**
+     * ToolbarButtonLink component for link actions within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Link functionality with href support
+     * - Designed specifically for toolbar integration
+     * - Consistent styling with other toolbar items
+     * - Overflow menu support
+     * - Accessibility enforcement for aria-labels
+     * - Ghost and primary appearance options
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.ButtonLink href="/help">
+     *   Help
+     * </Toolbar.ButtonLink>
+     */
+    ButtonLink: ToolbarButtonLink,
+    /**
+     * ToolbarSelect component provides a dropdown selector within a toolbar with anvil2 tracking.
+     *
+     * Features:
+     * - Dropdown menu with selectable options
+     * - Controlled and uncontrolled usage patterns
+     * - Automatic overflow menu integration
+     * - Accessibility support with proper ARIA labels
+     * - Ghost and primary appearance options
+     * - Dropdown arrow icon indicator
+     * - Listbox integration for keyboard navigation
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Toolbar.Select
+     *   items={fontOptions}
+     *   selected="arial"
+     *   accessibleLabel="Font family"
+     *   onChange={(id) => setFont(id)}
+     * />
+     */
+    Select: ToolbarSelect,
+    /**
+     * FilterGroup component displays a group of filters with toggles and a clear button.
+     * Also contains the FilterDrawer for additional filter options.
+     *
+     * Features:
+     * - Renders filter toggles and popovers for all filter types
+     * - Supports controlled and uncontrolled filtering
+     * - Integrates with FilterDrawer for batch filter editing
+     * - Provides a clear all filters button
+     * - Handles overflow and hidden filters
+     * - Shares filter state via context for child components
+     * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
+     * - Date filters include calendar popup for easy selection
+     * - Date range filters support start and end date selection
+     *
+     * @example
+     * <Toolbar.Filters
+     *   filters={filters}
+     *   onFilterChange={handleFilter}
+     *   controlledFiltering={true}
+     * />
+     */
+    Filters: FilterGroup,
+    /**
+     * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
+     * Can be used for filters, buttons, or other toolbar items.
+     *
+     * Features:
+     * - Groups related toolbar controls in a flex container
+     * - Supports accessibility with aria-label
+     * - Handles overflow and wrapping based on toolbar context
+     * - Integrates with layout utilities for spacing and alignment
+     *
+     * @example
+     * <Toolbar.ControlGroup aria-label="Formatting controls">
+     *   <Toolbar.Button icon={BoldIcon} aria-label="Bold" />
+     *   <Toolbar.Button icon={ItalicIcon} aria-label="Italic" />
+     * </Toolbar.ControlGroup>
+     */
+    ControlGroup: ToolbarControlGroup,
+    /**
+     * ToolbarSearchField component renders a search field for use in toolbars.
+     *
+     * Features:
+     * - Renders a search field styled for toolbar usage
+     * - Supports all SearchField props except size
+     * - Integrates with toolbar layouts and accessibility
+     *
+     * @example
+     * <Toolbar.Search placeholder="Search..." />
+     */
+    Search: ToolbarSearchField
   }
 );
-ToolbarElement.displayName = "Toolbar";
-const Toolbar = Object.assign(ToolbarElement, {
-  /**
-   * ToolbarButton component for standard clickable actions within a toolbar with anvil2 tracking.
-   *
-   * 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
-   * - Ghost and primary appearance options
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Toolbar.Button icon={BoldIcon} aria-label="Bold text" />
-   *
-   * @example
-   * <Toolbar.Button appearance="primary">
-   *   Save
-   * </Toolbar.Button>
-   */
-  Button: ToolbarButton,
-  /**
-   * ToolbarButtonToggle component for toggleable actions within a toolbar with anvil2 tracking.
-   *
-   * Features:
-   * - Toggle state management
-   * - Designed specifically for toolbar integration
-   * - Consistent styling with other toolbar items
-   * - Overflow menu support
-   * - Accessibility enforcement for aria-labels
-   * - Ghost and primary appearance options
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Toolbar.ButtonToggle icon={BoldIcon} aria-label="Bold" checked={isBold} />
-   */
-  ButtonToggle: ToolbarButtonToggle,
-  /**
-   * ToolbarButtonLink component for link actions within a toolbar with anvil2 tracking.
-   *
-   * Features:
-   * - Link functionality with href support
-   * - Designed specifically for toolbar integration
-   * - Consistent styling with other toolbar items
-   * - Overflow menu support
-   * - Accessibility enforcement for aria-labels
-   * - Ghost and primary appearance options
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Toolbar.ButtonLink href="/help">
-   *   Help
-   * </Toolbar.ButtonLink>
-   */
-  ButtonLink: ToolbarButtonLink,
-  /**
-   * ToolbarSelect component provides a dropdown selector within a toolbar with anvil2 tracking.
-   *
-   * Features:
-   * - Dropdown menu with selectable options
-   * - Controlled and uncontrolled usage patterns
-   * - Automatic overflow menu integration
-   * - Accessibility support with proper ARIA labels
-   * - Ghost and primary appearance options
-   * - Dropdown arrow icon indicator
-   * - Listbox integration for keyboard navigation
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Toolbar.Select
-   *   items={fontOptions}
-   *   selected="arial"
-   *   accessibleLabel="Font family"
-   *   onChange={(id) => setFont(id)}
-   * />
-   */
-  Select: ToolbarSelect,
-  /**
-   * FilterGroup component displays a group of filters with toggles and a clear button.
-   * Also contains the FilterDrawer for additional filter options.
-   *
-   * Features:
-   * - Renders filter toggles and popovers for all filter types
-   * - Supports controlled and uncontrolled filtering
-   * - Integrates with FilterDrawer for batch filter editing
-   * - Provides a clear all filters button
-   * - Handles overflow and hidden filters
-   * - Shares filter state via context for child components
-   * - Supports boolean, custom, single-select, multi-select, date, and date range filter types
-   * - Date filters include calendar popup for easy selection
-   * - Date range filters support start and end date selection
-   *
-   * @example
-   * <Toolbar.Filters
-   *   filters={filters}
-   *   onFilterChange={handleFilter}
-   *   controlledFiltering={true}
-   * />
-   */
-  Filters: FilterGroup,
-  /**
-   * ToolbarControlGroup component provides a flex container for grouping related toolbar controls.
-   * Can be used for filters, buttons, or other toolbar items.
-   *
-   * Features:
-   * - Groups related toolbar controls in a flex container
-   * - Supports accessibility with aria-label
-   * - Handles overflow and wrapping based on toolbar context
-   * - Integrates with layout utilities for spacing and alignment
-   *
-   * @example
-   * <Toolbar.ControlGroup aria-label="Formatting controls">
-   *   <Toolbar.Button icon={BoldIcon} aria-label="Bold" />
-   *   <Toolbar.Button icon={ItalicIcon} aria-label="Italic" />
-   * </Toolbar.ControlGroup>
-   */
-  ControlGroup: ToolbarControlGroup,
-  /**
-   * ToolbarSearchField component renders a search field for use in toolbars.
-   *
-   * Features:
-   * - Renders a search field styled for toolbar usage
-   * - Supports all SearchField props except size
-   * - Integrates with toolbar layouts and accessibility
-   *
-   * @example
-   * <Toolbar.Search placeholder="Search..." />
-   */
-  Search: ToolbarSearchField
-});
+Toolbar.displayName = "Toolbar";
+const ToolbarElement = Toolbar;
 
 export { Toolbar as T, ToolbarButton as a, ToolbarButtonToggle as b, ToolbarButtonLink as c, ToolbarSelect as d, ToolbarControlGroup as e, ToolbarSearchField as f, ToolbarElement as g };
-//# sourceMappingURL=Toolbar-DAuz4Gs2.js.map
+//# sourceMappingURL=Toolbar-0EKhrvZN.js.map