@servicetitan/anvil2 1.44.2 → 1.45.0

package/dist/{Listbox-B-WUuj-_-BWWeWtLW.js → Listbox-CUhMbFm2.js}

@@ -1,13 +1,14 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect, forwardRef, useContext, createContext, useRef, useMemo } from 'react';
-import { c as cx } from './index-tZvMCc77.js';
-import { s as styles } from './Listbox.module-DcBE8Zmo-DcBE8Zmo.js';
-import { T as Text } from './Text-CED_yrId-DsRYZw2-.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-B6HmlQiR-BxQkO3X5.js';
-import { F as Flex } from './Flex-CiK7uNUu-BfxHG4L0.js';
+import { useState, useEffect, createContext, useContext, forwardRef, useRef, useMemo } from 'react';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { F as Flex } from './Flex-BdQMekvA.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
+import { c as cx } from './index-tZvMCc77.js';
+import { s as styles } from './Listbox.module-DcBE8Zmo.js';
+import { useTrackingId } from './useTrackingId.js';
+import { T as Text } from './Text-BqvcbXyp.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
 
 const useTypeAhead = (timeout = 750) => {
   const [typeAhead, setTypeAhead] = useState("");
@@ -19,28 +20,18 @@ const useTypeAhead = (timeout = 750) => {
   return [typeAhead, updateTypeAhead];
 };
 
+const ListboxContext = createContext(
+  null
+);
+const useListbox = () => {
+  const context = useContext(ListboxContext);
+  if (context == null) {
+    throw new Error("useListbox must be wrapped in <Listbox />");
+  }
+  return context;
+};
+
 const ListboxOptionGroupContext = createContext({});
-const ListboxOptionGroup = forwardRef((props, ref) => {
-  const { className, children, disabled, label, ...rest } = props;
-  const optionGroupCx = cx(styles["option-group"], className);
-  const labelCx = cx(styles["label"], {
-    [styles["disabled"]]: disabled
-  });
-  return /* @__PURE__ */ jsx(ListboxOptionGroupContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs(
-    "div",
-    {
-      "data-anv": "listbox-option-group",
-      className: optionGroupCx,
-      ref,
-      ...rest,
-      children: [
-        /* @__PURE__ */ jsx(Text, { variant: "eyebrow", className: labelCx, children: label }),
-        children
-      ]
-    }
-  ) });
-});
-ListboxOptionGroup.displayName = "ListboxOptionGroup";
 
 const ListboxOption = forwardRef(
   (props, ref) => {
@@ -69,7 +60,6 @@ const ListboxOption = forwardRef(
       onSelectionChange,
       controlled
     } = useListbox();
-    const ListboxOptionClassNames = cx(styles["option"], className, {});
     const label = labelProp || item?.label || "";
     const { disabled: groupDisabled } = useContext(ListboxOptionGroupContext);
     const disabled = groupDisabled || disabledProp || item?.disabled || false;
@@ -150,9 +140,20 @@ const ListboxOption = forwardRef(
         }
       }
     };
+    const data = {
+      value: props.value,
+      label: "item" in props ? props.item?.label : props.label
+    };
+    const trackingId = useTrackingId({
+      name: "ListboxOption",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
+    const ListboxOptionClassNames = cx(styles["option"], className, {});
     return /* @__PURE__ */ jsxs(
       "li",
       {
+        "data-tracking-id": trackingId,
         className: ListboxOptionClassNames,
         "data-anv": "listbox-option",
         role: "option",
@@ -331,9 +332,28 @@ const goTo = (option, index, context) => {
   }
 };
 
-const ListboxContext = createContext(
-  null
-);
+const ListboxOptionGroup = forwardRef((props, ref) => {
+  const { className, children, disabled, label, ...rest } = props;
+  const optionGroupCx = cx(styles["option-group"], className);
+  const labelCx = cx(styles["label"], {
+    [styles["disabled"]]: disabled
+  });
+  return /* @__PURE__ */ jsx(ListboxOptionGroupContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs(
+    "div",
+    {
+      "data-anv": "listbox-option-group",
+      className: optionGroupCx,
+      ref,
+      ...rest,
+      children: [
+        /* @__PURE__ */ jsx(Text, { variant: "eyebrow", className: labelCx, children: label }),
+        children
+      ]
+    }
+  ) });
+});
+ListboxOptionGroup.displayName = "ListboxOptionGroup";
+
 const ListboxElement = function(props, ref) {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
   const {
@@ -370,11 +390,15 @@ const ListboxElement = function(props, ref) {
       );
     }
   }, [items, listboxRef, selectionMode]);
-  useEffect(() => {
-    if ("selected" in componentProps) {
-      setSelected(selectedProp);
-    }
-  }, [selectedProp]);
+  useEffect(
+    () => {
+      if ("selected" in componentProps) {
+        setSelected(selectedProp);
+      }
+    },
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [selectedProp]
+  );
   useEffect(() => {
     if (!typeAhead.length) {
       return;
@@ -534,24 +558,17 @@ const ListboxElement = function(props, ref) {
     }
   ) });
 };
