npm - @simplybusiness/mobius - Versions diffs - 10.4.0 → 10.4.2 - Mend

@simplybusiness/mobius 10.4.0 → 10.4.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (144) hide show

package/dist/cjs/components/MaskedField/MaskedField.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/MaskedField/MaskedField.tsx", "../../../../src/components/TextField/TextField.tsx", "../../../../src/utils/spaceDelimitedList.ts", "../../../../src/hooks/useLabel/useLabel.tsx", "../../../../src/hooks/useTextField/useTextField.tsx", "../../../../src/hooks/useValidationClasses/useValidationClasses.ts", "../../../../src/components/ErrorMessage/ErrorMessage.tsx", "../../../../src/components/Icon/Icon.tsx", "../../../../src/components/TextOrHTML/TextOrHTML.tsx", "../../../../src/components/Text/Text.tsx", "../../../../src/components/Label/Label.tsx", "../../../../src/components/Stack/Stack.tsx", "../../../../src/components/TextField/adornmentWithClassName.ts"],
-  "sourcesContent": ["\"use client\";\n\nimport type { ChangeEvent, FocusEvent, Ref, RefAttributes } from \"react\";\nimport { useCallback, useEffect } from \"react\";\nimport { useIMask } from \"react-imask\";\nimport type { FactoryOpts, InputMask, InputMaskElement } from \"imask\";\nimport type { TextFieldProps } from \"../TextField\";\nimport { TextField } from \"../TextField\";\n\nexport type MaskedFieldElementType = HTMLInputElement;\n\nexport interface MaskedFieldProps\n  extends\n    Omit<TextFieldProps, \"type\" | \"ref\">,\n    RefAttributes<MaskedFieldElementType> {\n  mask: FactoryOpts;\n  \"data-testid\"?: string;\n  /**\n   * If true, onChange and onBlur events will emit the masked (formatted) value.\n   * If false (default), events will emit the unmasked (raw) value.\n   *\n   * @example\n   * // TelephoneQuestion uses useMaskedValue={true}\n   * // User types: 5551234567\n   * // onChange receives: \"(555) 123-4567\" (formatted for display/storage)\n   *\n   * @example\n   * // CurrencyQuestion uses useMaskedValue={false}\n   * // User types: 1234\n   * // User sees: \"1,234\" (with thousands separator)\n   * // onChange receives: \"1234\" (raw number for calculations)\n   */\n  useMaskedValue?: boolean;\n}\n\nexport type MaskedFieldRef = Ref<MaskedFieldElementType>;\n\n/**\n * Creates an onChange handler for IMask's onAccept callback.\n *\n * IMask calls onAccept every time the user types and the mask accepts the input.\n * This handler converts IMask's callback into a standard React onChange event.\n *\n * @param onChange - The onChange handler from parent component\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion (US) - useMaskedValue=true\n * // User types: \"5551234567\"\n * // Emits: \"(555) 123-4567\" (formatted for display)\n * // Use case: Want to store/display the formatted phone number\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // User types: \"1234.56\"\n * // User sees: \"1,234.56\" (with formatting)\n * // Emits: \"1234.56\" (raw value for calculations)\n * // Use case: Need numeric value for backend/calculations\n */\nconst useAcceptHandler = (\n  onChange: MaskedFieldProps[\"onChange\"],\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (maskedValue: string, maskInstance: InputMask<FactoryOpts>) => {\n      // Exit early if no onChange handler provided\n      if (!onChange) {\n        return;\n      }\n\n      // IMask provides two values:\n      // 1. maskedValue: The formatted value user sees (e.g., \"(555) 123-4567\")\n      // 2. maskInstance.unmaskedValue: The raw value without formatting (e.g., \"5551234567\")\n      const formattedValue = maskedValue;\n      const rawValue = maskInstance.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create a synthetic React event that matches the standard onChange signature\n      // This allows parent components to handle it like any other input change\n      onChange({\n        target: { name, value: valueToEmit },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n    [onChange, useMaskedValue, name],\n  );\n};\n\n/**\n * Creates a ref callback that forwards the input element to both IMask and the parent component.\n *\n * React allows two ways to pass refs:\n * 1. Ref callback function: (element) => { ... }\n * 2. Ref object: { current: element }\n *\n * This hook handles both cases and also ensures IMask gets the element reference it needs.\n *\n * @param imaskRef - IMask's ref (needs the element to apply masking)\n * @param forwardedRef - Parent component's ref (could be function or object)\n *\n * @example\n * // Parent uses callback ref\n * <MaskedField ref={(el) => console.log(el)} />\n *\n * @example\n * // Parent uses useRef\n * const inputRef = useRef(null);\n * <MaskedField ref={inputRef} />\n */\nconst useCombinedRef = (\n  imaskRef: React.MutableRefObject<InputMaskElement | null>,\n  forwardedRef?: MaskedFieldRef,\n) => {\n  return useCallback(\n    (element: HTMLInputElement | null) => {\n      // First, give the element to IMask so it can apply masking\n      imaskRef.current = element;\n\n      // Then forward the element to the parent component's ref\n      // Handle both callback refs and ref objects\n\n      // Case 1: Parent passed a callback ref function\n      if (typeof forwardedRef === \"function\") {\n        forwardedRef(element);\n      }\n      // Case 2: Parent passed a ref object (from useRef)\n      else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n      // Case 3: No ref was forwarded (forwardedRef is null/undefined)\n      // Do nothing - this is fine\n    },\n    [imaskRef, forwardedRef],\n  );\n};\n\n/**\n * Creates an onBlur handler that extracts the correct value from IMask.\n *\n * When the user tabs away or clicks outside the input, we need to emit\n * the current value (either formatted or raw) via the onBlur event.\n *\n * @param onBlur - The onBlur handler from parent component\n * @param maskRef - Reference to the IMask instance (provides current values)\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion - useMaskedValue=true\n * // Input displays: \"(555) 123-4567\"\n * // onBlur emits: \"(555) 123-4567\" (formatted)\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // Input displays: \"$1,234.56\"\n * // onBlur emits: \"1234.56\" (raw for validation/submission)\n */\nconst useBlurHandler = (\n  onBlur: MaskedFieldProps[\"onBlur\"],\n  maskRef: React.MutableRefObject<InputMask<FactoryOpts> | null>,\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (event: FocusEvent<Element>) => {\n      // Exit early if no onBlur handler provided or mask isn't initialized\n      if (!onBlur || !maskRef.current) {\n        return;\n      }\n\n      // Extract current values from the IMask instance\n      // maskRef.current.value: The formatted value (e.g., \"(555) 123-4567\")\n      // maskRef.current.unmaskedValue: The raw value (e.g., \"5551234567\")\n      const formattedValue = maskRef.current.value;\n      const rawValue = maskRef.current.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create an enhanced event that preserves the original event properties\n      // but overrides the target to include our extracted value\n      onBlur({\n        ...event,\n        target: { ...event.target, name, value: valueToEmit },\n      } as FocusEvent<Element>);\n    },\n    [onBlur, maskRef, useMaskedValue, name],\n  );\n};\n\n/**\n * Controlled MaskedField - for use with value prop.\n * Syncs external value changes to IMask via useEffect.\n *\n * Use this when:\n * - The parent component manages the input state\n * - You need to programmatically update the value\n * - You need validation or transformation on every change\n */\nconst ControlledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  value,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"defaultValue\"> & {\n  value: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef, setValue } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  // Sync external value changes to IMask\n  useEffect(() => {\n    if (!maskRef.current) {\n      return;\n    }\n\n    const stringValue = value.toString();\n    const currentMasked = maskRef.current.value;\n    const currentUnmasked = maskRef.current.unmaskedValue;\n\n    // Only update if value actually changed (prevents infinite loops)\n    if (currentMasked !== stringValue && currentUnmasked !== stringValue) {\n      setValue(stringValue);\n    }\n  }, [value, maskRef, setValue, imaskRef]);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n    />\n  );\n};\n\n/**\n * Uncontrolled MaskedField - for use with defaultValue prop.\n * No value synchronization needed - IMask manages the value internally.\n *\n * Use this when:\n * - You only need the final value on submit\n * - You don't need to react to intermediate changes\n * - You want simpler code without state management\n */\nconst UncontrolledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  defaultValue,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"value\"> & {\n  defaultValue?: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n      defaultValue={defaultValue?.toString()}\n    />\n  );\n};\n\nconst MaskedField = ({ ref: forwardedRef, ...props }: MaskedFieldProps) => {\n  const { value, defaultValue, ...rest } = props;\n\n  // Check for \"value\" in props (not `value !== undefined`) to maintain consistent\n  // controlled/uncontrolled state throughout component lifetime and prevent focus loss.\n  // Example: CurrencyQuestion passes value={undefined} initially, then value={5} after typing.\n  if (\"value\" in props) {\n    return (\n      <ControlledMaskedField\n        {...rest}\n        value={value ?? \"\"}\n        forwardedRef={forwardedRef}\n      />\n    );\n  } else {\n    return (\n      <UncontrolledMaskedField\n        {...rest}\n        defaultValue={defaultValue}\n        forwardedRef={forwardedRef}\n      />\n    );\n  }\n};\n\nMaskedField.displayName = \"MaskedField\";\n\nexport { MaskedField };\n", "\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from \"react\";\nimport type { UseTextFieldProps } from \"../../hooks\";\nimport { useTextField, useValidationClasses } from \"../../hooks\";\nimport type { DOMProps, FocusEvents } from \"../../types\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\nimport \"./TextField.css\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends\n    DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField = ({ ref, ...props }: TextFieldProps) => {\n  const {\n    isDisabled,\n    type = \"text\",\n    isInvalid,\n    className,\n    label,\n    errorMessage,\n    children,\n    isRequired,\n    prefixInside,\n    prefixOutside,\n    suffixInside,\n    suffixOutside,\n    autoComplete,\n    isReadOnly,\n    ...otherProps\n  } = props;\n\n  const resolvedAutoComplete =\n    autoComplete ??\n    (type === \"email\" ? \"email\" : type === \"tel\" ? \"tel\" : undefined);\n\n  const { inputProps, labelProps, errorMessageProps } = useTextField({\n    ...props,\n    autoComplete: resolvedAutoComplete,\n    \"aria-errormessage\": errorMessage,\n  });\n\n  const hidden = type === \"hidden\";\n\n  const validationClasses = useValidationClasses({ isInvalid });\n\n  const textfieldClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    \"--is-hidden\": hidden,\n    [className || \"\"]: true,\n  };\n\n  const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field\",\n    sharedClasses,\n  );\n\n  const inputClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field__input\",\n    sharedClasses,\n  );\n\n  const inputWrapperClasses = classNames(\n    \"mobius-text-field__input-wrapper\",\n    sharedClasses,\n  );\n\n  return (\n    <Stack gap=\"xs\" className={containerClasses}>\n      {label && !hidden && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-text-field__inner-container\">\n        {adornmentWithClassName(\n          prefixOutside,\n          labelClasses,\n          \"mobius-text-field__prefix-outside\",\n        )}\n        <div className={inputWrapperClasses}>\n          {adornmentWithClassName(\n            prefixInside,\n            labelClasses,\n            \"mobius-text-field__prefix-inside\",\n          )}\n          <input\n            {...otherProps}\n            {...inputProps}\n            ref={ref}\n            type={type}\n            className={inputClasses}\n          />\n          {adornmentWithClassName(\n            suffixInside,\n            labelClasses,\n            \"mobius-text-field__suffix-inside\",\n          )}\n        </div>\n        {adornmentWithClassName(\n          suffixOutside,\n          labelClasses,\n          \"mobius-text-field__suffix-outside\",\n        )}\n      </div>\n      {children && (\n        <div className=\"mobius-text-field__children\">{children}</div>\n      )}\n\n      <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n    </Stack>\n  );\n};\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n", "export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n", "import type { LabelHTMLAttributes } from \"react\";\nimport { useId, useRef } from \"react\";\n\nexport type UseLabelProps = {\n  id?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  labelElementType?: \"label\" | \"span\" | undefined;\n};\n\nexport type UseLabelReturn = {\n  labelProps: {\n    id?: string | undefined;\n  } & LabelHTMLAttributes<HTMLLabelElement>;\n  fieldProps: LabellingProps;\n};\n\nexport type LabellingProps = {\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-details\"?: string | undefined;\n};\n\nexport function useLabel({\n  id: providedId,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  labelElementType = \"label\",\n}: UseLabelProps) {\n  let labelProps: UseLabelReturn[\"labelProps\"] = {};\n  let fieldProps: UseLabelReturn[\"fieldProps\"] = {};\n\n  const hasWarnedAboutMissingLabels = useRef(false);\n\n  const fallbackId = useId();\n  const id = providedId || fallbackId;\n  const labelId = useId();\n\n  if (label) {\n    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    labelProps = {\n      id: labelId,\n      htmlFor: labelElementType === \"label\" ? id : undefined,\n    };\n  } else if (\n    !ariaLabelledby &&\n    !ariaLabel &&\n    !hasWarnedAboutMissingLabels.current\n  ) {\n    hasWarnedAboutMissingLabels.current = true;\n    console.warn(\n      \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n    );\n  }\n\n  fieldProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  };\n\n  return {\n    labelProps,\n    fieldProps,\n  };\n}\n", "import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport type { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n", "import type { Validation } from \"../../types\";\n\nexport type GetValidationClassesProps = Pick<Validation, \"isInvalid\">;\n\nexport const useValidationClasses = (props: GetValidationClassesProps) => {\n  const { isInvalid } = props;\n\n  if (isInvalid) {\n    return \"--is-invalid\";\n  }\n\n  if (isInvalid === false) {\n    return \"--is-valid\";\n  }\n\n  return \"\";\n};\n", "import { error } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport { Icon } from \"../Icon\";\nimport { TextOrHTML } from \"../TextOrHTML\";\nimport \"./ErrorMessage.css\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius-error-message\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\" role=\"alert\">\n      <Icon\n        icon={error}\n        className=\"mobius-error-message__icon\"\n        aria-hidden=\"true\"\n      />\n      <TextOrHTML\n        elementType=\"span\"\n        className=\"mobius-error-message__text\"\n        text={errorMessage}\n      />\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n", "import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n", "import classNames from \"classnames/dedupe\";\nimport type { RefAttributes } from \"react\";\nimport { useMemo } from \"react\";\nimport type { TextElementType, TextProps } from \"../Text/Text\";\nimport { Text, getElementType } from \"../Text/Text\";\n\nexport type HTMLElementType = \"span\" | \"div\";\n\nconst isBlockHTML = (text: string) => /^\\s*<[a-z]/i.test(text);\nconst containsHTML = (text: string) =>\n  /<[a-z/]/i.test(text) || /&(?:#\\d+|#x[\\da-f]+|[a-z]\\w*);/i.test(text); // tag or entity\n\nconst buildTextClasses = (\n  textProps: Omit<TextProps, \"children\">,\n  htmlClassName?: string,\n) => {\n  const { variant, elementType, spacing, className } = textProps;\n  const variantType = variant || getElementType(variant, elementType);\n  return classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n    htmlClassName,\n  );\n};\n\nexport interface TextOrHTMLProps\n  extends Omit<TextProps, \"children\">, RefAttributes<TextElementType> {\n  /** HTML string to be rendered with dangerouslySetInnerHTML */\n  text: string;\n  /** Custom class name for the dangerous HTML element */\n  htmlClassName?: string;\n  /** HTML element type for the dangerous HTML element */\n  htmlElementType?: HTMLElementType;\n  /** If true, wraps the dangerous HTML element inside a Text component */\n  textWrapper?: boolean;\n  /** If true, auto-detects whether text is HTML or plain text to determine wrapping and element type */\n  autoDetect?: boolean;\n}\n\nconst TextOrHTML = ({\n  ref,\n  text,\n  htmlClassName,\n  htmlElementType,\n  textWrapper = false,\n  autoDetect = false,\n  ...textProps\n}: TextOrHTMLProps) => {\n  const textIsBlockHTML = autoDetect && isBlockHTML(text);\n\n  // Memoize the dangerouslySetInnerHTML object to prevent unnecessary re-renders\n  // See: https://github.com/facebook/react/issues/31660\n  const dangerousHTML = useMemo(() => ({ __html: text }), [text]);\n\n  // Non-block text with autoDetect: render directly on a Text-equivalent element,\n  // avoiding unnecessary <span> nesting inside <p>.\n  if (autoDetect && !textIsBlockHTML) {\n    const { variant, spacing, elementType, className, ...domProps } = textProps;\n    const Element = getElementType(variant, elementType);\n    const classes = buildTextClasses(textProps, htmlClassName);\n\n    return containsHTML(text) ? (\n      <Element\n        ref={ref}\n        {...domProps}\n        className={classes}\n        dangerouslySetInnerHTML={dangerousHTML}\n      />\n    ) : (\n      <Element ref={ref} {...domProps} className={classes}>\n        {text}\n      </Element>\n    );\n  }\n\n  const DangerousComponent =\n    htmlElementType ?? (textIsBlockHTML ? \"div\" : \"span\");\n  const dangerousElement = (\n    <DangerousComponent\n      className={htmlClassName}\n      dangerouslySetInnerHTML={dangerousHTML}\n    />\n  );\n\n  if (textWrapper) {\n    return (\n      <Text ref={ref} {...textProps}>\n        {dangerousElement}\n      </Text>\n    );\n  }\n\n  return dangerousElement;\n};\n\nTextOrHTML.displayName = \"TextOrHTML\";\nexport { TextOrHTML };\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n", "import type React from \"react\";\nimport type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Label.css\";\n\nexport type LabelElementType = HTMLLabelElement;\nexport type IntrinsicLabel = Omit<\n  React.JSX.IntrinsicElements[\"label\"],\n  \"css\" | \"color\" | \"ref\"\n>;\n\nexport interface LabelProps\n  extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {\n  children?: ReactNode;\n  className?: string;\n  elementType?: \"label\" | \"span\";\n}\n\nconst Label = ({ ref, ...props }: LabelProps) => {\n  const { elementType: Element = \"label\", children, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-label\", props.className);\n  otherProps.className = classes;\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {children}\n    </Element>\n  );\n};\n\nLabel.displayName = \"Label\";\nexport { Label };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport type React from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { SpacingType } from \"../../types\";\nimport \"./Stack.css\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** How big a gap between items */\n  gap?: SpacingType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack = ({ ref, ...props }: StackProps) => {\n  const { elementType: Element = \"div\", gap, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-stack\",\n    {\n      [`--gap-${gap}`]: gap,\n    },\n    otherProps.className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nStack.displayName = \"Stack\";\n", "import classNames from \"classnames/dedupe\";\nimport type { ReactElement } from \"react\";\nimport { cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  validationClasses?: string,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(\n      (component.props as { className?: string }).className,\n      validationClasses,\n      className,\n    ),\n  } as { className: string });\n};\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport type { ChangeEvent, FocusEvent, Ref, RefAttributes } from \"react\";\nimport { useCallback, useEffect } from \"react\";\nimport { useIMask } from \"react-imask\";\nimport type { FactoryOpts, InputMask, InputMaskElement } from \"imask\";\nimport type { TextFieldProps } from \"../TextField\";\nimport { TextField } from \"../TextField\";\n\nexport type MaskedFieldElementType = HTMLInputElement;\n\nexport interface MaskedFieldProps\n  extends\n    Omit<TextFieldProps, \"type\" | \"ref\">,\n    RefAttributes<MaskedFieldElementType> {\n  mask: FactoryOpts;\n  \"data-testid\"?: string;\n  /**\n   * If true, onChange and onBlur events will emit the masked (formatted) value.\n   * If false (default), events will emit the unmasked (raw) value.\n   *\n   * @example\n   * // TelephoneQuestion uses useMaskedValue={true}\n   * // User types: 5551234567\n   * // onChange receives: \"(555) 123-4567\" (formatted for display/storage)\n   *\n   * @example\n   * // CurrencyQuestion uses useMaskedValue={false}\n   * // User types: 1234\n   * // User sees: \"1,234\" (with thousands separator)\n   * // onChange receives: \"1234\" (raw number for calculations)\n   */\n  useMaskedValue?: boolean;\n}\n\nexport type MaskedFieldRef = Ref<MaskedFieldElementType>;\n\n/**\n * Creates an onChange handler for IMask's onAccept callback.\n *\n * IMask calls onAccept every time the user types and the mask accepts the input.\n * This handler converts IMask's callback into a standard React onChange event.\n *\n * @param onChange - The onChange handler from parent component\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion (US) - useMaskedValue=true\n * // User types: \"5551234567\"\n * // Emits: \"(555) 123-4567\" (formatted for display)\n * // Use case: Want to store/display the formatted phone number\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // User types: \"1234.56\"\n * // User sees: \"1,234.56\" (with formatting)\n * // Emits: \"1234.56\" (raw value for calculations)\n * // Use case: Need numeric value for backend/calculations\n */\nconst useAcceptHandler = (\n  onChange: MaskedFieldProps[\"onChange\"],\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (maskedValue: string, maskInstance: InputMask<FactoryOpts>) => {\n      // Exit early if no onChange handler provided\n      if (!onChange) {\n        return;\n      }\n\n      // IMask provides two values:\n      // 1. maskedValue: The formatted value user sees (e.g., \"(555) 123-4567\")\n      // 2. maskInstance.unmaskedValue: The raw value without formatting (e.g., \"5551234567\")\n      const formattedValue = maskedValue;\n      const rawValue = maskInstance.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create a synthetic React event that matches the standard onChange signature\n      // This allows parent components to handle it like any other input change\n      onChange({\n        target: { name, value: valueToEmit },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n    [onChange, useMaskedValue, name],\n  );\n};\n\n/**\n * Creates a ref callback that forwards the input element to both IMask and the parent component.\n *\n * React allows two ways to pass refs:\n * 1. Ref callback function: (element) => { ... }\n * 2. Ref object: { current: element }\n *\n * This hook handles both cases and also ensures IMask gets the element reference it needs.\n *\n * @param imaskRef - IMask's ref (needs the element to apply masking)\n * @param forwardedRef - Parent component's ref (could be function or object)\n *\n * @example\n * // Parent uses callback ref\n * <MaskedField ref={(el) => console.log(el)} />\n *\n * @example\n * // Parent uses useRef\n * const inputRef = useRef(null);\n * <MaskedField ref={inputRef} />\n */\nconst useCombinedRef = (\n  imaskRef: React.MutableRefObject<InputMaskElement | null>,\n  forwardedRef?: MaskedFieldRef,\n) => {\n  return useCallback(\n    (element: HTMLInputElement | null) => {\n      // First, give the element to IMask so it can apply masking\n      imaskRef.current = element;\n\n      // Then forward the element to the parent component's ref\n      // Handle both callback refs and ref objects\n\n      // Case 1: Parent passed a callback ref function\n      if (typeof forwardedRef === \"function\") {\n        forwardedRef(element);\n      }\n      // Case 2: Parent passed a ref object (from useRef)\n      else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n      // Case 3: No ref was forwarded (forwardedRef is null/undefined)\n      // Do nothing - this is fine\n    },\n    [imaskRef, forwardedRef],\n  );\n};\n\n/**\n * Creates an onBlur handler that extracts the correct value from IMask.\n *\n * When the user tabs away or clicks outside the input, we need to emit\n * the current value (either formatted or raw) via the onBlur event.\n *\n * @param onBlur - The onBlur handler from parent component\n * @param maskRef - Reference to the IMask instance (provides current values)\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion - useMaskedValue=true\n * // Input displays: \"(555) 123-4567\"\n * // onBlur emits: \"(555) 123-4567\" (formatted)\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // Input displays: \"$1,234.56\"\n * // onBlur emits: \"1234.56\" (raw for validation/submission)\n */\nconst useBlurHandler = (\n  onBlur: MaskedFieldProps[\"onBlur\"],\n  maskRef: React.MutableRefObject<InputMask<FactoryOpts> | null>,\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (event: FocusEvent<Element>) => {\n      // Exit early if no onBlur handler provided or mask isn't initialized\n      if (!onBlur || !maskRef.current) {\n        return;\n      }\n\n      // Extract current values from the IMask instance\n      // maskRef.current.value: The formatted value (e.g., \"(555) 123-4567\")\n      // maskRef.current.unmaskedValue: The raw value (e.g., \"5551234567\")\n      const formattedValue = maskRef.current.value;\n      const rawValue = maskRef.current.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create an enhanced event that preserves the original event properties\n      // but overrides the target to include our extracted value\n      onBlur({\n        ...event,\n        target: { ...event.target, name, value: valueToEmit },\n      } as FocusEvent<Element>);\n    },\n    [onBlur, maskRef, useMaskedValue, name],\n  );\n};\n\n/**\n * Controlled MaskedField - for use with value prop.\n * Syncs external value changes to IMask via useEffect.\n *\n * Use this when:\n * - The parent component manages the input state\n * - You need to programmatically update the value\n * - You need validation or transformation on every change\n */\nconst ControlledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  value,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"defaultValue\"> & {\n  value: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef, setValue } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  // Sync external value changes to IMask\n  useEffect(() => {\n    if (!maskRef.current) {\n      return;\n    }\n\n    const stringValue = value.toString();\n    const currentMasked = maskRef.current.value;\n    const currentUnmasked = maskRef.current.unmaskedValue;\n\n    // Only update if value actually changed (prevents infinite loops)\n    if (currentMasked !== stringValue && currentUnmasked !== stringValue) {\n      setValue(stringValue);\n    }\n  }, [value, maskRef, setValue, imaskRef]);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n    />\n  );\n};\n\n/**\n * Uncontrolled MaskedField - for use with defaultValue prop.\n * No value synchronization needed - IMask manages the value internally.\n *\n * Use this when:\n * - You only need the final value on submit\n * - You don't need to react to intermediate changes\n * - You want simpler code without state management\n */\nconst UncontrolledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  defaultValue,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"value\"> & {\n  defaultValue?: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n      defaultValue={defaultValue?.toString()}\n    />\n  );\n};\n\nconst MaskedField = ({ ref: forwardedRef, ...props }: MaskedFieldProps) => {\n  const { value, defaultValue, ...rest } = props;\n\n  // Check for \"value\" in props (not `value !== undefined`) to maintain consistent\n  // controlled/uncontrolled state throughout component lifetime and prevent focus loss.\n  // Example: CurrencyQuestion passes value={undefined} initially, then value={5} after typing.\n  if (\"value\" in props) {\n    return (\n      <ControlledMaskedField\n        {...rest}\n        value={value ?? \"\"}\n        forwardedRef={forwardedRef}\n      />\n    );\n  } else {\n    return (\n      <UncontrolledMaskedField\n        {...rest}\n        defaultValue={defaultValue}\n        forwardedRef={forwardedRef}\n      />\n    );\n  }\n};\n\nMaskedField.displayName = \"MaskedField\";\n\nexport { MaskedField };\n", "\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from \"react\";\nimport type { UseTextFieldProps } from \"../../hooks\";\nimport { useTextField, useValidationClasses } from \"../../hooks\";\nimport type { DOMProps, FocusEvents } from \"../../types\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\nimport \"./TextField.css\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends\n    DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField = ({ ref, ...props }: TextFieldProps) => {\n  const {\n    isDisabled,\n    type = \"text\",\n    isInvalid,\n    className,\n    label,\n    errorMessage,\n    children,\n    isRequired,\n    prefixInside,\n    prefixOutside,\n    suffixInside,\n    suffixOutside,\n    autoComplete,\n    isReadOnly,\n    ...otherProps\n  } = props;\n\n  const resolvedAutoComplete =\n    autoComplete ??\n    (type === \"email\" ? \"email\" : type === \"tel\" ? \"tel\" : undefined);\n\n  const { inputProps, labelProps, errorMessageProps } = useTextField({\n    ...props,\n    autoComplete: resolvedAutoComplete,\n    \"aria-errormessage\": errorMessage,\n  });\n\n  const hidden = type === \"hidden\";\n\n  const validationClasses = useValidationClasses({ isInvalid });\n\n  const textfieldClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    \"--is-hidden\": hidden,\n    [className || \"\"]: true,\n  };\n\n  const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field\",\n    sharedClasses,\n  );\n\n  const inputClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field__input\",\n    sharedClasses,\n  );\n\n  const inputWrapperClasses = classNames(\n    \"mobius-text-field__input-wrapper\",\n    sharedClasses,\n  );\n\n  return (\n    <Stack gap=\"xs\" className={containerClasses}>\n      {label && !hidden && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-text-field__inner-container\">\n        {adornmentWithClassName(\n          prefixOutside,\n          labelClasses,\n          \"mobius-text-field__prefix-outside\",\n        )}\n        <div className={inputWrapperClasses}>\n          {adornmentWithClassName(\n            prefixInside,\n            labelClasses,\n            \"mobius-text-field__prefix-inside\",\n          )}\n          <input\n            {...otherProps}\n            {...inputProps}\n            ref={ref}\n            type={type}\n            className={inputClasses}\n          />\n          {adornmentWithClassName(\n            suffixInside,\n            labelClasses,\n            \"mobius-text-field__suffix-inside\",\n          )}\n        </div>\n        {adornmentWithClassName(\n          suffixOutside,\n          labelClasses,\n          \"mobius-text-field__suffix-outside\",\n        )}\n      </div>\n      {children && (\n        <div className=\"mobius-text-field__children\">{children}</div>\n      )}\n\n      <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n    </Stack>\n  );\n};\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n", "export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n", "import type { LabelHTMLAttributes } from \"react\";\nimport { useId, useRef } from \"react\";\n\nexport type UseLabelProps = {\n  id?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  labelElementType?: \"label\" | \"span\" | undefined;\n};\n\nexport type UseLabelReturn = {\n  labelProps: {\n    id?: string | undefined;\n  } & LabelHTMLAttributes<HTMLLabelElement>;\n  fieldProps: LabellingProps;\n};\n\nexport type LabellingProps = {\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-details\"?: string | undefined;\n};\n\nexport function useLabel({\n  id: providedId,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  labelElementType = \"label\",\n}: UseLabelProps) {\n  let labelProps: UseLabelReturn[\"labelProps\"] = {};\n  let fieldProps: UseLabelReturn[\"fieldProps\"] = {};\n\n  const hasWarnedAboutMissingLabels = useRef(false);\n\n  const fallbackId = useId();\n  const id = providedId || fallbackId;\n  const labelId = useId();\n\n  if (label) {\n    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    labelProps = {\n      id: labelId,\n      htmlFor: labelElementType === \"label\" ? id : undefined,\n    };\n  } else if (\n    !ariaLabelledby &&\n    !ariaLabel &&\n    !hasWarnedAboutMissingLabels.current\n  ) {\n    hasWarnedAboutMissingLabels.current = true;\n    console.warn(\n      \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n    );\n  }\n\n  fieldProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  };\n\n  return {\n    labelProps,\n    fieldProps,\n  };\n}\n", "import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport type { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n", "import type { Validation } from \"../../types\";\n\nexport type GetValidationClassesProps = Pick<Validation, \"isInvalid\">;\n\nexport const useValidationClasses = (props: GetValidationClassesProps) => {\n  const { isInvalid } = props;\n\n  if (isInvalid) {\n    return \"--is-invalid\";\n  }\n\n  if (isInvalid === false) {\n    return \"--is-valid\";\n  }\n\n  return \"\";\n};\n", "import { error } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport { Icon } from \"../Icon\";\nimport { TextOrHTML } from \"../TextOrHTML\";\nimport \"./ErrorMessage.css\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius-error-message\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\" role=\"alert\">\n      <Icon\n        icon={error}\n        className=\"mobius-error-message__icon\"\n        aria-hidden=\"true\"\n      />\n      <TextOrHTML\n        elementType=\"span\"\n        className=\"mobius-error-message__text\"\n        text={errorMessage}\n      />\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n", "import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n", "import classNames from \"classnames/dedupe\";\nimport type { RefAttributes } from \"react\";\nimport { useMemo } from \"react\";\nimport type { TextElementType, TextProps } from \"../Text/Text\";\nimport { Text, getElementType } from \"../Text/Text\";\n\nexport type HTMLElementType = \"span\" | \"div\";\n\n// Block-level tags that cannot be nested inside <p>.\nconst BLOCK_TAG =\n  /<(div|p|ul|ol|li|h[1-6]|table|tr|td|th|blockquote|pre|hr|dl|dt|dd)[\\s>/]/i;\nconst containsBlockHTML = (text: string) => BLOCK_TAG.test(text);\nconst containsHTML = (text: string) =>\n  /<[a-z/]/i.test(text) || /&(?:#\\d+|#x[\\da-f]+|[a-z]\\w*);/i.test(text); // tag or entity\n\nconst buildTextClasses = (\n  textProps: Omit<TextProps, \"children\">,\n  htmlClassName?: string,\n) => {\n  const { variant, elementType, spacing, className } = textProps;\n  const variantType = variant || getElementType(variant, elementType);\n  return classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n    htmlClassName,\n  );\n};\n\nexport interface TextOrHTMLProps\n  extends Omit<TextProps, \"children\">, RefAttributes<TextElementType> {\n  /** HTML string to be rendered with dangerouslySetInnerHTML */\n  text: string;\n  /** Custom class name for the dangerous HTML element */\n  htmlClassName?: string;\n  /** HTML element type for the dangerous HTML element */\n  htmlElementType?: HTMLElementType;\n  /** If true, wraps the dangerous HTML element inside a Text component */\n  textWrapper?: boolean;\n  /** If true, auto-detects whether text is HTML or plain text to determine wrapping and element type */\n  autoDetect?: boolean;\n}\n\nconst TextOrHTML = ({\n  ref,\n  text,\n  htmlClassName,\n  htmlElementType,\n  textWrapper = false,\n  autoDetect = false,\n  ...textProps\n}: TextOrHTMLProps) => {\n  const hasBlockContent = autoDetect && containsBlockHTML(text);\n\n  // Memoize the dangerouslySetInnerHTML object to prevent unnecessary re-renders\n  // See: https://github.com/facebook/react/issues/31660\n  const dangerousHTML = useMemo(() => ({ __html: text }), [text]);\n\n  // Non-block text with autoDetect: render directly on a Text-equivalent element,\n  // avoiding unnecessary <span> nesting inside <p>.\n  if (autoDetect && !hasBlockContent) {\n    const { variant, spacing, elementType, className, ...domProps } = textProps;\n    const Element = getElementType(variant, elementType);\n    const classes = buildTextClasses(textProps, htmlClassName);\n\n    return containsHTML(text) ? (\n      <Element\n        ref={ref}\n        {...domProps}\n        className={classes}\n        dangerouslySetInnerHTML={dangerousHTML}\n      />\n    ) : (\n      <Element ref={ref} {...domProps} className={classes}>\n        {text}\n      </Element>\n    );\n  }\n\n  const DangerousComponent =\n    htmlElementType ?? (hasBlockContent ? \"div\" : \"span\");\n  const dangerousElement = (\n    <DangerousComponent\n      className={htmlClassName}\n      dangerouslySetInnerHTML={dangerousHTML}\n    />\n  );\n\n  if (textWrapper) {\n    return (\n      <Text ref={ref} {...textProps}>\n        {dangerousElement}\n      </Text>\n    );\n  }\n\n  return dangerousElement;\n};\n\nTextOrHTML.displayName = \"TextOrHTML\";\nexport { TextOrHTML };\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n", "import type React from \"react\";\nimport type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Label.css\";\n\nexport type LabelElementType = HTMLLabelElement;\nexport type IntrinsicLabel = Omit<\n  React.JSX.IntrinsicElements[\"label\"],\n  \"css\" | \"color\" | \"ref\"\n>;\n\nexport interface LabelProps\n  extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {\n  children?: ReactNode;\n  className?: string;\n  elementType?: \"label\" | \"span\";\n}\n\nconst Label = ({ ref, ...props }: LabelProps) => {\n  const { elementType: Element = \"label\", children, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-label\", props.className);\n  otherProps.className = classes;\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {children}\n    </Element>\n  );\n};\n\nLabel.displayName = \"Label\";\nexport { Label };\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport type React from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { SpacingType } from \"../../types\";\nimport \"./Stack.css\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** How big a gap between items */\n  gap?: SpacingType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack = ({ ref, ...props }: StackProps) => {\n  const { elementType: Element = \"div\", gap, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-stack\",\n    {\n      [`--gap-${gap}`]: gap,\n    },\n    otherProps.className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nStack.displayName = \"Stack\";\n", "import classNames from \"classnames/dedupe\";\nimport type { ReactElement } from \"react\";\nimport { cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  validationClasses?: string,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(\n      (component.props as { className?: string }).className,\n      validationClasses,\n      className,\n    ),\n  } as { className: string });\n};\n"],
+  "mappings": "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",
   "names": ["import_react", "import_dedupe", "import_react", "import_dedupe", "classNames", "import_dedupe", "import_react", "import_dedupe", "import_jsx_runtime", "classNames", "import_jsx_runtime", "classNames", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_react", "classNames", "import_jsx_runtime", "classNames", "import_jsx_runtime"]
 }

