@servicetitan/anvil2 2.7.0 → 2.7.1

package/dist/{Combobox-By8-34bw.js → Combobox-BRtfrYyZ.js}

@@ -1,7 +1,7 @@
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useContext, useEffect, useMemo, useState, useRef, forwardRef, useId, useLayoutEffect } from 'react';
-import { P as Popover, u as usePopoverContext } from './Popover-D0qSKZ1J.js';
-import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey, d as defaultItemToString, g as getScrollParent, A as ADD_NEW, S as SelectTriggerBase } from './SelectTriggerBase-DKfOL2RJ.js';
+import { P as Popover, u as usePopoverContext } from './Popover-Rha0q-Pv.js';
+import { i as isMultiple, b as SELECT_ALL, a as defaultItemToKey, d as defaultItemToString, g as getScrollParent, A as ADD_NEW, S as SelectTriggerBase } from './SelectTriggerBase-B6aZd2a6.js';
 import { c as cx } from './index-De1g9FRV.js';
 import { u as useDownshiftEnvironment, c as useMultipleSelection, b as useSelect, a as useCombobox$1 } from './downshift.esm-xtSnQp44.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DMDdfIah.js';
@@ -14,7 +14,7 @@ import { l as listViewStyles } from './ListView.module-BilDg12y.js';
 import { I as Icon$1 } from './Icon-DuIlne4x.js';
 import { c as checkboxStyles } from './Checkbox.module-EkRZO48Y.js';
 import { S as SvgIndeterminateCheckBox, a as SvgCheckBox, b as SvgCheckBoxOutlineBlank } from './indeterminate_check_box-B4zobNlt.js';
-import { A as Avatar } from './Avatar--CnTAnfD.js';
+import { A as Avatar } from './Avatar-ChybzixS.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
@@ -2301,185 +2301,188 @@ const ComboboxMultiple = function(props) {
     }
   ) });
 };
