@servicetitan/anvil2 1.46.8 → 1.46.9

package/dist/{InputMask-B13KumrK.js → InputMask-BHupXP8N.js}

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useMemo, isValidElement, cloneElement } from 'react';
 import { u as useMergeRefs } from './DrawerContext-D4tWTLVf.js';
-import { T as TextField } from './TextField-D9gD-34Q.js';
+import { T as TextField } from './TextField-Duo_mY8Y.js';
 import { u as useOptionallyControlledState } from './useOptionallyControlledState-DbDuos5L.js';
 import { c as childrenToString } from './childrenToString-Bz9MqbHb.js';
 import { useTrackingId } from './useTrackingId.js';
@@ -261,4 +261,4 @@ const InputMask = forwardRef(
 InputMask.displayName = "InputMask";
 
 export { InputMask as I };
-//# sourceMappingURL=InputMask-B13KumrK.js.map
+//# sourceMappingURL=InputMask-BHupXP8N.js.map

package/dist/{InputMask-B13KumrK.js.map → InputMask-BHupXP8N.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputMask-B13KumrK.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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"}
+{"version":3,"file":"InputMask-BHupXP8N.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/InputMask.js

@@ -1,2 +1,2 @@
-export { I as InputMask, I as default } from './InputMask-B13KumrK.js';
+export { I as InputMask, I as default } from './InputMask-BHupXP8N.js';
 //# sourceMappingURL=InputMask.js.map

package/dist/{ListView-C-cVQZHp.js → ListView-Dsj5MiUx.js}

@@ -2,7 +2,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, forwardRef, useRef, useId, useEffect, useMemo, useState } from 'react';
 import { C as Checkbox } from './Checkbox-DAODkzN3.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { s as styles } from './ListView.module-MVsNF0X0.js';
+import { l as listViewStyles } from './ListView.module-BilDg12y.js';
 import { u as useMergeRefs } from './useMergeRefs-Dfmtq9cI.js';
 import { useTrackingId } from './useTrackingId.js';
 import { g as getActiveElement } from './getActiveElement-BcSyVE7S.js';
@@ -119,7 +119,7 @@ const ListViewOption = forwardRef(
       "div",
       {
         "data-tracking-id": trackingId,
-        className: cx([styles["listview-option"]], className),
+        className: cx([listViewStyles["listview-option"]], className),
         "data-anv": "listview-option",
         style,
         ref: mergedRef,
@@ -129,7 +129,7 @@ const ListViewOption = forwardRef(
         role: "row",
         ...forwardedProps,
         children: [
-          /* @__PURE__ */ jsx("div", { className: styles["cell"], ref: cellRef, role: "gridcell", children: /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx("div", { className: listViewStyles["cell"], ref: cellRef, role: "gridcell", children: /* @__PURE__ */ jsx(
             Checkbox,
             {
               disabled,
@@ -421,7 +421,7 @@ const ListViewElement = function(props, ref) {
     setSelectedItems(orderedSelected);
     prevSelectedItems.current = orderedSelected;
   }, [onSelectionChange, options, selected]);
-  const ListViewClassNames = cx([styles["listview"]], className);
+  const ListViewClassNames = cx([listViewStyles["listview"]], className);
   if ("items" in remainingProps) {
     const { children: children2, items, ...rest2 } = remainingProps;
     return /* @__PURE__ */ jsx(
@@ -529,4 +529,4 @@ const ListView = Object.assign(
 );
 
 export { ListView as L, ListViewOption as a, ListViewOptionCell as b };
-//# sourceMappingURL=ListView-C-cVQZHp.js.map
+//# sourceMappingURL=ListView-Dsj5MiUx.js.map

package/dist/{ListView-C-cVQZHp.js.map → ListView-Dsj5MiUx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ListView-C-cVQZHp.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  array.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 array;\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  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  /** Currently indeterminate items (controlled) */\n  indeterminate?: unknown[];\n  /** Callback when selection changes */\n  onSelectionChange?: (value: unknown[]) => void;\n  /** Currently selected items (controlled) */\n  selected?: ItemType<T>[];\n} & (ListViewWithItems<T> | ListViewWithOutItems);\n\nconst ListViewElement = function <T>(\n  props: ListViewProps<T>,\n  ref: Ref<HTMLDivElement>,\n) {\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 prevSelectedItems = useRef<unknown[]>();\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(prevSelectedItems.current) ===\n      JSON.stringify(orderedSelectedItems)\n    )\n      return;\n\n    onSelectionChange?.(orderedSelectedItems);\n    prevSelectedItems.current = orderedSelectedItems;\n  }, [onSelectionChange, options, selectedItems]);\n\n  useEffect(() => {\n    if (!selected) return;\n    const filterDuplicates = selected.reduce(\n      (acc: ListViewWithItems<T>[\"items\"], current) => {\n        const isDup = acc.find((item) => item.label === current.label);\n        if (!isDup) {\n          return acc.concat([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(prevSelectedItems.current) ===\n      JSON.stringify(orderedSelected)\n    )\n      return;\n    setSelectedItems(orderedSelected);\n    prevSelectedItems.current = orderedSelected;\n  }, [onSelectionChange, options, selected]);\n\n  const ListViewClassNames = cx([styles[\"listview\"]], className);\n\n  if (\"items\" in remainingProps) {\n    const { children, items, ...rest } = remainingProps;\n    return (\n      <ListViewContext.Provider\n        value={{\n          options,\n          onSelectionChange,\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          {children?.({\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,\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\nListViewElement.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(ListViewElement) as <T>(\n    props: ListViewProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> },\n  ) => ReturnType<typeof ListViewElement>,\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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"}
+{"version":3,"file":"ListView-Dsj5MiUx.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  array.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 array;\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  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  /** Currently indeterminate items (controlled) */\n  indeterminate?: unknown[];\n  /** Callback when selection changes */\n  onSelectionChange?: (value: unknown[]) => void;\n  /** Currently selected items (controlled) */\n  selected?: ItemType<T>[];\n} & (ListViewWithItems<T> | ListViewWithOutItems);\n\nconst ListViewElement = function <T>(\n  props: ListViewProps<T>,\n  ref: Ref<HTMLDivElement>,\n) {\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 prevSelectedItems = useRef<unknown[]>();\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(prevSelectedItems.current) ===\n      JSON.stringify(orderedSelectedItems)\n    )\n      return;\n\n    onSelectionChange?.(orderedSelectedItems);\n    prevSelectedItems.current = orderedSelectedItems;\n  }, [onSelectionChange, options, selectedItems]);\n\n  useEffect(() => {\n    if (!selected) return;\n    const filterDuplicates = selected.reduce(\n      (acc: ListViewWithItems<T>[\"items\"], current) => {\n        const isDup = acc.find((item) => item.label === current.label);\n        if (!isDup) {\n          return acc.concat([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(prevSelectedItems.current) ===\n      JSON.stringify(orderedSelected)\n    )\n      return;\n    setSelectedItems(orderedSelected);\n    prevSelectedItems.current = orderedSelected;\n  }, [onSelectionChange, options, selected]);\n\n  const ListViewClassNames = cx([styles[\"listview\"]], className);\n\n  if (\"items\" in remainingProps) {\n    const { children, items, ...rest } = remainingProps;\n    return (\n      <ListViewContext.Provider\n        value={{\n          options,\n          onSelectionChange,\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          {children?.({\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,\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\nListViewElement.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(ListViewElement) as <T>(\n    props: ListViewProps<T> & { ref?: React.ForwardedRef<HTMLUListElement> },\n  ) => ReturnType<typeof ListViewElement>,\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":["styles","children","rest"],"mappings":"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"}

package/dist/ListView.js

@@ -1,2 +1,2 @@
-export { L as ListView, a as ListViewOption, b as ListViewOptionCell, L as default } from './ListView-C-cVQZHp.js';
+export { L as ListView, a as ListViewOption, b as ListViewOptionCell, L as default } from './ListView-Dsj5MiUx.js';
 //# sourceMappingURL=ListView.js.map

package/dist/{ListView.module-MVsNF0X0.js → ListView.module-BilDg12y.js}

@@ -1,9 +1,9 @@
 import './ListView.css';const listview = "_listview_uwe8p_2";
 const cell = "_cell_uwe8p_59";
-const styles = {
+const listViewStyles = {
 	listview: listview,
 	"listview-option": "_listview-option_uwe8p_15",
 	cell: cell};
 
-export { styles as s };
-//# sourceMappingURL=ListView.module-MVsNF0X0.js.map
+export { listViewStyles as l };
+//# sourceMappingURL=ListView.module-BilDg12y.js.map

package/dist/ListView.module-BilDg12y.js.map

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

package/dist/{Listbox-DxGx630W.js → Listbox-CWi30Cwg.js}

@@ -4,7 +4,7 @@ import { I as Icon } from './Icon-D8SPKeO4.js';
 import { F as Flex } from './Flex-BdQMekvA.js';
 import { S as SvgCheck } from './check-Cf67OWrZ.js';
 import { c as cx } from './index-tZvMCc77.js';
-import { s as styles } from './Listbox.module-DcBE8Zmo.js';
+import { l as listboxStyles } from './Listbox.module-XuKszT3X.js';
 import { useTrackingId } from './useTrackingId.js';
 import { T as Text } from './Text-BqvcbXyp.js';
 import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-DjD5IMh0.js';
@@ -149,7 +149,7 @@ const ListboxOption = forwardRef(
       data,
       hasOverride: !!props["data-tracking-id"]
     });
-    const ListboxOptionClassNames = cx(styles["option"], className, {});
+    const ListboxOptionClassNames = cx(listboxStyles["option"], className, {});
     return /* @__PURE__ */ jsxs(
       "li",
       {
@@ -169,7 +169,7 @@ const ListboxOption = forwardRef(
           /* @__PURE__ */ jsx(
             Flex,
             {
-              className: styles["children"],
+              className: listboxStyles["children"],
               grow: 1,
               shrink: 1,
               alignItems,
@@ -187,7 +187,7 @@ const ListboxOption = forwardRef(
               "aria-hidden": true,
               svg: SvgCheck,
               inherit: true,
-              className: styles["Icon"],
+              className: listboxStyles["Icon"],
               style: { opacity: isSelected() ? 1 : 0 }
             }
           )
@@ -334,9 +334,9 @@ const goTo = (option, index, context) => {
 
 const ListboxOptionGroup = forwardRef((props, ref) => {
   const { className, children, disabled, label, ...rest } = props;
-  const optionGroupCx = cx(styles["option-group"], className);
-  const labelCx = cx(styles["label"], {
-    [styles["disabled"]]: disabled
+  const optionGroupCx = cx(listboxStyles["option-group"], className);
+  const labelCx = cx(listboxStyles["label"], {
+    [listboxStyles["disabled"]]: disabled
   });
   return /* @__PURE__ */ jsx(ListboxOptionGroupContext.Provider, { value: { disabled }, children: /* @__PURE__ */ jsxs(
     "div",
@@ -379,7 +379,7 @@ const ListboxElement = function(props, ref) {
   const [currentFocus, setCurrentFocus] = useState(
     Array.isArray(selected) ? typeof selected[0] === "object" ? selected[0].label : selected[0] : typeof selected === "object" ? selected?.label : selected
   );
-  const ListboxClassNames = cx(styles["listbox"], className, {});
+  const ListboxClassNames = cx(listboxStyles["listbox"], className, {});
   const controlled = selectedProp !== void 0;
   useEffect(() => {
     if (listboxRef.current) {
@@ -595,4 +595,4 @@ const Listbox = Object.assign(
 );
 
 export { Listbox as L, ListboxOption as a, ListboxOptionGroup as b };
-//# sourceMappingURL=Listbox-DxGx630W.js.map
+//# sourceMappingURL=Listbox-CWi30Cwg.js.map