@servicetitan/anvil2 3.7.1 → 3.9.0

package/dist/FieldLabel-v6vMVVWB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FieldLabel-v6vMVVWB.js","sources":["../src/internal/utils/inlineMarkdownRegex.ts","../src/internal/functions/inlineMarkdown.tsx","../src/components/FieldLabel/internal/FieldLabelMoreInfoIcon.tsx","../src/internal/components/InlineMarkdown/InlineMarkdown.tsx","../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["/**\n * Shared regex for parsing inline markdown constructs.\n * Matches (in order): bold-italic `***`, bold `**`, italic `*`, highlight `==`, code `` ` ``\n */\nexport const INLINE_MARKDOWN_REGEX =\n  /\\*\\*\\*(.+?)\\*\\*\\*|\\*\\*(.+?)\\*\\*|\\*(.+?)\\*|==(.+?)==|`(.+?)`/g;\n","import { ReactNode } from \"react\";\nimport styles from \"../components/InlineMarkdown/InlineMarkdown.module.scss\";\nimport { INLINE_MARKDOWN_REGEX } from \"../utils/inlineMarkdownRegex\";\n\n/**\n * Parses a limited set of inline markdown constructs in a string and returns React nodes.\n * `lastIndex` is reset at the start of each call and saved/restored around recursive calls\n * so a single shared regex instance is safe for nested parsing.\n *\n * Supported constructs (matched in order):\n * - `***text***` → `<strong><em>text</em></strong>`\n * - `**text**` → `<strong>text</strong>`\n * - `*text*` → `<em>text</em>`\n * - `==text==` → `<mark>`\n * - `` `text` `` → `<code>` (no nested markdown inside code)\n *\n * For plain-text stripping (e.g. aria-label), use `stripInlineMarkdown` from\n * `./stripInlineMarkdown` — it has no style dependencies.\n *\n * @param text - The string to parse\n * @returns Array of React nodes representing the parsed content\n */\nexport const parseInlineMarkdown = (text: string): ReactNode[] => {\n  const parts: ReactNode[] = [];\n  let lastIndex = 0;\n\n  INLINE_MARKDOWN_REGEX.lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  while ((match = INLINE_MARKDOWN_REGEX.exec(text)) !== null) {\n    if (match.index > lastIndex) {\n      parts.push(text.substring(lastIndex, match.index));\n    }\n\n    const key = match.index;\n    const savedIndex = INLINE_MARKDOWN_REGEX.lastIndex;\n\n    if (match[1]) {\n      // ***bold italic***\n      parts.push(\n        <strong key={key}>\n          <em>{parseInlineMarkdown(match[1])}</em>\n        </strong>,\n      );\n    } else if (match[2]) {\n      // **bold**\n      parts.push(<strong key={key}>{parseInlineMarkdown(match[2])}</strong>);\n    } else if (match[3]) {\n      // *italic*\n      parts.push(<em key={key}>{parseInlineMarkdown(match[3])}</em>);\n    } else if (match[4]) {\n      // ==highlight==\n      parts.push(\n        <mark key={key} className={styles.highlight}>\n          {parseInlineMarkdown(match[4])}\n        </mark>,\n      );\n    } else if (match[5]) {\n      // `code` — no recursion inside code\n      parts.push(\n        <code key={key} className={styles.code}>\n          {match[5]}\n        </code>,\n      );\n    }\n\n    INLINE_MARKDOWN_REGEX.lastIndex = savedIndex;\n    lastIndex = savedIndex;\n  }\n\n  if (lastIndex < text.length) {\n    parts.push(text.substring(lastIndex));\n  }\n\n  return parts;\n};\n","import { FieldLabelProps } from \"../FieldLabel\";\nimport { Tooltip } from \"../../Tooltip\";\nimport { FieldLabelButton } from \"./FieldLabelButton\";\nimport { Icon } from \"../../Icon\";\nimport Info from \"@servicetitan/hammer-icon/mdi/round/info.svg\";\nimport styles from \"../FieldLabel.module.scss\";\nimport { SrOnly } from \"../../SrOnly\";\n\n/**\n * Internal component for rendering the info icon button with tooltip.\n *\n * @param props - Component props\n * @param props.moreInfo - The content to display in the tooltip\n * @param props.moreInfoId - ID for the visually-hidden description span, used by aria-describedby on the associated input\n */\nexport const FieldLabelMoreInfoIcon = ({\n  moreInfo,\n  moreInfoId,\n}: {\n  moreInfo: FieldLabelProps[\"moreInfo\"];\n  moreInfoId?: string;\n}) => {\n  return (\n    <div className={styles[\"info-container\"]}>\n      {moreInfoId && <SrOnly id={moreInfoId}>{moreInfo}</SrOnly>}\n      <Tooltip\n        placement=\"top\"\n        offset={5}\n        fallbackPlacements={[\"right\", \"bottom\", \"left\"]}\n      >\n        <Tooltip.Trigger className={styles[\"info-trigger\"]}>\n          <FieldLabelButton aria-label=\"More information\">\n            <Icon svg={Info} />\n          </FieldLabelButton>\n        </Tooltip.Trigger>\n        <Tooltip.Content className={styles[\"info-content\"]}>\n          {moreInfo}\n        </Tooltip.Content>\n      </Tooltip>\n    </div>\n  );\n};\n","import { useMemo } from \"react\";\nimport { parseInlineMarkdown } from \"../../functions/inlineMarkdown\";\n\n/**\n * Props for the InlineMarkdown component\n * @property {string} [value] - The markdown string to parse and render\n */\nexport interface InlineMarkdownProps {\n  value?: string;\n}\n\n/**\n * Renders a string with limited inline markdown constructs as formatted React content.\n *\n * Features:\n * - Bold: `**text**`\n * - Italic: `*text*`\n * - Bold and italic: `***text***`\n * - Highlight: `==text==`\n * - Inline code: `` `text` ``\n * - Memoized rendering for performance\n * - Passes through plain strings with no overhead\n *\n * @example\n * <InlineMarkdown value=\"Save **now** or `discard`\" />\n */\nexport const InlineMarkdown = ({ value = \"\" }: InlineMarkdownProps) => {\n  const content = useMemo(() => parseInlineMarkdown(value), [value]);\n  return <>{content}</>;\n};\n","import {\n  forwardRef,\n  ComponentPropsWithoutRef,\n  ReactNode,\n  type Ref,\n  type ElementType,\n  type JSX,\n  type JSXElementConstructor,\n} from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"./FieldLabel.module.scss\";\nimport { TooltipProps } from \"../Tooltip\";\nimport { SrOnly } from \"../SrOnly\";\nimport { FieldLabelMoreInfoIcon } from \"./internal/FieldLabelMoreInfoIcon\";\nimport { AiMarkWithTooltipOrPopoverProps } from \"../../types\";\nimport { AiMark } from \"../../components/AiMark\";\nimport { InlineMarkdown } from \"../../internal/components/InlineMarkdown\";\n\ntype IntrinsicAttributes<\n  E extends keyof JSX.IntrinsicElements | JSXElementConstructor<unknown>,\n> = JSX.LibraryManagedAttributes<E, ComponentPropsWithoutRef<E>>;\n\ntype FieldLabelOwnProps<E extends ElementType = ElementType> =\n  AiMarkWithTooltipOrPopoverProps & {\n    /** The HTML element to render */\n    el?: E;\n    /** Unique identifier for the label element */\n    id?: string;\n    /**\n     * Whether the field is required. Shows a red asterisk (*) when true.\n     * @default false\n     */\n    required?: boolean;\n    /** Additional information to display in a tooltip */\n    moreInfo?: ReactNode;\n    /** ID for the sr-only description span, referenced via aria-describedby on the associated input. @internal */\n    moreInfoId?: string;\n    /**\n     * Controls the open state of the more info tooltip.\n     * @default false\n     * @deprecated The more info tooltip is now triggered by a keyboard-accessible button. This prop has no effect.\n     */\n    moreInfoOpen?: TooltipProps[\"open\"];\n  };\n\n/**\n * Props for the FieldLabel component.\n */\nexport type FieldLabelProps<E extends ElementType = ElementType> =\n  FieldLabelOwnProps<E> &\n    Omit<IntrinsicAttributes<E>, keyof FieldLabelOwnProps>;\n\n/**\n * FieldLabel component for form field labels with optional required indicator and help tooltip.\n *\n * Features:\n * - Accessible form label with proper semantic HTML\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Screen reader support for required field announcement\n * - Keyboard-accessible info icon button for additional field context\n * - Flexible content support for label text and help information\n * - Proper ARIA attributes and semantic structure\n * - Responsive design with consistent typography\n * - Polymorphic element support for different HTML elements\n *\n * @example\n * <FieldLabel htmlFor=\"email\" required>\n *   Email Address\n * </FieldLabel>\n * <input id=\"email\" type=\"email\" />\n *\n * @example\n * <FieldLabel\n *   el=\"label\"\n *   htmlFor=\"password\"\n *   required\n *   moreInfo=\"Password must be at least 8 characters long\"\n * >\n *   Password\n * </FieldLabel>\n * <input id=\"password\" type=\"password\" />\n *\n * @example\n * <FieldLabel el=\"legend\" required>\n *   Form Section\n * </FieldLabel>\n */\nconst FieldLabelElement = forwardRef(\n  (\n    {\n      aiMark,\n      el: Element = \"label\",\n      children,\n      className,\n      moreInfo,\n      moreInfoId,\n      required,\n      moreInfoOpen: _moreInfoOpen, // deprecated, ignored\n      ...props\n    }: FieldLabelProps,\n    ref,\n  ) => {\n    const FieldLabelClassNames = cx([styles[\"label\"]], className);\n\n    const labelText = (\n      <span className={styles[\"label-text\"]}>\n        {/* TODO(v4.0.0): remove typeof check — children will always be string */}\n        {typeof children === \"string\" ? (\n          <InlineMarkdown value={children} />\n        ) : (\n          children\n        )}\n        {required ? (\n          <>\n            <span aria-hidden className={styles[\"required\"]}>\n              *\n            </span>\n            <SrOnly>Required</SrOnly>\n          </>\n        ) : null}\n      </span>\n    );\n\n    const hasMoreInfoOrAiMark = moreInfo || aiMark;\n\n    // When el=\"label\" with moreInfo, a <button> cannot be a descendant of <label> per HTML spec.\n    // Restructure: outer div wrapper + inner <label display:contents> + button as siblings.\n    if (Element === \"label\" && hasMoreInfoOrAiMark) {\n      const { htmlFor, id, ...labelProps } =\n        props as ComponentPropsWithoutRef<\"label\">;\n      return (\n        <div className={FieldLabelClassNames} ref={ref as Ref<HTMLDivElement>}>\n          <div className={styles[\"top-container\"]}>\n            <label\n              htmlFor={htmlFor}\n              id={id}\n              data-anv=\"label\"\n              {...(labelProps as ComponentPropsWithoutRef<\"label\">)}\n            >\n              {labelText}\n            </label>\n            {moreInfo && (\n              <FieldLabelMoreInfoIcon\n                moreInfo={moreInfo}\n                moreInfoId={moreInfoId}\n              />\n            )}\n            {aiMark && (\n              <AiMark\n                className={styles[\"ai-mark-icon\"]}\n                type=\"gradient\"\n                popoverOrTooltipConfig={\n                  typeof aiMark === \"object\" ? aiMark : undefined\n                }\n              />\n            )}\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Element\n        className={FieldLabelClassNames}\n        data-anv=\"label\"\n        ref={ref}\n        {...props}\n      >\n        {hasMoreInfoOrAiMark ? (\n          <div className={styles[\"top-container\"]}>\n            {labelText}\n            {moreInfo && (\n              <FieldLabelMoreInfoIcon\n                moreInfo={moreInfo}\n                moreInfoId={moreInfoId}\n              />\n            )}\n            {aiMark && (\n              <AiMark\n                className={styles[\"ai-mark-icon\"]}\n                type=\"gradient\"\n                popoverOrTooltipConfig={\n                  typeof aiMark === \"object\" ? aiMark : undefined\n                }\n              />\n            )}\n          </div>\n        ) : (\n          labelText\n        )}\n      </Element>\n    );\n  },\n);\n\nFieldLabelElement.displayName = \"FieldLabel\";\n\n/**\n * FieldLabel component for form field labels with optional required indicator and help tooltip.\n *\n * Features:\n * - Accessible form label with proper semantic HTML\n * - Optional required field indicator with red asterisk\n * - Help tooltip with info icon for additional context\n * - Screen reader support for required field announcement\n * - Keyboard-accessible info icon button for additional field context\n * - Flexible content support for label text and help information\n * - Proper ARIA attributes and semantic structure\n * - Responsive design with consistent typography\n * - Polymorphic element support for different HTML elements\n *\n * @example\n * <FieldLabel htmlFor=\"email\" required>\n *   Email Address\n * </FieldLabel>\n * <input id=\"email\" type=\"email\" />\n *\n * @example\n * <FieldLabel\n *   el=\"label\"\n *   htmlFor=\"password\"\n *   required\n *   moreInfo=\"Password must be at least 8 characters long\"\n * >\n *   Password\n * </FieldLabel>\n * <input id=\"password\" type=\"password\" />\n *\n * @example\n * <FieldLabel el=\"legend\" required>\n *   Form Section\n * </FieldLabel>\n */\nexport const FieldLabel = FieldLabelElement as <\n  E extends ElementType = \"label\",\n>(\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: FieldLabelProps<E> & { ref?: React.Ref<any> },\n) => JSX.Element;\n"],"names":["styles","Info"],"mappings":"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"}

