@razorpay/blade 12.68.0 → 12.89.1

package/build/lib/web/production/components/Input/TextInput/TextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../../../src/components/Input/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport type { TaggedInputProps } from '../BaseInput/useTaggedInput';\nimport { useTaggedInput } from '../BaseInput/useTaggedInput';\nimport { useFormattedInput } from './useFormattedInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { IconComponent } from '~components/Icons';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  ContainerElementType,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { DropdownOverlay } from '~components/Dropdown';\nimport type { FormInputOnEvent } from '~components/Form/FormTypes';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport { useDatePickerContext } from '~components/DatePicker/DatePickerContext';\n\n// Users should use PasswordInput for input type password\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'prefix'\n  | 'suffix'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | 'leadingIcon'\n  | 'trailingButton'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'popupId'\n  | 'isPopupExpanded'\n  | 'hasPopup'\n  | 'componentName'\n  | 'onKeyDown'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Icon that will be rendered at the beginning of the input field\n   * @deprecated Use `leading` instead. This prop will be removed in the next major version.\n   */\n  icon?: IconComponent;\n  /**\n   * Type of Input Field to be rendered. Use `PasswordInput` for type `password`\n   *\n   *\n   * **Note on number type**\n   *\n   * `type=\"number\"` internally uses `inputMode=\"numeric\"` instead of HTML's `type=\"number\"` which also allows text characters.\n   * If you have a usecase where you only want to support number input, you can handle it on validations end.\n   *\n   * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning\n   *\n   * @default text\n   */\n  type?: Type;\n  /**\n   *\n   * Icon or React Element to be rendered at the end of the input field\n   */\n  trailing?: React.ReactElement | IconComponent;\n  /**\n   * Icon or React Element to be rendered at the beginning of the input field\n   */\n  leading?: React.ReactElement | IconComponent;\n  /**\n   * Format pattern where # represents input characters and other symbols act as delimiters\n   * When provided, input will be automatically formatted and onChange will include rawValue\n   *\n   * **Note:**\n   * 1. Format pattern should only contain # symbols and special characters as delimiters.\n   *    Alphanumeric characters (letters and numbers) are not allowed in the format pattern.\n   * 2. When format is provided, user input is restricted to alphanumeric characters only.\n   *    Special characters and symbols will be filtered out automatically from user input.\n   *\n   * @example \"#### #### #### ####\" for card numbers\n   * @example \"##/##\" for expiry dates\n   * @example \"(###) ###-####\" for phone numbers\n   */\n  format?:\n    | '#### #### #### ####'\n    | '##/##'\n    | '##/##/####'\n    | '(###) ###-####'\n    | '###-##-####'\n    | '##:##'\n    | '##:##:##'\n    | '#### #### ####'\n    | '###.###.###.###'\n    | '## ## ####'\n    | '##-###-##'\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    | (string & {});\n} & TaggedInputProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype TextInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) &\n  TextInputCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextInput: React.ForwardRefRenderFunction<BladeElementRef, TextInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    name,\n    value,\n    maxCharacters,\n    format,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    icon,\n    prefix,\n    showClearButton,\n    onClearButtonClick,\n    isLoading,\n    suffix,\n    autoFocus,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    autoCapitalize,\n    testID,\n    size = 'medium',\n    leadingIcon,\n    trailingIcon,\n    isTaggedInput,\n    tags,\n    onTagChange,\n    trailing,\n    leading,\n    labelSuffix,\n    labelTrailing,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n  const [isInputFocussed, setIsInputFocussed] = useState(autoFocus ?? false);\n  const context = useDatePickerContext();\n  const isDatePickerBodyOpen = context?.isDatePickerBodyOpen;\n\n  if (__DEV__) {\n    if (format) {\n      const hasAlphanumeric = /[a-zA-Z0-9]/.test(format);\n      if (hasAlphanumeric) {\n        throw new Error(\n          `[Blade: TextInput] Invalid format \"${format}\". Only # and special characters allowed, no letters/numbers.`,\n        );\n      }\n    }\n  }\n\n  const formattingResult = useFormattedInput({\n    format,\n    onChange,\n    value,\n    defaultValue,\n  });\n\n  const inputValue = format ? formattingResult.formattedValue : value;\n  const effectiveMaxCharacters = format ? formattingResult.maxLength : maxCharacters;\n\n  const handleOnChange: FormInputOnEvent = React.useCallback(\n    ({ name, value: inputValue }) => {\n      if (format) {\n        formattingResult.handleChange({ name, value: inputValue });\n      } else {\n        onChange?.({ name, value: inputValue });\n      }\n    },\n    [format, formattingResult.handleChange, onChange],\n  );\n\n  const {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  } = useTaggedInput({\n    isTaggedInput,\n    tags,\n    onTagChange,\n    isDisabled,\n    onChange: handleOnChange,\n    name,\n    value: inputValue,\n    inputRef: textInputRef,\n  });\n  const [isTrailingDropDownOpen, setIsTrailingDropDownOpen] = React.useState(false);\n  const [isLeadingDropDownOpen, setIsLeadingDropDownOpen] = React.useState(false);\n  const textInputWrapperRef = useRef<ContainerElementType | null>(null);\n\n  useEffect(() => {\n    if (\n      (isTrailingDropDownOpen && isLeadingDropDownOpen) ||\n      (isDatePickerBodyOpen && isLeadingDropDownOpen)\n    ) {\n      setIsLeadingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isTrailingDropDownOpen, isDatePickerBodyOpen]);\n\n  useEffect(() => {\n    if (isLeadingDropDownOpen && isTrailingDropDownOpen) {\n      setIsTrailingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLeadingDropDownOpen]);\n\n  const leadingDropDown =\n    leading && getComponentId(leading as React.ReactElement) === 'Dropdown' ? leading : null;\n\n  const trailingDropdown =\n    trailing && getComponentId(trailing as React.ReactElement) === 'Dropdown' ? trailing : null;\n  // we need to look into name of component and check if it 's and icon or a dropdown\n  const _leadingIcon: IconComponent | undefined = isIconComponent(leading)\n    ? (leading as IconComponent)\n    : undefined;\n\n  const _trailingIcon: IconComponent | undefined = isIconComponent(trailing)\n    ? (trailing as IconComponent)\n    : undefined;\n  const hasLeadingInteractionElement = !_leadingIcon && !leadingDropDown && leading;\n\n  const hasTrailingInteractionElement = !_trailingIcon && !trailingDropdown && trailing;\n\n  const renderDropdown = (\n    dropdown: React.ReactElement,\n    isOpen: boolean,\n    setIsOpen: (isOpen: boolean) => void,\n    defaultPlacement: 'bottom-start' | 'bottom-end',\n  ): React.ReactElement | null => {\n    if (!dropdown) {\n      return null;\n    }\n    return React.cloneElement(dropdown, {\n      selectionType: 'single',\n      isOpen,\n      onOpenChange: (isOpen: boolean) => {\n        setIsOpen(isOpen);\n      },\n      children: React.Children.map(dropdown.props.children, (child) => {\n        if (child.type === DropdownOverlay) {\n          return React.cloneElement(child, {\n            referenceRef: textInputWrapperRef,\n            _isNestedDropdown: true,\n            defaultPlacement,\n          });\n        }\n        return child;\n      }),\n    });\n  };\n\n  const renderLeadingDropDown = renderDropdown(\n    leadingDropDown as React.ReactElement,\n    isLeadingDropDownOpen,\n    setIsLeadingDropDownOpen,\n    'bottom-start',\n  );\n  const renderTrailingDropDown = renderDropdown(\n    trailingDropdown as React.ReactElement,\n    isTrailingDropDownOpen,\n    setIsTrailingDropDownOpen,\n    'bottom-end',\n  );\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (defaultValue ?? inputValue)));\n  }, [showClearButton, defaultValue, inputValue]);\n\n  const renderClearButton = (): React.ReactElement => {\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(inputValue) && textInputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (isReactNative(textInputRef.current)) {\n              textInputRef.current.clear();\n              textInputRef.current.focus();\n            } else if (textInputRef.current instanceof HTMLInputElement) {\n              textInputRef.current.value = '';\n              textInputRef.current.focus();\n            }\n          }\n          handleTagsClear();\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          textInputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n  const hasTrailingDropDown = Boolean(trailingDropdown);\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton && hasTrailingDropDown) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" />\n        </BaseBox>\n      );\n    }\n\n    if (showClearButton && hasTrailingInteractionElement) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" /> {trailing as React.ReactElement}\n        </BaseBox>\n      );\n    }\n\n    if (shouldShowClearButton) {\n      return renderClearButton();\n    }\n\n    if (hasTrailingInteractionElement) {\n      return trailing as React.ReactElement;\n    }\n    return null;\n  };\n  return (\n    <BaseInput\n      id=\"textinput\"\n      componentName={MetaConstants.TextInput}\n      ref={mergedRef}\n      setInputWrapperRef={(wrapperNode) => {\n        textInputWrapperRef.current = wrapperNode;\n      }}\n      label={label as string}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      placeholder={placeholder}\n      // CONTROLLED/UNCONTROLLED INPUT LOGIC:\n      // For inputs WITHOUT format:\n      //   - Use standard React controlled/uncontrolled logic\n      //   - Controlled: user provides `value` prop → use `value` prop\n      //   - Uncontrolled: user provides `defaultValue` prop → use `defaultValue` prop\n      //\n      // For inputs WITH format:\n      //   - Formatting requires controlled mode to re-render and show formatted values\n      //   - Case 1: Only `value` provided → defaultValue: undefined, value: formattedValue (normal controlled)\n      //   - Case 2: Only `defaultValue` provided → defaultValue: undefined, value: formattedValue (convert to controlled)\n      //   - Case 3: Both `value` and `defaultValue` provided → defaultValue: defaultValue, value: formattedValue (let BaseInput detect conflict and throw error)\n      //\n      defaultValue={\n        format\n          ? value !== undefined && defaultValue !== undefined\n            ? defaultValue\n            : undefined\n          : defaultValue\n      }\n      value={format ? inputValue : value}\n      name={name}\n      maxCharacters={effectiveMaxCharacters}\n      isDropdownTrigger={isTaggedInput}\n      tags={isTaggedInput ? getTags({ size }) : undefined}\n      showAllTags={isInputFocussed}\n      maxTagRows=\"single\"\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      leadingDropDown={renderLeadingDropDown}\n      trailingDropDown={renderTrailingDropDown}\n      leadingInteractionElement={\n        hasLeadingInteractionElement ? (leading as React.ReactElement) : null\n      }\n      onChange={({ name, value }: { name?: string; value?: string }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        handleTaggedInputChange({ name, value });\n        handleOnChange({ name, value });\n      }}\n      onClick={onClick}\n      onFocus={(e) => {\n        setIsInputFocussed(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setIsInputFocussed(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        handleTaggedInputKeydown(e);\n        onKeyDown?.(e);\n        if (format) {\n          formattingResult.handleKeyDown(e.event);\n        }\n      }}\n      onSubmit={onSubmit}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      leadingIcon={_leadingIcon ?? leadingIcon ?? icon}\n      prefix={prefix}\n      trailingInteractionElement={renderInteractionElement()}\n      trailingIcon={_trailingIcon ?? trailingIcon}\n      suffix={suffix}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      trailingFooterSlot={(value) => {\n        return format ? null : effectiveMaxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter\n              currentCount={value?.length ?? 0}\n              maxCount={effectiveMaxCharacters}\n              size={size}\n            />\n          </BaseBox>\n        ) : null;\n      }}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      {...getKeyboardAndAutocompleteProps({\n        type,\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize,\n      })}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nconst TextInput = assignWithoutSideEffects(React.forwardRef(_TextInput), {\n  displayName: 'TextInput',\n});\n\nexport type { TextInputProps };\nexport { TextInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextInput","_ref","ref","_ref4","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","_ref$type","type","defaultValue","name","value","maxCharacters","format","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","_ref$size","size","leadingIcon","trailingIcon","isTaggedInput","tags","onTagChange","trailing","leading","labelSuffix","labelTrailing","onKeyDown","rest","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useState3","_useState4","isInputFocussed","setIsInputFocussed","context","useDatePickerContext","isDatePickerBodyOpen","hasAlphanumeric","test","Error","concat","formattingResult","useFormattedInput","inputValue","formattedValue","effectiveMaxCharacters","maxLength","handleOnChange","useCallback","_ref2","handleChange","_useTaggedInput","useTaggedInput","inputRef","activeTagIndex","setActiveTagIndex","getTags","handleTaggedInputKeydown","handleTaggedInputChange","handleTagsClear","_React$useState","_React$useState2","isTrailingDropDownOpen","setIsTrailingDropDownOpen","_React$useState3","_React$useState4","isLeadingDropDownOpen","setIsLeadingDropDownOpen","textInputWrapperRef","useEffect","leadingDropDown","getComponentId","trailingDropdown","_leadingIcon","isIconComponent","undefined","_trailingIcon","hasLeadingInteractionElement","hasTrailingInteractionElement","renderDropdown","dropdown","isOpen","setIsOpen","defaultPlacement","cloneElement","selectionType","onOpenChange","children","Children","map","props","child","DropdownOverlay","referenceRef","_isNestedDropdown","renderLeadingDropDown","renderTrailingDropDown","Boolean","renderClearButton","_jsx","IconButton","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","hasTrailingDropDown","renderInteractionElement","Spinner","color","_jsxs","BaseBox","display","gap","Divider","orientation","BaseInput","_objectSpread","id","componentName","MetaConstants","TextInput","setInputWrapperRef","wrapperNode","hideLabelText","isDropdownTrigger","showAllTags","maxTagRows","trailingDropDown","leadingInteractionElement","_ref3","length","e","handleKeyDown","event","trailingInteractionElement","trailingFooterSlot","_value$length","marginTop","hintMarginTop","marginRight","CharacterCounter","currentCount","maxCount","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0LA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,aAAkB,EAA4C;AACnF,EAAA,OAAOC,eAAe,EAAE,KAAK,cAAc,CAAA;AAC7C,CAAC,CAAA;AAED,IAAMC,UAA2E,GAAG,SAA9EA,UAA2EA,CAAAC,IAAA,EAgD/EC,GAAG,EACc;AAAA,EAAA,IAAAC,KAAA,CAAA;AAAA,EAAA,IA/CfC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,kBAAkB,GAAAJ,IAAA,CAAlBI,kBAAkB;IAAAC,kBAAA,GAAAL,IAAA,CAClBM,aAAa;AAAbA,IAAAA,aAAa,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IACrBE,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAAC,SAAA,GAAAR,IAAA,CACXS,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,SAAA;IACbE,YAAY,GAAAV,IAAA,CAAZU,YAAY;IACZC,IAAI,GAAAX,IAAA,CAAJW,IAAI;IACJC,KAAK,GAAAZ,IAAA,CAALY,KAAK;IACLC,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,MAAM,GAAAd,IAAA,CAANc,MAAM;IACNC,QAAQ,GAAAf,IAAA,CAARe,QAAQ;IACRC,OAAO,GAAAhB,IAAA,CAAPgB,OAAO;IACPC,QAAO,GAAAjB,IAAA,CAAPiB,OAAO;IACPC,OAAM,GAAAlB,IAAA,CAANkB,MAAM;IACNC,QAAQ,GAAAnB,IAAA,CAARmB,QAAQ;IACRC,UAAU,GAAApB,IAAA,CAAVoB,UAAU;IACVC,kBAAkB,GAAArB,IAAA,CAAlBqB,kBAAkB;IAClBC,eAAe,GAAAtB,IAAA,CAAfsB,eAAe;IACfC,SAAS,GAAAvB,IAAA,CAATuB,SAAS;IACTC,QAAQ,GAAAxB,IAAA,CAARwB,QAAQ;IACRC,WAAW,GAAAzB,IAAA,CAAXyB,WAAW;IACXC,UAAU,GAAA1B,IAAA,CAAV0B,UAAU;IACVC,IAAI,GAAA3B,IAAA,CAAJ2B,IAAI;IACJC,MAAM,GAAA5B,IAAA,CAAN4B,MAAM;IACNC,eAAe,GAAA7B,IAAA,CAAf6B,eAAe;IACfC,kBAAkB,GAAA9B,IAAA,CAAlB8B,kBAAkB;IAClBC,SAAS,GAAA/B,IAAA,CAAT+B,SAAS;IACTC,MAAM,GAAAhC,IAAA,CAANgC,MAAM;IACNC,SAAS,GAAAjC,IAAA,CAATiC,SAAS;IACTC,qBAAqB,GAAAlC,IAAA,CAArBkC,qBAAqB;IACrBC,0BAA0B,GAAAnC,IAAA,CAA1BmC,0BAA0B;IAC1BC,cAAc,GAAApC,IAAA,CAAdoC,cAAc;IACdC,MAAM,GAAArC,IAAA,CAANqC,MAAM;IAAAC,SAAA,GAAAtC,IAAA,CACNuC,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,SAAA;IACfE,WAAW,GAAAxC,IAAA,CAAXwC,WAAW;IACXC,YAAY,GAAAzC,IAAA,CAAZyC,YAAY;IACZC,aAAa,GAAA1C,IAAA,CAAb0C,aAAa;IACbC,IAAI,GAAA3C,IAAA,CAAJ2C,IAAI;IACJC,WAAW,GAAA5C,IAAA,CAAX4C,WAAW;IACXC,QAAQ,GAAA7C,IAAA,CAAR6C,QAAQ;IACRC,OAAO,GAAA9C,IAAA,CAAP8C,OAAO;IACPC,WAAW,GAAA/C,IAAA,CAAX+C,WAAW;IACXC,aAAa,GAAAhD,IAAA,CAAbgD,aAAa;IACbC,UAAS,GAAAjD,IAAA,CAATiD,SAAS;AACNC,IAAAA,IAAI,GAAAC,wBAAA,CAAAnD,IAAA,EAAAoD,SAAA,CAAA,CAAA;AAIT,EAAA,IAAMC,YAAY,GAAGC,cAAK,CAACC,MAAM,CAA2B,IAAI,CAAC,CAAA;AACjE,EAAA,IAAMC,SAAS,GAAGC,YAAY,CAACxD,GAAG,EAAEoD,YAAY,CAAC,CAAA;AACjD,EAAA,IAAAK,SAAA,GAA0DC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAlEI,IAAAA,qBAAqB,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,wBAAwB,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;EACtD,IAAAI,UAAA,GAA8CL,QAAQ,CAAC1B,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,KAAK,CAAC;IAAAgC,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAAnEE,IAAAA,eAAe,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,kBAAkB,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAC1C,EAAA,IAAMG,OAAO,GAAGC,oBAAoB,EAAE,CAAA;EACtC,IAAMC,oBAAoB,GAAGF,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEE,oBAAoB,CAAA;AAE1D,EAAA,IAAI,KAAO,EAAE;AACX,IAAA,IAAIxD,MAAM,EAAE;AACV,MAAA,IAAMyD,eAAe,GAAG,aAAa,CAACC,IAAI,CAAC1D,MAAM,CAAC,CAAA;AAClD,MAAA,IAAIyD,eAAe,EAAE;AACnB,QAAA,MAAM,IAAIE,KAAK,CAAA,sCAAA,CAAAC,MAAA,CACyB5D,MAAM,mEAC9C,CAAC,CAAA;AACH,OAAA;AACF,KAAA;AACF,GAAA;EAEA,IAAM6D,gBAAgB,GAAGC,iBAAiB,CAAC;AACzC9D,IAAAA,MAAM,EAANA,MAAM;AACNC,IAAAA,QAAQ,EAARA,QAAQ;AACRH,IAAAA,KAAK,EAALA,KAAK;AACLF,IAAAA,YAAY,EAAZA,YAAAA;AACF,GAAC,CAAC,CAAA;EAEF,IAAMmE,UAAU,GAAG/D,MAAM,GAAG6D,gBAAgB,CAACG,cAAc,GAAGlE,KAAK,CAAA;EACnE,IAAMmE,sBAAsB,GAAGjE,MAAM,GAAG6D,gBAAgB,CAACK,SAAS,GAAGnE,aAAa,CAAA;EAElF,IAAMoE,cAAgC,GAAG3B,cAAK,CAAC4B,WAAW,CACxD,UAAAC,KAAA,EAAiC;AAAA,IAAA,IAA9BxE,IAAI,GAAAwE,KAAA,CAAJxE,IAAI;MAASkE,UAAU,GAAAM,KAAA,CAAjBvE,KAAK,CAAA;AACZ,IAAA,IAAIE,MAAM,EAAE;MACV6D,gBAAgB,CAACS,YAAY,CAAC;AAAEzE,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,KAAK,EAAEiE,UAAAA;AAAW,OAAC,CAAC,CAAA;AAC5D,KAAC,MAAM;AACL9D,MAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,IAAAA,QAAQ,CAAG;AAAEJ,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,KAAK,EAAEiE,UAAAA;AAAW,OAAC,CAAC,CAAA;AACzC,KAAA;GACD,EACD,CAAC/D,MAAM,EAAE6D,gBAAgB,CAACS,YAAY,EAAErE,QAAQ,CAClD,CAAC,CAAA;EAED,IAAAsE,eAAA,GAOIC,cAAc,CAAC;AACjB5C,MAAAA,aAAa,EAAbA,aAAa;AACbC,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,WAAW,EAAXA,WAAW;AACXxB,MAAAA,UAAU,EAAVA,UAAU;AACVL,MAAAA,QAAQ,EAAEkE,cAAc;AACxBtE,MAAAA,IAAI,EAAJA,IAAI;AACJC,MAAAA,KAAK,EAAEiE,UAAU;AACjBU,MAAAA,QAAQ,EAAElC,YAAAA;AACZ,KAAC,CAAC;IAfAmC,cAAc,GAAAH,eAAA,CAAdG,cAAc;IACdC,iBAAiB,GAAAJ,eAAA,CAAjBI,iBAAiB;IACjBC,OAAO,GAAAL,eAAA,CAAPK,OAAO;IACPC,wBAAwB,GAAAN,eAAA,CAAxBM,wBAAwB;IACxBC,uBAAuB,GAAAP,eAAA,CAAvBO,uBAAuB;IACvBC,eAAe,GAAAR,eAAA,CAAfQ,eAAe,CAAA;AAWjB,EAAA,IAAAC,eAAA,GAA4DxC,cAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;IAAAoC,gBAAA,GAAAlC,cAAA,CAAAiC,eAAA,EAAA,CAAA,CAAA;AAA1EE,IAAAA,sBAAsB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,yBAAyB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACxD,EAAA,IAAAG,gBAAA,GAA0D5C,cAAK,CAACK,QAAQ,CAAC,KAAK,CAAC;IAAAwC,gBAAA,GAAAtC,cAAA,CAAAqC,gBAAA,EAAA,CAAA,CAAA;AAAxEE,IAAAA,qBAAqB,GAAAD,gBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,wBAAwB,GAAAF,gBAAA,CAAA,CAAA,CAAA,CAAA;AACtD,EAAA,IAAMG,mBAAmB,GAAG/C,MAAM,CAA8B,IAAI,CAAC,CAAA;AAErEgD,EAAAA,SAAS,CAAC,YAAM;AACd,IAAA,IACGP,sBAAsB,IAAII,qBAAqB,IAC/C9B,oBAAoB,IAAI8B,qBAAsB,EAC/C;MACAC,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,KAAA;AACA;AACF,GAAC,EAAE,CAACL,sBAAsB,EAAE1B,oBAAoB,CAAC,CAAC,CAAA;AAElDiC,EAAAA,SAAS,CAAC,YAAM;IACd,IAAIH,qBAAqB,IAAIJ,sBAAsB,EAAE;MACnDC,yBAAyB,CAAC,KAAK,CAAC,CAAA;AAClC,KAAA;AACA;AACF,GAAC,EAAE,CAACG,qBAAqB,CAAC,CAAC,CAAA;AAE3B,EAAA,IAAMI,eAAe,GACnB1D,OAAO,IAAI2D,cAAc,CAAC3D,OAA6B,CAAC,KAAK,UAAU,GAAGA,OAAO,GAAG,IAAI,CAAA;AAE1F,EAAA,IAAM4D,gBAAgB,GACpB7D,QAAQ,IAAI4D,cAAc,CAAC5D,QAA8B,CAAC,KAAK,UAAU,GAAGA,QAAQ,GAAG,IAAI,CAAA;AAC7F;EACA,IAAM8D,YAAuC,GAAGC,eAAe,CAAC9D,OAAO,CAAC,GACnEA,OAAO,GACR+D,SAAS,CAAA;EAEb,IAAMC,aAAwC,GAAGF,eAAe,CAAC/D,QAAQ,CAAC,GACrEA,QAAQ,GACTgE,SAAS,CAAA;EACb,IAAME,4BAA4B,GAAG,CAACJ,YAAY,IAAI,CAACH,eAAe,IAAI1D,OAAO,CAAA;EAEjF,IAAMkE,6BAA6B,GAAG,CAACF,aAAa,IAAI,CAACJ,gBAAgB,IAAI7D,QAAQ,CAAA;AAErF,EAAA,IAAMoE,cAAc,GAAG,SAAjBA,cAAcA,CAClBC,QAA4B,EAC5BC,MAAe,EACfC,SAAoC,EACpCC,gBAA+C,EACjB;IAC9B,IAAI,CAACH,QAAQ,EAAE;AACb,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AACA,IAAA,oBAAO5D,cAAK,CAACgE,YAAY,CAACJ,QAAQ,EAAE;AAClCK,MAAAA,aAAa,EAAE,QAAQ;AACvBJ,MAAAA,MAAM,EAANA,MAAM;AACNK,MAAAA,YAAY,EAAE,SAAdA,YAAYA,CAAGL,MAAe,EAAK;QACjCC,SAAS,CAACD,MAAM,CAAC,CAAA;OAClB;AACDM,MAAAA,QAAQ,EAAEnE,cAAK,CAACoE,QAAQ,CAACC,GAAG,CAACT,QAAQ,CAACU,KAAK,CAACH,QAAQ,EAAE,UAACI,KAAK,EAAK;AAC/D,QAAA,IAAIA,KAAK,CAACpH,IAAI,KAAKqH,eAAe,EAAE;AAClC,UAAA,oBAAOxE,cAAK,CAACgE,YAAY,CAACO,KAAK,EAAE;AAC/BE,YAAAA,YAAY,EAAEzB,mBAAmB;AACjC0B,YAAAA,iBAAiB,EAAE,IAAI;AACvBX,YAAAA,gBAAgB,EAAhBA,gBAAAA;AACF,WAAC,CAAC,CAAA;AACJ,SAAA;AACA,QAAA,OAAOQ,KAAK,CAAA;OACb,CAAA;AACH,KAAC,CAAC,CAAA;GACH,CAAA;EAED,IAAMI,qBAAqB,GAAGhB,cAAc,CAC1CT,eAAe,EACfJ,qBAAqB,EACrBC,wBAAwB,EACxB,cACF,CAAC,CAAA;EACD,IAAM6B,sBAAsB,GAAGjB,cAAc,CAC3CP,gBAAgB,EAChBV,sBAAsB,EACtBC,yBAAyB,EACzB,YACF,CAAC,CAAA;EAED3C,cAAK,CAACiD,SAAS,CAAC,YAAM;AACpBxC,IAAAA,wBAAwB,CAACoE,OAAO,CAACtG,eAAe,KAAKnB,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,KAAA,CAAA,GAAZA,YAAY,GAAImE,UAAU,CAAC,CAAC,CAAC,CAAA;GACnF,EAAE,CAAChD,eAAe,EAAEnB,YAAY,EAAEmE,UAAU,CAAC,CAAC,CAAA;AAE/C,EAAA,IAAMuD,iBAAiB,GAAG,SAApBA,iBAAiBA,GAA6B;IAClD,oBACEC,GAAA,CAACC,UAAU,EAAA;AACT/F,MAAAA,IAAI,EAAC,QAAQ;AACbZ,MAAAA,IAAI,EAAE4G,SAAU;AAChBvH,MAAAA,OAAO,EAAE,SAATA,OAAOA,GAAQ;AAAA,QAAA,IAAAwH,qBAAA,CAAA;QACb,IAAIC,OAAO,CAAC5D,UAAU,CAAC,IAAIxB,YAAY,CAACqF,OAAO,EAAE;AAC/C;AACA,UAAA,IAAI9I,aAAa,CAACyD,YAAY,CAACqF,OAAO,CAAC,EAAE;AACvCrF,YAAAA,YAAY,CAACqF,OAAO,CAACC,KAAK,EAAE,CAAA;AAC5BtF,YAAAA,YAAY,CAACqF,OAAO,CAACE,KAAK,EAAE,CAAA;AAC9B,WAAC,MAAM,IAAIvF,YAAY,CAACqF,OAAO,YAAYG,gBAAgB,EAAE;AAC3DxF,YAAAA,YAAY,CAACqF,OAAO,CAAC9H,KAAK,GAAG,EAAE,CAAA;AAC/ByC,YAAAA,YAAY,CAACqF,OAAO,CAACE,KAAK,EAAE,CAAA;AAC9B,WAAA;AACF,SAAA;AACA/C,QAAAA,eAAe,EAAE,CAAA;AACjB;AACA/D,QAAAA,kBAAkB,KAAlBA,IAAAA,IAAAA,kBAAkB,KAAlBA,KAAAA,CAAAA,IAAAA,kBAAkB,EAAI,CAAA;AACtBuB,QAAAA,YAAY,KAAZA,IAAAA,IAAAA,YAAY,KAAAmF,KAAAA,CAAAA,IAAAA,CAAAA,qBAAA,GAAZnF,YAAY,CAAEqF,OAAO,MAAA,IAAA,IAAAF,qBAAA,KAArBA,KAAAA,CAAAA,IAAAA,qBAAA,CAAuBI,KAAK,EAAE,CAAA;QAC9B7E,wBAAwB,CAAC,KAAK,CAAC,CAAA;OAC/B;AACF3C,MAAAA,UAAU,EAAEA,UAAW;AACvBhB,MAAAA,kBAAkB,EAAC,qBAAA;AAAqB,KACzC,CAAC,CAAA;GAEL,CAAA;AACD,EAAA,IAAM0I,mBAAmB,GAAGX,OAAO,CAACzB,gBAAgB,CAAC,CAAA;AAErD,EAAA,IAAMqC,wBAAwB,GAAG,SAA3BA,wBAAwBA,GAAoB;AAChD,IAAA,IAAIhH,SAAS,EAAE;MACb,oBAAOsG,GAAA,CAACW,OAAO,EAAA;AAAC5I,QAAAA,kBAAkB,EAAC,iBAAiB;AAAC6I,QAAAA,KAAK,EAAC,SAAA;AAAS,OAAE,CAAC,CAAA;AACzE,KAAA;IAEA,IAAInF,qBAAqB,IAAIgF,mBAAmB,EAAE;MAChD,oBACEI,IAAA,CAACC,OAAO,EAAA;AAACC,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,GAAG,EAAC,WAAW;QAAA5B,QAAA,EAAA,CACpCW,iBAAiB,EAAE,EAAC,GAAC,eAAAC,GAAA,CAACiB,OAAO,EAAA;AAACC,UAAAA,WAAW,EAAC,UAAA;AAAU,SAAE,CAAC,CAAA;AAAA,OACjD,CAAC,CAAA;AAEd,KAAA;IAEA,IAAI1H,eAAe,IAAImF,6BAA6B,EAAE;MACpD,oBACEkC,IAAA,CAACC,OAAO,EAAA;AAACC,QAAAA,OAAO,EAAC,MAAM;AAACC,QAAAA,GAAG,EAAC,WAAW;QAAA5B,QAAA,EAAA,CACpCW,iBAAiB,EAAE,EAAC,GAAC,eAAAC,GAAA,CAACiB,OAAO,EAAA;AAACC,UAAAA,WAAW,EAAC,UAAA;SAAY,CAAC,EAAC,GAAA,EAAC1G,QAAQ,CAAA;AAAA,OAC3D,CAAC,CAAA;AAEd,KAAA;AAEA,IAAA,IAAIiB,qBAAqB,EAAE;MACzB,OAAOsE,iBAAiB,EAAE,CAAA;AAC5B,KAAA;AAEA,IAAA,IAAIpB,6BAA6B,EAAE;AACjC,MAAA,OAAOnE,QAAQ,CAAA;AACjB,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;GACZ,CAAA;AACD,EAAA,oBACEwF,GAAA,CAACmB,SAAS,EAAAC,aAAA,CAAAA,aAAA,CAAA;AACRC,IAAAA,EAAE,EAAC,WAAW;IACdC,aAAa,EAAEC,aAAa,CAACC,SAAU;AACvC5J,IAAAA,GAAG,EAAEuD,SAAU;AACfsG,IAAAA,kBAAkB,EAAE,SAApBA,kBAAkBA,CAAGC,WAAW,EAAK;MACnCzD,mBAAmB,CAACoC,OAAO,GAAGqB,WAAW,CAAA;KACzC;AACF5J,IAAAA,KAAK,EAAEA,KAAgB;AACvB4C,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,aAAa,EAAEA,aAAc;AAC7B5C,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvC4J,IAAAA,aAAa,EAAE,CAAC7B,OAAO,CAAChI,KAAK,CAAE;AAC/BG,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,WAAW,EAAEA,WAAAA;AACb;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAA;AACAG,IAAAA,YAAY,EACVI,MAAM,GACFF,KAAK,KAAKiG,SAAS,IAAInG,YAAY,KAAKmG,SAAS,GAC/CnG,YAAY,GACZmG,SAAS,GACXnG,YACL;AACDE,IAAAA,KAAK,EAAEE,MAAM,GAAG+D,UAAU,GAAGjE,KAAM;AACnCD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,aAAa,EAAEkE,sBAAuB;AACtCkF,IAAAA,iBAAiB,EAAEvH,aAAc;AACjCC,IAAAA,IAAI,EAAED,aAAa,GAAGgD,OAAO,CAAC;AAAEnD,MAAAA,IAAI,EAAJA,IAAAA;KAAM,CAAC,GAAGsE,SAAU;AACpDqD,IAAAA,WAAW,EAAEhG,eAAgB;AAC7BiG,IAAAA,UAAU,EAAC,QAAQ;AACnB3E,IAAAA,cAAc,EAAEA,cAAe;AAC/BC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCe,IAAAA,eAAe,EAAEyB,qBAAsB;AACvCmC,IAAAA,gBAAgB,EAAElC,sBAAuB;AACzCmC,IAAAA,yBAAyB,EACvBtD,4BAA4B,GAAIjE,OAAO,GAA0B,IAClE;AACD/B,IAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAAuJ,KAAA,EAA0D;AAAA,MAAA,IAArD3J,IAAI,GAAA2J,KAAA,CAAJ3J,IAAI;QAAEC,KAAK,GAAA0J,KAAA,CAAL1J,KAAK,CAAA;MACtB,IAAIiB,eAAe,IAAIjB,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,IAAAA,KAAK,CAAE2J,MAAM,EAAE;AACpC;QACAxG,wBAAwB,CAAC,IAAI,CAAC,CAAA;AAChC,OAAA;MAEA,IAAID,qBAAqB,IAAI,EAAClD,KAAK,KAAA,IAAA,IAALA,KAAK,KAALA,KAAAA,CAAAA,IAAAA,KAAK,CAAE2J,MAAM,CAAE,EAAA;AAC3C;QACAxG,wBAAwB,CAAC,KAAK,CAAC,CAAA;AACjC,OAAA;AAEA6B,MAAAA,uBAAuB,CAAC;AAAEjF,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,KAAK,EAALA,KAAAA;AAAM,OAAC,CAAC,CAAA;AACxCqE,MAAAA,cAAc,CAAC;AAAEtE,QAAAA,IAAI,EAAJA,IAAI;AAAEC,QAAAA,KAAK,EAALA,KAAAA;AAAM,OAAC,CAAC,CAAA;KAC/B;AACFI,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGuJ,CAAC,EAAK;MACdrG,kBAAkB,CAAC,IAAI,CAAC,CAAA;AACxBlD,MAAAA,QAAO,aAAPA,QAAO,KAAA,KAAA,CAAA,IAAPA,QAAO,CAAGuJ,CAAC,CAAC,CAAA;KACZ;AACFtJ,IAAAA,MAAM,EAAE,SAARA,MAAMA,CAAGsJ,CAAC,EAAK;MACbrG,kBAAkB,CAAC,KAAK,CAAC,CAAA;AACzBjD,MAAAA,OAAM,aAANA,OAAM,KAAA,KAAA,CAAA,IAANA,OAAM,CAAGsJ,CAAC,CAAC,CAAA;KACX;AACFvH,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGuH,CAAC,EAAK;MAChB7E,wBAAwB,CAAC6E,CAAC,CAAC,CAAA;AAC3BvH,MAAAA,UAAS,aAATA,UAAS,KAAA,KAAA,CAAA,IAATA,UAAS,CAAGuH,CAAC,CAAC,CAAA;AACd,MAAA,IAAI1J,MAAM,EAAE;AACV6D,QAAAA,gBAAgB,CAAC8F,aAAa,CAACD,CAAC,CAACE,KAAK,CAAC,CAAA;AACzC,OAAA;KACA;AACFvJ,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCK,IAAAA,UAAU,EAAEA,UAAW;AACvBc,IAAAA,WAAW,EAAAtC,CAAAA,KAAA,GAAEyG,YAAY,aAAZA,YAAY,KAAA,KAAA,CAAA,GAAZA,YAAY,GAAInE,WAAW,MAAAtC,IAAAA,IAAAA,KAAA,KAAAA,KAAAA,CAAAA,GAAAA,KAAA,GAAIyB,IAAK;AACjDC,IAAAA,MAAM,EAAEA,MAAO;IACf+I,0BAA0B,EAAE5B,wBAAwB,EAAG;AACvDtG,IAAAA,YAAY,EAAEqE,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,aAAa,GAAIrE,YAAa;AAC5CT,IAAAA,MAAM,EAAEA,MAAO;AACfV,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBmJ,IAAAA,kBAAkB,EAAE,SAApBA,kBAAkBA,CAAGhK,KAAK,EAAK;AAAA,MAAA,IAAAiK,aAAA,CAAA;MAC7B,OAAO/J,MAAM,GAAG,IAAI,GAAGiE,sBAAsB,gBAC3CsD,GAAA,CAACc,OAAO,EAAA;AAAC2B,QAAAA,SAAS,EAAEC,aAAa,CAACxI,IAAI,CAAE;AAACyI,QAAAA,WAAW,EAAC,WAAW;QAAAvD,QAAA,eAC9DY,GAAA,CAAC4C,gBAAgB,EAAA;AACfC,UAAAA,YAAY,EAAAL,CAAAA,aAAA,GAAEjK,KAAK,aAALA,KAAK,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAALA,KAAK,CAAE2J,MAAM,MAAAM,IAAAA,IAAAA,aAAA,KAAAA,KAAAA,CAAAA,GAAAA,aAAA,GAAI,CAAE;AACjCM,UAAAA,QAAQ,EAAEpG,sBAAuB;AACjCxC,UAAAA,IAAI,EAAEA,IAAAA;SACP,CAAA;OACM,CAAC,GACR,IAAI,CAAA;AACV,KAAA;AACA;AAAA;AACAN,IAAAA,SAAS,EAAEA,SAAU;AACrBI,IAAAA,MAAM,EAAEA,MAAAA;AAAO,GAAA,EACX+I,+BAA+B,CAAC;AAClC3K,IAAAA,IAAI,EAAJA,IAAI;AACJyB,IAAAA,qBAAqB,EAArBA,qBAAqB;AACrBC,IAAAA,0BAA0B,EAA1BA,0BAA0B;AAC1BC,IAAAA,cAAc,EAAdA,cAAAA;AACF,GAAC,CAAC,CAAA,EAAA,EAAA,EAAA;AACFG,IAAAA,IAAI,EAAEA,IAAAA;GACFW,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CAAA;AAEK2G,IAAAA,SAAS,gBAAGwB,wBAAwB,cAAC/H,cAAK,CAACgI,UAAU,CAACvL,UAAU,CAAC,EAAE;AACvEwL,EAAAA,WAAW,EAAE,WAAA;AACf,CAAC;;;;"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../../../src/components/Input/TextInput/TextInput.tsx"],"sourcesContent":["import React, { useEffect, useState, useRef } from 'react';\nimport type { ReactElement, ReactNode } from 'react';\nimport type { TextInput as TextInputReactNative } from 'react-native';\nimport type { BaseInputProps } from '../BaseInput';\nimport { BaseInput } from '../BaseInput';\nimport { getKeyboardAndAutocompleteProps } from '../BaseInput/utils';\nimport type { TaggedInputProps } from '../BaseInput/useTaggedInput';\nimport { useTaggedInput } from '../BaseInput/useTaggedInput';\nimport { useFormattedInput } from './useFormattedInput';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport type { IconComponent } from '~components/Icons';\nimport { CloseIcon } from '~components/Icons';\nimport { IconButton } from '~components/Button/IconButton';\nimport type { StyledPropsBlade } from '~components/Box/styledProps';\nimport { MetaConstants } from '~utils/metaAttribute';\nimport { CharacterCounter } from '~components/Form/CharacterCounter';\nimport BaseBox from '~components/Box/BaseBox';\nimport { Spinner } from '~components/Spinner';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { getPlatformType } from '~utils';\nimport { useMergeRefs } from '~utils/useMergeRefs';\nimport type {\n  BladeElementRef,\n  BladeElementRefWithValue,\n  ContainerElementType,\n  DataAnalyticsAttribute,\n} from '~utils/types';\nimport { hintMarginTop } from '~components/Form/formTokens';\nimport { Divider } from '~components/Divider';\nimport { getComponentId } from '~utils/isValidAllowedChildren';\nimport { DropdownOverlay } from '~components/Dropdown';\nimport { dropdownComponentIds } from '~components/Dropdown/dropdownComponentIds';\nimport type { FormInputOnEvent } from '~components/Form/FormTypes';\nimport { isIconComponent } from '~utils/isIconComponent';\nimport { useDatePickerContext } from '~components/DatePicker/DatePickerContext';\n\n// Users should use PasswordInput for input type password\ntype Type = Exclude<BaseInputProps['type'], 'password'>;\n\ntype TextInputCommonProps = Pick<\n  BaseInputProps,\n  | 'label'\n  | 'accessibilityLabel'\n  | 'labelPosition'\n  | 'labelSuffix'\n  | 'labelTrailing'\n  | 'necessityIndicator'\n  | 'validationState'\n  | 'helpText'\n  | 'errorText'\n  | 'successText'\n  | 'placeholder'\n  | 'defaultValue'\n  | 'name'\n  | 'onChange'\n  | 'onFocus'\n  | 'onBlur'\n  | 'value'\n  | 'isDisabled'\n  | 'isRequired'\n  | 'prefix'\n  | 'suffix'\n  | 'maxCharacters'\n  | 'autoFocus'\n  | 'keyboardReturnKeyType'\n  | 'autoCompleteSuggestionType'\n  | 'onSubmit'\n  | 'autoCapitalize'\n  | 'testID'\n  | 'onClick'\n  | 'size'\n  | 'leadingIcon'\n  | 'trailingButton'\n  | 'trailingIcon'\n  | 'textAlign'\n  | 'popupId'\n  | 'isPopupExpanded'\n  | 'hasPopup'\n  | 'componentName'\n  | 'onKeyDown'\n  | keyof DataAnalyticsAttribute\n> & {\n  /**\n   * Decides whether to render a clear icon button\n   */\n  showClearButton?: boolean;\n\n  /**\n   * Event handler to handle the onClick event for clear button. Used when `showClearButton` is `true`\n   */\n  onClearButtonClick?: () => void;\n\n  /**\n   * Decides whether to show a loading spinner for the input field.\n   */\n  isLoading?: boolean;\n\n  /**\n   * Icon that will be rendered at the beginning of the input field\n   * @deprecated Use `leading` instead. This prop will be removed in the next major version.\n   */\n  icon?: IconComponent;\n  /**\n   * Type of Input Field to be rendered. Use `PasswordInput` for type `password`\n   *\n   *\n   * **Note on number type**\n   *\n   * `type=\"number\"` internally uses `inputMode=\"numeric\"` instead of HTML's `type=\"number\"` which also allows text characters.\n   * If you have a usecase where you only want to support number input, you can handle it on validations end.\n   *\n   * Check out [Why the GOV.UK Design System team changed the input type for numbers](https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers/) for reasoning\n   *\n   * @default text\n   */\n  type?: Type;\n  /**\n   *\n   * Icon or React Element to be rendered at the end of the input field\n   */\n  trailing?: React.ReactElement | IconComponent;\n  /**\n   * Icon or React Element to be rendered at the beginning of the input field\n   */\n  leading?: React.ReactElement | IconComponent;\n  /**\n   * Format pattern where # represents input characters and other symbols act as delimiters\n   * When provided, input will be automatically formatted and onChange will include rawValue\n   *\n   * **Note:**\n   * 1. Format pattern should only contain # symbols and special characters as delimiters.\n   *    Alphanumeric characters (letters and numbers) are not allowed in the format pattern.\n   * 2. When format is provided, user input is restricted to alphanumeric characters only.\n   *    Special characters and symbols will be filtered out automatically from user input.\n   *\n   * @example \"#### #### #### ####\" for card numbers\n   * @example \"##/##\" for expiry dates\n   * @example \"(###) ###-####\" for phone numbers\n   */\n  format?:\n    | '#### #### #### ####'\n    | '##/##'\n    | '##/##/####'\n    | '(###) ###-####'\n    | '###-##-####'\n    | '##:##'\n    | '##:##:##'\n    | '#### #### ####'\n    | '###.###.###.###'\n    | '## ## ####'\n    | '##-###-##'\n    // eslint-disable-next-line @typescript-eslint/ban-types\n    | (string & {});\n} & TaggedInputProps &\n  StyledPropsBlade;\n\n/*\n  Mandatory accessibilityLabel prop when label is not provided\n*/\ntype TextInputPropsWithA11yLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label?: undefined;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel: string;\n};\n\n/*\n  Optional accessibilityLabel prop when label is provided\n*/\ntype TextInputPropsWithLabel = {\n  /**\n   * Label to be shown for the input field\n   */\n  label: string;\n  /**\n   * Accessibility label for the input\n   */\n  accessibilityLabel?: string;\n};\n\ntype TextInputProps = (TextInputPropsWithA11yLabel | TextInputPropsWithLabel) &\n  TextInputCommonProps;\n\n// need to do this to tell TS to infer type as TextInput of React Native and make it believe that `ref.current.clear()` exists\n// eslint-disable-next-line @typescript-eslint/no-explicit-any\nconst isReactNative = (_textInputRef: any): _textInputRef is TextInputReactNative => {\n  return getPlatformType() === 'react-native';\n};\n\nconst _TextInput: React.ForwardRefRenderFunction<BladeElementRef, TextInputProps> = (\n  {\n    label,\n    accessibilityLabel,\n    labelPosition = 'top',\n    placeholder,\n    type = 'text',\n    defaultValue,\n    name,\n    value,\n    maxCharacters,\n    format,\n    onChange,\n    onClick,\n    onFocus,\n    onBlur,\n    onSubmit,\n    isDisabled,\n    necessityIndicator,\n    validationState,\n    errorText,\n    helpText,\n    successText,\n    isRequired,\n    icon,\n    prefix,\n    showClearButton,\n    onClearButtonClick,\n    isLoading,\n    suffix,\n    autoFocus,\n    keyboardReturnKeyType,\n    autoCompleteSuggestionType,\n    autoCapitalize,\n    testID,\n    size = 'medium',\n    leadingIcon,\n    trailingIcon,\n    isTaggedInput,\n    tags,\n    onTagChange,\n    trailing,\n    leading,\n    labelSuffix,\n    labelTrailing,\n    onKeyDown,\n    ...rest\n  },\n  ref,\n): ReactElement => {\n  const textInputRef = React.useRef<BladeElementRefWithValue>(null);\n  const mergedRef = useMergeRefs(ref, textInputRef);\n  const [shouldShowClearButton, setShouldShowClearButton] = useState(false);\n  const [isInputFocussed, setIsInputFocussed] = useState(autoFocus ?? false);\n  const context = useDatePickerContext();\n  const isDatePickerBodyOpen = context?.isDatePickerBodyOpen;\n\n  if (__DEV__) {\n    if (format) {\n      const hasAlphanumeric = /[a-zA-Z0-9]/.test(format);\n      if (hasAlphanumeric) {\n        throw new Error(\n          `[Blade: TextInput] Invalid format \"${format}\". Only # and special characters allowed, no letters/numbers.`,\n        );\n      }\n    }\n  }\n\n  const formattingResult = useFormattedInput({\n    format,\n    onChange,\n    value,\n    defaultValue,\n  });\n\n  const inputValue = format ? formattingResult.formattedValue : value;\n  const effectiveMaxCharacters = format ? formattingResult.maxLength : maxCharacters;\n\n  const handleOnChange: FormInputOnEvent = React.useCallback(\n    ({ name, value: inputValue }) => {\n      if (format) {\n        formattingResult.handleChange({ name, value: inputValue });\n      } else {\n        onChange?.({ name, value: inputValue });\n      }\n    },\n    [format, formattingResult.handleChange, onChange],\n  );\n\n  const {\n    activeTagIndex,\n    setActiveTagIndex,\n    getTags,\n    handleTaggedInputKeydown,\n    handleTaggedInputChange,\n    handleTagsClear,\n  } = useTaggedInput({\n    isTaggedInput,\n    tags,\n    onTagChange,\n    isDisabled,\n    onChange: handleOnChange,\n    name,\n    value: inputValue,\n    inputRef: textInputRef,\n  });\n  const [isTrailingDropDownOpen, setIsTrailingDropDownOpen] = React.useState(false);\n  const [isLeadingDropDownOpen, setIsLeadingDropDownOpen] = React.useState(false);\n  const textInputWrapperRef = useRef<ContainerElementType | null>(null);\n\n  useEffect(() => {\n    if (\n      (isTrailingDropDownOpen && isLeadingDropDownOpen) ||\n      (isDatePickerBodyOpen && isLeadingDropDownOpen)\n    ) {\n      setIsLeadingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isTrailingDropDownOpen, isDatePickerBodyOpen]);\n\n  useEffect(() => {\n    if (isLeadingDropDownOpen && isTrailingDropDownOpen) {\n      setIsTrailingDropDownOpen(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isLeadingDropDownOpen]);\n\n  const leadingDropDown =\n    leading && getComponentId(leading as React.ReactElement) === 'Dropdown' ? leading : null;\n\n  const trailingDropdown =\n    trailing && getComponentId(trailing as React.ReactElement) === 'Dropdown' ? trailing : null;\n  // we need to look into name of component and check if it 's and icon or a dropdown\n  const _leadingIcon: IconComponent | undefined = isIconComponent(leading)\n    ? (leading as IconComponent)\n    : undefined;\n\n  const _trailingIcon: IconComponent | undefined = isIconComponent(trailing)\n    ? (trailing as IconComponent)\n    : undefined;\n  const hasLeadingInteractionElement = !_leadingIcon && !leadingDropDown && leading;\n\n  const hasTrailingInteractionElement = !_trailingIcon && !trailingDropdown && trailing;\n\n  const renderDropdown = (\n    dropdown: React.ReactElement,\n    isOpen: boolean,\n    setIsOpen: (isOpen: boolean) => void,\n    defaultPlacement: 'bottom-start' | 'bottom-end',\n  ): React.ReactElement | null => {\n    if (!dropdown) {\n      return null;\n    }\n    return React.cloneElement(dropdown, {\n      selectionType: 'single',\n      isOpen,\n      height: '100%',\n      onOpenChange: (isOpen: boolean) => {\n        setIsOpen(isOpen);\n      },\n      children: React.Children.map(dropdown.props.children, (child) => {\n        if (child.type === DropdownOverlay) {\n          return React.cloneElement(child, {\n            referenceRef: textInputWrapperRef,\n            _isNestedDropdown: true,\n            defaultPlacement,\n          });\n        }\n        // Pass size to InputDropdownButton\n        if (getComponentId(child) === dropdownComponentIds.triggers.InputDropdownButton) {\n          return React.cloneElement(child, {\n            size,\n          });\n        }\n        return child;\n      }),\n    });\n  };\n\n  const renderLeadingDropDown = renderDropdown(\n    leadingDropDown as React.ReactElement,\n    isLeadingDropDownOpen,\n    setIsLeadingDropDownOpen,\n    'bottom-start',\n  );\n  const renderTrailingDropDown = renderDropdown(\n    trailingDropdown as React.ReactElement,\n    isTrailingDropDownOpen,\n    setIsTrailingDropDownOpen,\n    'bottom-end',\n  );\n\n  React.useEffect(() => {\n    setShouldShowClearButton(Boolean(showClearButton && (defaultValue ?? inputValue)));\n  }, [showClearButton, defaultValue, inputValue]);\n\n  const renderClearButton = (): React.ReactElement => {\n    return (\n      <IconButton\n        size=\"medium\"\n        icon={CloseIcon}\n        onClick={() => {\n          if (isEmpty(inputValue) && textInputRef.current) {\n            // when the input field is uncontrolled take the ref and clear the input and then call the onClearButtonClick function\n            if (isReactNative(textInputRef.current)) {\n              textInputRef.current.clear();\n              textInputRef.current.focus();\n            } else if (textInputRef.current instanceof HTMLInputElement) {\n              textInputRef.current.value = '';\n              textInputRef.current.focus();\n            }\n          }\n          handleTagsClear();\n          // if the input field is controlled just call the click handler and the value change shall be left upto the consumer\n          onClearButtonClick?.();\n          textInputRef?.current?.focus();\n          setShouldShowClearButton(false);\n        }}\n        isDisabled={isDisabled}\n        accessibilityLabel=\"Clear Input Content\"\n      />\n    );\n  };\n  const hasTrailingDropDown = Boolean(trailingDropdown);\n\n  const renderInteractionElement = (): ReactNode => {\n    if (isLoading) {\n      return <Spinner accessibilityLabel=\"Loading Content\" color=\"primary\" />;\n    }\n\n    if (shouldShowClearButton && hasTrailingDropDown) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" />\n        </BaseBox>\n      );\n    }\n\n    if (showClearButton && hasTrailingInteractionElement) {\n      return (\n        <BaseBox display=\"flex\" gap=\"spacing.3\">\n          {renderClearButton()} <Divider orientation=\"vertical\" /> {trailing as React.ReactElement}\n        </BaseBox>\n      );\n    }\n\n    if (shouldShowClearButton) {\n      return renderClearButton();\n    }\n\n    if (hasTrailingInteractionElement) {\n      return trailing as React.ReactElement;\n    }\n    return null;\n  };\n  return (\n    <BaseInput\n      id=\"textinput\"\n      componentName={MetaConstants.TextInput}\n      ref={mergedRef}\n      setInputWrapperRef={(wrapperNode) => {\n        textInputWrapperRef.current = wrapperNode;\n      }}\n      label={label as string}\n      labelSuffix={labelSuffix}\n      labelTrailing={labelTrailing}\n      accessibilityLabel={accessibilityLabel}\n      hideLabelText={!Boolean(label)}\n      labelPosition={labelPosition}\n      placeholder={placeholder}\n      // CONTROLLED/UNCONTROLLED INPUT LOGIC:\n      // For inputs WITHOUT format:\n      //   - Use standard React controlled/uncontrolled logic\n      //   - Controlled: user provides `value` prop → use `value` prop\n      //   - Uncontrolled: user provides `defaultValue` prop → use `defaultValue` prop\n      //\n      // For inputs WITH format:\n      //   - Formatting requires controlled mode to re-render and show formatted values\n      //   - Case 1: Only `value` provided → defaultValue: undefined, value: formattedValue (normal controlled)\n      //   - Case 2: Only `defaultValue` provided → defaultValue: undefined, value: formattedValue (convert to controlled)\n      //   - Case 3: Both `value` and `defaultValue` provided → defaultValue: defaultValue, value: formattedValue (let BaseInput detect conflict and throw error)\n      //\n      defaultValue={\n        format\n          ? value !== undefined && defaultValue !== undefined\n            ? defaultValue\n            : undefined\n          : defaultValue\n      }\n      value={format ? inputValue : value}\n      name={name}\n      maxCharacters={effectiveMaxCharacters}\n      isDropdownTrigger={isTaggedInput}\n      tags={isTaggedInput ? getTags({ size }) : undefined}\n      showAllTags={isInputFocussed}\n      maxTagRows=\"single\"\n      activeTagIndex={activeTagIndex}\n      setActiveTagIndex={setActiveTagIndex}\n      leadingDropDown={renderLeadingDropDown}\n      trailingDropDown={renderTrailingDropDown}\n      leadingInteractionElement={\n        hasLeadingInteractionElement ? (leading as React.ReactElement) : null\n      }\n      onChange={({ name, value }: { name?: string; value?: string }) => {\n        if (showClearButton && value?.length) {\n          // show the clear button when the user starts typing in\n          setShouldShowClearButton(true);\n        }\n\n        if (shouldShowClearButton && !value?.length) {\n          // hide the clear button when the input field is empty\n          setShouldShowClearButton(false);\n        }\n\n        handleTaggedInputChange({ name, value });\n        handleOnChange({ name, value });\n      }}\n      onClick={onClick}\n      onFocus={(e) => {\n        setIsInputFocussed(true);\n        onFocus?.(e);\n      }}\n      onBlur={(e) => {\n        setIsInputFocussed(false);\n        onBlur?.(e);\n      }}\n      onKeyDown={(e) => {\n        handleTaggedInputKeydown(e);\n        onKeyDown?.(e);\n        if (format) {\n          formattingResult.handleKeyDown(e.event);\n        }\n      }}\n      onSubmit={onSubmit}\n      isDisabled={isDisabled}\n      necessityIndicator={necessityIndicator}\n      isRequired={isRequired}\n      leadingIcon={_leadingIcon ?? leadingIcon ?? icon}\n      prefix={prefix}\n      trailingInteractionElement={renderInteractionElement()}\n      trailingIcon={_trailingIcon ?? trailingIcon}\n      suffix={suffix}\n      validationState={validationState}\n      errorText={errorText}\n      helpText={helpText}\n      successText={successText}\n      trailingFooterSlot={(value) => {\n        return format ? null : effectiveMaxCharacters ? (\n          <BaseBox marginTop={hintMarginTop[size]} marginRight=\"spacing.1\">\n            <CharacterCounter\n              currentCount={value?.length ?? 0}\n              maxCount={effectiveMaxCharacters}\n              size={size}\n            />\n          </BaseBox>\n        ) : null;\n      }}\n      // eslint-disable-next-line jsx-a11y/no-autofocus\n      autoFocus={autoFocus}\n      testID={testID}\n      {...getKeyboardAndAutocompleteProps({\n        type,\n        keyboardReturnKeyType,\n        autoCompleteSuggestionType,\n        autoCapitalize,\n      })}\n      size={size}\n      {...rest}\n    />\n  );\n};\n\nconst TextInput = assignWithoutSideEffects(React.forwardRef(_TextInput), {\n  displayName: 'TextInput',\n});\n\nexport type { TextInputProps };\nexport { TextInput };\n"],"names":["isReactNative","_textInputRef","getPlatformType","_TextInput","_ref","ref","_ref4","label","accessibilityLabel","_ref$labelPosition","labelPosition","placeholder","_ref$type","type","defaultValue","name","value","maxCharacters","format","onChange","onClick","onFocus","onBlur","onSubmit","isDisabled","necessityIndicator","validationState","errorText","helpText","successText","isRequired","icon","prefix","showClearButton","onClearButtonClick","isLoading","suffix","autoFocus","keyboardReturnKeyType","autoCompleteSuggestionType","autoCapitalize","testID","_ref$size","size","leadingIcon","trailingIcon","isTaggedInput","tags","onTagChange","trailing","leading","labelSuffix","labelTrailing","onKeyDown","rest","_objectWithoutProperties","_excluded","textInputRef","React","useRef","mergedRef","useMergeRefs","_useState","useState","_useState2","_slicedToArray","shouldShowClearButton","setShouldShowClearButton","_useState3","_useState4","isInputFocussed","setIsInputFocussed","context","useDatePickerContext","isDatePickerBodyOpen","hasAlphanumeric","test","Error","concat","formattingResult","useFormattedInput","inputValue","formattedValue","effectiveMaxCharacters","maxLength","handleOnChange","useCallback","_ref2","handleChange","_useTaggedInput","useTaggedInput","inputRef","activeTagIndex","setActiveTagIndex","getTags","handleTaggedInputKeydown","handleTaggedInputChange","handleTagsClear","_React$useState","_React$useState2","isTrailingDropDownOpen","setIsTrailingDropDownOpen","_React$useState3","_React$useState4","isLeadingDropDownOpen","setIsLeadingDropDownOpen","textInputWrapperRef","useEffect","leadingDropDown","getComponentId","trailingDropdown","_leadingIcon","isIconComponent","undefined","_trailingIcon","hasLeadingInteractionElement","hasTrailingInteractionElement","renderDropdown","dropdown","isOpen","setIsOpen","defaultPlacement","cloneElement","selectionType","height","onOpenChange","children","Children","map","props","child","DropdownOverlay","referenceRef","_isNestedDropdown","dropdownComponentIds","triggers","InputDropdownButton","renderLeadingDropDown","renderTrailingDropDown","Boolean","renderClearButton","_jsx","IconButton","CloseIcon","_textInputRef$current","isEmpty","current","clear","focus","HTMLInputElement","hasTrailingDropDown","renderInteractionElement","Spinner","color","_jsxs","BaseBox","display","gap","Divider","orientation","BaseInput","_objectSpread","id","componentName","MetaConstants","TextInput","setInputWrapperRef","wrapperNode","hideLabelText","isDropdownTrigger","showAllTags","maxTagRows","trailingDropDown","leadingInteractionElement","_ref3","length","e","handleKeyDown","event","trailingInteractionElement","trailingFooterSlot","_value$length","marginTop","hintMarginTop","marginRight","CharacterCounter","currentCount","maxCount","getKeyboardAndAutocompleteProps","assignWithoutSideEffects","forwardRef","displayName"],"mappings":"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"}

package/build/lib/web/production/components/InputGroup/StyledInputGroup.js

@@ -9,8 +9,8 @@ var StyledInputGroup = /*#__PURE__*/styled(BaseBox).withConfig({
   componentId: "sc-11o2n6c-0"
 })(["", ""], function (_ref) {
   var theme = _ref.theme;
-  var radius = makeBorderSize(theme.border.radius.medium);
-  return "\n      /* Reset all inputs and their focus ring wrappers */\n      & .__blade-input-row .__blade-base-input-wrapper,\n      & .__blade-input-row .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Multi-row: First row, first column */\n      & .__blade-input-row:first-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:first-child .focus-ring-wrapper {\n        border-top-left-radius: ".concat(radius, ";\n      }\n\n      /* Multi-row: First row, last column */\n      & .__blade-input-row:first-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:last-child .focus-ring-wrapper {\n        border-top-right-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: Last row, first column */\n      & .__blade-input-row:last-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:first-child .focus-ring-wrapper {\n        border-bottom-left-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: Last row, last column */\n      & .__blade-input-row:last-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:last-child .focus-ring-wrapper {\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: First row with only one column */\n      & .__blade-input-row:first-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:only-child .focus-ring-wrapper {\n        border-top-left-radius: ").concat(radius, ";\n        border-top-right-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: Last row with only one column */\n      & .__blade-input-row:last-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:only-child .focus-ring-wrapper {\n        border-bottom-left-radius: ").concat(radius, ";\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Single row: Single column */\n      & .__blade-input-row:only-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:only-child .focus-ring-wrapper {\n        border-radius: ").concat(radius, ";\n      }\n\n      /* Single row: First column */\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .focus-ring-wrapper {\n        border-top-left-radius: ").concat(radius, ";\n        border-bottom-left-radius: ").concat(radius, ";\n      }\n\n      /* Single row: Last column */\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .focus-ring-wrapper {\n        border-top-right-radius: ").concat(radius, ";\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Single row: Middle columns */\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .focus-ring-wrapper {\n        border-radius: 0;\n      }\n    ");
+  var radius = makeBorderSize(theme.border.radius.small);
+  return "\n      /* Reset all inputs and their focus ring wrappers */\n      & .__blade-input-row .__blade-base-input-wrapper,\n      & .__blade-input-row .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Row stacking: elevate entire row on hover/focus to prevent shadow clipping between rows */\n      & .__blade-input-row {\n        position: relative;\n        z-index: 0;\n      }\n\n      & .__blade-input-row:hover,\n      & .__blade-input-row:focus-within {\n        z-index: 1;\n      }\n\n      /* Within-row stacking: elevate hovered/focused input above siblings */\n      & .__blade-input-row .__blade-base-input-wrapper {\n        z-index: 0;\n      }\n\n      & .__blade-input-row .__blade-base-input-wrapper:hover,\n      & .__blade-input-row .__blade-base-input-wrapper:focus-within {\n        z-index: 1;\n      }\n\n      /* Multi-row: First row, first column */\n      & .__blade-input-row:first-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:first-child .focus-ring-wrapper {\n        border-top-left-radius: ".concat(radius, ";\n      }\n\n      /* Multi-row: First row, last column */\n      & .__blade-input-row:first-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:last-child .focus-ring-wrapper {\n        border-top-right-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: Last row, first column */\n      & .__blade-input-row:last-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:first-child .focus-ring-wrapper {\n        border-bottom-left-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: Last row, last column */\n      & .__blade-input-row:last-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:last-child .focus-ring-wrapper {\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: First row with only one column */\n      & .__blade-input-row:first-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:only-child .focus-ring-wrapper {\n        border-top-left-radius: ").concat(radius, ";\n        border-top-right-radius: ").concat(radius, ";\n      }\n\n      /* Multi-row: Last row with only one column */\n      & .__blade-input-row:last-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:only-child .focus-ring-wrapper {\n        border-bottom-left-radius: ").concat(radius, ";\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Single row: Single column */\n      & .__blade-input-row:only-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:only-child .focus-ring-wrapper {\n        border-radius: ").concat(radius, ";\n      }\n\n      /* Single row: First column */\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .focus-ring-wrapper {\n        border-top-left-radius: ").concat(radius, ";\n        border-bottom-left-radius: ").concat(radius, ";\n      }\n\n      /* Single row: Last column */\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .focus-ring-wrapper {\n        border-top-right-radius: ").concat(radius, ";\n        border-bottom-right-radius: ").concat(radius, ";\n      }\n\n      /* Single row: Middle columns */\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .focus-ring-wrapper {\n        border-radius: 0;\n      }\n    ");
 });
 
 export { StyledInputGroup };

package/build/lib/web/production/components/InputGroup/StyledInputGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"StyledInputGroup.js","sources":["../../../../../../src/components/InputGroup/StyledInputGroup.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\n\nconst StyledInputGroup = styled(BaseBox)`\n  ${({ theme }) => {\n    const radius = makeBorderSize(theme.border.radius.medium);\n    return `\n      /* Reset all inputs and their focus ring wrappers */\n      & .__blade-input-row .__blade-base-input-wrapper,\n      & .__blade-input-row .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Multi-row: First row, first column */\n      & .__blade-input-row:first-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:first-child .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n      }\n\n      /* Multi-row: First row, last column */\n      & .__blade-input-row:first-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:last-child .focus-ring-wrapper {\n        border-top-right-radius: ${radius};\n      }\n\n      /* Multi-row: Last row, first column */\n      & .__blade-input-row:last-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:first-child .focus-ring-wrapper {\n        border-bottom-left-radius: ${radius};\n      }\n\n      /* Multi-row: Last row, last column */\n      & .__blade-input-row:last-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:last-child .focus-ring-wrapper {\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Multi-row: First row with only one column */\n      & .__blade-input-row:first-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:only-child .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n        border-top-right-radius: ${radius};\n      }\n\n      /* Multi-row: Last row with only one column */\n      & .__blade-input-row:last-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:only-child .focus-ring-wrapper {\n        border-bottom-left-radius: ${radius};\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Single row: Single column */\n      & .__blade-input-row:only-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:only-child .focus-ring-wrapper {\n        border-radius: ${radius};\n      }\n\n      /* Single row: First column */\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n        border-bottom-left-radius: ${radius};\n      }\n\n      /* Single row: Last column */\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .focus-ring-wrapper {\n        border-top-right-radius: ${radius};\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Single row: Middle columns */\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .focus-ring-wrapper {\n        border-radius: 0;\n      }\n    `;\n  }}\n`;\n\nexport { StyledInputGroup };\n"],"names":["StyledInputGroup","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","radius","makeBorderSize","border","medium","concat"],"mappings":";;;;;;AAIA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACpC,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,UAAAC,IAAA,EAAe;AAAA,EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EACR,IAAMC,MAAM,GAAGC,cAAc,CAACF,KAAK,CAACG,MAAM,CAACF,MAAM,CAACG,MAAM,CAAC,CAAA;EACzD,OAAAC,wcAAAA,CAAAA,MAAA,CAU8BJ,MAAM,EAAA,qQAAA,CAAA,CAAAI,MAAA,CAMLJ,MAAM,EAAAI,uQAAAA,CAAAA,CAAAA,MAAA,CAMJJ,MAAM,yQAAAI,MAAA,CAMLJ,MAAM,EAAA,4QAAA,CAAA,CAAAI,MAAA,CAMVJ,MAAM,EAAAI,sCAAAA,CAAAA,CAAAA,MAAA,CACLJ,MAAM,EAAAI,4QAAAA,CAAAA,CAAAA,MAAA,CAMJJ,MAAM,EAAA,yCAAA,CAAA,CAAAI,MAAA,CACLJ,MAAM,qPAAAI,MAAA,CAMnBJ,MAAM,EAAA,6RAAA,CAAA,CAAAI,MAAA,CAMGJ,MAAM,EAAAI,wCAAAA,CAAAA,CAAAA,MAAA,CACHJ,MAAM,EAAAI,2RAAAA,CAAAA,CAAAA,MAAA,CAMRJ,MAAM,EAAA,yCAAA,CAAA,CAAAI,MAAA,CACHJ,MAAM,EAAA,mTAAA,CAAA,CAAA;AAS1C,CAAC;;;;"}
+{"version":3,"file":"StyledInputGroup.js","sources":["../../../../../../src/components/InputGroup/StyledInputGroup.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport BaseBox from '~components/Box/BaseBox';\nimport { makeBorderSize } from '~utils';\n\nconst StyledInputGroup = styled(BaseBox)`\n  ${({ theme }) => {\n    const radius = makeBorderSize(theme.border.radius.small);\n    return `\n      /* Reset all inputs and their focus ring wrappers */\n      & .__blade-input-row .__blade-base-input-wrapper,\n      & .__blade-input-row .focus-ring-wrapper {\n        border-radius: 0;\n      }\n\n      /* Row stacking: elevate entire row on hover/focus to prevent shadow clipping between rows */\n      & .__blade-input-row {\n        position: relative;\n        z-index: 0;\n      }\n\n      & .__blade-input-row:hover,\n      & .__blade-input-row:focus-within {\n        z-index: 1;\n      }\n\n      /* Within-row stacking: elevate hovered/focused input above siblings */\n      & .__blade-input-row .__blade-base-input-wrapper {\n        z-index: 0;\n      }\n\n      & .__blade-input-row .__blade-base-input-wrapper:hover,\n      & .__blade-input-row .__blade-base-input-wrapper:focus-within {\n        z-index: 1;\n      }\n\n      /* Multi-row: First row, first column */\n      & .__blade-input-row:first-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:first-child .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n      }\n\n      /* Multi-row: First row, last column */\n      & .__blade-input-row:first-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:last-child .focus-ring-wrapper {\n        border-top-right-radius: ${radius};\n      }\n\n      /* Multi-row: Last row, first column */\n      & .__blade-input-row:last-child > div:first-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:first-child .focus-ring-wrapper {\n        border-bottom-left-radius: ${radius};\n      }\n\n      /* Multi-row: Last row, last column */\n      & .__blade-input-row:last-child > div:last-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:last-child .focus-ring-wrapper {\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Multi-row: First row with only one column */\n      & .__blade-input-row:first-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:first-child > div:only-child .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n        border-top-right-radius: ${radius};\n      }\n\n      /* Multi-row: Last row with only one column */\n      & .__blade-input-row:last-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:last-child > div:only-child .focus-ring-wrapper {\n        border-bottom-left-radius: ${radius};\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Single row: Single column */\n      & .__blade-input-row:only-child > div:only-child .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:only-child .focus-ring-wrapper {\n        border-radius: ${radius};\n      }\n\n      /* Single row: First column */\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:first-child:not(:only-child) .focus-ring-wrapper {\n        border-top-left-radius: ${radius};\n        border-bottom-left-radius: ${radius};\n      }\n\n      /* Single row: Last column */\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:last-child:not(:only-child) .focus-ring-wrapper {\n        border-top-right-radius: ${radius};\n        border-bottom-right-radius: ${radius};\n      }\n\n      /* Single row: Middle columns */\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .__blade-base-input-wrapper,\n      & .__blade-input-row:only-child > div:not(:first-child):not(:last-child) .focus-ring-wrapper {\n        border-radius: 0;\n      }\n    `;\n  }}\n`;\n\nexport { StyledInputGroup };\n"],"names":["StyledInputGroup","styled","BaseBox","withConfig","displayName","componentId","_ref","theme","radius","makeBorderSize","border","small","concat"],"mappings":";;;;;;AAIA,IAAMA,gBAAgB,gBAAGC,MAAM,CAACC,OAAO,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CACpC,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,CAAA,EAAA,UAAAC,IAAA,EAAe;AAAA,EAAA,IAAZC,KAAK,GAAAD,IAAA,CAALC,KAAK,CAAA;EACR,IAAMC,MAAM,GAAGC,cAAc,CAACF,KAAK,CAACG,MAAM,CAACF,MAAM,CAACG,KAAK,CAAC,CAAA;EACxD,OAAAC,qkCAAAA,CAAAA,MAAA,CA+B8BJ,MAAM,EAAA,qQAAA,CAAA,CAAAI,MAAA,CAMLJ,MAAM,EAAAI,uQAAAA,CAAAA,CAAAA,MAAA,CAMJJ,MAAM,yQAAAI,MAAA,CAMLJ,MAAM,EAAA,4QAAA,CAAA,CAAAI,MAAA,CAMVJ,MAAM,EAAAI,sCAAAA,CAAAA,CAAAA,MAAA,CACLJ,MAAM,EAAAI,4QAAAA,CAAAA,CAAAA,MAAA,CAMJJ,MAAM,EAAA,yCAAA,CAAA,CAAAI,MAAA,CACLJ,MAAM,qPAAAI,MAAA,CAMnBJ,MAAM,EAAA,6RAAA,CAAA,CAAAI,MAAA,CAMGJ,MAAM,EAAAI,wCAAAA,CAAAA,CAAAA,MAAA,CACHJ,MAAM,EAAAI,2RAAAA,CAAAA,CAAAA,MAAA,CAMRJ,MAAM,EAAA,yCAAA,CAAA,CAAAI,MAAA,CACHJ,MAAM,EAAA,mTAAA,CAAA,CAAA;AAS1C,CAAC;;;;"}

package/build/lib/web/production/components/LightBox/LightBox.web.js

@@ -0,0 +1,180 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import React__default from 'react';
+import styled from 'styled-components';
+import { FloatingOverlay, useFloating, useDismiss, useInteractions, FloatingPortal, FloatingFocusManager } from '@floating-ui/react';
+import usePresence from 'use-presence';
+import { LightBoxProvider } from './LightBoxContext.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import { componentZIndices } from '../../utils/componentZIndices.js';
+import { useControllableState } from '../../utils/useControllable.js';
+import '../../utils/makeMotionTime/index.web.js';
+import { castWebType } from '../../utils/platform/castUtils.js';
+import '../Button/IconButton/index.js';
+import '../BladeProvider/index.js';
+import '../Box/index.js';
+import '../Box/BaseBox/index.js';
+import '../Icons/index.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { makeMotionTime } from '../../utils/makeMotionTime/makeMotionTime.web.js';
+import { BaseBox } from '../Box/BaseBox/BaseBox.web.js';
+import useTheme from '../BladeProvider/useTheme.js';
+import { Box } from '../Box/Box.js';
+import { IconButton } from '../Button/IconButton/IconButton.js';
+import CloseIcon from '../Icons/CloseIcon/CloseIcon.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StyledBackdrop = /*#__PURE__*/styled(FloatingOverlay).withConfig({
+  displayName: "LightBoxweb__StyledBackdrop",
+  componentId: "sc-1g6cr2-0"
+})(function (_ref) {
+  var theme = _ref.theme,
+    $isVisible = _ref.$isVisible;
+  return {
+    backgroundColor: theme.colors.overlay.background.subtle,
+    transitionProperty: 'opacity',
+    backdropFilter: "blur(".concat(theme.backdropBlur.high, "px)"),
+    transitionDuration: "".concat(makeMotionTime(theme.motion.duration.moderate)),
+    transitionTimingFunction: $isVisible ? castWebType(theme.motion.easing.entrance) : castWebType(theme.motion.easing.exit),
+    opacity: $isVisible ? 1 : 0
+  };
+});
+var StyledLightBoxContent = /*#__PURE__*/styled(BaseBox).withConfig({
+  displayName: "LightBoxweb__StyledLightBoxContent",
+  componentId: "sc-1g6cr2-1"
+})(function (_ref2) {
+  var theme = _ref2.theme,
+    $isVisible = _ref2.$isVisible;
+  return {
+    opacity: $isVisible ? 1 : 0,
+    transitionProperty: 'opacity',
+    transitionDuration: "".concat(makeMotionTime(theme.motion.duration.moderate)),
+    transitionTimingFunction: $isVisible ? castWebType(theme.motion.easing.entrance) : castWebType(theme.motion.easing.exit)
+  };
+});
+var LightBoxBackdrop = function LightBoxBackdrop(_ref3) {
+  var isVisible = _ref3.isVisible;
+  return /*#__PURE__*/jsx(StyledBackdrop, {
+    $isVisible: isVisible,
+    lockScroll: true
+  });
+};
+var _LightBox = function _LightBox(_ref4) {
+  var isOpen = _ref4.isOpen,
+    onDismiss = _ref4.onDismiss,
+    activeIndexProp = _ref4.activeIndex,
+    defaultActiveIndex = _ref4.defaultActiveIndex,
+    onIndexChange = _ref4.onIndexChange,
+    _ref4$accessibilityLa = _ref4.accessibilityLabel,
+    accessibilityLabel = _ref4$accessibilityLa === void 0 ? 'Media viewer' : _ref4$accessibilityLa,
+    children = _ref4.children;
+  var _useTheme = useTheme(),
+    theme = _useTheme.theme;
+  var _usePresence = usePresence(isOpen, {
+      transitionDuration: theme.motion.duration.moderate,
+      initialEnter: true
+    }),
+    isMounted = _usePresence.isMounted,
+    isVisible = _usePresence.isVisible;
+  var _useControllableState = useControllableState({
+      value: activeIndexProp,
+      defaultValue: defaultActiveIndex !== null && defaultActiveIndex !== void 0 ? defaultActiveIndex : 0,
+      onChange: function onChange(index) {
+        onIndexChange === null || onIndexChange === void 0 || onIndexChange({
+          index: index
+        });
+      }
+    }),
+    _useControllableState2 = _slicedToArray(_useControllableState, 2),
+    activeIndex = _useControllableState2[0],
+    setActiveIndex = _useControllableState2[1];
+  var handleIndexChange = function handleIndexChange(index) {
+    setActiveIndex(function () {
+      return index;
+    });
+  };
+  var _useFloating = useFloating({
+      open: isOpen,
+      onOpenChange: function onOpenChange(open) {
+        if (!open) onDismiss === null || onDismiss === void 0 || onDismiss();
+      }
+    }),
+    refs = _useFloating.refs,
+    context = _useFloating.context;
+  var dismiss = useDismiss(context);
+  var _useInteractions = useInteractions([dismiss]),
+    getFloatingProps = _useInteractions.getFloatingProps;
+  var defaultInitialFocusRef = React__default.useRef(null);
+  return /*#__PURE__*/jsx(LightBoxProvider, {
+    value: {
+      activeIndex: activeIndex,
+      handleIndexChange: handleIndexChange
+    },
+    children: /*#__PURE__*/jsx(FloatingPortal, {
+      children: isMounted ? /*#__PURE__*/jsxs(Box, {
+        position: "fixed",
+        zIndex: componentZIndices.modal,
+        children: [/*#__PURE__*/jsx(LightBoxBackdrop, {
+          isVisible: isVisible
+        }), /*#__PURE__*/jsx(FloatingFocusManager, {
+          returnFocus: true,
+          initialFocus: defaultInitialFocusRef,
+          context: context,
+          modal: true,
+          children: /*#__PURE__*/jsxs(StyledLightBoxContent, _objectSpread(_objectSpread({
+            ref: refs.setFloating
+          }, getFloatingProps()), {}, {
+            $isVisible: isVisible,
+            role: "dialog",
+            "aria-label": accessibilityLabel,
+            "aria-modal": true,
+            position: "fixed",
+            top: "spacing.0",
+            right: "spacing.0",
+            bottom: "spacing.0",
+            left: "spacing.0",
+            display: "flex",
+            height: "100%",
+            width: "100%",
+            alignItems: "center",
+            justifyContent: "center",
+            padding: "spacing.6",
+            onClick: function onClick() {
+              onDismiss === null || onDismiss === void 0 || onDismiss();
+            },
+            children: [/*#__PURE__*/jsx(Box, {
+              position: "absolute",
+              top: "spacing.6",
+              right: "spacing.6",
+              zIndex: 1,
+              children: /*#__PURE__*/jsx(IconButton, {
+                ref: defaultInitialFocusRef,
+                icon: CloseIcon
+                // eslint-disable-next-line @typescript-eslint/no-empty-function
+                ,
+                onClick: function onClick() {} // onClick of parent already handles dismiss
+                ,
+                accessibilityLabel: "Close lightbox",
+                emphasis: "subtle",
+                size: "large"
+              })
+            }), /*#__PURE__*/jsx(BaseBox, {
+              position: "relative",
+              height: "100%",
+              width: "100%",
+              children: children
+            })]
+          }))
+        })]
+      }) : null
+    })
+  });
+};
+var LightBox = /*#__PURE__*/assignWithoutSideEffects(_LightBox, {
+  displayName: 'LightBox'
+});
+
+export { LightBox };
+//# sourceMappingURL=LightBox.web.js.map