package/dist/cjs/components/MaskedField/index.js CHANGED Viewed

@@ -406,7 +406,7 @@ var init_Text = __esm({
 });
 // src/components/TextOrHTML/TextOrHTML.tsx
-var import_dedupe3, import_react7, import_jsx_runtime3, isBlockHTML, containsHTML, buildTextClasses, TextOrHTML;
+var import_dedupe3, import_react7, import_jsx_runtime3, BLOCK_TAG, containsBlockHTML, containsHTML, buildTextClasses, TextOrHTML;
 var init_TextOrHTML = __esm({
   "src/components/TextOrHTML/TextOrHTML.tsx"() {
     "use strict";
@@ -414,7 +414,8 @@ var init_TextOrHTML = __esm({
     import_react7 = require("react");
     init_Text();
     import_jsx_runtime3 = require("react/jsx-runtime");
-    isBlockHTML = (text) => /^\s*<[a-z]/i.test(text);
+    BLOCK_TAG = /<(div|p|ul|ol|li|h[1-6]|table|tr|td|th|blockquote|pre|hr|dl|dt|dd)[\s>/]/i;
+    containsBlockHTML = (text) => BLOCK_TAG.test(text);
     containsHTML = (text) => /<[a-z/]/i.test(text) || /&(?:#\d+|#x[\da-f]+|[a-z]\w*);/i.test(text);
     buildTextClasses = (textProps, htmlClassName) => {
       const { variant, elementType, spacing, className } = textProps;
@@ -437,9 +438,9 @@ var init_TextOrHTML = __esm({
       autoDetect = false,
       ...textProps
     }) => {
-      const textIsBlockHTML = autoDetect && isBlockHTML(text);
+      const hasBlockContent = autoDetect && containsBlockHTML(text);
       const dangerousHTML = (0, import_react7.useMemo)(() => ({ __html: text }), [text]);
-      if (autoDetect && !textIsBlockHTML) {
+      if (autoDetect && !hasBlockContent) {
         const { variant, spacing, elementType, className, ...domProps } = textProps;
         const Element = getElementType(variant, elementType);
         const classes = buildTextClasses(textProps, htmlClassName);
@@ -453,7 +454,7 @@ var init_TextOrHTML = __esm({
           }
         ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Element, { ref, ...domProps, className: classes, children: text });
       }
-      const DangerousComponent = htmlElementType ?? (textIsBlockHTML ? "div" : "span");
+      const DangerousComponent = htmlElementType ?? (hasBlockContent ? "div" : "span");
       const dangerousElement = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         DangerousComponent,
         {

package/dist/cjs/components/MaskedField/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/hooks/useBreakpoint/useBreakpoint.tsx", "../../../../src/hooks/useBreakpoint/index.tsx", "../../../../src/hooks/useButton/useButton.tsx", "../../../../src/hooks/useButton/index.tsx", "../../../../src/utils/spaceDelimitedList.ts", "../../../../src/hooks/useDialogPolyfill/useDialogPolyfill.ts", "../../../../src/hooks/useDialogPolyfill/index.ts", "../../../../src/hooks/useDialog/useDialog.ts", "../../../../src/hooks/useDialog/index.ts", "../../../../src/hooks/useLabel/useLabel.tsx", "../../../../src/hooks/useLabel/index.tsx", "../../../../src/hooks/useTextField/useTextField.tsx", "../../../../src/hooks/useTextField/types.tsx", "../../../../src/hooks/useTextField/index.tsx", "../../../../src/hooks/useValidationClasses/useValidationClasses.ts", "../../../../src/hooks/useValidationClasses/index.ts", "../../../../src/hooks/index.tsx", "../../../../src/components/Icon/Icon.tsx", "../../../../src/components/Icon/types.ts", "../../../../src/components/Icon/index.tsx", "../../../../src/components/Text/Text.tsx", "../../../../src/components/TextOrHTML/TextOrHTML.tsx", "../../../../src/components/TextOrHTML/index.tsx", "../../../../src/components/ErrorMessage/ErrorMessage.tsx", "../../../../src/components/ErrorMessage/index.tsx", "../../../../src/components/Label/Label.tsx", "../../../../src/components/Label/index.tsx", "../../../../src/components/Stack/Stack.tsx", "../../../../src/components/Stack/index.tsx", "../../../../src/components/TextField/adornmentWithClassName.ts", "../../../../src/components/TextField/TextField.tsx", "../../../../src/components/TextField/index.tsx", "../../../../src/components/MaskedField/MaskedField.tsx", "../../../../src/components/MaskedField/index.tsx"],
-  "sourcesContent": ["\"use client\";\n\nimport {\n  useDebouncedValue,\n  useIsClient,\n  useWindowEvent,\n} from \"@simplybusiness/mobius-hooks\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst PASSIVE: AddEventListenerOptions = { passive: true };\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const isClientSide = useIsClient();\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n\n  const [windowWidth, setWindowWidth] = useState<number>(\n    typeof globalThis?.window !== \"undefined\"\n      ? window.innerWidth\n      : defaultBreakpoint.value,\n  );\n\n  useWindowEvent(\"resize\", () => setWindowWidth(window.innerWidth), PASSIVE);\n\n  const debouncedWidth = useDebouncedValue(windowWidth, 200);\n\n  // Gate on isClientSide so up()/down() also return default-based values\n  // during SSR and hydration, matching the server render.\n  const currentBreakpoint = useMemo(\n    () =>\n      !isClientSide || breakpoints.length === 0\n        ? defaultBreakpoint\n        : getBreakpoint(breakpoints, debouncedWidth),\n    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],\n  );\n\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: currentBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n", "export * from \"./useBreakpoint\";\n", "import type { JSXElementConstructor } from \"react\";\nimport { useCallback } from \"react\";\n\nexport interface UseButtonProps {\n  elementType?:\n    | \"button\"\n    | \"a\"\n    | \"span\"\n    | \"input\"\n    | JSXElementConstructor<unknown>\n    | undefined;\n  type?: \"button\" | \"submit\" | \"reset\";\n  isDisabled?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  href?: string;\n  target?: string;\n  rel?: string;\n  role?: string;\n  name?: string | undefined;\n  value?: string | undefined;\n}\n\nexport function useButton({\n  elementType = \"button\",\n  type = \"button\",\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  role,\n  name,\n  value,\n  onClick,\n  onPress,\n}: UseButtonProps) {\n  const realOnClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      onClick?.(event);\n      onPress?.(event);\n    },\n    [isDisabled, onClick, onPress],\n  );\n\n  function getRole() {\n    if (role) {\n      return role;\n    }\n\n    if (elementType === \"a\") {\n      return undefined;\n    }\n\n    return \"button\";\n  }\n\n  const extraProps =\n    elementType === \"button\"\n      ? { type }\n      : {\n          role: getRole(),\n        };\n\n  return {\n    buttonProps: {\n      href: elementType === \"a\" ? href : undefined,\n      target: elementType === \"a\" ? target : undefined,\n      rel: elementType === \"a\" ? rel : undefined,\n      tabIndex: isDisabled ? -1 : 0,\n      disabled: isDisabled || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      name:\n        elementType === \"input\" || elementType === \"button\" ? name : undefined,\n      value:\n        elementType === \"input\" || elementType === \"button\" ? value : undefined,\n      ...extraProps,\n      onClick: realOnClick,\n    },\n  };\n}\n", "export * from \"./useButton\";\n", "export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n", "import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { supportsDialog } from \"../../utils\";\n\n// Add polyfill for HTML Dialog in old browsers\nexport const useDialogPolyfill = () => {\n  const [hasDialogSupport, setHasDialogSupport] = useState(false);\n  const hasAlreadyLoaded = useRef(false);\n\n  useEffect(() => {\n    setHasDialogSupport(supportsDialog());\n  }, []);\n\n  const polyfillDialog = async (\n    ref: MutableRefObject<HTMLDialogElement | null>,\n  ) => {\n    if (\n      !hasAlreadyLoaded.current &&\n      !hasDialogSupport &&\n      typeof window !== \"undefined\" &&\n      ref.current !== null\n    ) {\n      const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n\n      hasAlreadyLoaded.current = true;\n      try {\n        if (ref.current) {\n          dialogPolyfill.registerDialog(ref.current);\n        }\n      } catch (error) {\n        console.error(\"Failed to load dialog-polyfill\", error);\n      }\n    }\n  };\n\n  return {\n    polyfillDialog,\n  };\n};\n", "export * from \"./useDialogPolyfill\";\n", "import type { MutableRefObject, SyntheticEvent } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { supportsDialog } from \"../../utils\";\nimport { useBodyScrollLock } from \"@simplybusiness/mobius-hooks\";\nimport { useDialogPolyfill } from \"../useDialogPolyfill\";\n\nexport type TransitionProps = {\n  isEnabled: boolean;\n  CSSVariable: string;\n};\n\nexport type useDialogProps = {\n  ref: MutableRefObject<HTMLDialogElement | null>;\n  transition: TransitionProps;\n  isOpen: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\nconst FALLBACK_TRANSITION_DURATION = 0;\n\nexport const useDialog = (props: useDialogProps) => {\n  const { ref, isOpen, transition, onOpen, onClose } = props;\n  const [hasDialogSupport, setHasDialogSupport] = useState(false);\n  const shouldTransition = hasDialogSupport && transition.isEnabled;\n  const { polyfillDialog } = useDialogPolyfill();\n\n  useEffect(() => {\n    setHasDialogSupport(supportsDialog());\n  }, []);\n\n  // Read CSS variable value as number\n  const TRANSITION_DURATION_IN_MS =\n    (ref.current &&\n      Number(\n        getComputedStyle(ref.current)\n          .getPropertyValue(transition.CSSVariable)\n          .replace(\"ms\", \"\"),\n      )) ||\n    FALLBACK_TRANSITION_DURATION;\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  const open = useCallback(() => {\n    ref.current?.showModal();\n    onOpen?.();\n  }, [onOpen, ref]);\n\n  const close = useCallback(() => {\n    ref.current?.close();\n    onClose?.();\n  }, [onClose, ref]);\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        // Prevent default event coming from onCancel,\n        // which is triggered by pressing ESC key\n        event.preventDefault();\n        // Ensure that nested `<dialog>` elements\n        // don't close the parent\n        event.stopPropagation();\n      }\n\n      if (shouldTransition) {\n        ref.current?.classList.remove(TRANSITION_CLASS_NAME);\n        // Delay close to allow exit transition\n        setTimeout(() => close(), TRANSITION_DURATION_IN_MS);\n      } else {\n        close();\n      }\n    },\n    [TRANSITION_DURATION_IN_MS, close, ref, shouldTransition],\n  );\n\n  useEffect(() => {\n    async function toggleDialog() {\n      if (isOpen && !ref.current?.open) {\n        await polyfillDialog(ref);\n\n        open();\n        // Fix opening transition in Safari being skipped\n        // by wrapping with setTimeout\n        setTimeout(() => {\n          ref.current?.classList.add(TRANSITION_CLASS_NAME);\n        }, 0);\n      } else if (!isOpen && ref.current?.open) {\n        handleClose();\n      }\n    }\n\n    void toggleDialog();\n  }, [handleClose, isOpen, open, ref, polyfillDialog]);\n\n  return {\n    open,\n    close: handleClose,\n  };\n};\n", "export * from \"./useDialog\";\n", "import type { LabelHTMLAttributes } from \"react\";\nimport { useId, useRef } from \"react\";\n\nexport type UseLabelProps = {\n  id?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  labelElementType?: \"label\" | \"span\" | undefined;\n};\n\nexport type UseLabelReturn = {\n  labelProps: {\n    id?: string | undefined;\n  } & LabelHTMLAttributes<HTMLLabelElement>;\n  fieldProps: LabellingProps;\n};\n\nexport type LabellingProps = {\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-details\"?: string | undefined;\n};\n\nexport function useLabel({\n  id: providedId,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  labelElementType = \"label\",\n}: UseLabelProps) {\n  let labelProps: UseLabelReturn[\"labelProps\"] = {};\n  let fieldProps: UseLabelReturn[\"fieldProps\"] = {};\n\n  const hasWarnedAboutMissingLabels = useRef(false);\n\n  const fallbackId = useId();\n  const id = providedId || fallbackId;\n  const labelId = useId();\n\n  if (label) {\n    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    labelProps = {\n      id: labelId,\n      htmlFor: labelElementType === \"label\" ? id : undefined,\n    };\n  } else if (\n    !ariaLabelledby &&\n    !ariaLabel &&\n    !hasWarnedAboutMissingLabels.current\n  ) {\n    hasWarnedAboutMissingLabels.current = true;\n    console.warn(\n      \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n    );\n  }\n\n  fieldProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  };\n\n  return {\n    labelProps,\n    fieldProps,\n  };\n}\n", "export * from \"./useLabel\";\n", "import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport type { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n", "import type { AriaRole, InputHTMLAttributes } from \"react\";\nimport type { UseLabelProps, UseLabelReturn } from \"../useLabel/useLabel\";\nimport type { FocusEvents, Validation } from \"../../types\";\n\nexport type UseTextFieldProps = UseLabelProps &\n  FocusEvents &\n  Validation &\n  Pick<\n    InputHTMLAttributes<HTMLInputElement>,\n    | \"defaultValue\"\n    | \"value\"\n    | \"onChange\"\n    | \"autoComplete\"\n    | \"maxLength\"\n    | \"minLength\"\n    | \"name\"\n    | \"placeholder\"\n    | \"inputMode\"\n    | \"type\"\n    | \"pattern\"\n\n    // Clipboard events\n    | \"onCopy\"\n    | \"onCut\"\n    | \"onPaste\"\n\n    // Keyboard events\n    | \"onKeyDown\"\n    | \"onKeyUp\"\n    | \"onKeyPress\"\n\n    // Composition events\n    | \"onCompositionEnd\"\n    | \"onCompositionStart\"\n    | \"onCompositionUpdate\"\n\n    // Selection events\n    | \"onSelect\"\n\n    // Input events\n    | \"onBeforeInput\"\n    | \"onInput\"\n\n    // Number types\n    | \"min\"\n    | \"max\"\n    | \"step\"\n  > & {\n    inputElementType?: \"input\" | \"textarea\" | undefined;\n    defaultValue?: string | undefined;\n    value?: string | undefined;\n    isDisabled?: boolean | undefined;\n    isReadOnly?: boolean | undefined;\n    isRequired?: boolean | undefined;\n    description?: string | undefined;\n    errorMessage?: string | undefined;\n    \"aria-describedby\"?: string | undefined;\n    \"aria-errormessage\"?: string | undefined;\n    role?: AriaRole | undefined;\n  };\n\nexport type UseTextFieldReturn = {\n  labelProps: UseLabelReturn[\"labelProps\"];\n  inputProps: InputHTMLAttributes<HTMLInputElement>;\n  descriptionProps: { id?: string | undefined };\n  errorMessageProps: { id?: string | undefined };\n};\n", "export * from \"./useTextField\";\nexport * from \"./types\";\n", "import type { Validation } from \"../../types\";\n\nexport type GetValidationClassesProps = Pick<Validation, \"isInvalid\">;\n\nexport const useValidationClasses = (props: GetValidationClassesProps) => {\n  const { isInvalid } = props;\n\n  if (isInvalid) {\n    return \"--is-invalid\";\n  }\n\n  if (isInvalid === false) {\n    return \"--is-valid\";\n  }\n\n  return \"\";\n};\n", "export * from \"./useValidationClasses\";\n", "export * from \"./useBreakpoint\";\nexport * from \"./useButton\";\nexport * from \"./useDialog\";\nexport * from \"./useDialogPolyfill\";\nexport * from \"./useLabel\";\nexport * from \"./useTextField\";\nexport * from \"./useValidationClasses\";\n", "import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n", "import type { RefAttributes } from \"react\";\nimport type { IconDefinition } from \"../../types/icon\";\n\nexport type IconSizeProp = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends RefAttributes<SVGSVGElement> {\n  icon?: IconDefinition;\n  className?: string;\n  size?: IconSizeProp;\n  color?: string;\n  fixedWidth?: boolean;\n  title?: string;\n\n  // Animations\n  spin?: boolean;\n  spinReverse?: boolean;\n}\n", "export * from \"./Icon\";\nexport * from \"./types\";\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n", "import classNames from \"classnames/dedupe\";\nimport type { RefAttributes } from \"react\";\nimport { useMemo } from \"react\";\nimport type { TextElementType, TextProps } from \"../Text/Text\";\nimport { Text, getElementType } from \"../Text/Text\";\n\nexport type HTMLElementType = \"span\" | \"div\";\n\nconst isBlockHTML = (text: string) => /^\\s*<[a-z]/i.test(text);\nconst containsHTML = (text: string) =>\n  /<[a-z/]/i.test(text) || /&(?:#\\d+|#x[\\da-f]+|[a-z]\\w*);/i.test(text); // tag or entity\n\nconst buildTextClasses = (\n  textProps: Omit<TextProps, \"children\">,\n  htmlClassName?: string,\n) => {\n  const { variant, elementType, spacing, className } = textProps;\n  const variantType = variant || getElementType(variant, elementType);\n  return classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n    htmlClassName,\n  );\n};\n\nexport interface TextOrHTMLProps\n  extends Omit<TextProps, \"children\">, RefAttributes<TextElementType> {\n  /** HTML string to be rendered with dangerouslySetInnerHTML */\n  text: string;\n  /** Custom class name for the dangerous HTML element */\n  htmlClassName?: string;\n  /** HTML element type for the dangerous HTML element */\n  htmlElementType?: HTMLElementType;\n  /** If true, wraps the dangerous HTML element inside a Text component */\n  textWrapper?: boolean;\n  /** If true, auto-detects whether text is HTML or plain text to determine wrapping and element type */\n  autoDetect?: boolean;\n}\n\nconst TextOrHTML = ({\n  ref,\n  text,\n  htmlClassName,\n  htmlElementType,\n  textWrapper = false,\n  autoDetect = false,\n  ...textProps\n}: TextOrHTMLProps) => {\n  const textIsBlockHTML = autoDetect && isBlockHTML(text);\n\n  // Memoize the dangerouslySetInnerHTML object to prevent unnecessary re-renders\n  // See: https://github.com/facebook/react/issues/31660\n  const dangerousHTML = useMemo(() => ({ __html: text }), [text]);\n\n  // Non-block text with autoDetect: render directly on a Text-equivalent element,\n  // avoiding unnecessary <span> nesting inside <p>.\n  if (autoDetect && !textIsBlockHTML) {\n    const { variant, spacing, elementType, className, ...domProps } = textProps;\n    const Element = getElementType(variant, elementType);\n    const classes = buildTextClasses(textProps, htmlClassName);\n\n    return containsHTML(text) ? (\n      <Element\n        ref={ref}\n        {...domProps}\n        className={classes}\n        dangerouslySetInnerHTML={dangerousHTML}\n      />\n    ) : (\n      <Element ref={ref} {...domProps} className={classes}>\n        {text}\n      </Element>\n    );\n  }\n\n  const DangerousComponent =\n    htmlElementType ?? (textIsBlockHTML ? \"div\" : \"span\");\n  const dangerousElement = (\n    <DangerousComponent\n      className={htmlClassName}\n      dangerouslySetInnerHTML={dangerousHTML}\n    />\n  );\n\n  if (textWrapper) {\n    return (\n      <Text ref={ref} {...textProps}>\n        {dangerousElement}\n      </Text>\n    );\n  }\n\n  return dangerousElement;\n};\n\nTextOrHTML.displayName = \"TextOrHTML\";\nexport { TextOrHTML };\n", "export * from \"./TextOrHTML\";\n", "import { error } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport { Icon } from \"../Icon\";\nimport { TextOrHTML } from \"../TextOrHTML\";\nimport \"./ErrorMessage.css\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius-error-message\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\" role=\"alert\">\n      <Icon\n        icon={error}\n        className=\"mobius-error-message__icon\"\n        aria-hidden=\"true\"\n      />\n      <TextOrHTML\n        elementType=\"span\"\n        className=\"mobius-error-message__text\"\n        text={errorMessage}\n      />\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n", "export * from \"./ErrorMessage\";\n", "import type React from \"react\";\nimport type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Label.css\";\n\nexport type LabelElementType = HTMLLabelElement;\nexport type IntrinsicLabel = Omit<\n  React.JSX.IntrinsicElements[\"label\"],\n  \"css\" | \"color\" | \"ref\"\n>;\n\nexport interface LabelProps\n  extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {\n  children?: ReactNode;\n  className?: string;\n  elementType?: \"label\" | \"span\";\n}\n\nconst Label = ({ ref, ...props }: LabelProps) => {\n  const { elementType: Element = \"label\", children, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-label\", props.className);\n  otherProps.className = classes;\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {children}\n    </Element>\n  );\n};\n\nLabel.displayName = \"Label\";\nexport { Label };\n", "export * from \"./Label\";\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport type React from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { SpacingType } from \"../../types\";\nimport \"./Stack.css\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** How big a gap between items */\n  gap?: SpacingType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack = ({ ref, ...props }: StackProps) => {\n  const { elementType: Element = \"div\", gap, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-stack\",\n    {\n      [`--gap-${gap}`]: gap,\n    },\n    otherProps.className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nStack.displayName = \"Stack\";\n", "export * from \"./Stack\";\n", "import classNames from \"classnames/dedupe\";\nimport type { ReactElement } from \"react\";\nimport { cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  validationClasses?: string,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(\n      (component.props as { className?: string }).className,\n      validationClasses,\n      className,\n    ),\n  } as { className: string });\n};\n", "\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from \"react\";\nimport type { UseTextFieldProps } from \"../../hooks\";\nimport { useTextField, useValidationClasses } from \"../../hooks\";\nimport type { DOMProps, FocusEvents } from \"../../types\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\nimport \"./TextField.css\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends\n    DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField = ({ ref, ...props }: TextFieldProps) => {\n  const {\n    isDisabled,\n    type = \"text\",\n    isInvalid,\n    className,\n    label,\n    errorMessage,\n    children,\n    isRequired,\n    prefixInside,\n    prefixOutside,\n    suffixInside,\n    suffixOutside,\n    autoComplete,\n    isReadOnly,\n    ...otherProps\n  } = props;\n\n  const resolvedAutoComplete =\n    autoComplete ??\n    (type === \"email\" ? \"email\" : type === \"tel\" ? \"tel\" : undefined);\n\n  const { inputProps, labelProps, errorMessageProps } = useTextField({\n    ...props,\n    autoComplete: resolvedAutoComplete,\n    \"aria-errormessage\": errorMessage,\n  });\n\n  const hidden = type === \"hidden\";\n\n  const validationClasses = useValidationClasses({ isInvalid });\n\n  const textfieldClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    \"--is-hidden\": hidden,\n    [className || \"\"]: true,\n  };\n\n  const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field\",\n    sharedClasses,\n  );\n\n  const inputClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field__input\",\n    sharedClasses,\n  );\n\n  const inputWrapperClasses = classNames(\n    \"mobius-text-field__input-wrapper\",\n    sharedClasses,\n  );\n\n  return (\n    <Stack gap=\"xs\" className={containerClasses}>\n      {label && !hidden && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-text-field__inner-container\">\n        {adornmentWithClassName(\n          prefixOutside,\n          labelClasses,\n          \"mobius-text-field__prefix-outside\",\n        )}\n        <div className={inputWrapperClasses}>\n          {adornmentWithClassName(\n            prefixInside,\n            labelClasses,\n            \"mobius-text-field__prefix-inside\",\n          )}\n          <input\n            {...otherProps}\n            {...inputProps}\n            ref={ref}\n            type={type}\n            className={inputClasses}\n          />\n          {adornmentWithClassName(\n            suffixInside,\n            labelClasses,\n            \"mobius-text-field__suffix-inside\",\n          )}\n        </div>\n        {adornmentWithClassName(\n          suffixOutside,\n          labelClasses,\n          \"mobius-text-field__suffix-outside\",\n        )}\n      </div>\n      {children && (\n        <div className=\"mobius-text-field__children\">{children}</div>\n      )}\n\n      <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n    </Stack>\n  );\n};\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n", "export * from \"./TextField\";\n", "\"use client\";\n\nimport type { ChangeEvent, FocusEvent, Ref, RefAttributes } from \"react\";\nimport { useCallback, useEffect } from \"react\";\nimport { useIMask } from \"react-imask\";\nimport type { FactoryOpts, InputMask, InputMaskElement } from \"imask\";\nimport type { TextFieldProps } from \"../TextField\";\nimport { TextField } from \"../TextField\";\n\nexport type MaskedFieldElementType = HTMLInputElement;\n\nexport interface MaskedFieldProps\n  extends\n    Omit<TextFieldProps, \"type\" | \"ref\">,\n    RefAttributes<MaskedFieldElementType> {\n  mask: FactoryOpts;\n  \"data-testid\"?: string;\n  /**\n   * If true, onChange and onBlur events will emit the masked (formatted) value.\n   * If false (default), events will emit the unmasked (raw) value.\n   *\n   * @example\n   * // TelephoneQuestion uses useMaskedValue={true}\n   * // User types: 5551234567\n   * // onChange receives: \"(555) 123-4567\" (formatted for display/storage)\n   *\n   * @example\n   * // CurrencyQuestion uses useMaskedValue={false}\n   * // User types: 1234\n   * // User sees: \"1,234\" (with thousands separator)\n   * // onChange receives: \"1234\" (raw number for calculations)\n   */\n  useMaskedValue?: boolean;\n}\n\nexport type MaskedFieldRef = Ref<MaskedFieldElementType>;\n\n/**\n * Creates an onChange handler for IMask's onAccept callback.\n *\n * IMask calls onAccept every time the user types and the mask accepts the input.\n * This handler converts IMask's callback into a standard React onChange event.\n *\n * @param onChange - The onChange handler from parent component\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion (US) - useMaskedValue=true\n * // User types: \"5551234567\"\n * // Emits: \"(555) 123-4567\" (formatted for display)\n * // Use case: Want to store/display the formatted phone number\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // User types: \"1234.56\"\n * // User sees: \"1,234.56\" (with formatting)\n * // Emits: \"1234.56\" (raw value for calculations)\n * // Use case: Need numeric value for backend/calculations\n */\nconst useAcceptHandler = (\n  onChange: MaskedFieldProps[\"onChange\"],\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (maskedValue: string, maskInstance: InputMask<FactoryOpts>) => {\n      // Exit early if no onChange handler provided\n      if (!onChange) {\n        return;\n      }\n\n      // IMask provides two values:\n      // 1. maskedValue: The formatted value user sees (e.g., \"(555) 123-4567\")\n      // 2. maskInstance.unmaskedValue: The raw value without formatting (e.g., \"5551234567\")\n      const formattedValue = maskedValue;\n      const rawValue = maskInstance.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create a synthetic React event that matches the standard onChange signature\n      // This allows parent components to handle it like any other input change\n      onChange({\n        target: { name, value: valueToEmit },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n    [onChange, useMaskedValue, name],\n  );\n};\n\n/**\n * Creates a ref callback that forwards the input element to both IMask and the parent component.\n *\n * React allows two ways to pass refs:\n * 1. Ref callback function: (element) => { ... }\n * 2. Ref object: { current: element }\n *\n * This hook handles both cases and also ensures IMask gets the element reference it needs.\n *\n * @param imaskRef - IMask's ref (needs the element to apply masking)\n * @param forwardedRef - Parent component's ref (could be function or object)\n *\n * @example\n * // Parent uses callback ref\n * <MaskedField ref={(el) => console.log(el)} />\n *\n * @example\n * // Parent uses useRef\n * const inputRef = useRef(null);\n * <MaskedField ref={inputRef} />\n */\nconst useCombinedRef = (\n  imaskRef: React.MutableRefObject<InputMaskElement | null>,\n  forwardedRef?: MaskedFieldRef,\n) => {\n  return useCallback(\n    (element: HTMLInputElement | null) => {\n      // First, give the element to IMask so it can apply masking\n      imaskRef.current = element;\n\n      // Then forward the element to the parent component's ref\n      // Handle both callback refs and ref objects\n\n      // Case 1: Parent passed a callback ref function\n      if (typeof forwardedRef === \"function\") {\n        forwardedRef(element);\n      }\n      // Case 2: Parent passed a ref object (from useRef)\n      else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n      // Case 3: No ref was forwarded (forwardedRef is null/undefined)\n      // Do nothing - this is fine\n    },\n    [imaskRef, forwardedRef],\n  );\n};\n\n/**\n * Creates an onBlur handler that extracts the correct value from IMask.\n *\n * When the user tabs away or clicks outside the input, we need to emit\n * the current value (either formatted or raw) via the onBlur event.\n *\n * @param onBlur - The onBlur handler from parent component\n * @param maskRef - Reference to the IMask instance (provides current values)\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion - useMaskedValue=true\n * // Input displays: \"(555) 123-4567\"\n * // onBlur emits: \"(555) 123-4567\" (formatted)\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // Input displays: \"$1,234.56\"\n * // onBlur emits: \"1234.56\" (raw for validation/submission)\n */\nconst useBlurHandler = (\n  onBlur: MaskedFieldProps[\"onBlur\"],\n  maskRef: React.MutableRefObject<InputMask<FactoryOpts> | null>,\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (event: FocusEvent<Element>) => {\n      // Exit early if no onBlur handler provided or mask isn't initialized\n      if (!onBlur || !maskRef.current) {\n        return;\n      }\n\n      // Extract current values from the IMask instance\n      // maskRef.current.value: The formatted value (e.g., \"(555) 123-4567\")\n      // maskRef.current.unmaskedValue: The raw value (e.g., \"5551234567\")\n      const formattedValue = maskRef.current.value;\n      const rawValue = maskRef.current.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create an enhanced event that preserves the original event properties\n      // but overrides the target to include our extracted value\n      onBlur({\n        ...event,\n        target: { ...event.target, name, value: valueToEmit },\n      } as FocusEvent<Element>);\n    },\n    [onBlur, maskRef, useMaskedValue, name],\n  );\n};\n\n/**\n * Controlled MaskedField - for use with value prop.\n * Syncs external value changes to IMask via useEffect.\n *\n * Use this when:\n * - The parent component manages the input state\n * - You need to programmatically update the value\n * - You need validation or transformation on every change\n */\nconst ControlledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  value,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"defaultValue\"> & {\n  value: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef, setValue } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  // Sync external value changes to IMask\n  useEffect(() => {\n    if (!maskRef.current) {\n      return;\n    }\n\n    const stringValue = value.toString();\n    const currentMasked = maskRef.current.value;\n    const currentUnmasked = maskRef.current.unmaskedValue;\n\n    // Only update if value actually changed (prevents infinite loops)\n    if (currentMasked !== stringValue && currentUnmasked !== stringValue) {\n      setValue(stringValue);\n    }\n  }, [value, maskRef, setValue, imaskRef]);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n    />\n  );\n};\n\n/**\n * Uncontrolled MaskedField - for use with defaultValue prop.\n * No value synchronization needed - IMask manages the value internally.\n *\n * Use this when:\n * - You only need the final value on submit\n * - You don't need to react to intermediate changes\n * - You want simpler code without state management\n */\nconst UncontrolledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  defaultValue,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"value\"> & {\n  defaultValue?: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n      defaultValue={defaultValue?.toString()}\n    />\n  );\n};\n\nconst MaskedField = ({ ref: forwardedRef, ...props }: MaskedFieldProps) => {\n  const { value, defaultValue, ...rest } = props;\n\n  // Check for \"value\" in props (not `value !== undefined`) to maintain consistent\n  // controlled/uncontrolled state throughout component lifetime and prevent focus loss.\n  // Example: CurrencyQuestion passes value={undefined} initially, then value={5} after typing.\n  if (\"value\" in props) {\n    return (\n      <ControlledMaskedField\n        {...rest}\n        value={value ?? \"\"}\n        forwardedRef={forwardedRef}\n      />\n    );\n  } else {\n    return (\n      <UncontrolledMaskedField\n        {...rest}\n        defaultValue={defaultValue}\n        forwardedRef={forwardedRef}\n      />\n    );\n  }\n};\n\nMaskedField.displayName = \"MaskedField\";\n\nexport { MaskedField };\n", "\"use client\";\n\nimport loadable from \"@loadable/component\";\nimport { TextField } from \"../TextField\";\nimport type { MaskedFieldProps } from \"./MaskedField\";\n\n/** Lazy-loads MaskedField (and react-imask) so consumers importing only TextField don't bundle react-imask. */\nconst LoadableMaskedField = loadable(() => import(\"./MaskedField\"), {\n  resolveComponent: mod => mod.MaskedField,\n});\n\nexport function MaskedField(props: MaskedFieldProps) {\n  const {\n    mask: _mask,\n    useMaskedValue: _useMaskedValue,\n    \"data-testid\": _dataTestId,\n    ref: forwardedRef,\n    ...textFieldProps\n  } = props;\n  return (\n    <LoadableMaskedField\n      {...props}\n      fallback={\n        <TextField\n          {...textFieldProps}\n          ref={forwardedRef}\n          type=\"text\"\n          isDisabled\n          isReadOnly\n        />\n      }\n    />\n  );\n}\n\nMaskedField.displayName = \"MaskedField\";\n\nexport type {\n  MaskedFieldProps,\n  MaskedFieldRef,\n  MaskedFieldElementType,\n} from \"./MaskedField\";\n"],
-  "mappings": "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",
+  "sourcesContent": ["\"use client\";\n\nimport {\n  useDebouncedValue,\n  useIsClient,\n  useWindowEvent,\n} from \"@simplybusiness/mobius-hooks\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport type { SizeType } from \"../../types\";\n\nexport type Breakpoint = {\n  size: SizeType;\n  value: number;\n};\nexport type BreakpointsType = Breakpoint[];\nexport type UseBreakpointType = {\n  breakpoint: Breakpoint;\n  up: (size: SizeType) => boolean | undefined;\n  down: (size: SizeType) => boolean | undefined;\n};\n\n// Hard code breakpoints for SB designs\nexport const DEFAULT_BREAKPOINTS = [\n  { size: \"xs\", value: 320 },\n  { size: \"sm\", value: 480 },\n  { size: \"md\", value: 670 },\n  { size: \"lg\", value: 960 },\n  { size: \"xl\", value: 1200 },\n  { size: \"xxl\", value: 1320 },\n] as BreakpointsType;\n\nconst PASSIVE: AddEventListenerOptions = { passive: true };\n\nconst getBreakpoint = (breakpoints: BreakpointsType, windowWidth: number) => {\n  // When breakpoint size and windowWidth are a match\n  // The addition of 1px ensures the right breakpoint\n  const closest = breakpoints.findIndex(\n    breakpoint => breakpoint.value >= windowWidth + 1,\n  );\n  const smallest = breakpoints[0];\n  const largest = breakpoints[breakpoints.length - 1];\n  const match = breakpoints[closest - 1];\n\n  if (closest === 0) return smallest;\n  if (closest === -1) return largest;\n\n  return match;\n};\n\nconst useBreakpoint = (\n  customBreakpoints?: BreakpointsType,\n): UseBreakpointType => {\n  const isClientSide = useIsClient();\n  const breakpoints = customBreakpoints || DEFAULT_BREAKPOINTS;\n  const defaultBreakpoint = breakpoints[0];\n\n  const [windowWidth, setWindowWidth] = useState<number>(\n    typeof globalThis?.window !== \"undefined\"\n      ? window.innerWidth\n      : defaultBreakpoint.value,\n  );\n\n  useWindowEvent(\"resize\", () => setWindowWidth(window.innerWidth), PASSIVE);\n\n  const debouncedWidth = useDebouncedValue(windowWidth, 200);\n\n  // Gate on isClientSide so up()/down() also return default-based values\n  // during SSR and hydration, matching the server render.\n  const currentBreakpoint = useMemo(\n    () =>\n      !isClientSide || breakpoints.length === 0\n        ? defaultBreakpoint\n        : getBreakpoint(breakpoints, debouncedWidth),\n    [isClientSide, breakpoints, defaultBreakpoint, debouncedWidth],\n  );\n\n  const up = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return false;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex >= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  const down = useCallback(\n    (size: SizeType) => {\n      const sizeIndex = breakpoints.findIndex(item => item.size === size);\n      if (sizeIndex === -1) {\n        return true;\n      }\n      const currentIndex = breakpoints.findIndex(\n        item => item.size === currentBreakpoint.size,\n      );\n\n      return currentIndex <= sizeIndex;\n    },\n    [currentBreakpoint, breakpoints],\n  );\n\n  return {\n    breakpoint: currentBreakpoint,\n    up,\n    down,\n  };\n};\n\nexport { useBreakpoint };\n", "export * from \"./useBreakpoint\";\n", "import type { JSXElementConstructor } from \"react\";\nimport { useCallback } from \"react\";\n\nexport interface UseButtonProps {\n  elementType?:\n    | \"button\"\n    | \"a\"\n    | \"span\"\n    | \"input\"\n    | JSXElementConstructor<unknown>\n    | undefined;\n  type?: \"button\" | \"submit\" | \"reset\";\n  isDisabled?: boolean;\n  onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  onPress?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n  href?: string;\n  target?: string;\n  rel?: string;\n  role?: string;\n  name?: string | undefined;\n  value?: string | undefined;\n}\n\nexport function useButton({\n  elementType = \"button\",\n  type = \"button\",\n  isDisabled = false,\n  href,\n  target,\n  rel,\n  role,\n  name,\n  value,\n  onClick,\n  onPress,\n}: UseButtonProps) {\n  const realOnClick = useCallback(\n    (event: React.MouseEvent<HTMLButtonElement>) => {\n      if (isDisabled) {\n        return;\n      }\n\n      onClick?.(event);\n      onPress?.(event);\n    },\n    [isDisabled, onClick, onPress],\n  );\n\n  function getRole() {\n    if (role) {\n      return role;\n    }\n\n    if (elementType === \"a\") {\n      return undefined;\n    }\n\n    return \"button\";\n  }\n\n  const extraProps =\n    elementType === \"button\"\n      ? { type }\n      : {\n          role: getRole(),\n        };\n\n  return {\n    buttonProps: {\n      href: elementType === \"a\" ? href : undefined,\n      target: elementType === \"a\" ? target : undefined,\n      rel: elementType === \"a\" ? rel : undefined,\n      tabIndex: isDisabled ? -1 : 0,\n      disabled: isDisabled || undefined,\n      \"aria-disabled\": isDisabled || undefined,\n      name:\n        elementType === \"input\" || elementType === \"button\" ? name : undefined,\n      value:\n        elementType === \"input\" || elementType === \"button\" ? value : undefined,\n      ...extraProps,\n      onClick: realOnClick,\n    },\n  };\n}\n", "export * from \"./useButton\";\n", "export function spaceDelimitedList(\n  list: (string | null | undefined)[],\n): string | undefined {\n  return list.filter(Boolean).join(\" \") || undefined;\n}\n", "import type { MutableRefObject } from \"react\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { supportsDialog } from \"../../utils\";\n\n// Add polyfill for HTML Dialog in old browsers\nexport const useDialogPolyfill = () => {\n  const [hasDialogSupport, setHasDialogSupport] = useState(false);\n  const hasAlreadyLoaded = useRef(false);\n\n  useEffect(() => {\n    setHasDialogSupport(supportsDialog());\n  }, []);\n\n  const polyfillDialog = async (\n    ref: MutableRefObject<HTMLDialogElement | null>,\n  ) => {\n    if (\n      !hasAlreadyLoaded.current &&\n      !hasDialogSupport &&\n      typeof window !== \"undefined\" &&\n      ref.current !== null\n    ) {\n      const { default: dialogPolyfill } = await import(\"dialog-polyfill\");\n\n      hasAlreadyLoaded.current = true;\n      try {\n        if (ref.current) {\n          dialogPolyfill.registerDialog(ref.current);\n        }\n      } catch (error) {\n        console.error(\"Failed to load dialog-polyfill\", error);\n      }\n    }\n  };\n\n  return {\n    polyfillDialog,\n  };\n};\n", "export * from \"./useDialogPolyfill\";\n", "import type { MutableRefObject, SyntheticEvent } from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\nimport { supportsDialog } from \"../../utils\";\nimport { useBodyScrollLock } from \"@simplybusiness/mobius-hooks\";\nimport { useDialogPolyfill } from \"../useDialogPolyfill\";\n\nexport type TransitionProps = {\n  isEnabled: boolean;\n  CSSVariable: string;\n};\n\nexport type useDialogProps = {\n  ref: MutableRefObject<HTMLDialogElement | null>;\n  transition: TransitionProps;\n  isOpen: boolean;\n  onOpen?: () => void;\n  onClose?: () => void;\n};\n\nconst TRANSITION_CLASS_NAME = \"--transition\";\nconst FALLBACK_TRANSITION_DURATION = 0;\n\nexport const useDialog = (props: useDialogProps) => {\n  const { ref, isOpen, transition, onOpen, onClose } = props;\n  const [hasDialogSupport, setHasDialogSupport] = useState(false);\n  const shouldTransition = hasDialogSupport && transition.isEnabled;\n  const { polyfillDialog } = useDialogPolyfill();\n\n  useEffect(() => {\n    setHasDialogSupport(supportsDialog());\n  }, []);\n\n  // Read CSS variable value as number\n  const TRANSITION_DURATION_IN_MS =\n    (ref.current &&\n      Number(\n        getComputedStyle(ref.current)\n          .getPropertyValue(transition.CSSVariable)\n          .replace(\"ms\", \"\"),\n      )) ||\n    FALLBACK_TRANSITION_DURATION;\n\n  useBodyScrollLock({ enabled: isOpen });\n\n  const open = useCallback(() => {\n    ref.current?.showModal();\n    onOpen?.();\n  }, [onOpen, ref]);\n\n  const close = useCallback(() => {\n    ref.current?.close();\n    onClose?.();\n  }, [onClose, ref]);\n\n  // Add close handler, to enable closing transitions\n  const handleClose = useCallback(\n    (event?: SyntheticEvent<HTMLElement, Event>) => {\n      if (event) {\n        // Prevent default event coming from onCancel,\n        // which is triggered by pressing ESC key\n        event.preventDefault();\n        // Ensure that nested `<dialog>` elements\n        // don't close the parent\n        event.stopPropagation();\n      }\n\n      if (shouldTransition) {\n        ref.current?.classList.remove(TRANSITION_CLASS_NAME);\n        // Delay close to allow exit transition\n        setTimeout(() => close(), TRANSITION_DURATION_IN_MS);\n      } else {\n        close();\n      }\n    },\n    [TRANSITION_DURATION_IN_MS, close, ref, shouldTransition],\n  );\n\n  useEffect(() => {\n    async function toggleDialog() {\n      if (isOpen && !ref.current?.open) {\n        await polyfillDialog(ref);\n\n        open();\n        // Fix opening transition in Safari being skipped\n        // by wrapping with setTimeout\n        setTimeout(() => {\n          ref.current?.classList.add(TRANSITION_CLASS_NAME);\n        }, 0);\n      } else if (!isOpen && ref.current?.open) {\n        handleClose();\n      }\n    }\n\n    void toggleDialog();\n  }, [handleClose, isOpen, open, ref, polyfillDialog]);\n\n  return {\n    open,\n    close: handleClose,\n  };\n};\n", "export * from \"./useDialog\";\n", "import type { LabelHTMLAttributes } from \"react\";\nimport { useId, useRef } from \"react\";\n\nexport type UseLabelProps = {\n  id?: string | undefined;\n  label?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  labelElementType?: \"label\" | \"span\" | undefined;\n};\n\nexport type UseLabelReturn = {\n  labelProps: {\n    id?: string | undefined;\n  } & LabelHTMLAttributes<HTMLLabelElement>;\n  fieldProps: LabellingProps;\n};\n\nexport type LabellingProps = {\n  id?: string | undefined;\n  \"aria-label\"?: string | undefined;\n  \"aria-labelledby\"?: string | undefined;\n  \"aria-describedby\"?: string | undefined;\n  \"aria-details\"?: string | undefined;\n};\n\nexport function useLabel({\n  id: providedId,\n  label,\n  \"aria-label\": ariaLabel,\n  \"aria-labelledby\": ariaLabelledby,\n  labelElementType = \"label\",\n}: UseLabelProps) {\n  let labelProps: UseLabelReturn[\"labelProps\"] = {};\n  let fieldProps: UseLabelReturn[\"fieldProps\"] = {};\n\n  const hasWarnedAboutMissingLabels = useRef(false);\n\n  const fallbackId = useId();\n  const id = providedId || fallbackId;\n  const labelId = useId();\n\n  if (label) {\n    ariaLabelledby = ariaLabelledby ? `${labelId} ${ariaLabelledby}` : labelId;\n    labelProps = {\n      id: labelId,\n      htmlFor: labelElementType === \"label\" ? id : undefined,\n    };\n  } else if (\n    !ariaLabelledby &&\n    !ariaLabel &&\n    !hasWarnedAboutMissingLabels.current\n  ) {\n    hasWarnedAboutMissingLabels.current = true;\n    console.warn(\n      \"If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility\",\n    );\n  }\n\n  fieldProps = {\n    id,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledby,\n  };\n\n  return {\n    labelProps,\n    fieldProps,\n  };\n}\n", "export * from \"./useLabel\";\n", "import { useId } from \"react\";\nimport { spaceDelimitedList } from \"../../utils/spaceDelimitedList\";\nimport { useLabel } from \"../useLabel/useLabel\";\nimport type { UseTextFieldProps, UseTextFieldReturn } from \"./types\";\n\nexport function useTextField(props: UseTextFieldProps): UseTextFieldReturn {\n  const {\n    isDisabled = false,\n    isReadOnly = false,\n    isRequired = false,\n    inputElementType = \"input\",\n  } = props;\n  const { labelProps, fieldProps } = useLabel(props);\n\n  const descriptionId = useId();\n  const descriptionProps = { id: descriptionId };\n\n  const errorMessageId = useId();\n  const errorMessageProps = { id: errorMessageId };\n\n  const ariaDescribedBy = spaceDelimitedList([\n    props.description && descriptionId,\n    props.errorMessage && errorMessageId,\n    props[\"aria-describedby\"],\n  ]);\n\n  return {\n    descriptionProps,\n    errorMessageProps,\n    labelProps,\n    inputProps: {\n      defaultValue: props.defaultValue,\n      value: props.value,\n      onChange: props.onChange,\n      disabled: isDisabled,\n      readOnly: isReadOnly,\n      required: isRequired,\n      \"aria-required\": isRequired === true ? true : undefined,\n      \"aria-invalid\": props.isInvalid,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-errormessage\": props[\"aria-errormessage\"],\n      role: props.role,\n\n      type: inputElementType === \"input\" ? props.type : undefined,\n      pattern: inputElementType === \"input\" ? props.pattern : undefined,\n\n      autoComplete: props.autoComplete,\n      maxLength: props.maxLength,\n      minLength: props.minLength,\n      name: props.name,\n      placeholder: props.placeholder,\n      inputMode: props.inputMode,\n\n      // Clipboard events\n      onCopy: props.onCopy,\n      onCut: props.onCut,\n      onPaste: props.onPaste,\n\n      // Composition events\n      onCompositionEnd: props.onCompositionEnd,\n      onCompositionStart: props.onCompositionStart,\n      onCompositionUpdate: props.onCompositionUpdate,\n\n      // Selection events\n      onSelect: props.onSelect,\n\n      // Input events\n      onBeforeInput: props.onBeforeInput,\n      onInput: props.onInput,\n\n      // Focus events\n      onFocus: props.onFocus,\n      onBlur: props.onBlur,\n\n      ...fieldProps,\n    },\n  };\n}\n", "import type { AriaRole, InputHTMLAttributes } from \"react\";\nimport type { UseLabelProps, UseLabelReturn } from \"../useLabel/useLabel\";\nimport type { FocusEvents, Validation } from \"../../types\";\n\nexport type UseTextFieldProps = UseLabelProps &\n  FocusEvents &\n  Validation &\n  Pick<\n    InputHTMLAttributes<HTMLInputElement>,\n    | \"defaultValue\"\n    | \"value\"\n    | \"onChange\"\n    | \"autoComplete\"\n    | \"maxLength\"\n    | \"minLength\"\n    | \"name\"\n    | \"placeholder\"\n    | \"inputMode\"\n    | \"type\"\n    | \"pattern\"\n\n    // Clipboard events\n    | \"onCopy\"\n    | \"onCut\"\n    | \"onPaste\"\n\n    // Keyboard events\n    | \"onKeyDown\"\n    | \"onKeyUp\"\n    | \"onKeyPress\"\n\n    // Composition events\n    | \"onCompositionEnd\"\n    | \"onCompositionStart\"\n    | \"onCompositionUpdate\"\n\n    // Selection events\n    | \"onSelect\"\n\n    // Input events\n    | \"onBeforeInput\"\n    | \"onInput\"\n\n    // Number types\n    | \"min\"\n    | \"max\"\n    | \"step\"\n  > & {\n    inputElementType?: \"input\" | \"textarea\" | undefined;\n    defaultValue?: string | undefined;\n    value?: string | undefined;\n    isDisabled?: boolean | undefined;\n    isReadOnly?: boolean | undefined;\n    isRequired?: boolean | undefined;\n    description?: string | undefined;\n    errorMessage?: string | undefined;\n    \"aria-describedby\"?: string | undefined;\n    \"aria-errormessage\"?: string | undefined;\n    role?: AriaRole | undefined;\n  };\n\nexport type UseTextFieldReturn = {\n  labelProps: UseLabelReturn[\"labelProps\"];\n  inputProps: InputHTMLAttributes<HTMLInputElement>;\n  descriptionProps: { id?: string | undefined };\n  errorMessageProps: { id?: string | undefined };\n};\n", "export * from \"./useTextField\";\nexport * from \"./types\";\n", "import type { Validation } from \"../../types\";\n\nexport type GetValidationClassesProps = Pick<Validation, \"isInvalid\">;\n\nexport const useValidationClasses = (props: GetValidationClassesProps) => {\n  const { isInvalid } = props;\n\n  if (isInvalid) {\n    return \"--is-invalid\";\n  }\n\n  if (isInvalid === false) {\n    return \"--is-valid\";\n  }\n\n  return \"\";\n};\n", "export * from \"./useValidationClasses\";\n", "export * from \"./useBreakpoint\";\nexport * from \"./useButton\";\nexport * from \"./useDialog\";\nexport * from \"./useDialogPolyfill\";\nexport * from \"./useLabel\";\nexport * from \"./useTextField\";\nexport * from \"./useValidationClasses\";\n", "import classNames from \"classnames/dedupe\";\nimport type { IconProps } from \"./types\";\nimport \"./Icon.css\";\n\nconst ICON_PREFIX = \"mobius-icon\";\n\nconst capitaliseFirstLetter = (str: string) =>\n  str.charAt(0).toUpperCase() + str.slice(1);\n\nexport function Icon({\n  ref,\n  icon,\n  className,\n  size = \"xs\",\n  color,\n  fixedWidth,\n  spin,\n  spinReverse,\n  title,\n  ...otherProps\n}: IconProps) {\n  if (!icon) {\n    throw new Error(\"Must specify icon object\");\n  }\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-icon\",\n    `svg-inline--${ICON_PREFIX}`,\n    `--size-${size}`,\n    className,\n    {\n      [`${ICON_PREFIX}-fw`]: fixedWidth,\n      [`${ICON_PREFIX}-spin`]: spin || spinReverse,\n      [`${ICON_PREFIX}-spin-reverse`]: spinReverse,\n    },\n  );\n\n  const { iconName, width, height, svgPathData } = icon;\n  const formattedIconName = iconName.split(\"-\").join(\" \");\n\n  const defaultTitle = `${capitaliseFirstLetter(formattedIconName)} icon`;\n  const titleText = title || defaultTitle;\n\n  return (\n    <svg\n      ref={ref}\n      focusable=\"false\"\n      data-icon={iconName}\n      className={classes}\n      role=\"img\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox={`0 0 ${width} ${height}`}\n      style={{ color }}\n      {...otherProps}\n    >\n      <title>{titleText}</title>\n      <path fill=\"currentColor\" d={svgPathData} />\n    </svg>\n  );\n}\n", "import type { RefAttributes } from \"react\";\nimport type { IconDefinition } from \"../../types/icon\";\n\nexport type IconSizeProp = \"xs\" | \"sm\" | \"md\" | \"lg\";\n\nexport interface IconProps extends RefAttributes<SVGSVGElement> {\n  icon?: IconDefinition;\n  className?: string;\n  size?: IconSizeProp;\n  color?: string;\n  fixedWidth?: boolean;\n  title?: string;\n\n  // Animations\n  spin?: boolean;\n  spinReverse?: boolean;\n}\n", "export * from \"./Icon\";\nexport * from \"./types\";\n", "import type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Text.css\";\n\nexport type TextElementType = HTMLHeadingElement | HTMLParagraphElement;\nexport type TextVariantType =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"body\"\n  | \"small\"\n  | \"legal\"\n  | \"title\";\nexport type ElementType = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"p\" | \"span\";\nexport interface TextProps extends DOMProps, RefAttributes<TextElementType> {\n  /** HTML element for the text */\n  elementType?: ElementType;\n  /** Specify font size override */\n  variant?: TextVariantType;\n  /** Specify compact line height override */\n  spacing?: \"loose\" | \"tight\";\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  children: ReactNode;\n  style?: React.CSSProperties;\n}\n\nexport const getElementType = (\n  variant: TextVariantType | undefined,\n  elementType: ElementType | undefined,\n): ElementType => {\n  // Explicit elementType always wins\n  if (elementType) {\n    return elementType;\n  }\n  // Infer element from variant\n  if (variant && [\"h1\", \"h2\", \"h3\", \"h4\"].includes(variant)) {\n    return variant as ElementType;\n  }\n  return \"p\";\n};\n\nconst Text = ({ ref, elementType, ...props }: TextProps) => {\n  // Remove non-DOM props from element\n  const { variant, className, spacing, ...otherProps } = props;\n\n  // If a variant is supplied, set the class name and element type\n  const Element: ElementType = getElementType(variant, elementType);\n  const variantType = variant || Element;\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nText.displayName = \"Text\";\nexport { Text };\n", "import classNames from \"classnames/dedupe\";\nimport type { RefAttributes } from \"react\";\nimport { useMemo } from \"react\";\nimport type { TextElementType, TextProps } from \"../Text/Text\";\nimport { Text, getElementType } from \"../Text/Text\";\n\nexport type HTMLElementType = \"span\" | \"div\";\n\n// Block-level tags that cannot be nested inside <p>.\nconst BLOCK_TAG =\n  /<(div|p|ul|ol|li|h[1-6]|table|tr|td|th|blockquote|pre|hr|dl|dt|dd)[\\s>/]/i;\nconst containsBlockHTML = (text: string) => BLOCK_TAG.test(text);\nconst containsHTML = (text: string) =>\n  /<[a-z/]/i.test(text) || /&(?:#\\d+|#x[\\da-f]+|[a-z]\\w*);/i.test(text); // tag or entity\n\nconst buildTextClasses = (\n  textProps: Omit<TextProps, \"children\">,\n  htmlClassName?: string,\n) => {\n  const { variant, elementType, spacing, className } = textProps;\n  const variantType = variant || getElementType(variant, elementType);\n  return classNames(\n    \"mobius\",\n    \"mobius-text\",\n    { [`--is-${variantType}`]: variantType },\n    { [`--has-line-height-${spacing}`]: spacing },\n    className,\n    htmlClassName,\n  );\n};\n\nexport interface TextOrHTMLProps\n  extends Omit<TextProps, \"children\">, RefAttributes<TextElementType> {\n  /** HTML string to be rendered with dangerouslySetInnerHTML */\n  text: string;\n  /** Custom class name for the dangerous HTML element */\n  htmlClassName?: string;\n  /** HTML element type for the dangerous HTML element */\n  htmlElementType?: HTMLElementType;\n  /** If true, wraps the dangerous HTML element inside a Text component */\n  textWrapper?: boolean;\n  /** If true, auto-detects whether text is HTML or plain text to determine wrapping and element type */\n  autoDetect?: boolean;\n}\n\nconst TextOrHTML = ({\n  ref,\n  text,\n  htmlClassName,\n  htmlElementType,\n  textWrapper = false,\n  autoDetect = false,\n  ...textProps\n}: TextOrHTMLProps) => {\n  const hasBlockContent = autoDetect && containsBlockHTML(text);\n\n  // Memoize the dangerouslySetInnerHTML object to prevent unnecessary re-renders\n  // See: https://github.com/facebook/react/issues/31660\n  const dangerousHTML = useMemo(() => ({ __html: text }), [text]);\n\n  // Non-block text with autoDetect: render directly on a Text-equivalent element,\n  // avoiding unnecessary <span> nesting inside <p>.\n  if (autoDetect && !hasBlockContent) {\n    const { variant, spacing, elementType, className, ...domProps } = textProps;\n    const Element = getElementType(variant, elementType);\n    const classes = buildTextClasses(textProps, htmlClassName);\n\n    return containsHTML(text) ? (\n      <Element\n        ref={ref}\n        {...domProps}\n        className={classes}\n        dangerouslySetInnerHTML={dangerousHTML}\n      />\n    ) : (\n      <Element ref={ref} {...domProps} className={classes}>\n        {text}\n      </Element>\n    );\n  }\n\n  const DangerousComponent =\n    htmlElementType ?? (hasBlockContent ? \"div\" : \"span\");\n  const dangerousElement = (\n    <DangerousComponent\n      className={htmlClassName}\n      dangerouslySetInnerHTML={dangerousHTML}\n    />\n  );\n\n  if (textWrapper) {\n    return (\n      <Text ref={ref} {...textProps}>\n        {dangerousElement}\n      </Text>\n    );\n  }\n\n  return dangerousElement;\n};\n\nTextOrHTML.displayName = \"TextOrHTML\";\nexport { TextOrHTML };\n", "export * from \"./TextOrHTML\";\n", "import { error } from \"@simplybusiness/icons\";\nimport classNames from \"classnames/dedupe\";\nimport { Icon } from \"../Icon\";\nimport { TextOrHTML } from \"../TextOrHTML\";\nimport \"./ErrorMessage.css\";\n\nexport interface ErrorMessageProps {\n  errorMessage?: string;\n  id?: string;\n  className?: string;\n}\n\nexport const ErrorMessage = ({\n  id,\n  errorMessage,\n  className,\n}: ErrorMessageProps) => {\n  const classes = classNames(\"mobius\", \"mobius-error-message\", className);\n\n  if (!errorMessage) return null;\n\n  return (\n    <div id={id} className={classes} data-testid=\"ErrorMessage\" role=\"alert\">\n      <Icon\n        icon={error}\n        className=\"mobius-error-message__icon\"\n        aria-hidden=\"true\"\n      />\n      <TextOrHTML\n        elementType=\"span\"\n        className=\"mobius-error-message__text\"\n        text={errorMessage}\n      />\n    </div>\n  );\n};\n\nErrorMessage.displayName = \"ErrorMessage\";\n", "export * from \"./ErrorMessage\";\n", "import type React from \"react\";\nimport type { ReactNode, RefAttributes } from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport \"./Label.css\";\n\nexport type LabelElementType = HTMLLabelElement;\nexport type IntrinsicLabel = Omit<\n  React.JSX.IntrinsicElements[\"label\"],\n  \"css\" | \"color\" | \"ref\"\n>;\n\nexport interface LabelProps\n  extends IntrinsicLabel, DOMProps, RefAttributes<LabelElementType> {\n  children?: ReactNode;\n  className?: string;\n  elementType?: \"label\" | \"span\";\n}\n\nconst Label = ({ ref, ...props }: LabelProps) => {\n  const { elementType: Element = \"label\", children, ...otherProps } = props;\n\n  const classes = classNames(\"mobius\", \"mobius-label\", props.className);\n  otherProps.className = classes;\n\n  return (\n    <Element ref={ref} {...otherProps} className={classes}>\n      {children}\n    </Element>\n  );\n};\n\nLabel.displayName = \"Label\";\nexport { Label };\n", "export * from \"./Label\";\n", "import type { Ref, RefAttributes, ReactNode } from \"react\";\nimport type React from \"react\";\nimport classNames from \"classnames/dedupe\";\nimport type { DOMProps } from \"../../types/dom\";\nimport type { SpacingType } from \"../../types\";\nimport \"./Stack.css\";\n\nexport type StackElementType = HTMLDivElement;\n\nexport interface StackProps extends DOMProps, RefAttributes<StackElementType> {\n  children?: ReactNode;\n  /** How big a gap between items */\n  gap?: SpacingType;\n  /** Custom class name for setting specific CSS */\n  className?: string;\n  elementType?: React.ElementType;\n}\n\nexport type StackRef = Ref<StackElementType>;\n\nexport const Stack = ({ ref, ...props }: StackProps) => {\n  const { elementType: Element = \"div\", gap, ...otherProps } = props;\n\n  const classes = classNames(\n    \"mobius\",\n    \"mobius-stack\",\n    {\n      [`--gap-${gap}`]: gap,\n    },\n    otherProps.className,\n  );\n\n  return <Element ref={ref} {...otherProps} className={classes} />;\n};\n\nStack.displayName = \"Stack\";\n", "export * from \"./Stack\";\n", "import classNames from \"classnames/dedupe\";\nimport type { ReactElement } from \"react\";\nimport { cloneElement } from \"react\";\n\nexport const adornmentWithClassName = (\n  component?: ReactElement,\n  validationClasses?: string,\n  className?: string,\n) => {\n  if (!component) return null;\n\n  return cloneElement(component, {\n    className: classNames(\n      (component.props as { className?: string }).className,\n      validationClasses,\n      className,\n    ),\n  } as { className: string });\n};\n", "\"use client\";\n\nimport classNames from \"classnames/dedupe\";\nimport type {\n  HTMLInputTypeAttribute,\n  ReactElement,\n  ReactNode,\n  Ref,\n  RefAttributes,\n} from \"react\";\nimport type { UseTextFieldProps } from \"../../hooks\";\nimport { useTextField, useValidationClasses } from \"../../hooks\";\nimport type { DOMProps, FocusEvents } from \"../../types\";\nimport { ErrorMessage } from \"../ErrorMessage\";\nimport { Label } from \"../Label\";\nimport { Stack } from \"../Stack\";\nimport { adornmentWithClassName } from \"./adornmentWithClassName\";\nimport \"./TextField.css\";\n\nexport type TextFieldElementType = HTMLInputElement;\nexport interface TextFieldProps\n  extends\n    DOMProps,\n    FocusEvents,\n    UseTextFieldProps,\n    RefAttributes<TextFieldElementType> {\n  className?: string;\n  errorMessage?: string;\n  children?: ReactNode;\n  label?: string;\n  type?: Exclude<\n    HTMLInputTypeAttribute,\n    | \"button\"\n    | \"checkbox\"\n    | \"color\"\n    | \"date\"\n    | \"datetime-local\"\n    | \"file\"\n    | \"image\"\n    | \"month\"\n    | \"radio\"\n    | \"range\"\n    | \"reset\"\n    | \"submit\"\n    | \"week\"\n  >;\n  prefixInside?: ReactElement;\n  prefixOutside?: ReactElement;\n  suffixInside?: ReactElement;\n  suffixOutside?: ReactElement;\n}\n\nexport type TextFieldRef = Ref<TextFieldElementType>;\n\nconst TextField = ({ ref, ...props }: TextFieldProps) => {\n  const {\n    isDisabled,\n    type = \"text\",\n    isInvalid,\n    className,\n    label,\n    errorMessage,\n    children,\n    isRequired,\n    prefixInside,\n    prefixOutside,\n    suffixInside,\n    suffixOutside,\n    autoComplete,\n    isReadOnly,\n    ...otherProps\n  } = props;\n\n  const resolvedAutoComplete =\n    autoComplete ??\n    (type === \"email\" ? \"email\" : type === \"tel\" ? \"tel\" : undefined);\n\n  const { inputProps, labelProps, errorMessageProps } = useTextField({\n    ...props,\n    autoComplete: resolvedAutoComplete,\n    \"aria-errormessage\": errorMessage,\n  });\n\n  const hidden = type === \"hidden\";\n\n  const validationClasses = useValidationClasses({ isInvalid });\n\n  const textfieldClasses = {\n    \"--is-disabled\": isDisabled,\n    \"--is-required\": typeof isRequired === \"boolean\" && isRequired,\n    \"--is-optional\": typeof isRequired === \"boolean\" && !isRequired,\n    \"--is-hidden\": hidden,\n    [className || \"\"]: true,\n  };\n\n  const sharedClasses = classNames(validationClasses, textfieldClasses);\n\n  const labelClasses = classNames(\n    {\n      \"--is-disabled\": isDisabled,\n    },\n    validationClasses,\n  );\n\n  const containerClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field\",\n    sharedClasses,\n  );\n\n  const inputClasses = classNames(\n    \"mobius\",\n    \"mobius-text-field__input\",\n    sharedClasses,\n  );\n\n  const inputWrapperClasses = classNames(\n    \"mobius-text-field__input-wrapper\",\n    sharedClasses,\n  );\n\n  return (\n    <Stack gap=\"xs\" className={containerClasses}>\n      {label && !hidden && (\n        <Label {...labelProps} className={labelClasses}>\n          {label}\n        </Label>\n      )}\n      <div className=\"mobius-text-field__inner-container\">\n        {adornmentWithClassName(\n          prefixOutside,\n          labelClasses,\n          \"mobius-text-field__prefix-outside\",\n        )}\n        <div className={inputWrapperClasses}>\n          {adornmentWithClassName(\n            prefixInside,\n            labelClasses,\n            \"mobius-text-field__prefix-inside\",\n          )}\n          <input\n            {...otherProps}\n            {...inputProps}\n            ref={ref}\n            type={type}\n            className={inputClasses}\n          />\n          {adornmentWithClassName(\n            suffixInside,\n            labelClasses,\n            \"mobius-text-field__suffix-inside\",\n          )}\n        </div>\n        {adornmentWithClassName(\n          suffixOutside,\n          labelClasses,\n          \"mobius-text-field__suffix-outside\",\n        )}\n      </div>\n      {children && (\n        <div className=\"mobius-text-field__children\">{children}</div>\n      )}\n\n      <ErrorMessage {...errorMessageProps} errorMessage={errorMessage} />\n    </Stack>\n  );\n};\n\nTextField.displayName = \"TextField\";\nexport { TextField };\n", "export * from \"./TextField\";\n", "\"use client\";\n\nimport type { ChangeEvent, FocusEvent, Ref, RefAttributes } from \"react\";\nimport { useCallback, useEffect } from \"react\";\nimport { useIMask } from \"react-imask\";\nimport type { FactoryOpts, InputMask, InputMaskElement } from \"imask\";\nimport type { TextFieldProps } from \"../TextField\";\nimport { TextField } from \"../TextField\";\n\nexport type MaskedFieldElementType = HTMLInputElement;\n\nexport interface MaskedFieldProps\n  extends\n    Omit<TextFieldProps, \"type\" | \"ref\">,\n    RefAttributes<MaskedFieldElementType> {\n  mask: FactoryOpts;\n  \"data-testid\"?: string;\n  /**\n   * If true, onChange and onBlur events will emit the masked (formatted) value.\n   * If false (default), events will emit the unmasked (raw) value.\n   *\n   * @example\n   * // TelephoneQuestion uses useMaskedValue={true}\n   * // User types: 5551234567\n   * // onChange receives: \"(555) 123-4567\" (formatted for display/storage)\n   *\n   * @example\n   * // CurrencyQuestion uses useMaskedValue={false}\n   * // User types: 1234\n   * // User sees: \"1,234\" (with thousands separator)\n   * // onChange receives: \"1234\" (raw number for calculations)\n   */\n  useMaskedValue?: boolean;\n}\n\nexport type MaskedFieldRef = Ref<MaskedFieldElementType>;\n\n/**\n * Creates an onChange handler for IMask's onAccept callback.\n *\n * IMask calls onAccept every time the user types and the mask accepts the input.\n * This handler converts IMask's callback into a standard React onChange event.\n *\n * @param onChange - The onChange handler from parent component\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion (US) - useMaskedValue=true\n * // User types: \"5551234567\"\n * // Emits: \"(555) 123-4567\" (formatted for display)\n * // Use case: Want to store/display the formatted phone number\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // User types: \"1234.56\"\n * // User sees: \"1,234.56\" (with formatting)\n * // Emits: \"1234.56\" (raw value for calculations)\n * // Use case: Need numeric value for backend/calculations\n */\nconst useAcceptHandler = (\n  onChange: MaskedFieldProps[\"onChange\"],\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (maskedValue: string, maskInstance: InputMask<FactoryOpts>) => {\n      // Exit early if no onChange handler provided\n      if (!onChange) {\n        return;\n      }\n\n      // IMask provides two values:\n      // 1. maskedValue: The formatted value user sees (e.g., \"(555) 123-4567\")\n      // 2. maskInstance.unmaskedValue: The raw value without formatting (e.g., \"5551234567\")\n      const formattedValue = maskedValue;\n      const rawValue = maskInstance.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create a synthetic React event that matches the standard onChange signature\n      // This allows parent components to handle it like any other input change\n      onChange({\n        target: { name, value: valueToEmit },\n      } as ChangeEvent<HTMLInputElement>);\n    },\n    [onChange, useMaskedValue, name],\n  );\n};\n\n/**\n * Creates a ref callback that forwards the input element to both IMask and the parent component.\n *\n * React allows two ways to pass refs:\n * 1. Ref callback function: (element) => { ... }\n * 2. Ref object: { current: element }\n *\n * This hook handles both cases and also ensures IMask gets the element reference it needs.\n *\n * @param imaskRef - IMask's ref (needs the element to apply masking)\n * @param forwardedRef - Parent component's ref (could be function or object)\n *\n * @example\n * // Parent uses callback ref\n * <MaskedField ref={(el) => console.log(el)} />\n *\n * @example\n * // Parent uses useRef\n * const inputRef = useRef(null);\n * <MaskedField ref={inputRef} />\n */\nconst useCombinedRef = (\n  imaskRef: React.MutableRefObject<InputMaskElement | null>,\n  forwardedRef?: MaskedFieldRef,\n) => {\n  return useCallback(\n    (element: HTMLInputElement | null) => {\n      // First, give the element to IMask so it can apply masking\n      imaskRef.current = element;\n\n      // Then forward the element to the parent component's ref\n      // Handle both callback refs and ref objects\n\n      // Case 1: Parent passed a callback ref function\n      if (typeof forwardedRef === \"function\") {\n        forwardedRef(element);\n      }\n      // Case 2: Parent passed a ref object (from useRef)\n      else if (forwardedRef) {\n        forwardedRef.current = element;\n      }\n      // Case 3: No ref was forwarded (forwardedRef is null/undefined)\n      // Do nothing - this is fine\n    },\n    [imaskRef, forwardedRef],\n  );\n};\n\n/**\n * Creates an onBlur handler that extracts the correct value from IMask.\n *\n * When the user tabs away or clicks outside the input, we need to emit\n * the current value (either formatted or raw) via the onBlur event.\n *\n * @param onBlur - The onBlur handler from parent component\n * @param maskRef - Reference to the IMask instance (provides current values)\n * @param useMaskedValue - Whether to emit the formatted value or raw value\n * @param name - The input's name attribute (for the synthetic event)\n *\n * @example\n * // TelephoneQuestion - useMaskedValue=true\n * // Input displays: \"(555) 123-4567\"\n * // onBlur emits: \"(555) 123-4567\" (formatted)\n *\n * @example\n * // CurrencyQuestion - useMaskedValue=false\n * // Input displays: \"$1,234.56\"\n * // onBlur emits: \"1234.56\" (raw for validation/submission)\n */\nconst useBlurHandler = (\n  onBlur: MaskedFieldProps[\"onBlur\"],\n  maskRef: React.MutableRefObject<InputMask<FactoryOpts> | null>,\n  useMaskedValue: boolean,\n  name?: string,\n) => {\n  return useCallback(\n    (event: FocusEvent<Element>) => {\n      // Exit early if no onBlur handler provided or mask isn't initialized\n      if (!onBlur || !maskRef.current) {\n        return;\n      }\n\n      // Extract current values from the IMask instance\n      // maskRef.current.value: The formatted value (e.g., \"(555) 123-4567\")\n      // maskRef.current.unmaskedValue: The raw value (e.g., \"5551234567\")\n      const formattedValue = maskRef.current.value;\n      const rawValue = maskRef.current.unmaskedValue;\n\n      // Choose which value to emit based on useMaskedValue prop\n      const valueToEmit = useMaskedValue ? formattedValue : rawValue;\n\n      // Create an enhanced event that preserves the original event properties\n      // but overrides the target to include our extracted value\n      onBlur({\n        ...event,\n        target: { ...event.target, name, value: valueToEmit },\n      } as FocusEvent<Element>);\n    },\n    [onBlur, maskRef, useMaskedValue, name],\n  );\n};\n\n/**\n * Controlled MaskedField - for use with value prop.\n * Syncs external value changes to IMask via useEffect.\n *\n * Use this when:\n * - The parent component manages the input state\n * - You need to programmatically update the value\n * - You need validation or transformation on every change\n */\nconst ControlledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  value,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"defaultValue\"> & {\n  value: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef, setValue } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  // Sync external value changes to IMask\n  useEffect(() => {\n    if (!maskRef.current) {\n      return;\n    }\n\n    const stringValue = value.toString();\n    const currentMasked = maskRef.current.value;\n    const currentUnmasked = maskRef.current.unmaskedValue;\n\n    // Only update if value actually changed (prevents infinite loops)\n    if (currentMasked !== stringValue && currentUnmasked !== stringValue) {\n      setValue(stringValue);\n    }\n  }, [value, maskRef, setValue, imaskRef]);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n    />\n  );\n};\n\n/**\n * Uncontrolled MaskedField - for use with defaultValue prop.\n * No value synchronization needed - IMask manages the value internally.\n *\n * Use this when:\n * - You only need the final value on submit\n * - You don't need to react to intermediate changes\n * - You want simpler code without state management\n */\nconst UncontrolledMaskedField = ({\n  mask,\n  useMaskedValue = false,\n  defaultValue,\n  onChange,\n  onBlur,\n  name,\n  forwardedRef,\n  ...textFieldProps\n}: Omit<MaskedFieldProps, \"value\"> & {\n  defaultValue?: string | number;\n  forwardedRef?: MaskedFieldRef;\n}) => {\n  const onAccept = useAcceptHandler(onChange, useMaskedValue, name);\n  const { ref: imaskRef, maskRef } = useIMask(mask, { onAccept });\n\n  const combinedRef = useCombinedRef(imaskRef, forwardedRef);\n  const handleBlur = useBlurHandler(onBlur, maskRef, useMaskedValue, name);\n\n  return (\n    <TextField\n      {...textFieldProps}\n      ref={combinedRef}\n      name={name}\n      onBlur={handleBlur}\n      defaultValue={defaultValue?.toString()}\n    />\n  );\n};\n\nconst MaskedField = ({ ref: forwardedRef, ...props }: MaskedFieldProps) => {\n  const { value, defaultValue, ...rest } = props;\n\n  // Check for \"value\" in props (not `value !== undefined`) to maintain consistent\n  // controlled/uncontrolled state throughout component lifetime and prevent focus loss.\n  // Example: CurrencyQuestion passes value={undefined} initially, then value={5} after typing.\n  if (\"value\" in props) {\n    return (\n      <ControlledMaskedField\n        {...rest}\n        value={value ?? \"\"}\n        forwardedRef={forwardedRef}\n      />\n    );\n  } else {\n    return (\n      <UncontrolledMaskedField\n        {...rest}\n        defaultValue={defaultValue}\n        forwardedRef={forwardedRef}\n      />\n    );\n  }\n};\n\nMaskedField.displayName = \"MaskedField\";\n\nexport { MaskedField };\n", "\"use client\";\n\nimport loadable from \"@loadable/component\";\nimport { TextField } from \"../TextField\";\nimport type { MaskedFieldProps } from \"./MaskedField\";\n\n/** Lazy-loads MaskedField (and react-imask) so consumers importing only TextField don't bundle react-imask. */\nconst LoadableMaskedField = loadable(() => import(\"./MaskedField\"), {\n  resolveComponent: mod => mod.MaskedField,\n});\n\nexport function MaskedField(props: MaskedFieldProps) {\n  const {\n    mask: _mask,\n    useMaskedValue: _useMaskedValue,\n    \"data-testid\": _dataTestId,\n    ref: forwardedRef,\n    ...textFieldProps\n  } = props;\n  return (\n    <LoadableMaskedField\n      {...props}\n      fallback={\n        <TextField\n          {...textFieldProps}\n          ref={forwardedRef}\n          type=\"text\"\n          isDisabled\n          isReadOnly\n        />\n      }\n    />\n  );\n}\n\nMaskedField.displayName = \"MaskedField\";\n\nexport type {\n  MaskedFieldProps,\n  MaskedFieldRef,\n  MaskedFieldElementType,\n} from \"./MaskedField\";\n"],
+  "mappings": "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",
   "names": ["init_useBreakpoint", "import_react", "init_useButton", "import_react", "init_useDialogPolyfill", "import_react", "import_mobius_hooks", "init_useDialog", "import_react", "init_useLabel", "import_react", "init_useTextField", "init_useValidationClasses", "init_useBreakpoint", "init_useButton", "init_useDialog", "init_useDialogPolyfill", "init_useLabel", "init_useTextField", "init_useValidationClasses", "classNames", "init_types", "init_Icon", "init_types", "import_dedupe", "import_jsx_runtime", "classNames", "import_dedupe", "import_react", "import_jsx_runtime", "classNames", "init_TextOrHTML", "import_dedupe", "import_jsx_runtime", "init_Icon", "init_TextOrHTML", "classNames", "init_ErrorMessage", "import_dedupe", "import_jsx_runtime", "classNames", "init_Label", "import_dedupe", "import_jsx_runtime", "classNames", "init_Stack", "import_dedupe", "import_react", "classNames", "import_dedupe", "import_jsx_runtime", "init_ErrorMessage", "init_Label", "init_Stack", "classNames", "init_TextField", "import_react", "import_jsx_runtime", "init_TextField", "MaskedField_exports", "MaskedField", "init_TextField", "import_jsx_runtime", "loadable"]
 }

package/dist/cjs/components/NumberField/NumberField.js CHANGED Viewed

@@ -254,7 +254,8 @@ Text.displayName = "Text";
 // src/components/TextOrHTML/TextOrHTML.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
-var isBlockHTML = (text) => /^\s*<[a-z]/i.test(text);
+var BLOCK_TAG = /<(div|p|ul|ol|li|h[1-6]|table|tr|td|th|blockquote|pre|hr|dl|dt|dd)[\s>/]/i;
+var containsBlockHTML = (text) => BLOCK_TAG.test(text);
 var containsHTML = (text) => /<[a-z/]/i.test(text) || /&(?:#\d+|#x[\da-f]+|[a-z]\w*);/i.test(text);
 var buildTextClasses = (textProps, htmlClassName) => {
   const { variant, elementType, spacing, className } = textProps;
@@ -277,9 +278,9 @@ var TextOrHTML = ({
   autoDetect = false,
   ...textProps
 }) => {
-  const textIsBlockHTML = autoDetect && isBlockHTML(text);
+  const hasBlockContent = autoDetect && containsBlockHTML(text);
   const dangerousHTML = (0, import_react3.useMemo)(() => ({ __html: text }), [text]);
-  if (autoDetect && !textIsBlockHTML) {
+  if (autoDetect && !hasBlockContent) {
     const { variant, spacing, elementType, className, ...domProps } = textProps;
     const Element = getElementType(variant, elementType);
     const classes = buildTextClasses(textProps, htmlClassName);
@@ -293,7 +294,7 @@ var TextOrHTML = ({
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Element, { ref, ...domProps, className: classes, children: text });
   }
-  const DangerousComponent = htmlElementType ?? (textIsBlockHTML ? "div" : "span");
+  const DangerousComponent = htmlElementType ?? (hasBlockContent ? "div" : "span");
   const dangerousElement = /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     DangerousComponent,
     {