package/dist/FilterBar-Ce22r7lY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterBar-Ce22r7lY.js","sources":["../src/internal/hooks/useContainerQuery/useContainerQuery.ts","../../hammer-icon/mdi/round/tune.svg","../src/beta/components/FilterBar/FilterDrawer.tsx","../src/beta/components/FilterBar/FilterBar.tsx"],"sourcesContent":["import { useEffect, useState, RefObject } from \"react\";\nimport { core } from \"@servicetitan/hammer-token\";\n\n/**\n * Return type for the useContainerQuery hook\n */\nexport type ContainerQueryReturnProps = {\n  /**\n   * The breakpoint name\n   */\n  name: \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\" | \"xxl\";\n  /**\n   * Minimum width for this breakpoint\n   */\n  min: number | undefined;\n  /**\n   * Maximum width for this breakpoint\n   */\n  max: number | undefined;\n  /**\n   * Current container width\n   */\n  containerWidth: number;\n  /**\n   * Current container height\n   */\n  containerHeight: number;\n};\n\n/**\n * Determines if the current container width matches a specific breakpoint\n * @param containerWidth - The container width\n * @param name - The breakpoint name\n * @param min - Minimum width for this breakpoint\n * @param max - Maximum width for this breakpoint\n * @returns Breakpoint information if matched, undefined otherwise\n */\nfunction containerBreakpoint(\n  containerWidth: number,\n  name: ContainerQueryReturnProps[\"name\"],\n  min?: number,\n  max?: number,\n): ContainerQueryReturnProps | undefined {\n  if (\n    (min == null || containerWidth >= min) &&\n    (max == null || containerWidth < max)\n  ) {\n    return {\n      name,\n      min,\n      max,\n      containerWidth,\n      containerHeight: 0, // Will be updated with actual height\n    } as const;\n  }\n  return undefined;\n}\n\n/**\n * Determines the current breakpoint based on container width and hammer-token breakpoint values.\n *\n * Features:\n * - Validates that all required hammer-token breakpoint values are available\n * - Uses cascade logic to determine the appropriate breakpoint\n * - Returns the first matching breakpoint in order of preference\n * - Handles edge cases where breakpoint values are missing\n * - Uses container dimensions for accurate measurements\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n *\n * @param containerWidth - The width of the container element\n * @param containerHeight - The height of the container element\n * @returns Current breakpoint information or undefined if breakpoint values are unavailable\n */\nconst getContainerBreakpoint = (\n  containerWidth: number,\n  containerHeight: number,\n) => {\n  if (!core.primitive?.BreakpointSm) return;\n  if (!core.primitive?.BreakpointMd) return;\n  if (!core.primitive?.BreakpointLg) return;\n  if (!core.primitive?.BreakpointXl) return;\n  if (!core.primitive?.BreakpointXxl) return;\n\n  const sm = parseInt(core.primitive?.BreakpointSm.value);\n  const md = parseInt(core.primitive?.BreakpointMd.value);\n  const lg = parseInt(core.primitive?.BreakpointLg.value);\n  const xl = parseInt(core.primitive?.BreakpointXl.value);\n  const xxl = parseInt(core.primitive?.BreakpointXxl.value);\n\n  const result =\n    containerBreakpoint(containerWidth, \"xs\", undefined, sm) ??\n    containerBreakpoint(containerWidth, \"sm\", sm, md) ??\n    containerBreakpoint(containerWidth, \"md\", md, lg) ??\n    containerBreakpoint(containerWidth, \"lg\", lg, xl) ??\n    containerBreakpoint(containerWidth, \"xl\", xl, xxl) ??\n    containerBreakpoint(containerWidth, \"xxl\", xxl, undefined);\n\n  return result ? { ...result, containerHeight } : undefined;\n};\n\n/**\n * Custom hook for detecting current breakpoint based on container dimensions.\n *\n * Features:\n * - Detects current breakpoint based on container width instead of viewport width\n * - Supports all standard breakpoints (xs, sm, md, lg, xl, xxl)\n * - Provides container dimensions information\n * - Uses hammer-token breakpoint values for consistency\n * - Listens for container resize events using ResizeObserver\n * - Supports optional disable functionality\n * - Uses container element dimensions for accurate measurements\n *\n * @param containerRef - React ref to the container element to observe\n * @param props - Optional configuration object\n * @param props.disable - Whether to disable the hook\n * @returns Current breakpoint information or undefined if disabled\n */\nexport const useContainerQuery = (\n  containerRef: RefObject<HTMLElement>,\n  props?: { disable?: boolean },\n) => {\n  const [size, setSize] = useState<ContainerQueryReturnProps | undefined>(\n    undefined,\n  );\n\n  useEffect(() => {\n    if (props?.disable || !containerRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const { width, height } = entry.contentRect;\n        const breakpoint = getContainerBreakpoint(width, height);\n        setSize(breakpoint);\n      }\n    });\n\n    resizeObserver.observe(containerRef.current);\n\n    // Set initial size\n    const rect = containerRef.current.getBoundingClientRect();\n    setSize(getContainerBreakpoint(rect.width, rect.height));\n\n    return () => {\n      resizeObserver.disconnect();\n    };\n  }, [containerRef, props?.disable]);\n\n  if (props?.disable) return undefined;\n  return size;\n};\n","import * as React from \"react\";\nconst SvgTune = (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: \"M3 18c0 .55.45 1 1 1h5v-2H4c-.55 0-1 .45-1 1zM3 6c0 .55.45 1 1 1h9V5H4c-.55 0-1 .45-1 1zm10 14v-1h7c.55 0 1-.45 1-1s-.45-1-1-1h-7v-1c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1s1-.45 1-1zM7 10v1H4c-.55 0-1 .45-1 1s.45 1 1 1h3v1c0 .55.45 1 1 1s1-.45 1-1v-4c0-.55-.45-1-1-1s-1 .45-1 1zm14 2c0-.55-.45-1-1-1h-9v2h9c.55 0 1-.45 1-1zm-5-3c.55 0 1-.45 1-1V7h3c.55 0 1-.45 1-1s-.45-1-1-1h-3V4c0-.55-.45-1-1-1s-1 .45-1 1v4c0 .55.45 1 1 1z\" }));\nexport default SvgTune;\n","import {\n  useContext,\n  useEffect,\n  useState,\n  useMemo,\n  useCallback,\n  useRef,\n} from \"react\";\nimport IconTune from \"@servicetitan/hammer-icon/mdi/round/tune.svg\";\nimport IconClose from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport {\n  DateListFilter,\n  DateListLibraryOptionId,\n  Filter,\n} from \"./internal/types\";\nimport { FilterGroupContext } from \"./internal/FilterGroupContext\";\nimport { Flex } from \"../../../components/Flex\";\nimport {\n  checkActiveFilters,\n  getActiveFilters,\n  resetFilters,\n  updateSingleFilter,\n  cloneFiltersWithItemRefs,\n  hasFilterSelectionChanged,\n} from \"./internal/utils/filter-state\";\nimport { getAdapter } from \"./internal/adapters\";\nimport { DateListDialog } from \"./FilterDateList\";\nimport ButtonToggle from \"../../../components/ButtonToggle\";\nimport Chip from \"../../../components/Chip\";\nimport Drawer from \"../../../components/Drawer\";\nimport Button from \"../../../components/Button\";\n\nimport { useToolbarSize } from \"../Toolbar/internal/ToolbarContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./FilterBar.module.scss\";\n\n/**\n * FilterDrawer component provides a drawer interface for filter selection.\n * Always operates in controlled mode with batch updates.\n * Built into FilterGroup for batch editing of drawer-only and below-breakpoint filters.\n *\n * Features:\n * - Shows all available filters in a side panel\n * - Maintains separate draft state for all filters\n * - Updates filters only when Apply is clicked\n * - Provides Clear All functionality\n * - Supports boolean, custom, single-select, multi-select, date, and date range filter types\n * - Integrates with FilterGroup context for state management\n * - Handles date and date range filters with appropriate input components\n */\nexport const FilterDrawer = () => {\n  const [open, setOpen] = useState(false);\n\n  // Get filter context from parent\n  const {\n    filters,\n    updateFilter,\n    onFilterChange,\n    drawerOnlyFilters,\n    showInlineFilters,\n  } = useContext(FilterGroupContext);\n  const toolbarSize = useToolbarSize();\n\n  // Local draft state for filters within the drawer\n  const [draftFilters, setDraftFilters] = useState<Filter[]>(filters);\n\n  // Open dialog for a dateList library option (On…/Before…/After…/Custom Range…).\n  const [dateListDialogState, setDateListDialogState] = useState<{\n    filterId: string;\n    libraryId: DateListLibraryOptionId;\n  } | null>(null);\n\n  // Filters not reachable from the toolbar: when inline filters are shown,\n  // only drawer-only filters qualify; otherwise every filter qualifies.\n  const filtersNotInToolbar = showInlineFilters ? drawerOnlyFilters : filters;\n\n  const activeFiltersCount = getActiveFilters(filtersNotInToolbar).length;\n\n  // Track previous state to detect when to sync draft\n  const prevOpenRef = useRef(open);\n  const prevFiltersRef = useRef<Filter[]>(filters);\n\n  /**\n   * Reset draft filters when drawer opens and sync when filter selections change while open\n   * Ensures drawer always shows current filter state\n   */\n  useEffect(() => {\n    const justOpened = open && !prevOpenRef.current;\n    prevOpenRef.current = open;\n\n    if (open) {\n      // Sync draft state if:\n      // 1. Drawer just opened, OR\n      // 2. Any filter selection value changed while already open (race condition fix)\n      // Don't sync when only items arrays change (preserves selections during search)\n      const anySelectionChanged = prevFiltersRef.current.some(\n        (prevFilter, index) => {\n          const newFilter = filters[index];\n          return newFilter && hasFilterSelectionChanged(prevFilter, newFilter);\n        },\n      );\n\n      const shouldSync = justOpened || anySelectionChanged;\n\n      if (shouldSync) {\n        setDraftFilters(cloneFiltersWithItemRefs(filters));\n      }\n\n      prevFiltersRef.current = filters;\n    }\n  }, [open, filters]);\n\n  /**\n   * Handles changing a draft filter value\n   * Updates only the draft state, not the actual filters\n   *\n   * @param filterId - ID of the filter to update\n   * @param value - New value for the filter\n   */\n  const handleDraftChange = useCallback((filterId: string, value: unknown) => {\n    setDraftFilters((draft) => updateSingleFilter(draft, filterId, value));\n  }, []);\n\n  /**\n   * Clears all draft filters in the drawer\n   * Does not affect the actual filters until Apply is clicked\n   */\n  const clearDraftFilters = () => {\n    setDraftFilters(resetFilters(draftFilters));\n  };\n\n  const hasActiveDraftFilters = checkActiveFilters(draftFilters);\n\n  const requestDateListDialog = useCallback(\n    (filterId: string, libraryId: DateListLibraryOptionId) => {\n      setDateListDialogState({ filterId, libraryId });\n    },\n    [],\n  );\n\n  const filterForm = useMemo(\n    () =>\n      draftFilters.map((draftFilter) => {\n        const originalFilter = filters.find((f) => f.id === draftFilter.id);\n        if (!originalFilter) return null;\n\n        return getAdapter(draftFilter).renderDrawer({\n          originalFilter,\n          draftFilter,\n          onDraftChange: handleDraftChange,\n          requestDateListDialog,\n        });\n      }),\n    [draftFilters, filters, handleDraftChange, requestDateListDialog],\n  );\n\n  const applyFiltering = () => {\n    draftFilters.forEach((draftFilter) => {\n      const value = getAdapter(draftFilter).getValue(draftFilter);\n      updateFilter(draftFilter.id, value, false);\n    });\n\n    onFilterChange?.(draftFilters);\n    setOpen(false);\n  };\n\n  const handleCancel = () => {\n    setOpen(false);\n  };\n\n  const hasHiddenActiveFilters = activeFiltersCount > 0;\n\n  const triggerClasses = cx(\n    styles[\"filter-button-trigger\"],\n    styles[\"filter-drawer-trigger\"],\n    {\n      [styles[\"filter-drawer-trigger--chipped\"]]: hasHiddenActiveFilters,\n    },\n  );\n\n  const dateListDialogTarget = dateListDialogState\n    ? draftFilters.find(\n        (f): f is DateListFilter =>\n          f.id === dateListDialogState.filterId && f.type === \"dateList\",\n      )\n    : undefined;\n  const dateListDialogSelected = dateListDialogTarget?.selectedOption;\n  const dateListDialogInitialValue =\n    dateListDialogSelected &&\n    dateListDialogSelected.id === dateListDialogState?.libraryId &&\n    dateListDialogSelected.value !== null\n      ? dateListDialogSelected.value\n      : undefined;\n\n  return (\n    <>\n      <ButtonToggle\n        data-anv=\"filter-group-drawer-trigger\"\n        icon={{ before: IconTune }}\n        onClick={() => setOpen(true)}\n        className={triggerClasses}\n        checked={open}\n        size={toolbarSize}\n      >\n        Filters\n        {hasHiddenActiveFilters && (\n          <Chip\n            size=\"small\"\n            color=\"#0265DC\"\n            label={activeFiltersCount.toString()}\n          />\n        )}\n      </ButtonToggle>\n\n      <Drawer\n        data-anv=\"filter-group-drawer\"\n        data-testid=\"filter-group-drawer\"\n        open={open}\n        onClose={() => setOpen(false)}\n      >\n        <Drawer.Content>\n          <Flex direction=\"column\" gap={6} grow={1}>\n            {filterForm}\n          </Flex>\n        </Drawer.Content>\n\n        <Drawer.Footer>\n          <Flex\n            justifyContent={\n              hasActiveDraftFilters ? \"space-between\" : \"flex-end\"\n            }\n            grow={1}\n          >\n            {hasActiveDraftFilters && (\n              <Button\n                appearance=\"ghost\"\n                icon={{ before: IconClose }}\n                onClick={clearDraftFilters}\n              >\n                Clear All Filters\n              </Button>\n            )}\n\n            <Flex gap=\"3\">\n              <Button onClick={handleCancel}>Cancel</Button>\n              <Button appearance=\"primary\" onClick={applyFiltering}>\n                Apply\n              </Button>\n            </Flex>\n          </Flex>\n        </Drawer.Footer>\n      </Drawer>\n      <DateListDialog\n        libraryId={dateListDialogState?.libraryId ?? null}\n        parentFilterId={dateListDialogState?.filterId ?? \"\"}\n        initialValue={dateListDialogInitialValue}\n        mode={dateListDialogTarget?.mode}\n        dialogCtaLabel=\"Save\"\n        onCommit={(option) => {\n          if (dateListDialogState) {\n            handleDraftChange(dateListDialogState.filterId, option);\n          }\n          setDateListDialogState(null);\n        }}\n        onCancel={() => setDateListDialogState(null)}\n      />\n    </>\n  );\n};\n","import {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n  useCallback,\n} from \"react\";\nimport { useMergeRefs } from \"../../../hooks\";\nimport CloseIcon from \"@servicetitan/hammer-icon/mdi/round/close.svg\";\nimport { Filter } from \"./internal/types\";\nimport { FilterItemWrapper } from \"./FilterItemWrapper\";\nimport Button from \"../../../components/Button\";\nimport { LayoutUtilProps } from \"../../../types\";\nimport { useContainerQuery, useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport {\n  checkActiveFilters,\n  resetFilters,\n  updateSingleFilter,\n  hasFilterSelectionChanged,\n  preserveFilterState,\n} from \"./internal/utils/filter-state\";\nimport { getAdapter } from \"./internal/adapters\";\nimport { FilterGroupContext } from \"./internal/FilterGroupContext\";\nimport { FilterDrawer } from \"./FilterDrawer\";\nimport { ToolbarContext } from \"../Toolbar/internal/ToolbarContext\";\nimport { ToolbarSize } from \"../Toolbar/types\";\nimport {\n  getToolbarElements,\n  handleToolbarKeyDown,\n  updateToolbarItemsTabIndex,\n} from \"../Toolbar/internal/utils/accessibility\";\nimport { Flex } from \"../../../components/Flex\";\n\nimport styles from \"./FilterBar.module.scss\";\n\n/**\n * Props for the FilterBar component\n *\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type FilterBarProps = ComponentPropsWithoutRef<\"div\"> &\n  LayoutUtilProps & {\n    /** Array of filter objects */\n    filters: Filter[];\n    /** Description of the content this filter bar is associated with, used for accessibility */\n    associatedContent: string;\n    /** Callback function when filters change */\n    onFilterChange: (filters: Filter[]) => void;\n    /** Whether the filters submission is controlled via an apply button */\n    controlledFiltering?: boolean;\n    /**\n     * Size of filter controls\n     * @default xsmall\n     */\n    size?: ToolbarSize;\n    /**\n     * When true, filters stay inline at every container width instead of\n     * collapsing to drawer-only mode at narrow widths.\n     * @default false\n     */\n    disableCollapse?: boolean;\n  };\n\n/**\n * FilterBar component for displaying a standalone group of filters with toggles and a clear button.\n *\n * Features:\n * - Standalone component with `role=\"toolbar\"` and keyboard navigation\n * - Renders filter toggles and popovers for all filter types\n * - Supports controlled and uncontrolled filtering\n * - Integrates with FilterDrawer for batch filter editing of drawer-only filters\n * - Provides a clear all filters button\n * - Shares filter state via context for child components\n * - Supports boolean, custom, single-select, multi-select, date, and date range filter types\n * - Preserves filter state when filter configuration changes\n * - Responsive: collapses to drawer-only mode below 640px; opt out via `disableCollapse`\n * - Always wraps; never collapses items into an overflow menu\n * - Can be composed alongside Toolbar as a sibling using Flex layout\n *\n * @example\n * <FilterBar\n *   associatedContent=\"invoices\"\n *   filters={filters}\n *   onFilterChange={handleFilter}\n *   controlledFiltering={true}\n * />\n *\n * @example\n * // With Toolbar as sibling\n * <Flex alignItems=\"center\" justifyContent=\"space-between\">\n *   <Toolbar associatedContent=\"invoice actions\">\n *     <Toolbar.Button icon={SaveIcon} aria-label=\"Save\" />\n *   </Toolbar>\n *   <FilterBar\n *     associatedContent=\"invoices\"\n *     filters={filters}\n *     onFilterChange={handleFilter}\n *   />\n * </Flex>\n */\nexport const FilterBar = forwardRef<HTMLDivElement, FilterBarProps>(\n  function FilterBarInner(props, ref) {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const {\n      filters: initialFilters,\n      onFilterChange,\n      controlledFiltering = false,\n      associatedContent,\n      size = \"xsmall\",\n      disableCollapse = false,\n      className,\n      style,\n      onKeyDown,\n      ...rest\n    } = componentProps;\n\n    const [filters, setFilters] = useState<Filter[]>(initialFilters);\n    const filterBarRef = useRef<HTMLDivElement>(null);\n    const containerQuery = useContainerQuery(filterBarRef);\n\n    const showInlineFilters =\n      disableCollapse || !!(containerQuery && containerQuery.name !== \"xs\");\n\n    // Update filters when props change\n    useEffect(() => {\n      setFilters((prevFilters) => {\n        const existingFiltersMap = new Map(prevFilters.map((f) => [f.id, f]));\n\n        return initialFilters.map((newFilter: Filter) => {\n          const existingFilter = existingFiltersMap.get(newFilter.id);\n\n          if (!existingFilter) {\n            return newFilter;\n          }\n\n          if (!hasFilterSelectionChanged(existingFilter, newFilter)) {\n            return preserveFilterState(newFilter, existingFilter);\n          }\n\n          return newFilter;\n        });\n      });\n    }, [initialFilters]);\n\n    /**\n     * Updates filter state when a filter is changed\n     *\n     * @param filterId - ID of the filter to update\n     * @param value - New value for the filter\n     * @param submit - Whether to submit the filter change\n     */\n    const updateFilter = useCallback(\n      (filterId: string, value: unknown, submit: boolean) => {\n        setFilters((prevFilters) => {\n          const updatedFilters = updateSingleFilter(\n            prevFilters,\n            filterId,\n            value,\n          );\n\n          if (submit) {\n            onFilterChange?.(updatedFilters);\n          }\n\n          return updatedFilters;\n        });\n      },\n      [onFilterChange],\n    );\n\n    /**\n     * Clears all active filters\n     */\n    const clearAllFilters = () => {\n      const resetAllFilters = resetFilters(filters);\n      setFilters(resetAllFilters);\n      onFilterChange?.(resetAllFilters);\n\n      requestAnimationFrame(() => {\n        if (filterBarRef.current) {\n          const firstFocusable = filterBarRef.current.querySelector(\n            'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n          ) as HTMLElement;\n\n          if (firstFocusable) {\n            firstFocusable.focus();\n          }\n        }\n      });\n    };\n\n    const hasActiveFilters = checkActiveFilters(filters);\n\n    const { inlineFilters, drawerOnlyFilters } = useMemo(() => {\n      const inline: Filter[] = [];\n      const drawer: Filter[] = [];\n      for (const f of filters) {\n        (f.drawerOnly ? drawer : inline).push(f);\n      }\n      // The search filter is a pinned, always-visible field — keyboard\n      // navigation treats it as a fixed edge of the roving-focus sequence\n      // (see the ArrowLeft/ArrowRight boundary handoff below), so it always\n      // renders first regardless of where it sits in `filters`.\n      const searchFilter = inline.find((f) => f.type === \"search\");\n      const orderedInline = searchFilter\n        ? [searchFilter, ...inline.filter((f) => f !== searchFilter)]\n        : inline;\n      return { inlineFilters: orderedInline, drawerOnlyFilters: drawer };\n    }, [filters]);\n\n    // The drawer (and its trigger) only exists when at least one filter is\n    // unreachable from the toolbar — either because the container is too\n    // narrow to show inline filters or the filter is configured as drawer-only.\n    const shouldShowDrawer = !showInlineFilters || drawerOnlyFilters.length > 0;\n\n    const filterGroupControls = inlineFilters.map((filter) =>\n      getAdapter(filter).renderBarControl({\n        filter,\n        updateFilter,\n        controlledFiltering,\n      }),\n    );\n\n    // Provide ToolbarContext so filter sub-components read size from FilterBar.\n    // overflow is omitted — it's optional and defaults to wrap behavior.\n    const toolbarContextValue = useMemo(\n      () => ({\n        overflowItems: [],\n        addItem: () => {},\n        removeItem: () => {},\n        toolbarRef: filterBarRef,\n        size,\n      }),\n      [size],\n    );\n\n    const filterGroupContextValue = useMemo(\n      () => ({\n        filterGroupRef: filterBarRef,\n        filters,\n        updateFilter,\n        onFilterChange,\n        controlledFiltering,\n        associatedContent,\n        showInlineFilters,\n        drawerOnlyFilters,\n      }),\n      [\n        filterBarRef,\n        filters,\n        updateFilter,\n        onFilterChange,\n        controlledFiltering,\n        associatedContent,\n        showInlineFilters,\n        drawerOnlyFilters,\n      ],\n    );\n\n    // Initialize tabindex values for keyboard navigation\n    useEffect(() => {\n      if (filterBarRef.current) {\n        updateToolbarItemsTabIndex(filterBarRef.current);\n      }\n    }, [filters]);\n\n    const handleKeyDown = useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (filterBarRef.current) {\n          // The search field's input keeps a fixed tabindex and is excluded\n          // from the roving-tabindex pool (see FilterSearchField), so the\n          // generic handler below only knows about the filter chips and\n          // wraps within just that pool. When a search field is present,\n          // treat it as the boundary neighbor instead: ArrowLeft from the\n          // first chip and ArrowRight from the last chip go to the search\n          // input rather than wrapping among the chips.\n          const searchInput = filterBarRef.current.querySelector<HTMLElement>(\n            '[data-anv=\"filter-search-field\"] input',\n          );\n\n          if (searchInput) {\n            const items = getToolbarElements(filterBarRef.current);\n            const activeElement = event.target as HTMLElement;\n            const activeItem = items.find(\n              (item) =>\n                item === activeElement ||\n                Array.from(item.children).some(\n                  (child) => child === activeElement,\n                ),\n            );\n            const activeIndex = activeItem ? items.indexOf(activeItem) : -1;\n\n            if (\n              (event.code === \"ArrowLeft\" && activeIndex === 0) ||\n              (event.code === \"ArrowRight\" && activeIndex === items.length - 1)\n            ) {\n              event.preventDefault();\n              searchInput.focus();\n              onKeyDown?.(event);\n              return;\n            }\n          }\n\n          handleToolbarKeyDown(event, filterBarRef.current);\n        }\n        onKeyDown?.(event);\n      },\n      [onKeyDown],\n    );\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <ToolbarContext.Provider value={toolbarContextValue}>\n        <FilterGroupContext.Provider value={filterGroupContextValue}>\n          <Flex\n            ref={useMergeRefs([filterBarRef, ref])}\n            role=\"toolbar\"\n            aria-label={`Filters for ${associatedContent}. Use arrow keys to navigate through filter controls.`}\n            aria-orientation=\"horizontal\"\n            tabIndex={-1}\n            onKeyDown={handleKeyDown}\n            alignItems=\"center\"\n            gap={1}\n            wrap=\"wrap\"\n            className={className}\n            style={styleCombined}\n            data-anv=\"filter-bar\"\n            {...rest}\n          >\n            <Flex\n              alignItems=\"center\"\n              gap={1}\n              wrap=\"wrap\"\n              grow={1}\n              data-anv=\"toolbar-content\"\n            >\n              {showInlineFilters && filterGroupControls}\n              {shouldShowDrawer && <FilterDrawer />}\n\n              {showInlineFilters && hasActiveFilters && (\n                <FilterItemWrapper>\n                  <Button\n                    appearance=\"ghost\"\n                    size={size}\n                    className={styles[\"filter-button-trigger\"]}\n                    icon={{\n                      before: CloseIcon,\n                    }}\n                    onClick={clearAllFilters}\n                  >\n                    Clear Filters\n                  </Button>\n                </FilterItemWrapper>\n              )}\n            </Flex>\n          </Flex>\n        </FilterGroupContext.Provider>\n      </ToolbarContext.Provider>\n    );\n  },\n);\n\nFilterBar.displayName = \"FilterBar\";\n"],"names":["core.primitive?.BreakpointSm","core.primitive?.BreakpointMd","core.primitive?.BreakpointLg","core.primitive?.BreakpointXl","core.primitive?.BreakpointXxl","IconTune","IconClose","CloseIcon"],"mappings":"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"}