package/build/lib/web/production/components/LightBox/LightBox.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBox.web.js","sources":["../../../../../../src/components/LightBox/LightBox.web.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {\n  FloatingFocusManager,\n  FloatingPortal,\n  FloatingOverlay,\n  useFloating,\n  useDismiss,\n  useInteractions,\n} from '@floating-ui/react';\nimport usePresence from 'use-presence';\nimport { LightBoxProvider } from './LightBoxContext';\nimport type { LightBoxProps } from './types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { componentZIndices } from '~utils/componentZIndices';\nimport { useControllableState } from '~utils/useControllable';\nimport { makeMotionTime } from '~utils/makeMotionTime';\nimport { castWebType } from '~utils/platform/castUtils';\nimport { IconButton } from '~components/Button/IconButton';\nimport { useTheme } from '~components/BladeProvider';\nimport { Box } from '~components/Box';\nimport { BaseBox } from '~components/Box/BaseBox';\nimport { CloseIcon } from '~components/Icons';\n\nconst StyledBackdrop = styled(FloatingOverlay)<{ $isVisible: boolean }>(\n  ({ theme, $isVisible }) => ({\n    backgroundColor: theme.colors.overlay.background.subtle,\n    transitionProperty: 'opacity',\n    backdropFilter: `blur(${theme.backdropBlur.high}px)`,\n    transitionDuration: `${makeMotionTime(theme.motion.duration.moderate)}`,\n    transitionTimingFunction: $isVisible\n      ? castWebType(theme.motion.easing.entrance)\n      : castWebType(theme.motion.easing.exit),\n    opacity: $isVisible ? 1 : 0,\n  }),\n);\n\nconst StyledLightBoxContent = styled(BaseBox)<{ $isVisible: boolean }>(({ theme, $isVisible }) => ({\n  opacity: $isVisible ? 1 : 0,\n  transitionProperty: 'opacity',\n  transitionDuration: `${makeMotionTime(theme.motion.duration.moderate)}`,\n  transitionTimingFunction: $isVisible\n    ? castWebType(theme.motion.easing.entrance)\n    : castWebType(theme.motion.easing.exit),\n}));\n\ntype LightBoxBackdropProps = {\n  isVisible: boolean;\n};\n\nconst LightBoxBackdrop = ({ isVisible }: LightBoxBackdropProps): React.ReactElement => (\n  <StyledBackdrop $isVisible={isVisible} lockScroll={true} />\n);\n\nconst _LightBox = ({\n  isOpen,\n  onDismiss,\n  activeIndex: activeIndexProp,\n  defaultActiveIndex,\n  onIndexChange,\n  accessibilityLabel = 'Media viewer',\n  children,\n}: LightBoxProps): React.ReactElement => {\n  const { theme } = useTheme();\n  const { isMounted, isVisible } = usePresence(isOpen, {\n    transitionDuration: theme.motion.duration.moderate,\n    initialEnter: true,\n  });\n\n  const [activeIndex, setActiveIndex] = useControllableState({\n    value: activeIndexProp,\n    defaultValue: defaultActiveIndex ?? 0,\n    onChange: (index) => {\n      onIndexChange?.({ index });\n    },\n  });\n\n  const handleIndexChange = (index: number): void => {\n    setActiveIndex(() => index);\n  };\n\n  const { refs, context } = useFloating({\n    open: isOpen,\n    onOpenChange: (open) => {\n      if (!open) onDismiss?.();\n    },\n  });\n\n  const dismiss = useDismiss(context);\n  const { getFloatingProps } = useInteractions([dismiss]);\n  const defaultInitialFocusRef = React.useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <LightBoxProvider value={{ activeIndex, handleIndexChange }}>\n      <FloatingPortal>\n        {isMounted ? (\n          <Box position=\"fixed\" zIndex={componentZIndices.modal}>\n            <LightBoxBackdrop isVisible={isVisible} />\n            <FloatingFocusManager\n              returnFocus\n              initialFocus={defaultInitialFocusRef}\n              context={context}\n              modal={true}\n            >\n              <StyledLightBoxContent\n                ref={refs.setFloating}\n                {...getFloatingProps()}\n                $isVisible={isVisible}\n                role=\"dialog\"\n                aria-label={accessibilityLabel}\n                aria-modal={true}\n                position=\"fixed\"\n                top=\"spacing.0\"\n                right=\"spacing.0\"\n                bottom=\"spacing.0\"\n                left=\"spacing.0\"\n                display=\"flex\"\n                height=\"100%\"\n                width=\"100%\"\n                alignItems=\"center\"\n                justifyContent=\"center\"\n                padding=\"spacing.6\"\n                onClick={() => {\n                  onDismiss?.();\n                }}\n              >\n                <Box position=\"absolute\" top=\"spacing.6\" right=\"spacing.6\" zIndex={1}>\n                  <IconButton\n                    ref={defaultInitialFocusRef}\n                    icon={CloseIcon}\n                    // eslint-disable-next-line @typescript-eslint/no-empty-function\n                    onClick={() => {}} // onClick of parent already handles dismiss\n                    accessibilityLabel=\"Close lightbox\"\n                    emphasis=\"subtle\"\n                    size=\"large\"\n                  />\n                </Box>\n                <BaseBox position=\"relative\" height=\"100%\" width=\"100%\">\n                  {children}\n                </BaseBox>\n              </StyledLightBoxContent>\n            </FloatingFocusManager>\n          </Box>\n        ) : null}\n      </FloatingPortal>\n    </LightBoxProvider>\n  );\n};\n\nconst LightBox = assignWithoutSideEffects(_LightBox, {\n  displayName: 'LightBox',\n});\n\nexport { LightBox };\n"],"names":["StyledBackdrop","styled","FloatingOverlay","withConfig","displayName","componentId","_ref","theme","$isVisible","backgroundColor","colors","overlay","background","subtle","transitionProperty","backdropFilter","concat","backdropBlur","high","transitionDuration","makeMotionTime","motion","duration","moderate","transitionTimingFunction","castWebType","easing","entrance","exit","opacity","StyledLightBoxContent","BaseBox","_ref2","LightBoxBackdrop","_ref3","isVisible","_jsx","lockScroll","_LightBox","_ref4","isOpen","onDismiss","activeIndexProp","activeIndex","defaultActiveIndex","onIndexChange","_ref4$accessibilityLa","accessibilityLabel","children","_useTheme","useTheme","_usePresence","usePresence","initialEnter","isMounted","_useControllableState","useControllableState","value","defaultValue","onChange","index","_useControllableState2","_slicedToArray","setActiveIndex","handleIndexChange","_useFloating","useFloating","open","onOpenChange","refs","context","dismiss","useDismiss","_useInteractions","useInteractions","getFloatingProps","defaultInitialFocusRef","React","useRef","LightBoxProvider","FloatingPortal","_jsxs","Box","position","zIndex","componentZIndices","modal","FloatingFocusManager","returnFocus","initialFocus","_objectSpread","ref","setFloating","role","top","right","bottom","left","display","height","width","alignItems","justifyContent","padding","onClick","IconButton","icon","CloseIcon","emphasis","size","LightBox","assignWithoutSideEffects"],"mappings":"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"}