-const useListbox = () => {
-  const context = useContext(ListboxContext);
-  if (context == null) {
-    throw new Error("useListbox must be wrapped in <Listbox />");
-  }
-  return context;
-};
-ListboxElement.displayName = "Listbox";
 const Listbox = Object.assign(
   forwardRef(ListboxElement),
   {
     /**
-     * ListboxOption component for individual selectable items within a listbox.
+     * ListboxOption component for individual selectable items within a listbox
      *
      * Features:
      * - Displays selectable options with proper ARIA attributes
      * - Supports disabled state for non-selectable options
      * - Keyboard navigation support
+     * - Automatic tracking ID generation for analytics
      * - Accessible with screen reader support
      *
      * @example
@@ -559,7 +576,7 @@ const Listbox = Object.assign(
      */
     Option: ListboxOption,
     /**
-     * ListboxOptionGroup component for grouping related options within a listbox.
+     * ListboxOptionGroup component for grouping related options within a listbox
      *
      * Features:
      * - Groups related options with a descriptive label
@@ -577,5 +594,5 @@ const Listbox = Object.assign(
   }
 );
 
-export { ListboxOption as L, ListboxOptionGroup as a, Listbox as b };
-//# sourceMappingURL=Listbox-B-WUuj-_-BWWeWtLW.js.map
+export { Listbox as L, ListboxOption as a, ListboxOptionGroup as b };
+//# sourceMappingURL=Listbox-CUhMbFm2.js.map

package/dist/Listbox-CUhMbFm2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox-CUhMbFm2.js","sources":["../src/internal/hooks/useTypeAhead/useTypeAhead.tsx","../src/components/Listbox/internal/ListboxContext.tsx","../src/components/Listbox/internal/ListboxOptionGroupContext.tsx","../src/components/Listbox/ListboxOption.tsx","../src/components/Listbox/internal/utils.ts","../src/components/Listbox/ListboxOptionGroup.tsx","../src/components/Listbox/Listbox.tsx"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * Custom hook for implementing type-ahead functionality.\n *\n * Features:\n * - Accumulates typed characters with automatic timeout clearing\n * - Provides type-ahead string for keyboard navigation\n * - Automatically resets after specified timeout period\n * - Supports customizable timeout duration\n * - Uses useEffect for automatic cleanup\n * - Optimized for keyboard navigation in lists and menus\n *\n * @param timeout - Timeout duration in milliseconds before clearing the type-ahead string\n * @returns Tuple containing current type-ahead string and function to update it\n */\nexport const useTypeAhead = (\n  timeout = 750,\n): [string, (char: string) => void] => {\n  const [typeAhead, setTypeAhead] = useState(\"\");\n\n  useEffect(() => {\n    const timer = setTimeout(() => setTypeAhead(\"\"), timeout);\n    return () => clearTimeout(timer);\n  }, [typeAhead, timeout]);\n\n  const updateTypeAhead = (char: string) => setTypeAhead((prev) => prev + char);\n\n  return [typeAhead, updateTypeAhead];\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\nimport { ListboxProps } from \"../Listbox\";\n\n/**\n * Context properties for the Listbox component\n * @template T - The type of additional properties for items\n */\nexport type ListboxContextProps<T> = {\n  /** ID of the currently focused option */\n  currentFocus?: string;\n  /** Function to set the currently focused option */\n  setCurrentFocus: Dispatch<\n    SetStateAction<ListboxContextProps<T>[\"currentFocus\"]>\n  >;\n  /** Currently selected option(s) */\n  selected: ListboxProps<T>[\"defaultSelected\"];\n  /** Function to set the selected option(s) */\n  setSelected: Dispatch<SetStateAction<ListboxContextProps<T>[\"selected\"]>>;\n  /** List of available option elements */\n  options: NodeListOf<HTMLElement> | undefined;\n  /** Current selection mode */\n  selectionMode: Exclude<ListboxProps<T>[\"selectionMode\"], undefined>;\n  /** Callback when selection changes */\n  onSelectionChange: ListboxProps<T>[\"onSelectionChange\"];\n  /** Whether auto-select on focus is disabled */\n  disableAutoSelectOnFocus: boolean;\n  /** Array of items if using items prop */\n  items?: unknown[];\n  /** Whether the component is controlled */\n  controlled?: boolean;\n};\n\n/**\n * Context for sharing listbox state between components\n */\nexport const ListboxContext = createContext<ListboxContextProps<any> | null>(\n  null,\n);\n\n/**\n * Hook to access the listbox context\n * @returns The listbox context\n * @throws Error if used outside of a Listbox component\n */\nexport const useListbox = () => {\n  const context = useContext(ListboxContext);\n\n  if (context == null) {\n    throw new Error(\"useListbox must be wrapped in <Listbox />\");\n  }\n\n  return context;\n};\n","import { createContext } from \"react\";\n\ntype ListboxOptionGroupContextProps = {\n  disabled?: boolean;\n};\n\nexport const ListboxOptionGroupContext =\n  createContext<ListboxOptionGroupContextProps>({});\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useContext,\n  MouseEvent,\n} from \"react\";\nimport { Icon } from \"../Icon\";\nimport { Flex, FlexProps } from \"../Flex\";\nimport Check from \"@servicetitan/hammer-icon/mdi/round/check.svg\";\nimport { DataTrackingId } from \"../../types\";\nimport { useListbox } from \"./internal/ListboxContext\";\nimport { useTrackingId } from \"../../hooks\";\nimport { ListboxOptionGroupContext } from \"./internal/ListboxOptionGroupContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./Listbox.module.scss\";\n\ntype ItemType = {\n  label: string;\n  [key: string]: unknown;\n};\n\n/**\n * Props for the ListboxOption component\n * @extends ComponentPropsWithoutRef<\"li\">\n */\nexport type ListboxOptionProps = ComponentPropsWithoutRef<\"li\"> & {\n  /** The value of the option */\n  value?: string;\n  /** Whether the option is disabled */\n  disabled?: boolean;\n  /** Flex alignment for items */\n  alignItems?: FlexProps[\"alignItems\"];\n  /** Flex justification for items */\n  justifyItems?: FlexProps[\"justifyItems\"];\n  /** Flex alignment for content */\n  alignContent?: FlexProps[\"alignContent\"];\n  /** Flex justification for content */\n  justifyContent?: FlexProps[\"justifyContent\"];\n  /** Flex place-items property */\n  placeItems?: FlexProps[\"placeItems\"];\n  /** Flex place-content property */\n  placeContent?: FlexProps[\"placeContent\"];\n} & (\n    | {\n        /** The item object when using items prop */\n        item: ItemType;\n        /** The display label for the option (optional if item is provided) */\n        label?: string;\n      }\n    | {\n        /** The display label for the option */\n        label: string;\n        /** No item object when using label directly */\n        item?: never;\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * ListboxOption component for individual selectable items within a listbox.\n *\n * Features:\n * - Displays selectable options with proper ARIA attributes\n * - Supports disabled state for non-selectable options\n * - Keyboard navigation support\n * - Accessible with screen reader support\n *\n * @example\n * <ListboxOption value=\"option1\" label=\"Option 1\" />\n */\nexport const ListboxOption = forwardRef<HTMLLIElement, ListboxOptionProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      disabled: disabledProp,\n      onClick,\n      label: labelProp,\n      item,\n      value,\n      alignItems,\n      justifyItems,\n      alignContent,\n      justifyContent,\n      placeItems,\n      placeContent,\n      ...rest\n    } = props;\n\n    const {\n      setCurrentFocus,\n      currentFocus,\n      selected,\n      setSelected,\n      selectionMode,\n      onSelectionChange,\n      controlled,\n    } = useListbox();\n\n    const label = labelProp || item?.label || \"\";\n\n    const { disabled: groupDisabled } = useContext(ListboxOptionGroupContext);\n    const disabled =\n      groupDisabled || disabledProp || (item?.disabled as boolean) || false;\n\n    const isSelected = () => {\n      if (selectionMode === \"single\") {\n        if (item) {\n          return selected?.label === label;\n        }\n        return selected === label;\n      }\n      if (selectionMode === \"multiple\") {\n        const selectedItems = Array.isArray(selected)\n          ? selected\n          : selected\n            ? [selected]\n            : [];\n        if (item) {\n          return selectedItems.some(\n            (selectedItem) => selectedItem.label === label,\n          );\n        }\n        return selectedItems.includes(label);\n      }\n      return false;\n    };\n\n    const onClickHandler = (e: MouseEvent<HTMLLIElement>) => {\n      if (disabled) return;\n\n      onClick?.(e);\n      setCurrentFocus?.(label);\n\n      if (selectionMode === \"single\") {\n        if (\n          (!item && selected === label) ||\n          (item && selected?.label === label)\n        ) {\n          if (!controlled) {\n            setSelected?.(undefined);\n          }\n          onSelectionChange?.(undefined);\n          return;\n        }\n\n        if (item) {\n          if (!controlled) {\n            setSelected?.(item);\n          }\n          onSelectionChange?.(item);\n          return;\n        }\n\n        if (!item) {\n          if (!controlled) {\n            setSelected?.(label);\n          }\n          onSelectionChange?.(label);\n          return;\n        }\n      }\n\n      if (selectionMode === \"multiple\") {\n        const selectedItems = Array.isArray(selected)\n          ? selected\n          : selected\n            ? [selected]\n            : [];\n        if (\n          item &&\n          selectedItems.some((selectedItem) => selectedItem.label === label)\n        ) {\n          const selectedItemsWithItemRemoved = selectedItems.filter(\n            (selectedItem) => selectedItem.label !== label,\n          );\n          setSelected?.(selectedItemsWithItemRemoved);\n          onSelectionChange?.(selectedItemsWithItemRemoved);\n          return;\n        }\n\n        if (!item && selectedItems.includes(label)) {\n          const selectedItemsWithItemRemoved = selectedItems.filter(\n            (selectedItem) => selectedItem !== label,\n          );\n          setSelected?.(selectedItemsWithItemRemoved);\n          onSelectionChange?.(selectedItemsWithItemRemoved);\n          return;\n        }\n\n        if (item) {\n          const selectedItemsWithItemAdded = [...selectedItems, item];\n          setSelected?.(selectedItemsWithItemAdded);\n          onSelectionChange?.(selectedItemsWithItemAdded);\n          return;\n        }\n\n        if (!item) {\n          const selectedItemsWithItemAdded = [...selectedItems, label];\n          setSelected?.(selectedItemsWithItemAdded);\n          onSelectionChange?.(selectedItemsWithItemAdded);\n          return;\n        }\n      }\n    };\n\n    const data = {\n      value: props.value,\n      label: \"item\" in props ? props.item?.label : props.label,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ListboxOption\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const ListboxOptionClassNames = cx(styles[\"option\"], className, {});\n\n    return (\n      <li // eslint-disable-line jsx-a11y/click-events-have-key-events\n        data-tracking-id={trackingId}\n        className={ListboxOptionClassNames}\n        data-anv=\"listbox-option\"\n        role=\"option\"\n        aria-disabled={disabled}\n        data-focused={currentFocus === label}\n        aria-selected={isSelected()}\n        id={label}\n        onClick={onClickHandler}\n        ref={ref}\n        value={value ?? label}\n        {...rest}\n      >\n        <Flex\n          className={styles[\"children\"]}\n          grow={1}\n          shrink={1}\n          alignItems={alignItems}\n          justifyItems={justifyItems}\n          alignContent={alignContent}\n          justifyContent={justifyContent}\n          placeItems={placeItems}\n          placeContent={placeContent}\n        >\n          {children}\n        </Flex>\n        <Icon\n          aria-hidden\n          svg={Check}\n          inherit\n          className={styles[\"Icon\"]}\n          style={{ opacity: isSelected() ? 1 : 0 }}\n        />\n      </li>\n    );\n  },\n);\n\nListboxOption.displayName = \"ListboxOption\";\n","import { KeyboardEvent } from \"react\";\nimport { ListboxContextProps } from \"./ListboxContext\";\n\nexport const scrollToOption = (node: HTMLElement | undefined) => {\n  node?.scrollIntoView({\n    block: \"nearest\",\n    inline: \"center\",\n  });\n};\n\nexport const onListboxKeyDown = (\n  e: KeyboardEvent<HTMLUListElement>,\n  context: ListboxContextProps<any>,\n) => {\n  const {\n    options,\n    currentFocus,\n    selectionMode,\n    onSelectionChange,\n    selected,\n    setSelected,\n    items,\n    controlled,\n  } = context;\n\n  if (!options) return;\n\n  const currentNode = Array.from(options).find(\n    (node) => node.id === currentFocus,\n  ) as HTMLElement;\n\n  const currentIndex = Array.from(options).indexOf(currentNode);\n\n  switch (e.code) {\n    case \"ArrowDown\":\n      e.preventDefault();\n      if (currentIndex === options.length - 1) {\n        goTo(options[0], 0, context);\n      } else {\n        goTo(options[currentIndex + 1], currentIndex + 1, context);\n      }\n      break;\n    case \"ArrowUp\":\n      e.preventDefault();\n      if (currentIndex === 0) {\n        goTo(options[options.length - 1], options.length - 1, context);\n      } else {\n        goTo(options[currentIndex - 1], currentIndex - 1, context);\n      }\n      break;\n    case \"Home\":\n      e.preventDefault();\n      goTo(options[0], 0, context);\n      break;\n    case \"End\":\n      e.preventDefault();\n      goTo(options[options.length - 1], options.length - 1, context);\n      break;\n\n    case \"Enter\":\n    case \"Space\":\n      e.preventDefault();\n\n      if (!currentFocus) return;\n      if (controlled) return;\n\n      if (selectionMode === \"single\") {\n        if (\n          typeof selected === \"object\"\n            ? selected.label === currentFocus\n            : selected === currentFocus\n        ) {\n          setSelected?.(undefined);\n          onSelectionChange?.(undefined);\n          return;\n        }\n\n        if (items) {\n          const enabledItems = items.filter((item) => !(item as any)?.disabled);\n          setSelected?.(enabledItems[currentIndex]);\n          onSelectionChange?.(enabledItems[currentIndex]);\n          return;\n        }\n\n        if (!items) {\n          setSelected?.(currentFocus);\n          onSelectionChange?.(currentFocus);\n          return;\n        }\n      }\n\n      if (selectionMode === \"multiple\") {\n        const selectedItems = Array.isArray(selected) ? selected : [selected];\n\n        if (items) {\n          const focusedItem = items.find(\n            (item) => (item as any).label === currentFocus,\n          );\n\n          if (selectedItems.includes(focusedItem)) {\n            const selectedItemsWithItemRemoved = selectedItems.filter(\n              (selectedItem) => selectedItem !== focusedItem,\n            );\n            setSelected?.(selectedItemsWithItemRemoved);\n            onSelectionChange?.(selectedItemsWithItemRemoved);\n            return;\n          } else {\n            const selectedItemsWithItemAdded = [...selectedItems, focusedItem];\n\n            setSelected?.(selectedItemsWithItemAdded);\n            onSelectionChange?.(selectedItemsWithItemAdded);\n            return;\n          }\n        }\n\n        if (!items) {\n          if (selectedItems.includes(currentFocus)) {\n            setSelected?.(\n              selectedItems.filter((item) => item !== currentFocus),\n            );\n            onSelectionChange?.(\n              selectedItems.filter((item) => item !== currentFocus),\n            );\n            return;\n          }\n          setSelected?.([...selectedItems, currentFocus]);\n          onSelectionChange?.([...selectedItems, currentFocus]);\n        }\n      }\n      break;\n\n    default:\n      break;\n  }\n};\n\nconst goTo = (\n  option: HTMLElement,\n  index: number,\n  context: ListboxContextProps<any>,\n) => {\n  const {\n    setCurrentFocus,\n    setSelected,\n    selectionMode,\n    disableAutoSelectOnFocus,\n    onSelectionChange,\n    items,\n    controlled,\n  } = context;\n\n  scrollToOption(option);\n  if (disableAutoSelectOnFocus || selectionMode === \"multiple\") {\n    setCurrentFocus(option?.id);\n    return;\n  }\n\n  setCurrentFocus(option?.id);\n\n  if (controlled) return;\n\n  if (items) {\n    const enabledItems = items.filter((item) => !(item as any)?.disabled);\n    setSelected(enabledItems[index]);\n    onSelectionChange?.(enabledItems[index]);\n  } else {\n    setSelected(option?.id);\n    onSelectionChange?.(option?.id);\n  }\n};\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport { Text } from \"../Text\";\nimport { ListboxOptionGroupContext } from \"./internal/ListboxOptionGroupContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./Listbox.module.scss\";\n\n/**\n * Props for the ListboxOptionGroup component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type ListboxOptionGroupProps = ComponentPropsWithoutRef<\"div\"> & {\n  /** Whether the group is disabled */\n  disabled?: boolean;\n  /** The label for the option group */\n  label: string;\n};\n\n/**\n * ListboxOptionGroup component for grouping related options within a listbox.\n *\n * Features:\n * - Groups related options with a descriptive label\n * - Maintains proper ARIA structure for accessibility\n * - Supports keyboard navigation within groups\n * - Visual separation of option categories\n *\n * @example\n * <ListboxOptionGroup label=\"Fruits\">\n *   <ListboxOption value=\"apple\">Apple</ListboxOption>\n *   <ListboxOption value=\"banana\">Banana</ListboxOption>\n * </ListboxOptionGroup>\n */\nexport const ListboxOptionGroup = forwardRef<\n  HTMLDivElement,\n  ListboxOptionGroupProps\n>((props, ref) => {\n  const { className, children, disabled, label, ...rest } = props;\n\n  const optionGroupCx = cx(styles[\"option-group\"], className);\n\n  const labelCx = cx(styles[\"label\"], {\n    [styles[\"disabled\"]]: disabled,\n  });\n\n  return (\n    <ListboxOptionGroupContext.Provider value={{ disabled }}>\n      <div\n        data-anv=\"listbox-option-group\"\n        className={optionGroupCx}\n        ref={ref}\n        {...rest}\n      >\n        <Text variant=\"eyebrow\" className={labelCx}>\n          {label}\n        </Text>\n\n        {children}\n      </div>\n    </ListboxOptionGroupContext.Provider>\n  );\n});\n\nListboxOptionGroup.displayName = \"ListboxOptionGroup\";\n","import {\n  Ref,\n  forwardRef,\n  ReactNode,\n  ComponentPropsWithoutRef,\n  useRef,\n  useState,\n  useEffect,\n  KeyboardEvent,\n  FocusEvent,\n  useMemo,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { ListboxOption } from \"./ListboxOption\";\nimport { ListboxContext, ListboxContextProps } from \"./internal/ListboxContext\";\nimport { onListboxKeyDown, scrollToOption } from \"./internal/utils\";\nimport { useMergeRefs } from \"../../hooks\";\nimport { ListboxOptionGroup } from \"./ListboxOptionGroup\";\n\nimport cx from \"classnames\";\nimport styles from \"./Listbox.module.scss\";\nimport { useLayoutPropsUtil, useTypeAhead } from \"../../internal/hooks\";\n\n/**\n * Represents an item in the listbox with a label and optional disabled state.\n * @template T - The type of additional properties for the item\n */\nexport type ListboxItemType<T> = T & {\n  /** The display label for the item */\n  label: string;\n  /** Whether the item is disabled and cannot be selected */\n  disabled?: boolean;\n};\n\n/**\n * Props for single selection mode without items array\n */\ntype SingleWithoutItems = {\n  /** Selection mode for single item selection */\n  selectionMode?: \"single\";\n  /** Whether to disable automatic selection when focusing on an option */\n  disableAutoSelectOnFocus?: boolean;\n  /** Currently selected item (controlled) */\n  selected?: string;\n  /** Default selected item (uncontrolled) */\n  defaultSelected?: string;\n  /** Callback when selection changes */\n  onSelectionChange?: (selected: string | undefined) => void;\n  /** Items array - not allowed in this mode */\n  items?: never;\n  /** Child elements to render */\n  children: ReactNode;\n};\n\n/**\n * Props for multiple selection mode without items array\n */\ntype MultipleWithoutItems = {\n  /** Selection mode for multiple item selection */\n  selectionMode: \"multiple\";\n  /** Auto-select on focus is not available in multiple mode */\n  disableAutoSelectOnFocus?: never;\n  /** Currently selected items (controlled) */\n  selected?: string[];\n  /** Default selected items (uncontrolled) */\n  defaultSelected?: string[];\n  /** Callback when selection changes */\n  onSelectionChange?: (selected: string[] | undefined) => void;\n  /** Items array - not allowed in this mode */\n  items?: never;\n  /** Child elements to render */\n  children: ReactNode;\n};\n\n/**\n * Props for single selection mode with items array\n * @template T - The type of additional properties for items\n */\ntype SingleWithItems<T> = {\n  /** Selection mode for single item selection */\n  selectionMode?: \"single\";\n  /** Whether to disable automatic selection when focusing on an option */\n  disableAutoSelectOnFocus?: boolean;\n  /** Currently selected item (controlled) */\n  selected?: ListboxItemType<T>;\n  /** Default selected item (uncontrolled) */\n  defaultSelected?: ListboxItemType<T>;\n  /** Callback when selection changes */\n  onSelectionChange?: (selected: ListboxItemType<T> | undefined) => void;\n  /** Array of items to render */\n  items: ListboxItemType<T>[];\n  /** Optional render function for items */\n  children?: ({ items }: { items: ListboxItemType<T>[] }) => ReactNode;\n};\n\n/**\n * Props for multiple selection mode with items array\n * @template T - The type of additional properties for items\n */\ntype MultipleWithItems<T> = {\n  /** Selection mode for multiple item selection */\n  selectionMode?: \"multiple\";\n  /** Auto-select on focus is not available in multiple mode */\n  disableAutoSelectOnFocus?: never;\n  /** Currently selected items (controlled) */\n  selected?: ListboxItemType<T>[];\n  /** Default selected items (uncontrolled) */\n  defaultSelected?: ListboxItemType<T>[];\n  /** Callback when selection changes */\n  onSelectionChange?: (selected: ListboxItemType<T>[] | undefined) => void;\n  /** Array of items to render */\n  items: ListboxItemType<T>[];\n  /** Optional render function for items */\n  children?: ({ items }: { items: ListboxItemType<T>[] }) => ReactNode;\n};\n\n/**\n * Props for the Listbox component\n * @template T - The type of additional properties for items\n * @extends ComponentPropsWithoutRef<\"ul\">\n * @extends LayoutUtilProps\n */\nexport type ListboxProps<T> = Omit<ComponentPropsWithoutRef<\"ul\">, \"children\"> &\n  LayoutUtilProps &\n  (\n    | SingleWithoutItems\n    | MultipleWithoutItems\n    | SingleWithItems<T>\n    | MultipleWithItems<T>\n  );\n\n/**\n * Listbox component for selecting one or more items from a list\n *\n * Features:\n * - Supports single and multiple selection modes\n * - Keyboard navigation with arrow keys and type-ahead\n * - Optional auto-selection on focus\n * - Controlled and uncontrolled modes\n * - Accessible with proper ARIA attributes\n * - Supports custom item rendering\n * - Option grouping for organization\n * - Layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @template T - The type of additional properties for items\n * @example\n * <Listbox selectionMode=\"single\" onSelectionChange={handleSelection}>\n *   <Listbox.Option value=\"option1\">Option 1</Listbox.Option>\n *   <Listbox.Option value=\"option2\">Option 2</Listbox.Option>\n * </Listbox>\n */\nconst ListboxElement = function <T>(\n  props: ListboxProps<T>,\n  ref: Ref<HTMLUListElement>,\n) {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    className,\n    selectionMode = \"single\",\n    items,\n    children,\n    onKeyDown,\n    onFocus,\n    onSelectionChange,\n    selected: selectedProp,\n    defaultSelected,\n    disableAutoSelectOnFocus,\n    style,\n    ...rest\n  } = componentProps;\n\n  const listboxRef = useRef<HTMLUListElement>(null);\n  const [selected, setSelected] = useState<ListboxProps<T>[\"defaultSelected\"]>(\n    selectedProp || defaultSelected,\n  );\n  const [options, setOptions] = useState<NodeListOf<HTMLElement>>();\n  const [typeAhead, updateTypeAhead] = useTypeAhead();\n  const [currentFocus, setCurrentFocus] = useState<\n    ListboxContextProps<T>[\"currentFocus\"]\n  >(\n    Array.isArray(selected)\n      ? typeof selected[0] === \"object\"\n        ? (selected as ListboxItemType<T>[])[0].label\n        : (selected as string[])[0]\n      : typeof selected === \"object\"\n        ? (selected as ListboxItemType<T>)?.label\n        : (selected as string),\n  );\n\n  const ListboxClassNames = cx(styles[\"listbox\"], className, {});\n\n  const controlled = selectedProp !== undefined;\n\n  useEffect(() => {\n    if (listboxRef.current) {\n      setOptions(\n        listboxRef.current.querySelectorAll(\n          \"[role=option]:not([aria-disabled='true'])\",\n        ),\n      );\n    }\n  }, [items, listboxRef, selectionMode]);\n\n  useEffect(\n    () => {\n      if (\"selected\" in componentProps) {\n        setSelected(selectedProp);\n      }\n    },\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [selectedProp],\n  );\n\n  useEffect(() => {\n    if (!typeAhead.length) {\n      return;\n    }\n    const lowerTypeAhead = typeAhead.toLowerCase();\n    const nodes =\n      options &&\n      Array.from(options).filter((node) =>\n        node.innerText.toLowerCase().startsWith(lowerTypeAhead),\n      );\n\n    if (!nodes?.length) {\n      return;\n    }\n\n    let node = nodes[0];\n\n    if (lowerTypeAhead.length === 1 && nodes.length > 1) {\n      // Select next matching item on first key press if the list of matches contains our current selection WITH looping\n      const focusIndex = currentFocus\n        ? nodes.map((node) => node.id).indexOf(currentFocus)\n        : -1;\n      if (focusIndex > -1) {\n        let nextFocusIndex = focusIndex + 1;\n        if (nextFocusIndex === nodes.length) {\n          nextFocusIndex = 0;\n        }\n        node = nodes[nextFocusIndex];\n      }\n    }\n\n    setCurrentFocus(node.id);\n    scrollToOption(node);\n\n    if (controlled) return;\n\n    if (selectionMode === \"single\") {\n      if (items) {\n        if (disableAutoSelectOnFocus) {\n          const focusedItem = items.find(\n            (item) => (item as ListboxItemType<T>).label === currentFocus,\n          );\n          setSelected?.(focusedItem);\n          onSelectionChange?.(focusedItem);\n        }\n        return;\n      }\n\n      if (!items) {\n        if (disableAutoSelectOnFocus) {\n          setSelected(node.id);\n          onSelectionChange?.(node.id);\n        }\n        return;\n      }\n    }\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [typeAhead]);\n\n  const onKeyDownHandler = (e: KeyboardEvent<HTMLUListElement>) => {\n    onKeyDown?.(e);\n\n    if (new RegExp(/^[a-zA-Z0-9]$/i).test(e.key)) {\n      e.preventDefault();\n      e.stopPropagation();\n      updateTypeAhead(e.key);\n      return;\n    }\n\n    onListboxKeyDown(e, {\n      setCurrentFocus,\n      currentFocus,\n      setSelected,\n      selected,\n      selectionMode,\n      options,\n      onSelectionChange,\n      disableAutoSelectOnFocus: !!disableAutoSelectOnFocus,\n      items,\n    });\n  };\n\n  const onFocusHandler = (e: FocusEvent<HTMLUListElement>) => {\n    onFocus?.(e);\n\n    if (!options) return;\n\n    if (selectionMode === \"single\") {\n      const currentFocusExists = Array.from(options).some(\n        (item) => item.id === currentFocus,\n      );\n\n      if (currentFocus && currentFocusExists) return;\n      if (!items) {\n        if (currentFocusExists) {\n          setCurrentFocus(selected as string);\n          return;\n        }\n        setCurrentFocus(options[0].id);\n        return;\n      }\n      if (currentFocusExists) {\n        setCurrentFocus((selected as ListboxItemType<T>)?.label);\n        return;\n      }\n      setCurrentFocus(items?.[0].label);\n      return;\n    }\n\n    if (selectionMode === \"multiple\") {\n      const selectedArr = Array.isArray(selected) ? selected : [selected];\n      const currentFocusExists = Array.from(options).some(\n        (item) => item.id === currentFocus,\n      );\n\n      if (currentFocus && currentFocusExists) return;\n      if (!items) {\n        console.log({ currentFocus, currentFocusExists });\n        if (currentFocusExists) {\n          setCurrentFocus((selectedArr as ListboxItemType<T>[])[0].label);\n          return;\n        }\n        setCurrentFocus(options[0].id);\n        return;\n      }\n      if (currentFocusExists) {\n        setCurrentFocus((selectedArr as ListboxItemType<T>[])[0]?.label);\n        return;\n      }\n      setCurrentFocus(items?.[0].label);\n      return;\n    }\n\n    setCurrentFocus(options[0].id);\n  };\n\n  const mergeRef = useMergeRefs([ref, listboxRef]);\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const value = useMemo(\n    () => ({\n      setCurrentFocus,\n      currentFocus,\n      setSelected,\n      selected,\n      selectionMode,\n      items,\n      options,\n      onSelectionChange,\n      disableAutoSelectOnFocus: !!disableAutoSelectOnFocus,\n      controlled,\n    }),\n    [\n      currentFocus,\n      disableAutoSelectOnFocus,\n      onSelectionChange,\n      options,\n      selected,\n      selectionMode,\n      items,\n      controlled,\n    ],\n  );\n\n  return (\n    <ListboxContext.Provider value={value}>\n      <ul\n        tabIndex={0}\n        role=\"listbox\"\n        style={styleCombined}\n        aria-multiselectable={selectionMode === \"multiple\" ? \"true\" : \"false\"}\n        aria-activedescendant={currentFocus}\n        className={ListboxClassNames}\n        data-anv=\"listbox\"\n        onKeyDown={onKeyDownHandler}\n        onFocus={onFocusHandler}\n        {...rest}\n        ref={mergeRef}\n      >\n        {items ? children?.({ items }) : children}\n      </ul>\n    </ListboxContext.Provider>\n  );\n};\n\n/**\n * Listbox component for selecting one or more items from a list\n *\n * Features:\n * - Supports single and multiple selection modes\n * - Keyboard navigation with arrow keys and type-ahead\n * - Optional auto-selection on focus\n * - Controlled and uncontrolled modes\n * - Accessible with proper ARIA attributes\n * - Supports custom item rendering\n * - Option grouping for organization\n * - Layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @template T - The type of additional properties for items\n * @example\n * <Listbox selectionMode=\"single\" onSelectionChange={handleSelection}>\n *   <Listbox.Option value=\"option1\">Option 1</Listbox.Option>\n *   <Listbox.Option value=\"option2\">Option 2</Listbox.Option>\n * </Listbox>\n */\nexport const Listbox = Object.assign(\n  forwardRef(ListboxElement) as <T>(\n    props: ListboxProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> },\n  ) => ReturnType<typeof ListboxElement>,\n  {\n    /**\n     * ListboxOption component for individual selectable items within a listbox\n     *\n     * Features:\n     * - Displays selectable options with proper ARIA attributes\n     * - Supports disabled state for non-selectable options\n     * - Keyboard navigation support\n     * - Automatic tracking ID generation for analytics\n     * - Accessible with screen reader support\n     *\n     * @example\n     * <Listbox.Option value=\"option1\" label=\"Option 1\" />\n     */\n    Option: ListboxOption,\n    /**\n     * ListboxOptionGroup component for grouping related options within a listbox\n     *\n     * Features:\n     * - Groups related options with a descriptive label\n     * - Maintains proper ARIA structure for accessibility\n     * - Supports keyboard navigation within groups\n     * - Visual separation of option categories\n     *\n     * @example\n     * <Listbox.OptionGroup label=\"Fruits\">\n     *   <Listbox.Option value=\"apple\">Apple</Listbox.Option>\n     *   <Listbox.Option value=\"banana\">Banana</Listbox.Option>\n     * </Listbox.OptionGroup>\n     */\n    OptionGroup: ListboxOptionGroup,\n  },\n);\n"],"names":["Check","node"],"mappings":"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"}

package/dist/Listbox.css

@@ -1,5 +1,4 @@
 @layer starter, reset, base, state, application;
-@layer starter, reset, base, state, application;
 @layer reset {
   ._listbox_n06ff_2 {
     all: unset;

package/dist/Listbox.js

@@ -1,2 +1,2 @@
-export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup, L as default } from './Listbox-Di6OS1Fk.js';
+export { L as Listbox, a as ListboxOption, b as ListboxOptionGroup, L as default } from './Listbox-CUhMbFm2.js';
 //# sourceMappingURL=Listbox.js.map

package/dist/{Listbox.module-DcBE8Zmo-DcBE8Zmo.js → Listbox.module-DcBE8Zmo.js}

@@ -15,4 +15,4 @@ const styles = {
 };
 
 export { styles as s };
-//# sourceMappingURL=Listbox.module-DcBE8Zmo-DcBE8Zmo.js.map
+//# sourceMappingURL=Listbox.module-DcBE8Zmo.js.map

package/dist/Listbox.module-DcBE8Zmo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Listbox.module-DcBE8Zmo.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}

package/dist/{LocalizationContext-UsmB5mnR-BUIYgNp2.js → LocalizationContext-UsmB5mnR.js}

@@ -1,4 +1,4 @@
-import { createContext, useContext, useCallback, useMemo } from 'react';
+import { useCallback, useMemo, createContext, useContext } from 'react';
 
 const useTranslations = (translations) => {
   const t = useCallback(
@@ -38,4 +38,4 @@ const LocalizationContext = createContext(defaultContext);
 const useLocalizationContext = () => useContext(LocalizationContext);
 
 export { LocalizationContext as L, useTranslations as a, useLocalizationContext as u };
-//# sourceMappingURL=LocalizationContext-UsmB5mnR-BUIYgNp2.js.map
+//# sourceMappingURL=LocalizationContext-UsmB5mnR.js.map

package/dist/LocalizationContext-UsmB5mnR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationContext-UsmB5mnR.js","sources":["../src/providers/LocalizationProvider/useTranslations.ts","../src/providers/LocalizationProvider/LocalizationContext.ts"],"sourcesContent":["import { useCallback, useMemo } from \"react\";\nimport { ITranslations, TranslationResult } from \"./LocalizationProvider\";\n\nexport const useTranslations = (\n  translations: ITranslations[\"translations\"],\n) => {\n  const t = useCallback(\n    (key: string) => {\n      // A string may be a path through a translation file, such as \"x.y.z\". We parse accordingly.\n      try {\n        const val: TranslationResult = key\n          .split(\".\")\n          .reduce(\n            (currentTranslationSubtree: TranslationResult, currentKey) => {\n              if (!currentTranslationSubtree) {\n                throw new Error(\"no such translation available\");\n              }\n              if (typeof currentTranslationSubtree === \"string\") {\n                throw new Error(\"no such translation available\");\n              }\n              return currentTranslationSubtree?.[currentKey];\n            },\n            translations,\n          );\n        if (typeof val === \"string\") {\n          return val;\n        }\n        return key;\n      } catch {\n        console.warn(`No such translation key exists: ${key}`);\n        return key;\n      }\n    },\n    [translations],\n  );\n\n  return useMemo(() => ({ translations: t }), [t]);\n};\n","import { useContext, createContext } from \"react\";\n\nexport type TranslationContext = {\n  locale: string;\n  t(value: string): string;\n};\n\nconst defaultContext: TranslationContext = {\n  locale: \"en\",\n  t: (value) => value,\n};\n\nexport const LocalizationContext =\n  createContext<TranslationContext>(defaultContext);\n\nexport const useLocalizationContext = () => useContext(LocalizationContext);\n"],"names":[],"mappings":";;AAGa,MAAA,eAAA,GAAkB,CAC7B,YACG,KAAA;AACH,EAAA,MAAM,CAAI,GAAA,WAAA;AAAA,IACR,CAAC,GAAgB,KAAA;AAEf,MAAI,IAAA;AACF,QAAA,MAAM,GAAyB,GAAA,GAAA,CAC5B,KAAM,CAAA,GAAG,CACT,CAAA,MAAA;AAAA,UACC,CAAC,2BAA8C,UAAe,KAAA;AAC5D,YAAA,IAAI,CAAC,yBAA2B,EAAA;AAC9B,cAAM,MAAA,IAAI,MAAM,+BAA+B,CAAA;AAAA;AAEjD,YAAI,IAAA,OAAO,8BAA8B,QAAU,EAAA;AACjD,cAAM,MAAA,IAAI,MAAM,+BAA+B,CAAA;AAAA;AAEjD,YAAA,OAAO,4BAA4B,UAAU,CAAA;AAAA,WAC/C;AAAA,UACA;AAAA,SACF;AACF,QAAI,IAAA,OAAO,QAAQ,QAAU,EAAA;AAC3B,UAAO,OAAA,GAAA;AAAA;AAET,QAAO,OAAA,GAAA;AAAA,OACD,CAAA,MAAA;AACN,QAAQ,OAAA,CAAA,IAAA,CAAK,CAAmC,gCAAA,EAAA,GAAG,CAAE,CAAA,CAAA;AACrD,QAAO,OAAA,GAAA;AAAA;AACT,KACF;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAO,OAAA,OAAA,CAAQ,OAAO,EAAE,YAAA,EAAc,GAAM,CAAA,EAAA,CAAC,CAAC,CAAC,CAAA;AACjD;;AC9BA,MAAM,cAAqC,GAAA;AAAA,EACzC,MAAQ,EAAA,IAAA;AAAA,EACR,CAAA,EAAG,CAAC,KAAU,KAAA;AAChB,CAAA;AAEa,MAAA,mBAAA,GACX,cAAkC,cAAc;AAErC,MAAA,sBAAA,GAAyB,MAAM,UAAA,CAAW,mBAAmB;;;;"}

package/dist/{LocalizationProvider-VtRAfGBT-Bo8XuFoE.js → LocalizationProvider-DEZyjW5d.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import { a as useTranslations, L as LocalizationContext } from './LocalizationContext-UsmB5mnR-BUIYgNp2.js';
-import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DWACCL8v-CZNrcQT-.js';
+import { a as useTranslations, L as LocalizationContext } from './LocalizationContext-UsmB5mnR.js';
+import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
 
 const LocalizationProvider = (props) => {
   const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
@@ -14,4 +14,4 @@ const LocalizationProvider = (props) => {
 };
 
 export { LocalizationProvider as L };
-//# sourceMappingURL=LocalizationProvider-VtRAfGBT-Bo8XuFoE.js.map
+//# sourceMappingURL=LocalizationProvider-DEZyjW5d.js.map

package/dist/LocalizationProvider-DEZyjW5d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LocalizationProvider-DEZyjW5d.js","sources":["../src/providers/LocalizationProvider/LocalizationProvider.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, ComponentPropsWithoutRef } from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { LocalizationContext } from \"./LocalizationContext\";\nimport { useTranslations } from \"./useTranslations\";\n\ntype LocalizationProviderProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    children: ReactNode;\n    translationData: ITranslations;\n  };\n\nexport type TranslationResult = string | Translations | undefined;\n\nexport interface Translations {\n  [key: string]: TranslationResult;\n}\n\nexport interface ITranslations {\n  dir: \"ltr\" | \"rtl\";\n  locale?: string;\n  translations: Translations;\n}\n\nexport const LocalizationProvider: React.FC<LocalizationProviderProps> = (\n  props,\n) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n\n  const { children, translationData, style, ...rest } = componentProps;\n  const { locale = \"en\", dir, translations } = translationData;\n\n  const styleCombined = { ...style, ...layoutStyles };\n\n  const { translations: t } = useTranslations(translations);\n\n  const value = useMemo(() => ({ t, locale }), [locale, t]);\n\n  return (\n    <LocalizationContext.Provider value={value}>\n      <div style={styleCombined} {...rest} dir={dir}>\n        {children}\n      </div>\n    </LocalizationContext.Provider>\n  );\n};\n"],"names":[],"mappings":";;;;;AAwBa,MAAA,oBAAA,GAA4D,CACvE,KACG,KAAA;AACH,EAAA,MAAM,EAAE,YAAA,EAAc,cAAe,EAAA,GAAI,mBAAmB,KAAK,CAAA;AAEjE,EAAA,MAAM,EAAE,QAAU,EAAA,eAAA,EAAiB,KAAO,EAAA,GAAG,MAAS,GAAA,cAAA;AACtD,EAAA,MAAM,EAAE,MAAA,GAAS,IAAM,EAAA,GAAA,EAAK,cAAiB,GAAA,eAAA;AAE7C,EAAA,MAAM,aAAgB,GAAA,EAAE,GAAG,KAAA,EAAO,GAAG,YAAa,EAAA;AAElD,EAAA,MAAM,EAAE,YAAA,EAAc,CAAE,EAAA,GAAI,gBAAgB,YAAY,CAAA;AAExD,EAAM,MAAA,KAAA,GAAQ,OAAQ,CAAA,OAAO,EAAE,CAAA,EAAG,QAAW,CAAA,EAAA,CAAC,MAAQ,EAAA,CAAC,CAAC,CAAA;AAExD,EAAA,uBACG,GAAA,CAAA,mBAAA,CAAoB,QAApB,EAAA,EAA6B,KAC5B,EAAA,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,KAAA,EAAO,aAAgB,EAAA,GAAG,IAAM,EAAA,GAAA,EAClC,UACH,CACF,EAAA,CAAA;AAEJ;;;;"}

package/dist/LocalizationProvider.d.ts

@@ -1,6 +1,2 @@
 export * from './providers/LocalizationProvider/index'
 export {}
-import _default from './providers/LocalizationProvider/index'
-export default _default
-export * from './providers/LocalizationProvider/index'
-export {}

package/dist/LocalizationProvider.js

@@ -1,3 +1,3 @@
-export { L as LocalizationProvider, L as default } from './LocalizationProvider-VtRAfGBT-Bo8XuFoE.js';
-export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR-BUIYgNp2.js';
+export { L as LocalizationProvider } from './LocalizationProvider-DEZyjW5d.js';
+export { L as LocalizationContext, u as useLocalizationContext } from './LocalizationContext-UsmB5mnR.js';
 //# sourceMappingURL=LocalizationProvider.js.map

package/dist/{Menu-TtVJnSrA-yBYichuJ.js → Menu-C8we5CHP.js}

@@ -1,21 +1,31 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { c as cx } from './index-tZvMCc77.js';
 import * as React from 'react';
-import { forwardRef, useContext, createContext, useState, useRef, useEffect, useMemo, useId, useCallback, useLayoutEffect } from 'react';
-import { i as DialogContext, p as DrawerContext, s as supportsPopover, q as safeShowPopover, r as safeHidePopover, g as getActiveElement } from './ProgressBar-BRvB-bD4-DppwBrFg.js';
-import { B as Button } from './Button-BaHFf1AT-BQy-PFB5.js';
+import { createContext, forwardRef, useContext, useState, useRef, useEffect, useMemo, useId, useCallback, useLayoutEffect } from 'react';
+import { c as cx } from './index-tZvMCc77.js';
 import { S as SvgArrowDropDown } from './arrow_drop_down-ChAdBDux.js';
-import { I as Icon } from './Icon-B6HmlQiR-BxQkO3X5.js';
-import { q as useListItem, r as useFloatingTree, t as useFloatingNodeId, v as useFloatingParentNodeId, c as useFloating, o as offset, f as flip, d as shift, s as size, l as limitShift, h as useHover, i as safePolygon, g as useClick, k as useRole, j as useDismiss, w as useListNavigation, x as useTypeahead, m as useInteractions, y as FloatingNode, z as FloatingList, F as FloatingPortal, a as FloatingFocusManager, n as autoUpdate, A as FloatingTree, p as computePosition } from './floating-ui.react-BFNinq1w.js';
-import { a as PortalProviderContext } from './PortalProvider-9lXkQ0xY-BKoGegS1.js';
-import { a as ThemeProviderContext, T as ThemeProvider } from './ThemeProvider-Q3ji6Rpx-DBXlAuQ8.js';
-import { u as useMergeRefs } from './useMergeRefs-Bde85AWI-Bde85AWI.js';
-import { c as childrenToString } from './childrenToString-Bz9MqbHb-Bz9MqbHb.js';
+import { B as Button } from './Button-BxFXQ0-n.js';
+import { b as useListItem, c as useFloatingTree, d as useFloatingParentNodeId, F as FloatingTree, e as useFloatingNodeId, D as DialogContext, a as DrawerContext, f as useFloating, o as offset, g as flip, h as shift, i as size, l as limitShift, j as useHover, k as safePolygon, m as useClick, n as useRole, p as useDismiss, q as useListNavigation, r as useTypeahead, v as useInteractions, w as FloatingNode, x as FloatingList, y as FloatingPortal, z as FloatingFocusManager, A as autoUpdate, s as supportsPopover, B as computePosition, C as safeShowPopover, E as safeHidePopover } from './DrawerContext-DboTgTmo.js';
+import { I as Icon } from './Icon-D8SPKeO4.js';
+import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
+import { u as useMergeRefs } from './useMergeRefs-Bde85AWI.js';
+import { useTrackingId } from './useTrackingId.js';
+import { g as getActiveElement } from './getActiveElement-BcSyVE7S.js';
+import { T as ThemeProviderContext } from './ThemeProviderContext-l52GohYT.js';
+import { P as PortalProviderContext } from './PortalProvider-9lXkQ0xY.js';
+import { T as ThemeProvider } from './ThemeProvider-Be3Pvtpz.js';
+
+import './Menu.css';const SvgArrowDropUp = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.71 12.29 11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z" }));
 
-import './Menu-TtVJnSrA.css';const SvgArrowDropUp = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M8.71 12.29 11.3 9.7a.996.996 0 0 1 1.41 0l2.59 2.59c.63.63.18 1.71-.71 1.71H9.41c-.89 0-1.33-1.08-.7-1.71z" }));
+const MenuContext = createContext(null);
 
 const SvgNavigateNext = (props) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", viewBox: "0 0 24 24", ...props }, /* @__PURE__ */ React.createElement("path", { d: "M9.31 6.71a.996.996 0 0 0 0 1.41L13.19 12l-3.88 3.88a.996.996 0 1 0 1.41 1.41l4.59-4.59a.996.996 0 0 0 0-1.41L10.72 6.7c-.38-.38-1.02-.38-1.41.01z" }));
 
+const MenuLegacyContext = createContext({
+  getItemProps: () => ({}),
+  activeIndex: null,
+  isOpen: false
+});
+
 const item$1 = "_item_tsacs_4";
 const menu = "_menu_tsacs_48";
 const scroll = "_scroll_tsacs_59";
@@ -66,11 +76,6 @@ const MenuLegacyItem = forwardRef(({ label, disabled, icon, className, ...props
 });
 MenuLegacyItem.displayName = "MenuLegacyItem";
 
-const MenuLegacyContext = createContext({
-  getItemProps: () => ({}),
-  activeIndex: null,
-  isOpen: false
-});
 const MenuLegacyComponent = forwardRef(
   ({
     children,
@@ -384,7 +389,7 @@ const MenuLegacyElement = forwardRef(
   }
 );
 MenuLegacyElement.displayName = "MenuLegacy";
-Object.assign(MenuLegacyElement, {
+const MenuLegacy = Object.assign(MenuLegacyElement, {
   Item: MenuLegacyItem
 });
 
@@ -435,10 +440,20 @@ const MenuItem = forwardRef((props, ref) => {
   const onBlurHandler = () => {
     setTabIndex(-1);
   };
-  if (!supportsPopover()) return /* @__PURE__ */ jsx(MenuLegacyItem, { ...props, ref });
+  const data = {
+    label: childrenToString(props.label)
+  };
+  const trackingId = useTrackingId({
+    name: "MenuItem",
+    data,
+    hasOverride: !!props["data-tracking-id"]
+  });
+  if (!supportsPopover())
+    return /* @__PURE__ */ jsx(MenuLegacyItem, { "data-tracking-id": trackingId, ...props, ref });
   return /* @__PURE__ */ jsxs(
     "button",
     {
+      "data-tracking-id": trackingId,
       ...rest,
       ref: combinedRef,
       type: "button",
@@ -790,7 +805,6 @@ const MenuNested = (props) => {
   ] });
 };
 
-const MenuContext = createContext(null);
 const MenuElement = forwardRef(
   (props, ref) => {
     const {
@@ -1095,12 +1109,28 @@ const MenuElement = forwardRef(
       }
       openMenu();
     };
+    const data = {
+      label: childrenToString(props.label)
+    };
+    const trackingId = useTrackingId({
+      name: "Menu",
+      data,
+      hasOverride: !!props["data-tracking-id"]
+    });
     if (!supportsPopover())
-      return /* @__PURE__ */ jsx(MenuLegacyComponent, { ...props, ref });
+      return /* @__PURE__ */ jsx(
+        MenuLegacy,
+        {
+          "data-tracking-id": trackingId,
+          ...props,
+          ref
+        }
+      );
     if (menuContext) {
       return /* @__PURE__ */ jsx(MenuContext.Provider, { value, children: /* @__PURE__ */ jsx(
         MenuNested,
         {
+          "data-tracking-id": trackingId,
           open,
           defaultOpen,
           className: props.className,
@@ -1191,5 +1221,5 @@ const Menu = Object.assign(MenuElement, {
   Item: MenuItem
 });
 
-export { MenuItem as M, Menu as a };
-//# sourceMappingURL=Menu-TtVJnSrA-yBYichuJ.js.map
+export { Menu as M, MenuItem as a };
+//# sourceMappingURL=Menu-C8we5CHP.js.map