package/dist/Flex-Bb3iHExM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex-Bb3iHExM.js","sources":["../src/components/Flex/Flex.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Flex.module.scss\";\nimport { FlexSpecificProps } from \"./internal/FlexSpecificProps\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\n/**\n * Props for the Flex component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends FlexSpecificProps\n */\nexport type FlexProps = ComponentPropsWithoutRef<\"div\"> &\n  FlexSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: FlexSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: FlexSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: FlexSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: FlexSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: FlexSpecificProps;\n  };\n\n/**\n * Flex component for creating flexible layouts using CSS Flexbox.\n *\n * Features:\n * - CSS Flexbox layout with full control over flex properties\n * - Support for both flex and inline-flex display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible direction, grow, shrink, basis, and wrap controls\n *\n * @example\n * <Flex direction=\"row\" gap=\"4\" alignItems=\"center\">\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n *\n * @example\n * <Flex\n *   direction=\"column\"\n *   gap=\"2\"\n *   md={{ direction: \"row\", gap: \"4\" }}\n * >\n *   <div>Item 1</div>\n *   <div>Item 2</div>\n *   <div>Item 3</div>\n * </Flex>\n */\nexport const Flex = forwardRef<HTMLDivElement, FlexProps>((props, ref) => {\n  const {\n    inline,\n    direction,\n    grow,\n    shrink,\n    basis,\n    wrap,\n    sm,\n    md,\n    lg,\n    xl,\n    xxl,\n    ...nonLayoutProps\n  } = props;\n  const combineLayoutProps = {\n    ...nonLayoutProps,\n    flexDirection: direction,\n    flexGrow: grow,\n    flexShrink: shrink,\n    flexBasis: basis,\n    flexWrap: wrap,\n    sm: {\n      ...sm,\n      flexDirection: sm?.direction,\n      flexGrow: sm?.grow,\n      flexShrink: sm?.shrink,\n      flexBasis: sm?.basis,\n      flexWrap: sm?.wrap,\n    },\n    md: {\n      ...md,\n      flexDirection: md?.direction,\n      flexGrow: md?.grow,\n      flexShrink: md?.shrink,\n      flexBasis: md?.basis,\n      flexWrap: md?.wrap,\n    },\n    lg: {\n      ...lg,\n      flexDirection: lg?.direction,\n      flexGrow: lg?.grow,\n      flexShrink: lg?.shrink,\n      flexBasis: lg?.basis,\n      flexWrap: lg?.wrap,\n    },\n    xl: {\n      ...xl,\n      flexDirection: xl?.direction,\n      flexGrow: xl?.grow,\n      flexShrink: xl?.shrink,\n      flexBasis: xl?.basis,\n      flexWrap: xl?.wrap,\n    },\n    xxl: {\n      ...xxl,\n      flexDirection: xxl?.direction,\n      flexGrow: xxl?.grow,\n      flexShrink: xxl?.shrink,\n      flexBasis: xxl?.basis,\n      flexWrap: xxl?.wrap,\n    },\n  };\n  const { layoutStyles, componentProps } =\n    useLayoutPropsUtil(combineLayoutProps);\n\n  const { children, className, style, ...rest } = componentProps;\n\n  const flexClassNames = cx(className, {\n    [styles[\"flex\"]]: !inline,\n    [styles[\"inline-flex\"]]: inline,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <div\n      className={flexClassNames}\n      data-anv=\"flex\"\n      style={styleCombined}\n      ref={ref}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n});\n\nFlex.displayName = \"Flex\";\n"],"names":[],"mappings":"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"}