package/build/lib/web/production/components/LightBox/LightBoxBody.web.js

@@ -0,0 +1,63 @@
+import React__default from 'react';
+import { useLightBoxContext } from './LightBoxContext.js';
+import { LightBoxItem } from './LightBoxItem.js';
+import { LightBoxMainView } from './LightBoxMainView.web.js';
+import { LightBoxThumbnailStrip } from './LightBoxThumbnailStrip.web.js';
+import '../../utils/assignWithoutSideEffects/index.js';
+import '../Box/index.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Box } from '../Box/Box.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+var _LightBoxBody = function _LightBoxBody(_ref) {
+  var children = _ref.children;
+  var _useLightBoxContext = useLightBoxContext(),
+    activeIndex = _useLightBoxContext.activeIndex,
+    handleIndexChange = _useLightBoxContext.handleIndexChange;
+  var items = [];
+  React__default.Children.forEach(children, function (child) {
+    if (/*#__PURE__*/React__default.isValidElement(child) && child.type === LightBoxItem) {
+      var _ref2 = child.props,
+        src = _ref2.src,
+        thumbnail = _ref2.thumbnail,
+        alt = _ref2.alt,
+        itemChildren = _ref2.children;
+      if (src) {
+        items.push({
+          src: src,
+          thumbnail: thumbnail !== null && thumbnail !== void 0 ? thumbnail : src,
+          alt: alt
+        });
+      } else if (thumbnail && itemChildren != null) {
+        items.push({
+          thumbnail: thumbnail,
+          alt: alt,
+          children: itemChildren
+        });
+      }
+    }
+  });
+  return /*#__PURE__*/jsxs(Box, {
+    display: "flex",
+    flexDirection: "column",
+    overflow: "hidden",
+    justifyContent: "space-between",
+    width: "100%",
+    height: "100%",
+    children: [/*#__PURE__*/jsx(LightBoxMainView, {
+      items: items,
+      activeIndex: activeIndex,
+      onChange: handleIndexChange
+    }), /*#__PURE__*/jsx(LightBoxThumbnailStrip, {
+      items: items,
+      activeIndex: activeIndex,
+      onSelect: handleIndexChange
+    })]
+  });
+};
+var LightBoxBody = /*#__PURE__*/assignWithoutSideEffects(_LightBoxBody, {
+  displayName: 'LightBoxBody'
+});
+
+export { LightBoxBody };
+//# sourceMappingURL=LightBoxBody.web.js.map