-const ComboboxElement = function(props) {
-  if (isMultiple(props)) {
-    return /* @__PURE__ */ jsx(ComboboxMultiple, { ...props });
-  } else {
-    return /* @__PURE__ */ jsx(ComboboxSingle, { ...props });
+const Combobox = Object.assign(
+  function ComboboxInner(props) {
+    if (isMultiple(props)) {
+      return /* @__PURE__ */ jsx(ComboboxMultiple, { ...props });
+    } else {
+      return /* @__PURE__ */ jsx(ComboboxSingle, { ...props });
+    }
+  },
+  {
+    /**
+     * ComboboxSelect component for selecting items from a predefined list.
+     *
+     * Features:
+     * - Single and multiple item selection from predefined options
+     * - Dropdown-style selection interface
+     * - Grouping support with custom group labels and sorting
+     * - Loading states with spinner indicators
+     * - Disabled and read-only states
+     * - Customizable popover behavior and positioning
+     * - Full accessibility support with ARIA attributes
+     * - Keyboard navigation support
+     * - Layout utility props for positioning and spacing
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Select
+     *   items={items}
+     *   itemToString={(item) => item.name}
+     *   onChange={setSelectedItem}
+     * >
+     *   <Combobox.SelectTrigger label="Select an item" />
+     *   <Combobox.Content>
+     *     {({ items }) => (
+     *       <Combobox.List>
+     *         {items.map((item, i) => (
+     *           <Combobox.Item key={item.id} item={item} index={i}>
+     *             {item.name}
+     *           </Combobox.Item>
+     *         ))}
+     *       </Combobox.List>
+     *     )}
+     *   </Combobox.Content>
+     * </Combobox.Select>
+     */
+    Select: ComboboxSelect,
+    /**
+     * ComboboxSearchField component for the search input field.
+     *
+     * Features:
+     * - Search input with clear button functionality
+     * - Supports multiple selection with chip display
+     * - Handles keyboard navigation and accessibility
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events
+     * - Enhanced prefix support for icons and avatars
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.SearchField
+     *   label="Search users"
+     *   placeholder="Type to search..."
+     *   prefix={{ icon: { svg: SearchIcon } }}
+     * />
+     */
+    SearchField: ComboboxSearchField,
+    /**
+     * ComboboxSelectTrigger component for the select trigger field.
+     *
+     * Features:
+     * - Select input with dropdown trigger
+     * - Supports single selection display
+     * - Handles keyboard navigation and accessibility
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events
+     * - Enhanced prefix support for icons and avatars
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.SelectTrigger
+     *   label="Select user"
+     *   placeholder="Choose a user..."
+     *   prefix={{ avatar: { name: "User" } }}
+     * />
+     */
+    SelectTrigger: ComboboxSelectTrigger,
+    /**
+     * ComboboxContent component for rendering the content area of a combobox.
+     *
+     * Features:
+     * - Supports both popover and inline rendering modes
+     * - Provides render props pattern for flexible content rendering
+     * - Handles grouped items with proper ARIA labels
+     * - Integrates with combobox state management
+     * - Supports custom styling and layout
+     * - Manages focus and blur events for popover behavior
+     *
+     * @example
+     * <Combobox.Content>
+     *   {({ items }) => (
+     *     <Combobox.List>
+     *       {items.map((item, index) => (
+     *         <Combobox.Item key={item.id} item={item} index={index}>
+     *           {item.name}
+     *         </Combobox.Item>
+     *       ))}
+     *     </Combobox.List>
+     *   )}
+     * </Combobox.Content>
+     */
+    Content: ComboboxContent,
+    /**
+     * ComboboxList component for rendering the list of items.
+     *
+     * Features:
+     * - Renders list of items with proper accessibility
+     * - Supports both single and multiple selection modes
+     * - Loading state with spinner
+     * - Empty state handling
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.List>
+     *   {items.map((item, i) => (
+     *     <Combobox.Item key={item.id} item={item} index={i}>
+     *       {item.name}
+     *     </Combobox.Item>
+     *   ))}
+     * </Combobox.List>
+     */
+    List: ComboboxList,
+    /**
+     * ComboboxItem component for rendering individual items in the list.
+     *
+     * Features:
+     * - Individual item rendering with proper accessibility
+     * - Support for disabled state
+     * - Custom content rendering
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Item item={item} index={index}>
+     *   <Flex direction="column">
+     *     <Text>{item.name}</Text>
+     *     <Text size="small" subdued>{item.description}</Text>
+     *   </Flex>
+     * </Combobox.Item>
+     */
+    Item: ComboboxItem,
+    /**
+     * ComboboxItemAddNew component for rendering an "Add New" option.
+     *
+     * Features:
+     * - "Add New" option that appears when no exact match is found
+     * - Customizable content rendering
+     * - Callback when selected
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.ItemAddNew onSelection={(inputValue) => addNewItem(inputValue)}>
+     *   Add "{inputValue}" as new item
+     * </Combobox.ItemAddNew>
+     */
+    ItemAddNew: ComboboxItemAddNew,
+    /**
+     * ComboboxEmpty component for rendering content when no items are available.
+     *
+     * Features:
+     * - Renders content when list is empty
+     * - Customizable empty state message
+     * - Automatic tracking ID generation for analytics
+     *
+     * @example
+     * <Combobox.Empty>
+     *   <Text>No items found. Try adjusting your search.</Text>
+     * </Combobox.Empty>
+     */
+    Empty: ComboboxEmpty
   }
-};
-const Combobox = Object.assign(ComboboxElement, {
-  /**
-   * ComboboxSelect component for selecting items from a predefined list.
-   *
-   * Features:
-   * - Single and multiple item selection from predefined options
-   * - Dropdown-style selection interface
-   * - Grouping support with custom group labels and sorting
-   * - Loading states with spinner indicators
-   * - Disabled and read-only states
-   * - Customizable popover behavior and positioning
-   * - Full accessibility support with ARIA attributes
-   * - Keyboard navigation support
-   * - Layout utility props for positioning and spacing
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.Select
-   *   items={items}
-   *   itemToString={(item) => item.name}
-   *   onChange={setSelectedItem}
-   * >
-   *   <Combobox.SelectTrigger label="Select an item" />
-   *   <Combobox.Content>
-   *     {({ items }) => (
-   *       <Combobox.List>
-   *         {items.map((item, i) => (
-   *           <Combobox.Item key={item.id} item={item} index={i}>
-   *             {item.name}
-   *           </Combobox.Item>
-   *         ))}
-   *       </Combobox.List>
-   *     )}
-   *   </Combobox.Content>
-   * </Combobox.Select>
-   */
-  Select: ComboboxSelect,
-  /**
-   * ComboboxSearchField component for the search input field.
-   *
-   * Features:
-   * - Search input with clear button functionality
-   * - Supports multiple selection with chip display
-   * - Handles keyboard navigation and accessibility
-   * - Integrates with combobox state management
-   * - Supports custom styling and layout
-   * - Manages focus and blur events
-   * - Enhanced prefix support for icons and avatars
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.SearchField
-   *   label="Search users"
-   *   placeholder="Type to search..."
-   *   prefix={{ icon: { svg: SearchIcon } }}
-   * />
-   */
-  SearchField: ComboboxSearchField,
-  /**
-   * ComboboxSelectTrigger component for the select trigger field.
-   *
-   * Features:
-   * - Select input with dropdown trigger
-   * - Supports single selection display
-   * - Handles keyboard navigation and accessibility
-   * - Integrates with combobox state management
-   * - Supports custom styling and layout
-   * - Manages focus and blur events
-   * - Enhanced prefix support for icons and avatars
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.SelectTrigger
-   *   label="Select user"
-   *   placeholder="Choose a user..."
-   *   prefix={{ avatar: { name: "User" } }}
-   * />
-   */
-  SelectTrigger: ComboboxSelectTrigger,
-  /**
-   * ComboboxContent component for rendering the content area of a combobox.
-   *
-   * Features:
-   * - Supports both popover and inline rendering modes
-   * - Provides render props pattern for flexible content rendering
-   * - Handles grouped items with proper ARIA labels
-   * - Integrates with combobox state management
-   * - Supports custom styling and layout
-   * - Manages focus and blur events for popover behavior
-   *
-   * @example
-   * <Combobox.Content>
-   *   {({ items }) => (
-   *     <Combobox.List>
-   *       {items.map((item, index) => (
-   *         <Combobox.Item key={item.id} item={item} index={index}>
-   *           {item.name}
-   *         </Combobox.Item>
-   *       ))}
-   *     </Combobox.List>
-   *   )}
-   * </Combobox.Content>
-   */
-  Content: ComboboxContent,
-  /**
-   * ComboboxList component for rendering the list of items.
-   *
-   * Features:
-   * - Renders list of items with proper accessibility
-   * - Supports both single and multiple selection modes
-   * - Loading state with spinner
-   * - Empty state handling
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.List>
-   *   {items.map((item, i) => (
-   *     <Combobox.Item key={item.id} item={item} index={i}>
-   *       {item.name}
-   *     </Combobox.Item>
-   *   ))}
-   * </Combobox.List>
-   */
-  List: ComboboxList,
-  /**
-   * ComboboxItem component for rendering individual items in the list.
-   *
-   * Features:
-   * - Individual item rendering with proper accessibility
-   * - Support for disabled state
-   * - Custom content rendering
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.Item item={item} index={index}>
-   *   <Flex direction="column">
-   *     <Text>{item.name}</Text>
-   *     <Text size="small" subdued>{item.description}</Text>
-   *   </Flex>
-   * </Combobox.Item>
-   */
-  Item: ComboboxItem,
-  /**
-   * ComboboxItemAddNew component for rendering an "Add New" option.
-   *
-   * Features:
-   * - "Add New" option that appears when no exact match is found
-   * - Customizable content rendering
-   * - Callback when selected
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.ItemAddNew onSelection={(inputValue) => addNewItem(inputValue)}>
-   *   Add "{inputValue}" as new item
-   * </Combobox.ItemAddNew>
-   */
-  ItemAddNew: ComboboxItemAddNew,
-  /**
-   * ComboboxEmpty component for rendering content when no items are available.
-   *
-   * Features:
-   * - Renders content when list is empty
-   * - Customizable empty state message
-   * - Automatic tracking ID generation for analytics
-   *
-   * @example
-   * <Combobox.Empty>
-   *   <Text>No items found. Try adjusting your search.</Text>
-   * </Combobox.Empty>
-   */
-  Empty: ComboboxEmpty
-});
+);
+const ComboboxElement = Combobox;
 
 export { Combobox as C, ComboboxElement as a, ComboboxSelect as b, ComboboxList as c };
-//# sourceMappingURL=Combobox-By8-34bw.js.map
+//# sourceMappingURL=Combobox-BRtfrYyZ.js.map