package/dist/Grid-ho1pGJ5L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid-ho1pGJ5L.js","sources":["../src/components/Grid/internal/GridItem.tsx","../src/components/Grid/Grid.tsx"],"sourcesContent":["import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport styles from \"../Grid.module.scss\";\nimport { useLayoutPropsUtil } from \"../../../internal/hooks\";\nimport { LayoutUtilProps } from \"../../../types\";\n\n/**\n * Props for the GridItem component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends LayoutUtilProps\n */\nexport type GridItemProps = ComponentPropsWithoutRef<\"div\"> & LayoutUtilProps;\n\n/**\n * GridItem component for individual items within a CSS Grid layout.\n *\n * Features:\n * - Individual grid item with full layout utility support\n * - Automatic grid item styling and class management\n * - Comprehensive layout utilities for positioning and sizing\n * - Support for all standard div element props\n * - Flexible grid positioning and sizing controls\n * - Automatic style generation and class management\n * - Works seamlessly with Grid component\n *\n * @example\n * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n * </Grid>\n */\nexport const GridItem = forwardRef<HTMLDivElement, GridItemProps>(\n  (props, ref) => {\n    const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n    const { className, children, style, ...rest } = componentProps;\n\n    const gridItemClassNames = cx([styles[\"grid-item\"]], className, {});\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={gridItemClassNames}\n        data-anv=\"grid-item\"\n        ref={ref}\n        style={styleCombined}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  },\n);\n\nGridItem.displayName = \"GridItem\";\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\nimport cx from \"classnames\";\n\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport styles from \"./Grid.module.scss\";\nimport { GridSpecificProps } from \"./internal/GridSpecificProps\";\nimport { GridItem } from \"./internal/GridItem\";\n\n/**\n * Props for the Grid component\n * @extends ComponentPropsWithoutRef<\"div\">\n * @extends GridSpecificProps\n */\nexport type GridProps = ComponentPropsWithoutRef<\"div\"> & {\n  /**\n   * Applies `display: inline-grid` instead of `grid`\n   */\n  inline?: boolean;\n} & GridSpecificProps & {\n    /**\n     * Responsive props for small screens (sm breakpoint).\n     */\n    sm?: GridSpecificProps;\n    /**\n     * Responsive props for medium screens (md breakpoint).\n     */\n    md?: GridSpecificProps;\n    /**\n     * Responsive props for large screens (lg breakpoint).\n     */\n    lg?: GridSpecificProps;\n    /**\n     * Responsive props for extra large screens (xl breakpoint).\n     */\n    xl?: GridSpecificProps;\n    /**\n     * Responsive props for extra extra large screens (xxl breakpoint).\n     */\n    xxl?: GridSpecificProps;\n  };\n\n/**\n * Grid component for creating responsive multi-column CSS Grid layouts that arrange content or tiles into evenly spaced columns and rows which reflow across breakpoints.\n *\n * Features:\n * - CSS Grid layout with full control over grid properties\n * - Support for both grid and inline-grid display modes\n * - Responsive design with breakpoint-specific props (sm, md, lg, xl, xxl)\n * - Comprehensive layout utilities for spacing, alignment, and positioning\n * - Template columns, rows, and areas configuration\n * - Auto columns and rows sizing\n * - Automatic style generation and class management\n * - Support for all standard div element props\n * - Flexible grid template and auto-sizing controls\n * - Automatic tracking ID generation for analytics\n * - Compound component structure with Item sub-component\n *\n * @example\n * <Grid templateColumns=\"repeat(3, 1fr)\" gap=\"4\">\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n *\n * @example\n * <Grid\n *   templateColumns=\"repeat(1, 1fr)\"\n *   gap=\"2\"\n *   md={{ templateColumns: \"repeat(3, 1fr)\", gap: \"4\" }}\n * >\n *   <Grid.Item>Grid Item 1</Grid.Item>\n *   <Grid.Item>Grid Item 2</Grid.Item>\n *   <Grid.Item>Grid Item 3</Grid.Item>\n * </Grid>\n */\nexport const Grid = Object.assign(\n  forwardRef<HTMLDivElement, GridProps>(function GridInner(props, ref) {\n    const {\n      inline,\n      templateColumns,\n      templateRows,\n      templateAreas,\n      autoColumns,\n      autoRows,\n      sm,\n      md,\n      lg,\n      xl,\n      xxl,\n      ...nonLayoutProps\n    } = props;\n    const combineLayoutProps = {\n      ...nonLayoutProps,\n      gridTemplateColumns: props.templateColumns,\n      gridTemplateRows: props.templateRows,\n      gridTemplateAreas: props.templateAreas,\n      gridAutoColumns: props.autoColumns,\n      gridAutoRows: props.autoRows,\n      sm: {\n        ...sm,\n        gridTemplateColumns: sm?.templateColumns,\n        gridTemplateRows: sm?.templateRows,\n        gridTemplateAreas: sm?.templateAreas,\n        gridAutoColumns: sm?.autoColumns,\n        gridAutoRows: sm?.autoRows,\n      },\n      md: {\n        ...md,\n        gridTemplateColumns: md?.templateColumns,\n        gridTemplateRows: md?.templateRows,\n        gridTemplateAreas: md?.templateAreas,\n        gridAutoColumns: md?.autoColumns,\n        gridAutoRows: md?.autoRows,\n      },\n      lg: {\n        ...lg,\n        gridTemplateColumns: lg?.templateColumns,\n        gridTemplateRows: lg?.templateRows,\n        gridTemplateAreas: lg?.templateAreas,\n        gridAutoColumns: lg?.autoColumns,\n        gridAutoRows: lg?.autoRows,\n      },\n      xl: {\n        ...xl,\n        gridTemplateColumns: xl?.templateColumns,\n        gridTemplateRows: xl?.templateRows,\n        gridTemplateAreas: xl?.templateAreas,\n        gridAutoColumns: xl?.autoColumns,\n        gridAutoRows: xl?.autoRows,\n      },\n      xxl: {\n        ...xxl,\n        gridTemplateColumns: xxl?.templateColumns,\n        gridTemplateRows: xxl?.templateRows,\n        gridTemplateAreas: xxl?.templateAreas,\n        gridAutoColumns: xxl?.autoColumns,\n        gridAutoRows: xxl?.autoRows,\n      },\n    };\n    const { layoutStyles, componentProps } =\n      useLayoutPropsUtil(combineLayoutProps);\n    const { children, className, style, ...rest } = componentProps;\n\n    const gridClassNames = cx(className, {\n      [styles[\"grid\"]]: !inline,\n      [styles[\"inline-grid\"]]: inline,\n    });\n\n    const styleCombined = {\n      ...style,\n      ...layoutStyles,\n    };\n\n    return (\n      <div\n        className={gridClassNames}\n        data-anv=\"grid\"\n        style={styleCombined}\n        ref={ref}\n        {...rest}\n      >\n        {children}\n      </div>\n    );\n  }),\n  {\n    /**\n     * GridItem component for individual items within a CSS Grid layout.\n     *\n     * Features:\n     * - Individual grid item with full layout utility support\n     * - Automatic grid item styling and class management\n     * - Comprehensive layout utilities for positioning and sizing\n     * - Support for all standard div element props\n     * - Flexible grid positioning and sizing controls\n     * - Automatic style generation and class management\n     * - Works seamlessly with Grid component\n     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <Grid templateColumns=\"repeat(2, 1fr)\" gap=\"4\">\n     *   <Grid.Item>Grid Item 1</Grid.Item>\n     *   <Grid.Item>Grid Item 2</Grid.Item>\n     * </Grid>\n     */\n    Item: GridItem,\n  },\n);\nGrid.displayName = \"Grid\";\n"],"names":[],"mappings":"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"}

package/dist/Helper-B_VAFgGd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Helper-B_VAFgGd.js","sources":["../src/internal/components/Helper/Helper.tsx"],"sourcesContent":["import { forwardRef, AriaAttributes, ReactElement } from \"react\";\nimport styles from \"./Helper.module.scss\";\nimport { FieldMessage } from \"../../../components/FieldMessage\";\nimport { SrOnly } from \"../../../components/SrOnly\";\n\nexport type HelperProps = {\n  id?: string;\n  // required?: boolean;\n  hint?: ReactElement | string;\n  description?: ReactElement | string;\n  /**\n   * Error message(s) to display. Supports a single string or an array of strings.\n   */\n  error?: string | string[];\n  /**\n   * Warning message(s) to display. Supports a single string or an array of strings.\n   */\n  warning?: string | string[];\n  /**\n   * @deprecated Use the `error` prop instead.\n   */\n  errorMessage?: ReactElement | string;\n  /**\n   * @deprecated No longer used. Error messages always use `aria-live=\"assertive\"`.\n   */\n  errorAriaLive?: AriaAttributes[\"aria-live\"];\n  maxLength?: number;\n  inputLength?: number;\n  isTyping?: boolean;\n  showCounter?: boolean;\n};\n\nexport const Helper = forwardRef<HTMLDivElement, HelperProps>((props, ref) => {\n  const {\n    id,\n    hint,\n    description,\n    error,\n    warning,\n    errorAriaLive: _errorAriaLive,\n    errorMessage,\n    maxLength,\n    isTyping,\n    inputLength = 0,\n    showCounter,\n  } = props;\n\n  return (\n    <div className={styles[\"helper\"]} ref={ref} id={id}>\n      <FieldMessage\n        hint={hint}\n        description={description}\n        error={error}\n        warning={warning}\n        errorMessage={errorMessage}\n      />\n\n      {showCounter && (\n        <span aria-hidden=\"true\">\n          {inputLength}/{maxLength}\n        </span>\n      )}\n\n      {isTyping && !!maxLength ? (\n        maxLength - inputLength >= 1 ? (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span aria-live=\"polite\" aria-atomic=\"true\">{`${\n              maxLength - inputLength\n            } character${maxLength - inputLength !== 1 ? \"s\" : \"\"} left`}</span>\n          </SrOnly>\n        ) : (\n          <SrOnly>\n            {/* TODO: potential localization */}\n            <span role=\"alert\">Maximum characters count reached</span>\n          </SrOnly>\n        )\n      ) : null}\n    </div>\n  );\n});\n\nHelper.displayName = \"Helper\";\n"],"names":[],"mappings":";;;;;;;;;;AAgCO,MAAM,MAAA,GAAS,UAAA,CAAwC,CAAC,KAAA,EAAO,GAAA,KAAQ;AAC5E,EAAA,MAAM;AAAA,IACJ,EAAA;AAAA,IACA,IAAA;AAAA,IACA,WAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA,EAAe,cAAA;AAAA,IACf,YAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA,GAAc,CAAA;AAAA,IACd;AAAA,GACF,GAAI,KAAA;AAEJ,EAAA,4BACG,KAAA,EAAA,EAAI,SAAA,EAAW,OAAO,QAAQ,CAAA,EAAG,KAAU,EAAA,EAC1C,QAAA,EAAA;AAAA,oBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,IAAA;AAAA,QACA,WAAA;AAAA,QACA,KAAA;AAAA,QACA,OAAA;AAAA,QACA;AAAA;AAAA,KACF;AAAA,IAEC,WAAA,oBACC,IAAA,CAAC,MAAA,EAAA,EAAK,aAAA,EAAY,MAAA,EACf,QAAA,EAAA;AAAA,MAAA,WAAA;AAAA,MAAY,GAAA;AAAA,MAAE;AAAA,KAAA,EACjB,CAAA;AAAA,IAGD,QAAA,IAAY,CAAC,CAAC,SAAA,GACb,YAAY,WAAA,IAAe,CAAA,mBACzB,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,WAAA,EAAU,QAAA,EAAS,aAAA,EAAY,QAAQ,QAAA,EAAA,CAAA,EAC3C,SAAA,GAAY,WACd,CAAA,UAAA,EAAa,YAAY,WAAA,KAAgB,CAAA,GAAI,GAAA,GAAM,EAAE,SAAQ,CAAA,EAC/D,CAAA,mBAEA,GAAA,CAAC,MAAA,EAAA,EAEC,8BAAC,MAAA,EAAA,EAAK,IAAA,EAAK,OAAA,EAAQ,QAAA,EAAA,kCAAA,EAAgC,GACrD,CAAA,GAEA;AAAA,GAAA,EACN,CAAA;AAEJ,CAAC;AAED,MAAA,CAAO,WAAA,GAAc,QAAA;;;;"}