package/build/lib/web/production/components/LightBox/LightBoxBody.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxBody.web.js","sources":["../../../../../../src/components/LightBox/LightBoxBody.web.tsx"],"sourcesContent":["import React from 'react';\nimport type { LightBoxBodyProps, LightBoxItemProps } from './types';\nimport { useLightBoxContext } from './LightBoxContext';\nimport { LightBoxItem } from './LightBoxItem';\nimport { LightBoxMainView } from './LightBoxMainView.web';\nimport { LightBoxThumbnailStrip } from './LightBoxThumbnailStrip.web';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\nimport { Box } from '~components/Box';\n\nconst _LightBoxBody = ({ children }: LightBoxBodyProps): React.ReactElement => {\n  const { activeIndex, handleIndexChange } = useLightBoxContext();\n\n  const items: LightBoxItemProps[] = [];\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement(child) && child.type === LightBoxItem) {\n      const { src, thumbnail, alt, children: itemChildren } = child.props as LightBoxItemProps & {\n        children?: React.ReactNode;\n      };\n      if (src) {\n        items.push({\n          src,\n          thumbnail: thumbnail ?? src,\n          alt,\n        });\n      } else if (thumbnail && itemChildren != null) {\n        items.push({\n          thumbnail,\n          alt,\n          children: itemChildren,\n        });\n      }\n    }\n  });\n\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      overflow=\"hidden\"\n      justifyContent=\"space-between\"\n      width=\"100%\"\n      height=\"100%\"\n    >\n      <LightBoxMainView items={items} activeIndex={activeIndex} onChange={handleIndexChange} />\n      <LightBoxThumbnailStrip\n        items={items}\n        activeIndex={activeIndex}\n        onSelect={handleIndexChange}\n      />\n    </Box>\n  );\n};\n\nconst LightBoxBody = assignWithoutSideEffects(_LightBoxBody, {\n  displayName: 'LightBoxBody',\n});\n\nexport { LightBoxBody };\n"],"names":["_LightBoxBody","_ref","children","_useLightBoxContext","useLightBoxContext","activeIndex","handleIndexChange","items","React","Children","forEach","child","isValidElement","type","LightBoxItem","_ref2","props","src","thumbnail","alt","itemChildren","push","_jsxs","Box","display","flexDirection","overflow","justifyContent","width","height","_jsx","LightBoxMainView","onChange","LightBoxThumbnailStrip","onSelect","LightBoxBody","assignWithoutSideEffects","displayName"],"mappings":";;;;;;;;;;;AASA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAAC,IAAA,EAA4D;AAAA,EAAA,IAAtDC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;AAC/B,EAAA,IAAAC,mBAAA,GAA2CC,kBAAkB,EAAE;IAAvDC,WAAW,GAAAF,mBAAA,CAAXE,WAAW;IAAEC,iBAAiB,GAAAH,mBAAA,CAAjBG,iBAAiB,CAAA;EAEtC,IAAMC,KAA0B,GAAG,EAAE,CAAA;EACrCC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,EAAE,UAACS,KAAK,EAAK;AAC1C,IAAA,iBAAIH,cAAK,CAACI,cAAc,CAACD,KAAK,CAAC,IAAIA,KAAK,CAACE,IAAI,KAAKC,YAAY,EAAE;AAC9D,MAAA,IAAAC,KAAA,GAAwDJ,KAAK,CAACK,KAAK;QAA3DC,GAAG,GAAAF,KAAA,CAAHE,GAAG;QAAEC,SAAS,GAAAH,KAAA,CAATG,SAAS;QAAEC,GAAG,GAAAJ,KAAA,CAAHI,GAAG;QAAYC,YAAY,GAAAL,KAAA,CAAtBb,QAAQ,CAAA;AAGrC,MAAA,IAAIe,GAAG,EAAE;QACPV,KAAK,CAACc,IAAI,CAAC;AACTJ,UAAAA,GAAG,EAAHA,GAAG;AACHC,UAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAID,GAAG;AAC3BE,UAAAA,GAAG,EAAHA,GAAAA;AACF,SAAC,CAAC,CAAA;AACJ,OAAC,MAAM,IAAID,SAAS,IAAIE,YAAY,IAAI,IAAI,EAAE;QAC5Cb,KAAK,CAACc,IAAI,CAAC;AACTH,UAAAA,SAAS,EAATA,SAAS;AACTC,UAAAA,GAAG,EAAHA,GAAG;AACHjB,UAAAA,QAAQ,EAAEkB,YAAAA;AACZ,SAAC,CAAC,CAAA;AACJ,OAAA;AACF,KAAA;AACF,GAAC,CAAC,CAAA;EAEF,oBACEE,IAAA,CAACC,GAAG,EAAA;AACFC,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBC,IAAAA,QAAQ,EAAC,QAAQ;AACjBC,IAAAA,cAAc,EAAC,eAAe;AAC9BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;IAAA3B,QAAA,EAAA,cAEb4B,GAAA,CAACC,gBAAgB,EAAA;AAACxB,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,WAAW,EAAEA,WAAY;AAAC2B,MAAAA,QAAQ,EAAE1B,iBAAAA;AAAkB,KAAE,CAAC,eACzFwB,GAAA,CAACG,sBAAsB,EAAA;AACrB1B,MAAAA,KAAK,EAAEA,KAAM;AACbF,MAAAA,WAAW,EAAEA,WAAY;AACzB6B,MAAAA,QAAQ,EAAE5B,iBAAAA;AAAkB,KAC7B,CAAC,CAAA;AAAA,GACC,CAAC,CAAA;AAEV,CAAC,CAAA;AAED,IAAM6B,YAAY,gBAAGC,wBAAwB,CAACpC,aAAa,EAAE;AAC3DqC,EAAAA,WAAW,EAAE,cAAA;AACf,CAAC;;;;"}