package/dist/Icon-B4uCvMU9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon-B4uCvMU9.js","sources":["../src/internal/utils/uniquifySvgDomIds.ts","../src/components/Icon/Icon.tsx"],"sourcesContent":["const URL_REF_ATTRS = [\n  \"fill\",\n  \"stroke\",\n  \"filter\",\n  \"mask\",\n  \"clip-path\",\n  \"clipPath\",\n] as const;\n\nconst HREF_ATTRS = [\"href\", \"xlink:href\"] as const;\n\nconst URL_REF_PATTERN = /^url\\(#(.+)\\)$/;\nconst HREF_REF_PATTERN = /^#(.+)$/;\n\n/**\n * Prefixes SVG `id` attributes and matching `url(#…)` / `#…` references under\n * `svgRoot` so multiple instances of the same SVG do not collide in the\n * document. Idempotent when called again with the same `idPrefix`.\n *\n * Fast path: returns immediately when the SVG has no `[id]` attributes.\n *\n * Walks elements and reads attributes directly instead of building attribute\n * selectors — namespaced attrs like `xlink:href` are not valid in\n * `querySelectorAll('[xlink:href]')`.\n */\nexport function uniquifySvgDomIds(svgRoot: SVGElement, idPrefix: string): void {\n  const elementsWithId = svgRoot.querySelectorAll(\"[id]\");\n  if (elementsWithId.length === 0) return;\n\n  const prefixWithSeparator = `${idPrefix}-`;\n  const elements = svgRoot.querySelectorAll(\"*\");\n\n  for (const element of elements) {\n    const currentId = element.getAttribute(\"id\");\n    if (currentId && !currentId.startsWith(prefixWithSeparator)) {\n      element.setAttribute(\"id\", `${prefixWithSeparator}${currentId}`);\n    }\n\n    for (const attr of URL_REF_ATTRS) {\n      const value = element.getAttribute(attr);\n      if (!value) continue;\n\n      const match = value.match(URL_REF_PATTERN);\n      if (!match) continue;\n\n      const refId = match[1];\n      if (refId.startsWith(prefixWithSeparator)) continue;\n\n      element.setAttribute(attr, `url(#${prefixWithSeparator}${refId})`);\n    }\n\n    for (const attr of HREF_ATTRS) {\n      const value = element.getAttribute(attr);\n      if (!value) continue;\n\n      const match = value.match(HREF_REF_PATTERN);\n      if (!match) continue;\n\n      const refId = match[1];\n      if (refId.startsWith(prefixWithSeparator)) continue;\n\n      element.setAttribute(attr, `#${prefixWithSeparator}${refId}`);\n    }\n  }\n}\n","import { LayoutUtilProps, Size, Svg } from \"../../types\";\nimport {\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useId,\n  useLayoutEffect,\n  useRef,\n} from \"react\";\nimport styles from \"./Icon.module.scss\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { uniquifySvgDomIds } from \"../../internal/utils/uniquifySvgDomIds\";\nimport { useMergeRefs } from \"../../hooks/useMergeRefs\";\nimport cx from \"classnames\";\n\n/**\n * Props for the Icon component\n * @extends Omit<ComponentPropsWithoutRef<\"span\">, \"children\">\n * @extends Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\">\n */\nexport type IconProps = Omit<ComponentPropsWithoutRef<\"span\">, \"children\"> &\n  Omit<LayoutUtilProps, \"flex\" | \"flexBasis\" | \"flexGrow\" | \"flexShrink\"> & {\n    /**\n     * Apply a specific color to the icon.\n     */\n    color?: string;\n\n    /**\n     * The size of the icon.\n     * @default medium\n     */\n    size?: Extract<Size, \"small\" | \"medium\" | \"large\" | \"xlarge\">;\n\n    /**\n     * Assets passed in using svgr.\n     */\n    svg: Svg;\n\n    /**\n     * Whether the icon should inherit the color from its parent element.\n     * @default false\n     */\n    inherit?: boolean;\n  };\n\n/**\n * Icon component for displaying SVG icons with consistent styling and sizing.\n *\n * Features:\n * - SVG icon rendering with consistent styling\n * - Four predefined sizes: small, medium, large, xlarge\n * - Custom color support with optional inheritance\n * - Layout utilities for positioning and spacing\n * - Support for all standard span element props\n * - Flexible color inheritance and custom color options\n * - Consistent sizing across different icon sets\n *\n * @example\n * import Close from \"@servicetitan/anvil2/assets/icons/material/round/close.svg\";\n *\n * <Icon svg={Close} size=\"medium\" />\n *\n * @example\n * import Info from \"@servicetitan/anvil2/assets/icons/material/round/info.svg\";\n *\n * <Icon\n *   svg={Info}\n *   size=\"large\"\n *   color=\"#007bff\"\n *   inherit={false}\n * />\n */\nexport const Icon = forwardRef<HTMLSpanElement, IconProps>((props, ref) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    size = \"medium\",\n    className,\n    svg: Svg,\n    inherit,\n    style,\n    color,\n    ...rest\n  } = componentProps;\n\n  const localRef = useRef<HTMLSpanElement>(null);\n  const mergedRef = useMergeRefs([localRef, ref]);\n  const idPrefix = useId().replace(/:/g, \"\");\n\n  useLayoutEffect(() => {\n    const svg = localRef.current?.querySelector(\"svg\");\n    if (!svg) return;\n    uniquifySvgDomIds(svg, idPrefix);\n  }, [Svg, idPrefix]);\n\n  const iconClassNames = cx([styles[\"icon\"]], className, {\n    [styles[\"small\"]]: size === \"small\",\n    [styles[\"medium\"]]: size === \"medium\",\n    [styles[\"large\"]]: size === \"large\",\n    [styles[\"xlarge\"]]: size === \"xlarge\",\n  });\n\n  const styleCombined = {\n    color: color ? color : inherit ? \"inherit\" : undefined,\n    ...style,\n    ...layoutStyles,\n  };\n\n  return (\n    <span\n      className={iconClassNames}\n      data-anv=\"icon\"\n      style={styleCombined}\n      ref={mergedRef}\n      {...rest}\n    >\n      <Svg />\n    </span>\n  );\n});\n\nIcon.displayName = \"Icon\";\n"],"names":["Svg"],"mappings":"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"}

package/dist/InputMask-DnbZnynw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"InputMask-DnbZnynw.js","sources":["../src/components/InputMask/internal/constants.ts","../src/components/InputMask/internal/utils.ts","../src/components/InputMask/InputMask.tsx"],"sourcesContent":["export const MASK_CHARS = [\"a\", \"9\", \"*\"];\n","import { MASK_CHARS } from \"./constants\";\n\n/**\n * This function applies the mask to the input value, returning a new string that matches the mask's format.\n * @param value - a string representing the raw input value (e.g., what the user typed)\n * @param mask -  a string representing the desired input mask (e.g., \"99/99/9999\" for a date)\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a string representing the masked value (e.g., \"12/31/2025\" for a date)\n *\n * @example\n * applyMask(\"1234567890\", \"99/99/9999\", \"_\") // \"12/31/2025\"\n * applyMask(\"1234567890\", \"999-999-9999\", \"-\") // \"123-456-7890\"\n * applyMask(\"123\", \"99/99\", \"_\") // \"12/3_\"\n */\nexport function applyMask(\n  value: string,\n  mask: string,\n  defaultMaskCharacter: string,\n) {\n  let maskedValue = \"\";\n  let valueIndex = 0;\n  for (let i = 0; i < mask.length; i++) {\n    const maskChar = mask[i];\n    if (MASK_CHARS.includes(maskChar)) {\n      // Find next acceptable char in value\n      while (\n        valueIndex < value.length &&\n        !isAcceptableChar(value[valueIndex], maskChar)\n      ) {\n        valueIndex++;\n      }\n      if (valueIndex < value.length) {\n        maskedValue += value[valueIndex];\n        valueIndex++;\n      } else {\n        maskedValue += defaultMaskCharacter;\n      }\n    } else {\n      maskedValue += maskChar;\n    }\n  }\n  return maskedValue;\n}\n/**\n * This function checks if a character is acceptable for a given mask character.\n * @param char - a string representing the character to check\n * @param maskChar - a string representing the mask character\n * @returns a boolean indicating if the character is acceptable\n */\nfunction isAcceptableChar(char: string, maskChar: string) {\n  if (maskChar === \"9\") {\n    return /\\d/.test(char);\n  }\n  if (maskChar === \"a\") {\n    return /[a-zA-Z]/.test(char);\n  }\n  if (maskChar === \"*\") {\n    return /[a-zA-Z0-9]/.test(char);\n  }\n  return false;\n}\n/**\n * This function finds the next open character in a given value.\n * @param value - a string representing the value to search\n * @param defaultMaskCharacter - a string representing the default mask character (e.g., \"_\")\n * @returns a number representing the index of the next open character\n */\nexport function getNextOpenCharacterIndex(\n  value: string,\n  defaultMaskCharacter: string,\n) {\n  let idx = value.indexOf(defaultMaskCharacter);\n  if (idx < 0) {\n    idx = value.length;\n  }\n  return idx;\n}\n/**\n * This function finds the first non-fixed character in the value.\n * @param startingIndex - a number representing the index to start searching from\n * @param fixedCharacterIndices - an array of numbers representing the indices of the fixed characters\n * @returns a number representing the index of the first non-fixed character\n */\nexport function getFirstNonFixedCharacterIndex(\n  startingIndex: number,\n  fixedCharacterIndices: number[],\n) {\n  let idx = startingIndex;\n  while (fixedCharacterIndices.includes(idx)) {\n    idx++;\n  }\n  return idx;\n}\n/**\n * This function finds the last filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the last filled character\n */\nexport function getLastFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findLastIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n/**\n * This function finds the first filled character in a given value.\n * @param value - a string representing the value to search\n * @param mask - a string representing the mask\n * @returns a number representing the index of the first filled character\n */\nexport function getFirstFilledCharacterIndex(value: string, mask: string) {\n  let idx = value\n    .split(\"\")\n    .findIndex((char, i) => isAcceptableChar(char, mask[i]));\n  if (idx < 0) {\n    idx = 0;\n  }\n  return idx;\n}\n","import {\n  ChangeEvent,\n  ChangeEventHandler,\n  FocusEvent,\n  KeyboardEvent,\n  InputHTMLAttributes,\n  ReactElement,\n  cloneElement,\n  forwardRef,\n  isValidElement,\n  useRef,\n  useMemo,\n  MouseEvent,\n} from \"react\";\nimport { useMergeRefs } from \"@floating-ui/react\";\nimport { useOptionallyControlledState } from \"../../internal/hooks\";\nimport { useTrackingId } from \"../../hooks\";\nimport { TextField, TextFieldProps } from \"../TextField/internal/TextField\";\nimport { childrenToString } from \"../../internal/functions\";\nimport {\n  applyMask,\n  getLastFilledCharacterIndex,\n  getFirstFilledCharacterIndex,\n  getFirstNonFixedCharacterIndex,\n  getNextOpenCharacterIndex,\n} from \"./internal/utils\";\nimport { MASK_CHARS } from \"./internal/constants\";\nimport { DataTrackingId } from \"../../types\";\n\n/**\n * Props for InputMask when using with children\n */\ninterface InputMaskPropsWithChildren {\n  /**\n   * Custom input element to be wrapped with mask functionality.\n   */\n  children: ReactElement<InputHTMLAttributes<HTMLInputElement>>;\n  /**\n   * Additional props to pass to the input element.\n   */\n  inputProps?: InputHTMLAttributes<HTMLInputElement>;\n}\n\n/**\n * Props for InputMask when using without children\n */\ninterface InputMaskPropsWithoutChildren {\n  /**\n   * No children allowed when using default TextField.\n   */\n  children?: never;\n  /**\n   * Props to pass to the default TextField component.\n   */\n  inputProps?: TextFieldProps;\n}\n\n/**\n * Configuration for custom mask handler matching\n */\ninterface ICustomMaskHandlerMatch {\n  /**\n   * Regular expression pattern to match against input.\n   */\n  matchPattern: RegExp;\n  /**\n   * Starting position in the input string.\n   */\n  startPosition: number;\n  /**\n   * Ending position in the input string.\n   */\n  endPosition: number;\n}\n\n/**\n * Configuration for custom mask handler application\n */\ninterface ICustomMaskHandlerApply {\n  /**\n   * Pattern to apply when match is found.\n   */\n  applyPattern: string;\n  /**\n   * Offset to apply to cursor position after transformation.\n   */\n  caretOffset: number;\n}\n\n/**\n * Custom mask handler for advanced input transformations\n */\ninterface ICustomMaskHandler {\n  /**\n   * Matching configuration for the handler.\n   */\n  match: ICustomMaskHandlerMatch;\n  /**\n   * Application configuration for the handler.\n   */\n  apply: ICustomMaskHandlerApply;\n}\n\n/**\n * Shared props for InputMask component\n */\ninterface SharedInputMaskProps {\n  /**\n   * The mask pattern to apply to the input.\n   * - \"9\" for digits only\n   * - \"a\" for letters only\n   * - \"*\" for alphanumeric\n   * - Any other character is treated as a fixed character\n   */\n  mask: string;\n  /**\n   * Character to display for unfilled mask positions.\n   * @default \"_\"\n   */\n  defaultMaskCharacter?: string;\n  /**\n   * Controlled value for the input.\n   */\n  value?: string;\n  /**\n   * Default value for uncontrolled input.\n   */\n  defaultValue?: string;\n  /**\n   * Callback function called when input value changes.\n   */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /**\n   * Array of custom mask handlers for advanced transformations.\n   */\n  customMaskHandler?: ICustomMaskHandler[];\n}\n\ntype SpecialChange = {\n  reason: \"Backspace\" | \"Delete\" | \"Edit\";\n  start: number;\n  end: number;\n};\n\n/**\n * Props for the InputMask component\n * @property {string} mask - The mask pattern to apply to the input (9 for digits, a for letters, * for alphanumeric)\n * @property {string} [defaultMaskCharacter] - Character to display for unfilled mask positions\n * @property {array} [customMaskHandler] - Array of custom mask handlers for advanced transformations\n * @property {object} [inputProps] - Props to pass to the input component\n * @property {ReactElement} [children] - Custom input element to be wrapped with mask functionality\n * @property {string} [data-tracking-id] - Custom tracking ID for analytics\n */\nexport type InputMaskProps = SharedInputMaskProps &\n  (InputMaskPropsWithChildren | InputMaskPropsWithoutChildren) &\n  DataTrackingId;\n\n/**\n * InputMask component for applying input masks and formatting to text inputs.\n *\n * @deprecated Use the TextField component with custom masking instead. Over time, we intend to release additional components with built-in masking.\n */\nexport const InputMask = forwardRef<HTMLInputElement, InputMaskProps>(\n  (\n    {\n      children,\n      mask,\n      defaultMaskCharacter = \"_\",\n      value,\n      defaultValue,\n      onChange,\n      inputProps,\n      \"data-tracking-id\": dataTrackingId,\n    },\n    ref,\n  ) => {\n    const [v, setV] = useOptionallyControlledState({\n      controlledValue:\n        value !== undefined\n          ? applyMask(value, mask, defaultMaskCharacter)\n          : undefined,\n      defaultValue: applyMask(defaultValue || \"\", mask, defaultMaskCharacter),\n      // Omitting the onChange handler here because we want to handle it ourselves (i.e. send an event instead of just the value)\n    });\n    const specialChange = useRef<SpecialChange | null>(null);\n\n    const inputRef = useRef<HTMLInputElement>(null);\n\n    const passInRef = useMergeRefs([inputRef, ref]);\n\n    const currentOpenCharacterCount = useMemo(() => {\n      return v.split(\"\").filter((char) => char === defaultMaskCharacter).length;\n    }, [v, defaultMaskCharacter]);\n\n    const fixedCharacterIndices = useMemo(() => {\n      const fixedIndices: number[] = [];\n      mask.split(\"\").forEach((char, i) => {\n        if (!MASK_CHARS.includes(char)) {\n          fixedIndices.push(i);\n        }\n      });\n      return fixedIndices;\n    }, [mask]);\n\n    const moveCursorTo = (start: number, end: number = start) => {\n      requestAnimationFrame(() => {\n        inputRef.current?.setSelectionRange(start, end);\n      });\n    };\n\n    const handleChange = (e: ChangeEvent<HTMLInputElement>) => {\n      let newVal = applyMask(e.target.value, mask, defaultMaskCharacter);\n      if (\n        // A single character was backspaced\n        specialChange.current?.reason === \"Backspace\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character before the backspace is a fixed character, we need to remove the filled character before the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start - 1)) {\n          const removeIndex = getLastFilledCharacterIndex(\n            newVal.slice(0, specialChange.current.start),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n          moveCursorTo(removeIndex, removeIndex);\n        } else {\n          const idx = Math.min(\n            getLastFilledCharacterIndex(newVal, mask) + 1,\n            specialChange.current.start - 1,\n          );\n          moveCursorTo(idx, idx);\n        }\n      } else if (\n        // A single character was deleted\n        specialChange.current?.reason === \"Delete\" &&\n        specialChange.current.start === specialChange.current.end\n      ) {\n        // If the character after the delete is a fixed character, we need to remove the filled character after the fixed character\n        if (fixedCharacterIndices.includes(specialChange.current.start)) {\n          const removeIndex = getFirstFilledCharacterIndex(\n            newVal.slice(specialChange.current.start + 1),\n            mask,\n          );\n          newVal = applyMask(\n            newVal.slice(0, removeIndex) + newVal.slice(removeIndex + 1),\n            mask,\n            defaultMaskCharacter,\n          );\n        }\n        const firstFilledIdx = getFirstFilledCharacterIndex(newVal, mask);\n        const targetIdx = Math.max(firstFilledIdx, specialChange.current.start);\n        moveCursorTo(targetIdx, targetIdx);\n      } else if (\n        specialChange.current?.reason === \"Edit\" &&\n        specialChange.current.start === specialChange.current.end // A single character was edited\n      ) {\n        const firstNonFixedIdx = getFirstNonFixedCharacterIndex(\n          specialChange.current.start + 1,\n          fixedCharacterIndices,\n        );\n        moveCursorTo(firstNonFixedIdx, firstNonFixedIdx);\n      } else {\n        const newIndex = getNextOpenCharacterIndex(\n          newVal,\n          defaultMaskCharacter,\n        );\n        moveCursorTo(newIndex, newIndex);\n      }\n\n      setV(newVal);\n      if (inputRef.current) {\n        inputRef.current.value = newVal;\n      }\n      onChange?.({ ...e, target: { ...e.target, value: newVal } });\n    };\n\n    const handleFocus = (e: FocusEvent<HTMLInputElement>) => {\n      requestAnimationFrame(() => {\n        if (\n          e.target.selectionStart === null ||\n          e.target.selectionStart === undefined ||\n          e.target.selectionStart >= v.length\n        ) {\n          const newIndex = getNextOpenCharacterIndex(v, defaultMaskCharacter);\n          moveCursorTo(newIndex, newIndex);\n        }\n      });\n      inputProps?.onFocus?.(e);\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      const target = e.target as HTMLInputElement;\n      if (target.selectionStart === null || target.selectionEnd === null) {\n        return;\n      }\n      if (e.key === \"Backspace\") {\n        specialChange.current = {\n          reason: \"Backspace\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (e.key === \"Delete\") {\n        specialChange.current = {\n          reason: \"Delete\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else if (currentOpenCharacterCount === 0) {\n        specialChange.current = {\n          reason: \"Edit\",\n          start: target.selectionStart,\n          end: target.selectionEnd,\n        };\n      } else {\n        specialChange.current = null;\n      }\n      inputProps?.onKeyDown?.(e);\n    };\n\n    const handleClick = (e: MouseEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onClick?.(e);\n    };\n\n    const handleBlur = (e: FocusEvent<HTMLInputElement>) => {\n      // For future use.\n      e.preventDefault();\n      e.stopPropagation();\n      inputProps?.onBlur?.(e);\n    };\n\n    const mergedInputProps = {\n      ...inputProps,\n      ...(children && isValidElement(children) ? children.props : {}),\n      value: v,\n      onChange: handleChange,\n      onFocus: handleFocus,\n      onKeyDown: handleKeyDown,\n      onClick: handleClick,\n      onBlur: handleBlur,\n      ref: passInRef,\n    };\n\n    const isInputEmpty = useMemo(() => {\n      if (v.length === 0) {\n        return true;\n      }\n      return v === applyMask(\"\", mask, defaultMaskCharacter);\n    }, [v, defaultMaskCharacter, mask]);\n\n    const data = {\n      label:\n        \"label\" in mergedInputProps\n          ? childrenToString(mergedInputProps.label)\n          : null,\n      labelProps:\n        \"labelProps\" in mergedInputProps ? mergedInputProps.labelProps : null,\n      prefix: childrenToString(mergedInputProps.prefix),\n      hint:\n        \"hint\" in mergedInputProps\n          ? childrenToString(mergedInputProps.hint)\n          : null,\n      description:\n        \"description\" in mergedInputProps\n          ? childrenToString(mergedInputProps.description)\n          : null,\n      size: mergedInputProps.size,\n      type: mergedInputProps.type,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"InputMask\",\n      data,\n      hasOverride: !!dataTrackingId,\n    });\n\n    return children && isValidElement(children) && children.type === \"input\" ? (\n      cloneElement(children, {\n        ...mergedInputProps,\n        \"data-tracking-id\": trackingId,\n      } as InputHTMLAttributes<HTMLInputElement> & {\n        \"data-tracking-id\"?: string;\n      })\n    ) : (\n      <TextField\n        data-input-empty={isInputEmpty}\n        data-tracking-id={trackingId}\n        {...(mergedInputProps as TextFieldProps)}\n      />\n    );\n  },\n);\n\nInputMask.displayName = \"InputMask\";\n"],"names":[],"mappings":"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"}

package/dist/Link-C7dtI5K6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Link-C7dtI5K6.js","sources":["../../hammer-icon/mdi/round/open_in_new.svg","../src/components/Link/internal/LinkHeadless.tsx","../src/components/Link/useLinkStyles.ts","../src/components/Link/internal/Link.tsx","../src/components/Link/Link.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgOpenInNew = (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: \"M18 19H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h5c.55 0 1-.45 1-1s-.45-1-1-1H5a2 2 0 0 0-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2v-6c0-.55-.45-1-1-1s-1 .45-1 1v5c0 .55-.45 1-1 1zM14 4c0 .55.45 1 1 1h2.59l-9.13 9.13a.996.996 0 1 0 1.41 1.41L19 6.41V9c0 .55.45 1 1 1s1-.45 1-1V4c0-.55-.45-1-1-1h-5c-.55 0-1 .45-1 1z\" }));\nexport default SvgOpenInNew;\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport styles from \"./Link.module.scss\";\nimport { Icon } from \"../../Icon\";\nimport OpenInNew from \"@servicetitan/hammer-icon/mdi/round/open_in_new.svg\";\n\n/**\n * Props for the LinkHeadless component.\n * @extends ComponentPropsWithoutRef<\"a\">\n */\nexport type LinkHeadlessProps = ComponentPropsWithoutRef<\"a\">;\n\n/**\n * Headless link component for creating accessible hyperlinks.\n *\n * Features:\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n *\n * @example\n * <LinkHeadless href=\"/dashboard\">\n *   Go to Dashboard\n * </LinkHeadless>\n *\n * @example\n * <LinkHeadless href=\"https://example.com\" target=\"_blank\">\n *   External Documentation\n * </LinkHeadless>\n *\n */\nexport const LinkHeadless = forwardRef<HTMLAnchorElement, LinkHeadlessProps>(\n  ({ children, ...props }, ref) => {\n    return (\n      <a\n        rel=\"noopener noreferrer\"\n        data-anv=\"link-headless\"\n        ref={ref}\n        {...props}\n      >\n        {children}\n        {props.target === \"_blank\" && (\n          <Icon className={styles[\"open-in-new\"]} inherit svg={OpenInNew} />\n        )}\n      </a>\n    );\n  },\n);\n\nLinkHeadless.displayName = \"LinkHeadless\";\n","import cx from \"classnames\";\n\nimport { LayoutUtilProps } from \"../../types\";\nimport { LinkProps } from \"./Link\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\n\nimport styles from \"./internal/Link.module.scss\";\n\n/**\n * Props for the useLinkStyles hook.\n * @extends LayoutUtilProps\n */\nexport type UseLinkStylesProps = LayoutUtilProps &\n  Pick<LinkProps, \"className\" | \"appearance\" | \"ghost\" | \"style\">;\n\n/**\n * Hook for generating link styles and class names.\n *\n * @param props - The link style properties\n * @returns Object containing linkClassNames and styleCombined\n */\nexport const useLinkStyles = (props: UseLinkStylesProps) => {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const { className, appearance = \"primary\", ghost, style } = componentProps;\n\n  const linkClassNames = cx([styles[\"link\"]], className, {\n    [styles[\"ghost\"]]: ghost,\n    [styles[\"secondary\"]]: appearance === \"secondary\",\n  });\n\n  const styleCombined = Object.assign({}, style, layoutStyles);\n\n  return { linkClassNames, styleCombined };\n};\n","import { forwardRef, ComponentPropsWithoutRef } from \"react\";\n\nimport { LayoutUtilProps } from \"../../../types\";\n\nimport { LinkHeadless } from \"./LinkHeadless\";\n\nimport { useLinkStyles } from \"../useLinkStyles\";\n\n/**\n * Props for the Link component.\n * @extends ComponentPropsWithoutRef<\"a\">\n * @extends LayoutUtilProps\n */\nexport type LinkProps = ComponentPropsWithoutRef<\"a\"> &\n  LayoutUtilProps &\n  (\n    | {\n        /**\n         * The visual appearance of the link.\n         * @default \"primary\"\n         */\n        appearance?: \"primary\";\n        /**\n         * Whether the link should have a quieter, less prominent appearance\n         * @remarks Only available when appearance is \"primary\".\n         */\n        ghost?: boolean;\n      }\n    | {\n        /**\n         * The visual appearance of the LinkButton. Secondary appearance cannot be ghost.\n         */\n        appearance: \"secondary\";\n        /**\n         * Whether the LinkButton should have a quieter, less prominent appearance.\n         * @remarks Must be false when appearance is \"secondary\".\n         */\n        ghost?: false;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Ghost mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/settings\" appearance=\"secondary\">\n *   Settings\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { appearance, className, ghost, style, children, ...rest } = props;\n  const { linkClassNames, styleCombined } = useLinkStyles({\n    appearance,\n    className,\n    ghost,\n    style,\n  });\n\n  return (\n    <LinkHeadless\n      className={linkClassNames}\n      data-anv=\"link\"\n      ref={ref}\n      style={styleCombined}\n      {...rest}\n    >\n      {children}\n    </LinkHeadless>\n  );\n});\n\nLink.displayName = \"Link\";\n","import { Ref, forwardRef } from \"react\";\n\nimport { childrenToString } from \"../../internal/functions\";\nimport { DataTrackingId, DistributiveOmit } from \"../../types\";\nimport { useTrackingId } from \"../../hooks\";\n\nimport { LinkProps as BaseLinkProps, Link as BaseLink } from \"./internal/Link\";\n\n/**\n * Props for the Link component.\n * @extends Omit<BaseLinkProps, \"href\">\n * @extends DataTrackingId\n */\nexport type LinkProps = DistributiveOmit<BaseLinkProps, \"href\"> &\n  DataTrackingId &\n  (\n    | {\n        pathname?: never;\n        search?: never;\n        href?: BaseLinkProps[\"href\"];\n      }\n    | {\n        pathname: string;\n        search?: string;\n        href?: never;\n      }\n    | {\n        pathname?: never;\n        search?: never;\n        href?: never;\n      }\n  );\n\n/**\n * Link component for creating accessible, styled hyperlinks with tracking support.\n *\n * Features:\n * - Two visual appearances: primary (default) and secondary\n * - Quiet mode for less prominent styling\n * - Automatic external link icon for target=\"_blank\" links\n * - Security attributes (rel=\"noopener noreferrer\") for external links\n * - Full accessibility support with proper focus management\n * - Supports layout utilities for positioning and spacing\n * - Flexible content support for text and other elements\n * - Responsive design with consistent typography\n * - Hover and focus states with proper visual feedback\n * - Screen reader support for external link announcements\n * - Automatic tracking ID generation for analytics\n * - Client-side navigation support with pathname and search params\n * - History API integration for single-page application navigation\n *\n * @example\n * <Link href=\"/dashboard\" appearance=\"primary\">\n *   Go to Dashboard\n * </Link>\n *\n * @example\n * <Link pathname=\"/settings\" search=\"?tab=profile\">\n *   Profile Settings\n * </Link>\n *\n * @example\n * <Link href=\"https://example.com\" target=\"_blank\" ghost>\n *   External Documentation\n * </Link>\n *\n * @example\n * <Link href=\"/profile\" gap=\"2\" alignItems=\"center\">\n *   <Avatar name=\"John Doe\" size=\"small\" />\n *   View Profile\n * </Link>\n */\nexport const Link = forwardRef(\n  (props: LinkProps, ref: Ref<HTMLAnchorElement>) => {\n    const { onClick, pathname, children, search, ...rest } = props;\n    const data = {\n      appearance: props.appearance,\n      ghost: props.ghost,\n      children: childrenToString(children),\n    };\n\n    const handleClick = (\n      ...args: Parameters<NonNullable<LinkProps[\"onClick\"]>>\n    ) => {\n      if (pathname) {\n        const to = pathname + (search ?? \"\");\n        args[0].preventDefault();\n        history.pushState(null, \"\", to);\n        onClick?.(...args);\n      } else {\n        onClick?.(...args);\n      }\n    };\n\n    const trackingId = useTrackingId({\n      name: \"Link\",\n      data,\n      hasOverride: !!rest[\"data-tracking-id\"],\n    });\n\n    return (\n      <BaseLink\n        onClick={handleClick}\n        ref={ref}\n        data-tracking-id={trackingId}\n        {...rest}\n      >\n        {children}\n      </BaseLink>\n    );\n  },\n);\n\nLink.displayName = BaseLink.displayName;\n"],"names":["OpenInNew","Link","BaseLink"],"mappings":"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"}