package/build/lib/web/production/components/LightBox/LightBoxContext.js

@@ -0,0 +1,15 @@
+import React__default from 'react';
+
+var LightBoxContext = /*#__PURE__*/React__default.createContext({
+  activeIndex: 0,
+  handleIndexChange: function handleIndexChange() {
+    return undefined;
+  }
+});
+var LightBoxProvider = LightBoxContext.Provider;
+var useLightBoxContext = function useLightBoxContext() {
+  return React__default.useContext(LightBoxContext);
+};
+
+export { LightBoxProvider, useLightBoxContext };
+//# sourceMappingURL=LightBoxContext.js.map

package/build/lib/web/production/components/LightBox/LightBoxContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxContext.js","sources":["../../../../../../src/components/LightBox/LightBoxContext.tsx"],"sourcesContent":["import React from 'react';\n\ntype LightBoxContextType = {\n  activeIndex: number;\n  handleIndexChange: (index: number) => void;\n};\n\nconst LightBoxContext = React.createContext<LightBoxContextType>({\n  activeIndex: 0,\n  handleIndexChange: () => undefined,\n});\n\nconst LightBoxProvider = LightBoxContext.Provider;\n\nconst useLightBoxContext = (): LightBoxContextType => {\n  return React.useContext(LightBoxContext);\n};\n\nexport { LightBoxProvider, useLightBoxContext };\n"],"names":["LightBoxContext","React","createContext","activeIndex","handleIndexChange","undefined","LightBoxProvider","Provider","useLightBoxContext","useContext"],"mappings":";;AAOA,IAAMA,eAAe,gBAAGC,cAAK,CAACC,aAAa,CAAsB;AAC/DC,EAAAA,WAAW,EAAE,CAAC;EACdC,iBAAiB,EAAE,SAAnBA,iBAAiBA,GAAA;AAAA,IAAA,OAAQC,SAAS,CAAA;AAAA,GAAA;AACpC,CAAC,CAAC,CAAA;AAEF,IAAMC,gBAAgB,GAAGN,eAAe,CAACO,SAAQ;AAEjD,IAAMC,kBAAkB,GAAG,SAArBA,kBAAkBA,GAA8B;AACpD,EAAA,OAAOP,cAAK,CAACQ,UAAU,CAACT,eAAe,CAAC,CAAA;AAC1C;;;;"}