package/dist/ListView-Dy4m0aQb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListView-Dy4m0aQb.js","sources":["../src/internal/functions/mapOrder.ts","../src/components/ListView/internal/ListViewContext.ts","../src/components/ListView/ListViewOption.tsx","../src/components/ListView/ListViewOptionCell.tsx","../src/components/ListView/internal/utils.ts","../src/components/ListView/ListView.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/no-explicit-any\nexport function mapOrder(array: any[], order: any[], key: string) {\n  // Create a copy to avoid mutating the input array\n  const sortedArray = [...array];\n  sortedArray.sort(function (a, b) {\n    const A = a[key],\n      B = b[key];\n\n    if (order.indexOf(A) > order.indexOf(B)) {\n      return 1;\n    } else {\n      return -1;\n    }\n  });\n\n  return sortedArray;\n}\n","import { Dispatch, SetStateAction, createContext, useContext } from \"react\";\nimport { Option } from \"./types\";\n\n/**\n * Context properties for the ListView component\n */\nexport type ListViewContextProps = {\n  /** Array of option objects for focus management */\n  options?: Option[];\n  /** Callback when selection changes */\n  onSelectionChange?: (value: unknown[]) => void;\n  /** Currently selected items */\n  selectedItems: unknown[];\n  /** Currently indeterminate items */\n  indeterminateItems: unknown[];\n  /** Array of items if using items prop */\n  items?: unknown[];\n  /** Function to set the selected items */\n  setSelectedItems: Dispatch<\n    SetStateAction<ListViewContextProps[\"selectedItems\"]>\n  >;\n  /** Whether the component is controlled */\n  controlled?: boolean;\n};\n\nexport const ListViewContext = createContext<ListViewContextProps | null>(null);\n\n/**\n * Hook to access the listview context\n * @returns The listview context\n * @throws Error if used outside of a ListView component\n */\nexport function useListView() {\n  const context = useContext(ListViewContext);\n\n  if (context == null) {\n    throw new Error(\"useListView must be wrapped in <ListView />\");\n  }\n\n  return context;\n}\n","import {\n  ChangeEvent,\n  ComponentPropsWithoutRef,\n  forwardRef,\n  useEffect,\n  useId,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\nimport { useMergeRefs, useTrackingId } from \"../../hooks\";\n\nimport cx from \"classnames\";\nimport styles from \"./ListView.module.scss\";\nimport { CheckboxState } from \"../Checkbox/types\";\nimport { useListView } from \"./internal/ListViewContext\";\nimport { DataTrackingId } from \"../../types\";\n\ntype ItemType = {\n  label: string;\n  disabled?: boolean;\n  [key: string]: unknown;\n};\n\n/**\n * Props for the ListViewOption component\n * @extends ComponentPropsWithoutRef<\"div\">\n */\nexport type ListViewOptionProps = Omit<\n  ComponentPropsWithoutRef<\"div\">,\n  \"onChange\"\n> & {\n  /** Whether the option is disabled */\n  disabled?: boolean;\n  /** Callback when the option changes */\n  onChange?: (e: ChangeEvent<HTMLInputElement>, state?: CheckboxState) => void;\n} & (\n    | {\n        /** The item object when using items prop */\n        item: ItemType;\n      }\n    | {\n        /** The display label for the option */\n        label: string;\n      }\n  ) &\n  DataTrackingId;\n\n/**\n * ListViewOption component for individual selectable items within a listview.\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 * <ListView.Option item={{ label: \"Option 1\" }} />\n */\nexport const ListViewOption = forwardRef<HTMLDivElement, ListViewOptionProps>(\n  (props, ref) => {\n    const {\n      className,\n      children,\n      onChange,\n      style,\n      disabled: disabledProp,\n      ...remainingProps\n    } = props;\n\n    const optionRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRefs([ref, optionRef]);\n\n    const cellRef = useRef<HTMLDivElement>(null);\n    const rowId = useId();\n    const {\n      selectedItems,\n      setSelectedItems,\n      indeterminateItems,\n      controlled,\n      onSelectionChange,\n    } = useListView();\n    const disabled =\n      \"item\" in remainingProps\n        ? disabledProp || remainingProps.item.disabled\n        : disabledProp;\n\n    useEffect(() => {\n      const focusables = optionRef.current?.querySelectorAll(\n        \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\",\n      );\n      focusables?.forEach((item, i) => {\n        item.setAttribute(\"tabindex\", \"-1\");\n        if (item.hasAttribute(\"id\")) return;\n        item.setAttribute(\"id\", `${rowId}-${i}`);\n      });\n    }, [rowId]);\n\n    const label =\n      \"item\" in remainingProps\n        ? remainingProps.item.label\n        : remainingProps.label;\n\n    const isSelected = useMemo(\n      () => matchInArray(label, selectedItems),\n      [selectedItems, label],\n    );\n\n    const isIndeterminate = useMemo(\n      () => matchInArray(label, indeterminateItems),\n      [indeterminateItems, label],\n    );\n\n    const onChangeHandler: CheckboxProps[\"onChange\"] = (e) => {\n      onChange?.(e, { checked: isSelected });\n    };\n\n    const onClickHandler: CheckboxProps[\"onClick\"] = () => {\n      updateSelectedItems();\n    };\n\n    const removeItemFromSelectedItems = (itemLabelToRemove: string) => {\n      return (selectedItems as (ItemType | string)[]).filter(\n        (potentialRemove) => {\n          if (typeof potentialRemove === \"string\") {\n            return potentialRemove !== itemLabelToRemove;\n          }\n          return potentialRemove.label !== itemLabelToRemove;\n        },\n      );\n    };\n\n    const addItemFromSelectedItems = (itemToAdd: ItemType | string) => {\n      return [...selectedItems, itemToAdd];\n    };\n\n    function updateSelectedItems() {\n      const isPartOfSelectedItems = matchInArray(label, selectedItems);\n      const callback = controlled ? onSelectionChange : setSelectedItems;\n      if (isPartOfSelectedItems) {\n        callback?.(removeItemFromSelectedItems(label));\n      } else {\n        callback?.(\n          addItemFromSelectedItems(\n            \"item\" in remainingProps\n              ? remainingProps.item\n              : remainingProps.label,\n          ),\n        );\n      }\n    }\n\n    const data = {\n      label: \"item\" in props ? props.item?.label : props.label,\n    };\n\n    const trackingId = useTrackingId({\n      name: \"ListViewOption\",\n      data,\n      hasOverride: !!props[\"data-tracking-id\"],\n    });\n\n    const {\n      item: _item,\n      label: _label,\n      ...forwardedProps\n    } = remainingProps as {\n      // This is to satisfy the type checker and allow us to destructure the item and label props which \"could\" exist.\n      // We're destructuring them because we don't want to forward them to the div element.\n      item: ItemType;\n      label: string;\n    };\n\n    return (\n      <div\n        data-tracking-id={trackingId}\n        className={cx([styles[\"listview-option\"]], className)}\n        data-anv=\"listview-option\"\n        style={style}\n        ref={mergedRef}\n        aria-disabled={disabled}\n        aria-selected={isSelected}\n        aria-label={label ?? \"Select\"}\n        role=\"row\"\n        {...forwardedProps}\n      >\n        <div className={styles[\"cell\"]} ref={cellRef} role=\"gridcell\">\n          <Checkbox\n            disabled={disabled}\n            checked={isIndeterminate ? undefined : isSelected}\n            indeterminate={isIndeterminate}\n            aria-label={label ?? \"Select\"}\n            onChange={onChangeHandler}\n            onClick={onClickHandler}\n          />\n        </div>\n        {children}\n      </div>\n    );\n  },\n);\n\nListViewOption.displayName = \"ListViewOption\";\n\n/**\n * Helper function to check if a list view option item is in an array (e.g. selected items or indeterminate items)\n * @param itemLabel - The label of the item to check if it is in the array\n * @param array - The array to check if the item is in\n * @returns True if the item is in the array, false otherwise\n */\nfunction matchInArray(\n  itemLabel: string,\n  array: (ItemType | unknown)[],\n): boolean {\n  return array.some(\n    (i) => itemLabel === i || itemLabel === (i as ItemType).label,\n  );\n}\n","import { ComponentPropsWithoutRef, forwardRef } from \"react\";\n\n/**\n * ListViewOptionCell component for rendering a cell within a listview option.\n *\n * Features:\n * - Renders a grid cell for option content\n * - Supports custom content and layout\n * - Accessible with proper ARIA attributes\n *\n * @example\n * <ListView.OptionCell>Custom cell content</ListView.OptionCell>\n */\nexport const ListViewOptionCell = forwardRef<\n  HTMLDivElement,\n  ComponentPropsWithoutRef<\"div\">\n>((props, ref) => {\n  const { ...rest } = props;\n  return (\n    <div role=\"gridcell\" data-anv=\"listview-option-cell\" {...rest} ref={ref} />\n  );\n});\n\nListViewOptionCell.displayName = \"ListViewOptionCell\";\n","import { Dispatch, KeyboardEvent, SetStateAction } from \"react\";\nimport { FocusedItem, Option } from \"./types\";\nimport { getActiveElement } from \"../../../internal/functions\";\n\nexport const listViewKeyboardNavigation = (\n  e: KeyboardEvent<HTMLDivElement>,\n  options: Option[],\n  focusedItem: FocusedItem,\n  setFocusedItem: Dispatch<SetStateAction<FocusedItem>>,\n  parent: HTMLDivElement | null,\n  currentFocusId: (id: string) => void,\n) => {\n  if (!options) return;\n  let activeElement: HTMLElement | null;\n  switch (e.code) {\n    case \"Enter\":\n    case \"Space\":\n      (\n        options[focusedItem.row].focusables[focusedItem.col] as HTMLElement\n      ).click();\n      activeElement = getActiveElement(document);\n      if (!activeElement) break;\n      activeElement.click();\n      e.preventDefault();\n      break;\n    case \"ArrowDown\":\n      parent?.focus();\n      options[focusedItem.row].focusables[focusedItem.col].removeAttribute(\n        \"data-interactive\",\n      );\n      if (focusedItem.row === options.length - 1) {\n        options[0].focusables[focusedItem.col].setAttribute(\n          \"data-interactive\",\n          \"focus-visible\",\n        );\n        currentFocusId(options[0].focusables[focusedItem.col].id);\n        setFocusedItem((prev) => {\n          return { ...prev, row: 0 };\n        });\n        break;\n      }\n\n      options[focusedItem.row + 1].focusables[focusedItem.col].setAttribute(\n        \"data-interactive\",\n        \"focus-visible\",\n      );\n      currentFocusId(\n        options[focusedItem.row + 1].focusables[focusedItem.col].id,\n      );\n      setFocusedItem((prev) => {\n        return { ...prev, row: focusedItem.row + 1 };\n      });\n      break;\n    case \"ArrowUp\":\n      parent?.focus();\n      options[focusedItem.row].focusables[focusedItem.col].removeAttribute(\n        \"data-interactive\",\n      );\n      if (focusedItem.row === 0) {\n        options[options.length - 1].focusables[focusedItem.col].setAttribute(\n          \"data-interactive\",\n          \"focus-visible\",\n        );\n        currentFocusId(\n          options[options.length - 1].focusables[focusedItem.col].id,\n        );\n        setFocusedItem((prev) => {\n          return { ...prev, row: options.length - 1 };\n        });\n        break;\n      }\n\n      options[focusedItem.row - 1].focusables[focusedItem.col].setAttribute(\n        \"data-interactive\",\n        \"focus-visible\",\n      );\n      currentFocusId(\n        options[focusedItem.row - 1].focusables[focusedItem.col].id,\n      );\n      setFocusedItem((prev) => {\n        return { ...prev, row: focusedItem.row - 1 };\n      });\n      break;\n    case \"ArrowRight\":\n      parent?.focus();\n      options[focusedItem.row].focusables[focusedItem.col].removeAttribute(\n        \"data-interactive\",\n      );\n      if (focusedItem.col === options[focusedItem.row].focusables.length - 1) {\n        options[focusedItem.row].focusables[0].setAttribute(\n          \"data-interactive\",\n          \"focus-visible\",\n        );\n        currentFocusId(options[focusedItem.row].focusables[0].id);\n        setFocusedItem((prev) => {\n          return {\n            ...prev,\n            col: 0,\n          };\n        });\n        break;\n      }\n\n      options[focusedItem.row].focusables[focusedItem.col + 1].setAttribute(\n        \"data-interactive\",\n        \"focus-visible\",\n      );\n      currentFocusId(\n        options[focusedItem.row].focusables[focusedItem.col + 1].id,\n      );\n      setFocusedItem((prev) => {\n        return { ...prev, col: focusedItem.col + 1 };\n      });\n      break;\n    case \"ArrowLeft\":\n      parent?.focus();\n      options[focusedItem.row].focusables[focusedItem.col].removeAttribute(\n        \"data-interactive\",\n      );\n      if (focusedItem.col === 0) {\n        options[focusedItem.row].focusables[\n          options[focusedItem.row].focusables.length - 1\n        ].setAttribute(\"data-interactive\", \"focus-visible\");\n        currentFocusId(\n          options[focusedItem.row].focusables[\n            options[focusedItem.row].focusables.length - 1\n          ].id,\n        );\n        setFocusedItem((prev) => {\n          return {\n            ...prev,\n            col: options[focusedItem.row].focusables.length - 1,\n          };\n        });\n        break;\n      }\n\n      options[focusedItem.row].focusables[focusedItem.col - 1].setAttribute(\n        \"data-interactive\",\n        \"focus-visible\",\n      );\n      currentFocusId(\n        options[focusedItem.row].focusables[focusedItem.col - 1].id,\n      );\n      setFocusedItem((prev) => {\n        return { ...prev, col: focusedItem.col - 1 };\n      });\n      break;\n\n    default:\n      break;\n  }\n};\n\nexport const getFocusables = (el: Element) => {\n  return el.querySelectorAll(\n    \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [tabindex='0']:not(:disabled):not([aria-disabled='true'])\",\n  );\n};\n","import {\n  KeyboardEvent,\n  MouseEvent,\n  ReactNode,\n  Ref,\n  forwardRef,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { LayoutUtilProps } from \"../../types\";\nimport {\n  FocusedItem,\n  ItemType,\n  ListViewWithItems,\n  ListViewWithOutItems,\n  Option,\n} from \"./internal/types\";\nimport { ListViewOption } from \"./ListViewOption\";\nimport { ListViewOptionCell } from \"./ListViewOptionCell\";\nimport { useLayoutPropsUtil } from \"../../internal/hooks\";\nimport { useMergeRefs } from \"../../hooks\";\nimport { getFocusables, listViewKeyboardNavigation } from \"./internal/utils\";\nimport { mapOrder } from \"../../internal/functions\";\nimport { ListViewContext } from \"./internal/ListViewContext\";\n\nimport cx from \"classnames\";\nimport styles from \"./ListView.module.scss\";\n\n/**\n * Props for the ListView component\n * @template T - The type of additional properties for items\n * @extends LayoutUtilProps\n */\nexport type ListViewProps<T> = LayoutUtilProps &\n  (ListViewWithItems<T> | ListViewWithOutItems);\n\nfunction ListViewInner<T>(props: ListViewProps<T>, ref: Ref<HTMLDivElement>) {\n  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);\n  const {\n    indeterminate,\n    onSelectionChange,\n    className,\n    selected,\n    defaultSelected,\n    style,\n    onKeyDown,\n    ...remainingProps\n  } = componentProps;\n\n  const ListViewRef = useRef<HTMLDivElement>(null);\n  const isFocusVisible = useRef(true);\n  const combinedRef = useMergeRefs([ref, ListViewRef]);\n  const [options, setOptions] = useState<Option[]>();\n  const [currentActive, setCurrentActive] = useState<string>();\n  const [selectedItems, setSelectedItems] = useState<unknown[]>(\n    selected ?? defaultSelected ?? [],\n  );\n  const [focusedItem, setFocusedItem] = useState<FocusedItem>({\n    row: 0,\n    col: 0,\n  });\n\n  const styleCombined = {\n    ...style,\n    ...layoutStyles,\n  };\n\n  const onFocusHandler = () => {\n    if (!isFocusVisible.current) return;\n    if (!options) return;\n    options[focusedItem.row].focusables[focusedItem.col].setAttribute(\n      \"data-interactive\",\n      \"focus-visible\",\n    );\n    return;\n  };\n  const onBlurHandler = () => {\n    if (!options) return;\n    options[focusedItem.row].focusables[focusedItem.col]?.removeAttribute(\n      \"data-interactive\",\n    );\n    return;\n  };\n\n  const onKeyDownHandler = (e: KeyboardEvent<HTMLDivElement>) => {\n    onKeyDown?.(e);\n    if (!options) return;\n    isFocusVisible.current = true;\n    listViewKeyboardNavigation(\n      e,\n      options,\n      focusedItem,\n      setFocusedItem,\n      ListViewRef.current,\n      (id) => setCurrentActive(id),\n    );\n  };\n\n  const onMouseDownHandler = (e: MouseEvent<HTMLDivElement>) => {\n    isFocusVisible.current = false;\n    if (options && ListViewRef.current) {\n      options[focusedItem.row].focusables[focusedItem.col]?.removeAttribute(\n        \"data-interactive\",\n      );\n\n      const closestFocusable = (e.target as HTMLElement).closest(\n        \"button:not(:disabled):not([aria-disabled='true']), input:not(:disabled):not([aria-disabled='true']), [data-anv='checkbox']\",\n      );\n\n      const optionRow = (e.target as HTMLElement).closest(\n        '[data-anv=\"listview-option\"]',\n      );\n      if (!optionRow || optionRow.ariaDisabled) return;\n      const row = options.findIndex((option) => option.node === optionRow);\n      if (!closestFocusable) {\n        (options[row].focusables[0] as HTMLElement).click();\n        return;\n      }\n      const col = Array.prototype.indexOf.call(\n        options[row].focusables,\n        closestFocusable?.getAttribute(\"data-anv\") === \"checkbox\"\n          ? closestFocusable.children[0]\n          : closestFocusable,\n      );\n      setFocusedItem({ row, col });\n    }\n  };\n\n  useEffect(() => {\n    if (!ListViewRef.current) return;\n    const optionArr = ListViewRef.current.querySelectorAll<HTMLDivElement>(\n      \"div[data-anv='listview-option']:not([aria-disabled='true'])\",\n    );\n    const makeTree = Array.from(optionArr).map((option) => {\n      const childFocusables = getFocusables(option);\n      return {\n        node: option,\n        focusables: childFocusables,\n      };\n    });\n    setOptions(makeTree);\n  }, [props.children]);\n\n  const prevCallbackItems = useRef<unknown[]>([]);\n  const prevControlledItems = useRef<unknown[]>(\n    selected ?? defaultSelected ?? [],\n  );\n\n  useEffect(() => {\n    if (!options) return;\n    const compareArr = options.map((option) => option.node.ariaLabel);\n    const orderedSelectedItems = mapOrder(selectedItems, compareArr, \"label\");\n    if (\n      JSON.stringify(prevCallbackItems.current) ===\n      JSON.stringify(orderedSelectedItems)\n    )\n      return;\n\n    onSelectionChange?.(orderedSelectedItems);\n    prevCallbackItems.current = orderedSelectedItems;\n  }, [onSelectionChange, options, selectedItems]);\n\n  useEffect(() => {\n    if (!selected) return;\n\n    // Helper to extract label from either string or ItemType\n    const getLabel = (item: unknown): string =>\n      typeof item === \"string\" ? item : (item as ItemType<T>).label;\n\n    const filterDuplicates = (selected as unknown[]).reduce<unknown[]>(\n      (acc, current) => {\n        const currentLabel = getLabel(current);\n        const isDup = acc.find((item) => getLabel(item) === currentLabel);\n        if (!isDup) {\n          return [...acc, current];\n        } else {\n          return acc;\n        }\n      },\n      [],\n    );\n\n    if (!options) return;\n    const compareArr = options.map((option) => option.node.ariaLabel);\n    const orderedSelected = mapOrder(filterDuplicates, compareArr, \"label\");\n    if (\n      JSON.stringify(prevControlledItems.current) ===\n      JSON.stringify(orderedSelected)\n    )\n      return;\n    setSelectedItems(orderedSelected);\n    prevControlledItems.current = orderedSelected;\n  }, [options, selected]);\n\n  const ListViewClassNames = cx([styles[\"listview\"]], className);\n\n  if (remainingProps.items !== undefined) {\n    const { children, items, ...rest } = remainingProps as Omit<\n      ListViewWithItems<T>,\n      keyof LayoutUtilProps\n    >;\n    const renderChildren = children as\n      | (({ items }: { items: ItemType<T>[] }) => ReactNode)\n      | undefined;\n    return (\n      <ListViewContext.Provider\n        value={{\n          options,\n          onSelectionChange: onSelectionChange as\n            | ((value: unknown[]) => void)\n            | undefined,\n          indeterminateItems: indeterminate ?? [],\n          selectedItems,\n          setSelectedItems,\n          items,\n          controlled: !!selected,\n        }}\n      >\n        <div\n          ref={combinedRef}\n          className={ListViewClassNames}\n          style={styleCombined}\n          data-anv=\"listview\"\n          role=\"grid\"\n          aria-multiselectable=\"true\"\n          onFocus={onFocusHandler}\n          onBlur={onBlurHandler}\n          onKeyDown={onKeyDownHandler}\n          onMouseDown={onMouseDownHandler}\n          aria-activedescendant={currentActive}\n          tabIndex={0}\n          {...rest}\n        >\n          {renderChildren?.({\n            items: items.map((item: ItemType<T>) => {\n              return item;\n            }),\n          })}\n        </div>\n      </ListViewContext.Provider>\n    );\n  }\n\n  const { children, ...rest } = remainingProps;\n  return (\n    <ListViewContext.Provider\n      value={{\n        options,\n        onSelectionChange: onSelectionChange as\n          | ((value: unknown[]) => void)\n          | undefined,\n        selectedItems,\n        indeterminateItems: indeterminate ?? [],\n        setSelectedItems,\n        controlled: !!selected || !!indeterminate,\n      }}\n    >\n      <div\n        ref={combinedRef}\n        className={ListViewClassNames}\n        style={styleCombined}\n        data-anv=\"listview\"\n        role=\"grid\"\n        onFocus={onFocusHandler}\n        onBlur={onBlurHandler}\n        onKeyDown={onKeyDownHandler}\n        onMouseDown={onMouseDownHandler}\n        aria-activedescendant={currentActive}\n        tabIndex={0}\n        {...rest}\n      >\n        {children}\n      </div>\n    </ListViewContext.Provider>\n  );\n}\n\nListViewInner.displayName = \"ListView\";\n\n/**\n * ListView component for displaying a list of selectable items in a grid layout.\n *\n * Features:\n * - Supports single and multiple selection modes\n * - Keyboard navigation with arrow keys\n * - Customizable item rendering\n * - Controlled and uncontrolled modes\n * - Accessible with proper ARIA attributes\n * - Focus management for interactive elements\n * - Layout utilities for positioning and spacing\n * - Automatic tracking ID generation for analytics\n *\n * @example\n * <ListView items={[{ label: \"Item 1\" }, { label: \"Item 2\" }]} onSelectionChange={handleSelection}>\n *   {({ items }) => items.map(item => (\n *     <ListView.Option key={item.label} item={item} />\n *   ))}\n * </ListView>\n */\nexport const ListView = Object.assign(\n  forwardRef(ListViewInner) as <T>(\n    props: ListViewProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> },\n  ) => ReturnType<typeof ListViewInner>,\n  {\n    /**\n     * ListViewOption component for individual selectable items within a listview.\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     * - Automatic tracking ID generation for analytics\n     *\n     * @example\n     * <ListView.Option item={{ label: \"Option 1\" }} />\n     */\n    Option: ListViewOption,\n    /**\n     * ListViewOptionCell component for rendering a cell within a listview option.\n     *\n     * Features:\n     * - Renders a grid cell for option content\n     * - Supports custom content and layout\n     * - Accessible with proper ARIA attributes\n     *\n     * @example\n     * <ListView.OptionCell>Custom cell content</ListView.OptionCell>\n     */\n    OptionCell: ListViewOptionCell,\n  },\n);\n"],"names":["children","rest"],"mappings":"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"}

package/dist/Listbox-By-gyw1j.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Listbox-By-gyw1j.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 */\n\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\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          if (!controlled) 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          if (!controlled) setSelected?.(selectedItemsWithItemRemoved);\n          onSelectionChange?.(selectedItemsWithItemRemoved);\n          return;\n        }\n\n        if (item) {\n          const selectedItemsWithItemAdded = [...selectedItems, item];\n          if (!controlled) setSelected?.(selectedItemsWithItemAdded);\n          onSelectionChange?.(selectedItemsWithItemAdded);\n          return;\n        }\n\n        if (!item) {\n          const selectedItemsWithItemAdded = [...selectedItems, label];\n          if (!controlled) 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  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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\n      if (selectionMode === \"single\") {\n        if (\n          typeof selected === \"object\"\n            ? selected.label === currentFocus\n            : selected === currentFocus\n        ) {\n          if (!controlled) setSelected?.(undefined);\n          onSelectionChange?.(undefined);\n          return;\n        }\n\n        if (items) {\n          const enabledItems = items.filter(\n            (item) => !(item as { disabled?: boolean })?.disabled,\n          );\n          if (!controlled) setSelected?.(enabledItems[currentIndex]);\n          onSelectionChange?.(enabledItems[currentIndex]);\n          return;\n        }\n\n        if (!items) {\n          if (!controlled) setSelected?.(currentFocus);\n          onSelectionChange?.(currentFocus);\n          return;\n        }\n      }\n\n      if (selectionMode === \"multiple\") {\n        const selectedItems = Array.isArray(selected)\n          ? selected\n          : selected\n            ? [selected]\n            : [];\n\n        if (items) {\n          const focusedItem = items.find(\n            (item) => (item as { label: string }).label === currentFocus,\n          );\n\n          if (selectedItems.includes(focusedItem)) {\n            const selectedItemsWithItemRemoved = selectedItems.filter(\n              (selectedItem) => selectedItem !== focusedItem,\n            );\n            if (!controlled) setSelected?.(selectedItemsWithItemRemoved);\n            onSelectionChange?.(selectedItemsWithItemRemoved);\n            return;\n          } else {\n            const selectedItemsWithItemAdded = [...selectedItems, focusedItem];\n            if (!controlled) setSelected?.(selectedItemsWithItemAdded);\n            onSelectionChange?.(selectedItemsWithItemAdded);\n            return;\n          }\n        }\n\n        if (!items) {\n          if (selectedItems.includes(currentFocus)) {\n            const filtered = selectedItems.filter(\n              (item) => item !== currentFocus,\n            );\n            if (!controlled) setSelected?.(filtered);\n            onSelectionChange?.(filtered);\n            return;\n          }\n          const added = [...selectedItems, currentFocus];\n          if (!controlled) setSelected?.(added);\n          onSelectionChange?.(added);\n        }\n      }\n      break;\n\n    default:\n      break;\n  }\n};\n\nconst goTo = (\n  option: HTMLElement,\n  index: number,\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\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(\n      (item) => !(item as { disabled?: boolean })?.disabled,\n    );\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[]) => 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>[]) => 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\nfunction ListboxInner<T>(props: ListboxProps<T>, ref: Ref<HTMLUListElement>) {\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      controlled,\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\nListboxInner.displayName = \"Listbox\";\n\n/**\n * Listbox component for selecting one or more items from a keyboard-navigable, scrollable list of options\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(ListboxInner) as <T>(\n    props: ListboxProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> },\n  ) => ReturnType<typeof ListboxInner>,\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":["styles","Check","node"],"mappings":"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"}