package/build/lib/web/production/components/LightBox/LightBoxItem.js

@@ -0,0 +1,16 @@
+import '../../utils/assignWithoutSideEffects/index.js';
+import { assignWithoutSideEffects } from '../../utils/assignWithoutSideEffects/assignWithoutSideEffects.js';
+
+/**
+ * LightBoxItem renders null — it is a declarative data container.
+ * LightBoxBody reads its props via React.Children to build slides and thumbnail strip.
+ */
+var _LightBoxItem = function _LightBoxItem(_props) {
+  return null;
+};
+var LightBoxItem = /*#__PURE__*/assignWithoutSideEffects(_LightBoxItem, {
+  displayName: 'LightBoxItem'
+});
+
+export { LightBoxItem };
+//# sourceMappingURL=LightBoxItem.js.map

package/build/lib/web/production/components/LightBox/LightBoxItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LightBoxItem.js","sources":["../../../../../../src/components/LightBox/LightBoxItem.tsx"],"sourcesContent":["import type { LightBoxItemProps } from './types';\nimport { assignWithoutSideEffects } from '~utils/assignWithoutSideEffects';\n\n/**\n * LightBoxItem renders null — it is a declarative data container.\n * LightBoxBody reads its props via React.Children to build slides and thumbnail strip.\n */\nconst _LightBoxItem = (_props: LightBoxItemProps): null => null;\n\nconst LightBoxItem = assignWithoutSideEffects(_LightBoxItem, {\n  displayName: 'LightBoxItem',\n});\n\nexport { LightBoxItem };\n"],"names":["_LightBoxItem","_props","LightBoxItem","assignWithoutSideEffects","displayName"],"mappings":";;;AAGA;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,MAAyB,EAAA;AAAA,EAAA,OAAW,IAAI,CAAA;AAAA,CAAA,CAAA;AAE/D,IAAMC,YAAY,gBAAGC,wBAAwB,CAACH,aAAa,EAAE;AAC3DI,EAAAA,WAAW,EAAE,cAAA;AACf,CAAC;;;;"}