@dropins/tools 1.6.0-alpha7 → 1.6.0-alpha77

package/components.js.map

@@ -1 +1 @@
-{"version":3,"mappings":"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","names":["SINGLELINE","SkeletonRow","className","fullWidth","lines","size","variant","children","multilineGap","props","sharedClasses","jsx","classes","svg","_","index","Skeleton","rowGap","lazyIcons","lazy","__vitePreload","n","isValidUrl","source","absoluteUrl","UrlSvgLoader","url","svgContent","setSvgContent","useState","loading","setLoading","error","setError","useEffect","response","content","e","processedContent","Icon","Source","stroke","viewBox","defaultProps","isLikelyUrl","Suspense","LazyIcon","isRejectedUrl","Incrementer","name","value","disabled","success","min","max","onValue","onUpdateError","showButtons","currentValue","setCurrentValue","minValue","maxValue","isInvalid","errorMessage","propValue","debouncedOnValueHandler","useCallback","debounce","newValue","handleIncrementer","_value","jsxs","Localizer","Text","Minus","Add","Input","floatingLabel","icon","maxLength","id","handleOnValue","input","VComponent","WarningWithCircle","CheckWithCircle","InputDate","label","onChange","onBlur","internalValue","setInternalValue","iosInputRef","useRef","dictionary","useText","handleOnFocus","event","isIOSMobileDevice","handleOnClick","_a","handleOnBlur","handleInputChange","Field","Date","getIcon","PendingValidation","Check","ErrorValidation","PasswordStatusIndicator","minLength","requiredCharacterClasses","uniqueSymbolsStatus","validateLengthConfig","translations","getMessage","chart","InputPassword","placeholder","required","autoComplete","defaultValue","hideStatusIndicator","showPassword","setShowPassword","toggleShowPassword","prevShowPassword","title","Locker","Button","Eye","EyeClose","TextArea","textareaRef","useId","textArea","Divider","Price","amount","currency","locale","weight","sale","formatOptions","formattedAmount","useMemo","getPriceFormatter","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","Picker","options","handleSelect","uniqueId","isRequired","option","selectedValue","setSelectedValue","handleOptionClick","element","optionsListItems","text","isSelected","hasToDisplayPlaceholder","ChevronDown","hint","fieldContent","ActionButton","ActionButtonGroup","activeOption","dividers","activeOptionState","setActiveOptionState","handleClick","buttonGroupOptions","Children","child","isOptionDisabled","isOptionActive","cloneElement","Card","Checkbox","isChecked","setIsChecked","ref","handleCheckboxChange","handleOnKeyDown","ColorSwatch","groupAriaLabel","color","selected","outOfStock","multi","outOfStockLabel","selectedLabel","swatchLabel","onValueHandler","validColor","colorStyle","handleAriaLabel","TextSwatch","isOverflowing","setIsOverflowing","spanRef","ProgressSpinner","ariaLabel","style","commonClasses","ImageSwatch","src","alt","imageNode","imageProps","Image","AccordionSection","ariaLabelTitle","secondaryText","actionIconPosition","iconOpen","iconClose","iconLeft","showIconLeft","renderContentWhenClosed","defaultOpen","onStateChange","open","setOpen","onClickHandler","next","buttonLabel","openIcon","closeIcon","leftIcon","Accordion","divider","renderAccordionSection","Fragment","InLineAlert","type","additionalActions","onDismiss","heading","itemList","actionButtonPosition","_b","_c","Close","action","Portal","portalRoot","contentRef","useLayoutEffect","Modal","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","handleOnClose","handleOutsideClick","modal","modalBody","handleKeyDown","scrollingElement","defaultOverflowValue","CloseSVG","CartItem","image","price","taxIncluded","taxExcluded","total","totalExcludingTax","sku","configurations","warning","alert","discount","savings","actions","removeContent","quantity","quantityContent","footer","updating","quantityType","dropdownOptions","onQuantity","onRemove","useContext","UIContext","labels","CartItemSkeleton","quantityComponent","key","Trash","CartList","PriceRange","minimumAmount","maximumAmount","display","specialPrice","isSimpleProduct","Dashed","FromTo","SpecialPrice","Breadcrumbs","categories","separator","category","AlertBanner","message","IllustratedMessage","headingLevel","Heading","ToggleButton","level","HeadingTag","Header","cta","Tag","ContentGrid","maxColumns","columnWidth","emptyGridContent","hasChildren","additionalStyles","Pagination","totalPages","currentPage","handleForward","nextPage","handleBackward","prevPage","handleSetPage","isNumber","createPages","pages","addPageRange","start","end","i","paginationList","item","ProductItemCardSkeleton","ProductItemCard","titleNode","actionButton","swatches","initialized","InputFile","accept","multiple","providedId","generatedId","handleChange","Table","columns","rowData","mobileLayout","caption","expandedRows","skeletonRowCount","onSortChange","handleSort","column","nextDirection","renderSortButton","iconSource","renderSkeletonRows","rowIndex","renderDataRows","row","hasDetails","isExpanded","cell","getAriaSort","filterOptions","searchTerm","getSelectedLabels","v","opt","generateIds","baseId","useAccessibilityAnnouncements","announcement","setAnnouncement","announce","useKeyboardNavigation","filteredOptions","focusedIndex","setFocusedIndex","dropdownRef","items","direction","prev","step","nextIndex","MultiSelect","selectAllText","deselectAllText","noResultsText","maxHeight","isOpen","setIsOpen","setSearchTerm","containerRef","searchInputRef","closeDropdown","resetSearch","navigate","handleClickOutside","handleContainerClick","optionValue","isCurrentlySelected","handleRemoveTag","handleSelectAll","allFilteredValues","currentValueSet","newSelections","val","handleDeselectAll","filteredValues","removedCount","handleInputKeyDown","focusedOption","selectedLabels","listboxId","searchInputId","labelId","selectedDescriptionId","currentFocusedId","hasSelection","count","renderSelectedTags","totalSelected","fieldContext","selectedItemsText","renderSearchInput","target","renderDropdownControls","renderOptionsList","isFocused","optionId"],"ignoreList":[],"sources":["/@dropins/tools/src/components/Skeleton/Skeleton.tsx","/@dropins/tools/src/components/Icon/Icon.tsx","/@dropins/tools/src/components/Incrementer/Incrementer.tsx","/@dropins/tools/src/components/Input/Input.tsx","/@dropins/tools/src/components/InputDate/InputDate.tsx","/@dropins/tools/src/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.tsx","/@dropins/tools/src/components/InputPassword/InputPassword.tsx","/@dropins/tools/src/components/TextArea/TextArea.tsx","/@dropins/tools/src/components/Divider/Divider.tsx","/@dropins/tools/src/components/Price/Price.tsx","/@dropins/tools/src/components/RadioButton/RadioButton.tsx","/@dropins/tools/src/components/Button/Button.tsx","/@dropins/tools/src/components/Picker/Picker.tsx","/@dropins/tools/src/components/Field/Field.tsx","/@dropins/tools/src/components/ActionButton/ActionButton.tsx","/@dropins/tools/src/components/ActionButtonGroup/ActionButtonGroup.tsx","/@dropins/tools/src/components/Card/Card.tsx","/@dropins/tools/src/components/Checkbox/Checkbox.tsx","/@dropins/tools/src/components/ColorSwatch/ColorSwatch.tsx","/@dropins/tools/src/components/TextSwatch/TextSwatch.tsx","/@dropins/tools/src/components/ProgressSpinner/ProgressSpinner.tsx","/@dropins/tools/src/components/ImageSwatch/ImageSwatch.tsx","/@dropins/tools/src/components/Accordion/Accordion.tsx","/@dropins/tools/src/components/InLineAlert/InLineAlert.tsx","/@dropins/tools/src/components/Portal/Portal.tsx","/@dropins/tools/src/components/Modal/Modal.tsx","/@dropins/tools/src/components/CartItem/CartItem.tsx","/@dropins/tools/src/components/CartItem/CartItemSkeleton.tsx","/@dropins/tools/src/components/CartList/CartList.tsx","/@dropins/tools/src/components/PriceRange/PriceRange.tsx","/@dropins/tools/src/components/Breadcrumbs/Breadcrumbs.tsx","/@dropins/tools/src/components/AlertBanner/AlertBanner.tsx","/@dropins/tools/src/components/IllustratedMessage/IllustratedMessage.tsx","/@dropins/tools/src/components/ToggleButton/ToggleButton.tsx","/@dropins/tools/src/components/Header/Header.tsx","/@dropins/tools/src/components/Tag/Tag.tsx","/@dropins/tools/src/components/ContentGrid/ContentGrid.tsx","/@dropins/tools/src/components/Pagination/Pagination.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/tools/src/components/InputFile/InputFile.tsx","/@dropins/tools/src/components/Table/Table.tsx","/@dropins/tools/src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';\n\nexport interface SkeletonRowProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  fullWidth?: boolean;\n  lines?: number;\n  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n  variant?: 'heading' | 'row' | 'empty';\n  multilineGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n  children?: string;\n}\n\nconst SINGLELINE = 1;\n\nexport const SkeletonRow: FunctionComponent<SkeletonRowProps> = ({\n  className,\n  fullWidth = false,\n  lines = SINGLELINE,\n  size = 'small',\n  variant = 'row',\n  children = null,\n  multilineGap = 'medium',\n  ...props\n}) => {\n  const sharedClasses = [\n    [`dropin-skeleton-row__${variant}`, variant],\n    [`dropin-skeleton-row__${variant}-${size}`, variant && size],\n  ];\n\n  if (!children && variant === 'empty') {\n    return (\n      <div\n        className={classes([\n          'dropin-skeleton-row dropin-skeleton-row__empty',\n          className,\n        ])}\n      />\n    );\n  }\n\n  if (children) {\n    const svg = children.trim();\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          className,\n        ])}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: svg }}\n      />\n    );\n  }\n\n  const isMultiline = lines > SINGLELINE;\n\n  if (isMultiline === false) {\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          'dropin-skeleton--row__content',\n          ...sharedClasses,\n          className,\n        ])}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...props}\n      style={{ '--multiline-gap-spacing': `var(--spacing-${multilineGap})` }}\n      class={classes([\n        'dropin-skeleton-row--multiline',\n        [`dropin-skeleton-row--full`, fullWidth],\n        className,\n      ])}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <div\n          key={index}\n          class={classes([\n            'dropin-skeleton-row',\n            [`dropin-skeleton-row--full`, fullWidth],\n            'dropin-skeleton--row__content',\n            ...sharedClasses,\n          ])}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport interface SkeletonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  rowGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n}\n\nexport const Skeleton: FunctionComponent<SkeletonProps> = ({\n  className,\n  children,\n  rowGap = 'medium',\n  ...props\n}) => {\n  return (\n    <div\n      style={{ '--row-gap-spacing': `var(--spacing-${rowGap})` }}\n      {...props}\n      className={classes(['dropin-skeleton', className])}\n      role=\"status\"\n      aria-label=\"Loading...\"\n    >\n      {children}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { lazy, Suspense, SVGProps } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport '@adobe-commerce/elsie/components/Icon/Icon.css';\n\nexport type IconType = keyof typeof import('@adobe-commerce/elsie/icons');\n\nconst lazyIcons = {\n  Add: lazy(() => import('@adobe-commerce/elsie/icons/Add.svg')),\n  Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),\n  Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),\n  Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),\n  Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),\n  ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),\n  ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),\n  ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),\n  Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),\n  Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),\n  Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),\n  Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),\n  PlaceholderFilled: lazy(\n    () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')\n  ),\n  Search: lazy(() => import('@adobe-commerce/elsie/icons/Search.svg')),\n  SearchFilled: lazy(() => import('@adobe-commerce/elsie/icons/SearchFilled.svg')),\n  Sort: lazy(() => import('@adobe-commerce/elsie/icons/Sort.svg')),\n  Star: lazy(() => import('@adobe-commerce/elsie/icons/Star.svg')),\n  View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),\n  User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),\n  Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),\n  Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),\n  Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),\n  Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),\n  Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.svg')),\n  Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),\n  OrderError: lazy(() => import('@adobe-commerce/elsie/icons/OrderError.svg')),\n  OrderSuccess: lazy(() => import('@adobe-commerce/elsie/icons/OrderSuccess.svg')),\n  PaymentError: lazy(() => import('@adobe-commerce/elsie/icons/PaymentError.svg')),\n  CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),\n  WarningWithCircle: lazy(\n    () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')\n  ),\n  WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),\n  InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),\n  HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),\n  Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),\n  Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),\n  EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),\n  Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),\n  AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),\n  EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),\n  Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),\n  Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),\n  GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),\n  Edit: lazy(() => import('@adobe-commerce/elsie/icons/Edit.svg')),\n};\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'size'> {\n  source?:\n  | FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>\n  | IconType\n  | string;\n  size?: '12' | '16' | '24' | '32' | '64' | '80';\n  stroke?: '1' | '2' | '3' | '4';\n  className?: string;\n  title?: string;\n}\n\nexport type IconNode = FunctionComponent<\n  SVGProps<SVGSVGElement> & { title?: string }\n>;\n\nfunction isValidUrl(source: string): boolean { // check for URL from same domain\n  try {\n    if (source.startsWith('//')) {\n      const absoluteUrl = `${window.location.protocol}${source}`;\n      const url = new URL(absoluteUrl);\n      if (url.hostname !== window.location.hostname) {\n        console.error(\n          `[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`\n        );\n        return false;\n      }\n      return true;\n    }\n    const url = new URL(source);\n    \n    if (url.hostname !== window.location.hostname) {\n      console.error(`[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`);\n      return false;\n    }\n    \n    return true;\n  } catch {\n    console.error(`[Icon] Invalid URL format: ${source}`);\n    return false;\n  }\n}\n\nfunction UrlSvgLoader({\n  url,\n  ...props\n}: SVGProps<SVGSVGElement> & { url: string }) {\n  const [svgContent, setSvgContent] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n\n  useEffect(() => {\n    fetch(url)\n      .then(response => {\n        if (!response.ok) {\n          console.error(`[Icon] Failed to fetch SVG: ${response.status} ${response.statusText}`);\n          throw error;\n        }\n        return response.text();\n      })\n      .then(content => {\n        // Check if content is valid SVG\n        try {\n          const parser = new DOMParser();\n          const doc = parser.parseFromString(content, \"image/svg+xml\");\n          const svg = doc.querySelector('svg');\n          if (!svg) {\n            throw new Error(\"No <svg> element found\");\n          }\n          // Success!\n        } catch(e: unknown) {\n          if (e instanceof Error ) {\n            console.error(`[Icon] Invalid SVG content from ${url}: ${e.message}`);\n          } else {\n            console.error(`[Icon] Invalid SVG content from ${url}: ${String(e)}`);\n          }\n          setError(true);\n          setLoading(false);\n        }\n        \n\n        // Process SVG content to ensure proper sizing and accessibility\n        let processedContent = content;\n\n        if (props.width) {\n          processedContent = processedContent.replace(\n            /<svg([^>]*)\\s+width\\s*=\\s*[\"'][^\"']*[\"']/gi,\n            '<svg$1'\n          );\n          processedContent = processedContent.replace(\n            /<svg/i,\n            `<svg width=\"${props.width}\"`\n          );\n        }\n\n        if (props.height) {\n          processedContent = processedContent.replace(\n            /<svg([^>]*)\\s+height\\s*=\\s*[\"'][^\"']*[\"']/gi,\n            '<svg$1'\n          );\n          processedContent = processedContent.replace(\n            /<svg/i,\n            `<svg height=\"${props.height}\"`\n          );\n        }\n        \n        if (props.title) {\n          processedContent = processedContent.replace(/<title[^>]*>.*?<\\/title>/gi, '');\n          processedContent = processedContent.replace(\n            /<svg([^>]*)>/i,\n            `<svg$1><title>${props.title}</title>`\n          );\n        }\n        \n        setSvgContent(processedContent);\n        setLoading(false);\n      })\n      .catch((error) => {\n        if (error instanceof Error) {\n          console.error(`[Icon] ${error.message}`);\n        } else {\n          console.error(`[Icon] ${String(error)}`);\n        }\n        setError(true);\n        setLoading(false);\n      });\n  }, [url, props.width, props.height, props.title]);\n\n  if (loading || error) {\n    return <svg {...props} />;\n  }\n\n  return (\n    <span\n      className={props.className}\n      style={{\n        width: String(props.width),\n        height: String(props.height),\n        display: 'inline-flex',\n        lineHeight: 0,\n      }}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n}\n\nexport function Icon({\n  source: Source,\n  size = '24',\n  stroke = '2',\n  viewBox = '0 0 24 24',\n  className,\n  ...props\n}: IconProps) {\n\n  const defaultProps = {\n    className: classes([\n      'dropin-icon',\n      `dropin-icon--shape-stroke-${stroke}`,\n      className,\n    ]),\n    width: size,\n    height: size,\n    viewBox,\n  };\n\n  // Only validate strings that look like URLs (start with http, //, or /)\n  const isLikelyUrl =\n    typeof Source === 'string' &&\n    (Source.startsWith('http') ||\n      Source.startsWith('//') ||\n      Source.startsWith('/'));\n\n  if (isLikelyUrl && isValidUrl(Source)) {\n    return (\n      <Suspense fallback={<svg {...props} {...defaultProps} />}>\n        <UrlSvgLoader url={Source} {...props} {...defaultProps}/>\n      </Suspense>\n    );\n  }\n\n  const LazyIcon = typeof Source === 'string' && Source in lazyIcons\n    ? lazyIcons[Source as IconType]\n    : null;\n\n  const isRejectedUrl = isLikelyUrl && !isValidUrl(Source);\n\n  return (\n    <Suspense fallback={<svg {...props} {...defaultProps} />}>\n      {LazyIcon ? (\n        <LazyIcon {...props} {...defaultProps} />\n      ) : isRejectedUrl ? (\n        <svg {...props} {...defaultProps} />\n      ) : (\n        // @ts-ignore\n        <Source {...props} {...defaultProps} />\n      )}\n    </Suspense>\n  );\n}\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useCallback, useEffect } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { Localizer, Text } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Incrementer/Incrementer.css';\n\nexport interface IncrementerProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n  name?: string;\n  size?: 'medium' | 'large';\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n  error?: boolean;\n  success?: boolean;\n  min?: number;\n  max?: number;\n  disabled?: boolean;\n  maxLength?: number;\n  showButtons?: boolean;\n}\n\nexport const Incrementer: FunctionComponent<IncrementerProps> = ({\n  name,\n  value = '1',\n  className,\n  disabled,\n  error,\n  success,\n  min,\n  max,\n  onValue,\n  onUpdateError,\n  size = 'medium',\n  showButtons = true,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState<number>(Number(value));\n  const minValue = Number(min);\n  const maxValue = Number(max);\n  const isInvalid = error || currentValue < minValue || currentValue > maxValue;\n\n  const errorMessage =\n    currentValue < minValue\n      ? 'Dropin.Incrementer.minQuantityMessage'\n      : currentValue > maxValue\n        ? 'Dropin.Incrementer.maxQuantityMessage'\n        : 'Dropin.Incrementer.errorMessage';\n\n  // Add this effect to synchronize internal state with external value prop\n  useEffect(() => {\n    const propValue = Number(value);\n    if (propValue !== currentValue) {\n      setCurrentValue(propValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedOnValueHandler = useCallback(\n    debounce(async (newValue: any) => {\n      if (onValue) {\n        try {\n          onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    }, 200),\n    [onValue, onUpdateError]\n  );\n\n  const handleIncrementer = (_value: number) => {\n    let newValue = _value;\n    debouncedOnValueHandler(newValue);\n    setCurrentValue(newValue);\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-incrementer',\n        `dropin-incrementer--${size}`,\n        className,\n      ])}\n    >\n      <div\n        className={classes([\n          'dropin-incrementer__content',\n          `dropin-incrementer__content--${size}`,\n          ['dropin-incrementer__content--no-buttons', !showButtons],\n          [`dropin-incrementer__content--error`, isInvalid],\n          [`dropin-incrementer__content--success`, success],\n          [`dropin-incrementer__content--disabled`, disabled],\n        ])}\n      >\n        {/* Minus Button */}\n        {showButtons && (\n          <div\n            className={classes([\n              'dropin-incrementer__button-container',\n              [`dropin-incrementer__button-container--disabled`, disabled],\n            ])}\n          >\n            <Localizer>\n              <button\n                type=\"button\"\n                className={classes([\n                  'dropin-incrementer__decrease-button',\n                  [`dropin-incrementer__decrease-button--disabled`, disabled],\n                ])}\n                onClick={() => handleIncrementer(currentValue - 1)}\n                disabled={disabled || currentValue < minValue + 1}\n                aria-label={\n                  (<Text id=\"Dropin.Incrementer.decreaseLabel\" />) as any\n                }\n              >\n                <Icon\n                  source={Minus}\n                  size=\"16\"\n                  stroke=\"1\"\n                  viewBox=\"4 2 20 20\"\n                  className=\"dropin-incrementer__down\"\n                />\n              </button>\n            </Localizer>\n          </div>\n        )}\n\n        {/* Input Field */}\n        <input\n          className=\"dropin-incrementer__input\"\n          max={max}\n          min={min}\n          step={1}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          disabled={disabled}\n          onBlur={() => {\n            handleIncrementer(Number(currentValue));\n          }}\n          onChange={(e) => {\n            const newValue = e.currentTarget.value;\n            if (newValue !== '') {\n              handleIncrementer(Number(newValue));\n            }\n          }}\n          {...props}\n        />\n\n        {showButtons && (\n          <div\n            className={classes([\n              'dropin-incrementer__button-container',\n              [`dropin-incrementer__button-container--disabled`, disabled],\n            ])}\n          >\n            {/* Plus/Add button */}\n            <Localizer>\n              <button\n                type=\"button\"\n                className={classes([\n                  'dropin-incrementer__increase-button',\n                  [`dropin-incrementer__increase-button--disabled`, disabled],\n                ])}\n                onClick={() => handleIncrementer(currentValue + 1)}\n                disabled={disabled || currentValue > maxValue - 1}\n                aria-label={\n                  (<Text id=\"Dropin.Incrementer.increaseLabel\" />) as any\n                }\n              >\n                <Icon\n                  source={Add}\n                  size=\"16\"\n                  stroke=\"1\"\n                  viewBox=\"4 2 20 20\"\n                  className=\"dropin-incrementer__add\"\n                />\n              </button>\n            </Localizer>\n          </div>\n        )}\n      </div>\n      {isInvalid && (\n        <p className=\"dropin-incrementer__content--error-message\">\n          <Text\n            id={errorMessage}\n            fields={{ minQuantity: min, maxQuantity: max }}\n          />\n        </p>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Input/Input.css';\nimport { CheckWithCircle, WarningWithCircle } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nexport interface InputProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'icon'> {\n  id?: string;\n  name?: string;\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  error?: boolean;\n  floatingLabel?: string;\n  onUpdateError?: (error: Error) => void;\n  onValue?: (value: any) => void;\n  size?: 'medium' | 'large';\n  success?: boolean;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  maxLength?: number;\n}\n\nexport const Input: FunctionComponent<InputProps> = ({\n  name,\n  value,\n  variant = 'primary',\n  className,\n  disabled,\n  error,\n  floatingLabel,\n  onValue,\n  onUpdateError,\n  size = 'medium',\n  icon,\n  maxLength,\n  success,\n  ...props\n}) => {\n  const id = props?.id || name || `dropin-input-${Math.random().toString(36)}`;\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedOnValueHandler = useCallback(\n    debounce(async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    }, 200),\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    debouncedOnValueHandler(input.value.trim());\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-input-container',\n        `dropin-input-container--${variant}`,\n        [`dropin-input-container--floating`, !!floatingLabel],\n        ['dropin-input-container--disabled', disabled],\n      ])}\n    >\n      {icon && (\n        <VComponent\n          node={icon}\n          className={classes([\n            'dropin-input__field-icon--left',\n            icon.props.className,\n          ])}\n        />\n      )}\n      <div className=\"dropin-input-label-container\">\n        {/* Input */}\n        <input\n          id={id}\n          onChange={handleOnValue}\n          type=\"text\"\n          maxLength={maxLength}\n          name={name}\n          value={value}\n          {...props}\n          className={classes([\n            'dropin-input',\n            `dropin-input--${size}`,\n            `dropin-input--${variant}`,\n            [`dropin-input--error`, !!error],\n            [`dropin-input--success`, !!success],\n            ['dropin-input--disabled', disabled],\n            [`dropin-input--floating`, !!floatingLabel],\n            [`dropin-input--icon-left`, !!icon],\n            className,\n          ])}\n          disabled={disabled}\n        />\n\n        {/* Floating Label */}\n        {floatingLabel && (\n          <label\n            htmlFor={id}\n            className={classes([\n              [`dropin-input__label--floating`, !!floatingLabel],\n              [`dropin-input__label--floating--icon-left`, !!icon],\n              [`dropin-input__label--floating--error`, !!error],\n            ])}\n          >\n            {floatingLabel}\n          </label>\n        )}\n      </div>\n\n      {error && (\n        <div\n          className={classes([\n            'dropin-input__field-icon--right',\n            'dropin-input__field-icon--error',\n          ])}\n        >\n          <Icon\n            source={WarningWithCircle}\n            size=\"16\"\n            stroke=\"2\"\n            className=\"dropin-input--warning-icon\"\n            viewBox=\"-1 -1 26 26\"\n          />\n        </div>\n      )}\n\n      {success && (\n        <div\n          className={classes([\n            'dropin-input__field-icon--right',\n            'dropin-input__field-icon--success',\n          ])}\n        >\n          <Icon\n            source={CheckWithCircle}\n            size=\"16\"\n            stroke=\"2\"\n            className=\"dropin-input--success-icon\"\n            viewBox=\"-1 -1 26 26\"\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';\nimport { JSX } from 'preact/compat';\nimport { Field, Icon, Input, InputProps } from '@adobe-commerce/elsie/components';\nimport { Date } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/InputDate/InputDate.css';\nimport { useCallback } from 'react';\n\nexport interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {\n  label?: string;\n  name?: string;\n  error?: string;\n  value?: Date;\n}\n\nexport const InputDate: FunctionComponent<InputDateProps> = ({\n  name = '',\n  error,\n  value,\n  label,\n  onChange,\n  onBlur,\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = useState(value?.toString() ?? '');\n  const iosInputRef = useRef<HTMLInputElement>(null);\n  const dictionary = useText({\n    picker: 'Dropin.InputDate.picker',\n  });\n\n  const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      event.currentTarget.setAttribute('type', 'date');\n\n      if (!isIOSMobileDevice()) return;\n\n      iosInputRef.current.focus();\n    },\n    []\n  );\n\n  const handleOnClick: JSX.MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const input = event.currentTarget.parentElement?.querySelector('input');\n      input?.focus();\n      input?.showPicker();\n    },\n    []\n  );\n\n  const handleOnBlur: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      event.currentTarget.setAttribute('type', 'text');\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =\n    useCallback(\n      (event) => {\n        setInternalValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange]\n    );\n\n  return (\n    <div className={classes(['dropin-input-date'])}>\n      {/* This simple input is needed only for iOS devices to trigger the date picker. */}\n      {isIOSMobileDevice() ? (\n        <input\n          ref={iosInputRef}\n          data-testid=\"inputDateIos\"\n          className=\"dropin-input-date__input--ios\"\n          type=\"date\"\n          onChange={handleInputChange}\n        />\n      ) : null}\n      <Field error={error}>\n        <Input\n          data-testid=\"input-date\"\n          error={!!error}\n          name={name}\n          value={internalValue}\n          placeholder={label}\n          floatingLabel={label}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          onChange={handleInputChange}\n          aria-labelledby={label}\n          className=\"dropin-input-date__input\"\n          {...props}\n        />\n      </Field>\n\n      <button\n        type=\"button\"\n        data-testid=\"dropin-input-date__icon\"\n        className=\"dropin-input-date__icon\"\n        aria-label={dictionary.picker}\n        onClick={handleOnClick}\n      >\n        <Icon source={Date} size=\"24\" />\n      </button>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Check,\n  Close as ErrorValidation,\n  Minus as PendingValidation,\n} from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.css';\n\ntype statusTypes = '' | 'success' | 'error' | 'pending';\n\nexport interface ValidateLengthConfigProps {\n  status?: statusTypes;\n  icon?: statusTypes;\n  message?: string;\n}\n\nexport interface PasswordStatusIndicatorProps {\n  validateLengthConfig?: ValidateLengthConfigProps;\n  uniqueSymbolsStatus?: statusTypes;\n  minLength?: number;\n  requiredCharacterClasses?: number;\n}\n\nconst getIcon: { [key: string]: JSX.Element } = {\n  pending: <PendingValidation />,\n  success: <Check />,\n  error: <ErrorValidation style={{ fill: 'red' }} />,\n};\n\nexport const PasswordStatusIndicator: FunctionComponent<\n  PasswordStatusIndicatorProps & HTMLAttributes<HTMLDivElement>\n> = ({\n  minLength = 0,\n  requiredCharacterClasses = 0,\n  uniqueSymbolsStatus = 'pending',\n  validateLengthConfig = { status: '', icon: '', message: '' },\n}) => {\n  const translations = useText({\n    chartTwoSymbols: 'Dropin.PasswordStatusIndicator.chartTwoSymbols',\n    chartThreeSymbols: 'Dropin.PasswordStatusIndicator.chartThreeSymbols',\n    chartFourSymbols: 'Dropin.PasswordStatusIndicator.chartFourSymbols',\n  });\n\n  const getMessage = (chart: number) => {\n    switch (chart) {\n      case 2:\n        return translations.chartTwoSymbols;\n      case 3:\n        return translations.chartThreeSymbols;\n      case 4:\n        return translations.chartFourSymbols;\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <div className={classes(['dropin-password-status-indicator'])}>\n      {minLength > 0 ? (\n        <div\n          className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${validateLengthConfig.status}`}\n          data-testid={`dropin-password-status-indicator__item--${validateLengthConfig.icon}`}\n        >\n          {getIcon[validateLengthConfig.icon as string]}\n          <span className={`${validateLengthConfig.status}`}>\n            {validateLengthConfig.message}\n          </span>\n        </div>\n      ) : null}\n      {requiredCharacterClasses >= 2 ? (\n        <div\n          className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n          data-testid={`dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n        >\n          {getIcon[uniqueSymbolsStatus]}\n          <span className={`pending`}>\n            {getMessage(requiredCharacterClasses)}\n          </span>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Locker, EyeClose, Eye } from '@adobe-commerce/elsie/icons';\nimport { Button, Field, Input, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  PasswordStatusIndicator,\n  PasswordStatusIndicatorProps,\n} from './PasswordStatusIndicator';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InputPassword/InputPassword.css';\n\nexport interface InputPasswordProps\n  extends PasswordStatusIndicatorProps,\n    Omit<HTMLAttributes<HTMLDivElement>, 'minLength'> {\n  placeholder?: string;\n  floatingLabel?: string;\n  defaultValue?: string;\n  className?: string;\n  name?: string;\n  autoComplete?: string;\n  errorMessage?: string | undefined;\n  required?: boolean;\n  hideStatusIndicator?: boolean;\n  onValue?: (value: any) => void;\n  onBlur?: (event: Event) => void;\n}\n\nexport const InputPassword: FunctionComponent<InputPasswordProps> = ({\n  placeholder,\n  floatingLabel,\n  children,\n  name,\n  required,\n  className,\n  minLength,\n  autoComplete,\n  defaultValue = '',\n  hideStatusIndicator = false,\n  uniqueSymbolsStatus,\n  validateLengthConfig,\n  requiredCharacterClasses,\n  errorMessage,\n  onValue,\n  onBlur,\n  ...props\n}) => {\n  const translations = useText({\n    placeholder: 'Dropin.InputPassword.placeholder',\n    floatingLabel: 'Dropin.InputPassword.floatingLabel',\n    buttonShowTitle: 'Dropin.InputPassword.buttonShowTitle',\n    buttonHideTitle: 'Dropin.InputPassword.buttonHideTitle',\n  });\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleShowPassword = useCallback(() => {\n    setShowPassword((prevShowPassword) => !prevShowPassword);\n  }, []);\n\n  const title = !showPassword\n    ? translations.buttonShowTitle\n    : translations.buttonHideTitle;\n\n  return (\n    <div\n      data-testid=\"passwordFieldInput\"\n      className={classes([\n        'dropin-input-password',\n        ['dropin-input-password--error', errorMessage],\n        className,\n      ])}\n      {...props}\n    >\n      <Field error={errorMessage}>\n        <Input\n          autoComplete={autoComplete}\n          name={name ?? 'password'}\n          type={!showPassword ? 'password' : 'text'}\n          placeholder={placeholder || translations.placeholder}\n          floatingLabel={floatingLabel || translations.floatingLabel}\n          aria-label={translations.placeholder}\n          aria-required={required || true}\n          aria-invalid={!!errorMessage}\n          aria-describedby=\"password-feedback\"\n          required={required || false}\n          value={defaultValue}\n          onValue={onValue}\n          icon={<Locker />}\n          onBlur={onBlur}\n          data-testid=\"passwordInput\"\n        />\n      </Field>\n      <Button\n        aria-label={title}\n        title={title}\n        type={'button'}\n        data-testid=\"toggle-password-icon\"\n        variant=\"tertiary\"\n        className={classes([\n          'dropin-input-password__eye-icon',\n          `dropin-input-password__eye-icon--${showPassword ? 'show' : 'hide'}`,\n          className,\n        ])}\n        onClick={toggleShowPassword}\n      >\n        <Icon\n          focusable={false}\n          aria-hidden={showPassword}\n          source={!showPassword ? EyeClose : Eye}\n        />\n      </Button>\n      {hideStatusIndicator ? null : (\n        <PasswordStatusIndicator\n          minLength={minLength}\n          requiredCharacterClasses={requiredCharacterClasses}\n          validateLengthConfig={validateLengthConfig}\n          uniqueSymbolsStatus={uniqueSymbolsStatus}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/TextArea/TextArea.css';\nimport { useRef, useEffect, useId } from 'preact/hooks';\n\nexport interface TextAreaProps extends HTMLAttributes<HTMLTextAreaElement> {\n  id?: string;\n  name?: string;\n  disabled?: boolean;\n  errorMessage?: string;\n}\n\nexport const TextArea: FunctionComponent<TextAreaProps> = ({\n  disabled,\n  name = '',\n  errorMessage,\n  value,\n  label,\n  className,\n  onChange,\n  onBlur,\n  ...props\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const id = useId();\n  const error = !!errorMessage?.length;\n\n  useEffect(() => {\n    const textArea = textareaRef.current;\n    if (!textArea) return;\n\n    textArea.style.height = 'auto';\n    textArea.style.height = `${textArea.scrollHeight}px`;\n  }, [value]);\n\n  return (\n    <div\n      className={classes(['dropin-textarea-container', className])}\n      data-testid=\"dropin-textarea-container\"\n    >\n      <textarea\n        ref={textareaRef}\n        data-testid=\"dropin-textarea-field\"\n        className={classes([\n          'dropin-textarea',\n          [`dropin-textarea--error`, error],\n          ['dropin-textarea--disabled', !!disabled],\n        ])}\n        id={id}\n        placeholder={label}\n        name={name}\n        value={value}\n        disabled={disabled}\n        onBlur={onBlur}\n        onChange={onChange}\n        {...props}\n      />\n      <label\n        htmlFor={id}\n        className={classes([\n          `dropin-textarea__label--floating`,\n          [`dropin-textarea__label--floating--error`, error],\n        ])}\n      >\n        {label}\n      </label>\n      {error ? (\n        <div\n          className={classes([\n            `dropin-textarea__label--floating--text`,\n            [`dropin-textarea__label--floating--error`, error],\n          ])}\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Divider/Divider.css';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n  variant?: 'primary' | 'secondary';\n}\n\nexport const Divider: FunctionComponent<DividerProps> = ({\n  variant = 'primary',\n  className,\n}) => {\n  return (\n    <hr\n      role=\"separator\"\n      className={classes([\n        'dropin-divider',\n        `dropin-divider--${variant}`,\n        className,\n      ])}\n    />\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes, getPriceFormatter } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Price/Price.css';\n\nexport interface PriceProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'size'> {\n  amount?: number;\n  currency?: string | null;\n  locale?: string;\n  formatOptions?: {\n    [key: string]: any;\n  };\n  variant?: 'default' | 'strikethrough';\n  weight?: 'bold' | 'normal';\n  sale?: boolean;\n  size?: 'small' | 'medium' | 'large';\n}\n\nexport const Price: FunctionComponent<PriceProps> = ({\n  amount = 0,\n  currency,\n  locale,\n  variant = 'default',\n  weight = 'bold',\n  className,\n  children,\n  sale = false,\n  formatOptions = {},\n  size = 'small',\n  ...props\n}) => {\n  const formattedAmount = useMemo(() => {\n    const formatter = getPriceFormatter({ currency, locale, formatOptions });\n    return formatter.format(amount);\n  }, [amount, currency, locale, formatOptions]);\n\n  return (\n    <span\n      {...props}\n      className={classes([\n        'dropin-price',\n        `dropin-price--${variant}`,\n        `dropin-price--${size}`,\n        `dropin-price--${weight}`,\n        ['dropin-price--sale', sale],\n        className,\n      ])}\n    >\n      {formattedAmount}\n    </span>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/RadioButton/RadioButton.css';\n\nexport interface RadioButtonProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n  label: string | VNode<HTMLAttributes<HTMLElement>>;\n  name: string;\n  value: string;\n  size?: 'medium' | 'large';\n  checked?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  description?: string;\n  busy?: boolean;\n}\n\nexport const RadioButton: FunctionComponent<RadioButtonProps> = ({\n  name,\n  label,\n  value,\n  size = 'medium',\n  checked = false,\n  disabled = false,\n  error = false,\n  description = '',\n  busy = false,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <label\n      className={classes([\n        className,\n        'dropin-radio-button',\n        ['dropin-radio-button--error', error],\n        ['dropin-radio-button--disabled', disabled],\n      ])}\n    >\n      <input\n        name={name}\n        value={value}\n        checked={checked}\n        disabled={disabled}\n        type=\"radio\"\n        className={classes([\n          'dropin-radio-button__input',\n          ['dropin-radio-button__input--error', error],\n          ['dropin-radio-button__input--disabled', disabled],\n        ])}\n        aria-busy={busy}\n        {...props}\n      />\n      <span\n        className={classes([\n          'dropin-radio-button__label',\n          `dropin-radio-button__label--${size}`,\n          ['dropin-radio-button__label--error', error],\n          ['dropin-radio-button__label--disabled', disabled],\n        ])}\n      >\n        {label}\n      </span>\n      <span\n        className={classes([\n          'dropin-radio-button__description',\n          `dropin-radio-button__description--${size}`,\n          ['dropin-radio-button__description--disabled', disabled],\n        ])}\n      >\n        {description}\n      </span>\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Button/Button.css';\n\nexport interface ButtonProps\n  extends Omit<\n    HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>,\n    'size' | 'icon'\n  > {\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'medium' | 'large';\n  children?: ComponentChildren;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  disabled?: boolean;\n  active?: boolean;\n  activeChildren?: ComponentChildren;\n  activeIcon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  href?: string;\n  type?: 'button' | 'submit' | 'reset';\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n  value,\n  variant = 'primary',\n  size = 'medium',\n  icon,\n  className,\n  children,\n  disabled = false,\n  active = false,\n  activeChildren,\n  activeIcon,\n  href,\n  ...props\n}) => {\n  let buttonType = 'dropin-button';\n\n  if (\n    (icon && !children) ||\n    (icon && active && !activeChildren) ||\n    (!icon && active && activeIcon)\n  ) {\n    buttonType = 'dropin-iconButton';\n  }\n\n  if (active && activeChildren) {\n    buttonType = 'dropin-button';\n  }\n\n  className = classes([\n    buttonType,\n    `${buttonType}--${size}`,\n    `${buttonType}--${variant}`,\n    [`${buttonType}--${variant}--disabled`, disabled],\n    children && icon && `${buttonType}--with-icon`,\n    !children && activeChildren && icon && `${buttonType}--with-icon`,\n    active && activeIcon && `${buttonType}--with-icon`,\n    className,\n  ]);\n\n  const iconClassName = classes([\n    'dropin-button-icon',\n    `dropin-button-icon--${variant}`,\n    [`dropin-button-icon--${variant}--disabled`, disabled],\n    icon?.props.className,\n  ]);\n\n  const attributes = href\n    ? {\n        node: <a />,\n        role: 'link',\n        href,\n        ...props,\n        disabled,\n        active,\n        onKeyDown: (event: KeyboardEvent) => {\n          if (disabled) {\n            event.preventDefault();\n          }\n        },\n        tabIndex: disabled ? -1 : 0,\n      }\n    : {\n        node: <button />,\n        role: 'button',\n        ...props,\n        value,\n        disabled,\n        active,\n      };\n\n  return (\n    <VComponent {...attributes} className={className}>\n      {icon && !active && <VComponent node={icon} className={iconClassName} />}\n\n      {activeIcon && active && (\n        <VComponent node={activeIcon} className={iconClassName} />\n      )}\n\n      {children &&\n        !active &&\n        (typeof children === 'string' ? <span>{children}</span> : children)}\n\n      {active &&\n        activeChildren &&\n        (typeof activeChildren === 'string' ? (\n          <span>{activeChildren}</span>\n        ) : (\n          activeChildren\n        ))}\n    </VComponent>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/Picker/Picker.css';\n\ntype PickerValue = string | null;\n\nexport interface PickerOption {\n  value: PickerValue;\n  text?: string;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  disabled?: boolean;\n}\n\nexport interface PickerProps\n  extends Omit<HTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'icon'> {\n  id?: string;\n  name?: string;\n  value?: PickerValue;\n  placeholder?: string;\n  variant?: 'primary' | 'secondary';\n  size?: 'medium' | 'large';\n  floatingLabel?: string;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  options?: PickerOption[];\n  defaultOption?: PickerOption;\n  disabled?: boolean;\n  error?: boolean;\n  handleSelect?: (event: Event) => void;\n}\n\nfunction findSelectedValue(\n  value?: PickerValue,\n  defaultOption?: PickerOption,\n  placeholder?: string,\n  floatingLabel?: string,\n  firstAvailableOption?: PickerOption\n) {\n  if (value) return value;\n  if (defaultOption) return defaultOption.value;\n  if (placeholder || floatingLabel) return '';\n  if (firstAvailableOption) return firstAvailableOption.value;\n  return null;\n}\n\nexport const Picker: FunctionComponent<PickerProps> = ({\n  name,\n  value = null,\n  options,\n  variant = 'primary',\n  floatingLabel,\n  size = 'medium',\n  handleSelect = () => {},\n  disabled = false,\n  error = false,\n  placeholder,\n  defaultOption,\n  icon,\n  className,\n  id,\n  ...props\n}) => {\n  const uniqueId = id ?? name ?? `dropin-picker-${Math.random().toString(36)}`;\n  const isRequired = !!props?.required;\n\n  // find the first option that is not disabled\n  const firstAvailableOption = options?.find((option) => !option.disabled);\n\n  const [selectedValue, setSelectedValue] = useState<PickerValue>(() => {\n    return findSelectedValue(\n      value,\n      defaultOption,\n      placeholder,\n      floatingLabel,\n      firstAvailableOption\n    );\n  });\n\n  useEffect(() => {\n    setSelectedValue(\n      findSelectedValue(\n        value,\n        defaultOption,\n        placeholder,\n        floatingLabel,\n        firstAvailableOption\n      )\n    );\n  }, [value, defaultOption, placeholder, floatingLabel, firstAvailableOption]);\n\n  const handleOptionClick = (event: Event) => {\n    const { options, value } = event.target as HTMLSelectElement;\n\n    for (const element of options) {\n      if (element.selected) {\n        setSelectedValue(value);\n        handleSelect(event);\n      }\n    }\n  };\n\n  const optionsListItems = options?.map((option) => {\n    const { value, text, disabled } = option;\n    const selected = value === selectedValue;\n\n    return (\n      <option\n        value={value as string}\n        key={value}\n        selected={selected}\n        disabled={disabled}\n        className={classes(['dropin-picker__option'])}\n      >\n        {text}\n      </option>\n    );\n  });\n\n  const isSelected = !!selectedValue;\n\n  const hasToDisplayPlaceholder = () => {\n    return (!isRequired || !isSelected) && (floatingLabel || placeholder);\n  };\n\n  return (\n    <div\n      className={classes([\n        className,\n        'dropin-picker',\n        `dropin-picker__${size}`,\n        ['dropin-picker__floating', !!floatingLabel],\n        ['dropin-picker__selected', isSelected],\n        ['dropin-picker__error', error],\n        ['dropin-picker__disabled', disabled],\n        ['dropin-picker__icon', icon],\n      ])}\n    >\n      {icon && (\n        // @ts-ignore\n        <icon.type\n          {...icon.props}\n          className={'dropin-picker__icon--placeholder'}\n        />\n      )}\n\n      <select\n        id={uniqueId}\n        className={classes([\n          'dropin-picker__select',\n          `dropin-picker__select--${variant}`,\n          `dropin-picker__select--${size}`,\n          ['dropin-picker__select--floating', !!floatingLabel],\n        ])}\n        name={name}\n        aria-label={name}\n        disabled={disabled}\n        onChange={handleOptionClick}\n        {...props}\n      >\n        {hasToDisplayPlaceholder() && (\n          <option\n            selected={!isSelected}\n            value={''}\n            key={value}\n            className={classes([\n              'dropin-picker__option dropin-picker__placeholder',\n            ])}\n          >\n            {floatingLabel ?? placeholder}\n          </option>\n        )}\n\n        {optionsListItems}\n      </select>\n\n      <Icon\n        source={ChevronDown}\n        size=\"24\"\n        stroke=\"2\"\n        className=\"dropin-picker__chevronDown\"\n      />\n\n      {floatingLabel && isSelected && (\n        <label\n          htmlFor={id}\n          className={classes(['dropin-picker__floatingLabel', !!floatingLabel])}\n        >\n          {floatingLabel}\n        </label>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport '@adobe-commerce/elsie/components/Field/Field.css';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface FieldProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  label?: string;\n  error?: string;\n  hint?: string;\n  success?: string;\n  disabled?: boolean;\n  children?: VNode;\n  size?: 'medium' | 'large';\n}\n\nexport const Field: FunctionComponent<FieldProps> = ({\n  className,\n  label,\n  error,\n  hint,\n  success,\n  size = 'medium',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const id =\n    children?.props?.id ?? `dropin-field-${Math.random().toString(36)}`;\n\n  let fieldContent: VNode | string | null = null;\n\n  if (children && typeof children !== 'string') {\n      fieldContent = (\n        <VComponent\n          node={children}\n          id={id}\n          key={children.key}\n          disabled={disabled}\n          size={size}\n          error={!!error}\n          success={!!success && !error}\n        />\n      );\n  }\n\n\n  return (\n    <div {...props} className={classes(['dropin-field', className])}>\n      {label && (\n        <label\n          className={classes([\n            'dropin-field__label',\n            ['dropin-field__label--disabled', disabled],\n            `dropin-field__label--${size}`,\n          ])}\n          htmlFor={id}\n        >\n          {label}\n        </label>\n      )}\n\n      <div className={classes(['dropin-field__content'])}>\n        {fieldContent}\n      </div>\n\n      <div\n        className={classes([\n          'dropin-field__hint',\n          [`dropin-field__hint--${size}`, size],\n          ['dropin-field__hint--error', !!error],\n          ['dropin-field__hint--success', !!success && !error],\n          ['dropin-field__hint--disabled', !!disabled],\n        ])}\n      >\n        {error || success || hint}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButton/ActionButton.css';\n\nexport interface ActionButtonProps\n  extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {\n  children?: ComponentChildren;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  active?: boolean;\n  disabled?: boolean;\n}\n\nexport const ActionButton: FunctionComponent<ActionButtonProps> = ({\n  icon,\n  className,\n  children,\n  active = false,\n  disabled = false,\n  ...props\n}) => {\n  return (\n    <button\n      role=\"button\"\n      disabled={disabled}\n      {...props}\n      className={classes([\n        'dropin-action-button',\n        ['dropin-action-button--active', active],\n        ['dropin-action-button--disabled', disabled],\n        className,\n      ])}\n    >\n      {icon && (\n        <VComponent\n          node={icon}\n          className={classes(['dropin-action-button-icon'])}\n        />\n      )}\n      {children &&\n        (typeof children === 'string' ? <span>{children}</span> : children)}\n    </button>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { useCallback, useState } from 'preact/hooks';\nimport { Children } from 'react';\nimport { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';\n\nexport interface ActionButtonGroupOption {\n  value: string | null;\n  text: string;\n  icon?: VNode<SVGElement>;\n  disabled?: boolean;\n}\n\nexport interface ActionButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: 'primary' | 'secondary';\n  activeOption?: string;\n  disabled?: boolean;\n  dividers?: boolean;\n  children: VNode<ActionButtonProps>[] | VNode<ActionButtonProps>;\n  handleSelect?(value: string): void;\n}\n\nexport const ActionButtonGroup: FunctionComponent<ActionButtonGroupProps> = ({\n  className,\n  variant = 'primary',\n  activeOption,\n  disabled = false,\n  dividers = true,\n  children,\n  handleSelect,\n  ...props\n}) => {\n  const [activeOptionState, setActiveOptionState] = useState(activeOption);\n\n  const handleClick = useCallback(\n    (option: any) => {\n      const isOptionDisabled = disabled || option.props.disabled;\n      if (!isOptionDisabled) {\n        setActiveOptionState(option.props.value);\n        if (handleSelect) {\n          handleSelect(option.props.value);\n        }\n      }\n    },\n    [handleSelect, setActiveOptionState, disabled]\n  );\n\n  const buttonGroupOptions = Children.map(\n    children,\n    (child: VNode<ActionButtonProps>) => {\n      const isOptionDisabled = disabled || child.props.disabled;\n      const isOptionActive = child.props.value === activeOptionState;\n      return cloneElement(child, {\n        disabled: isOptionDisabled,\n        active: isOptionActive,\n        onClick: () => handleClick(child),\n        className: classes([\n          'dropin-action-button-group__option',\n          `dropin-action-button-group__option--${variant}`,\n          ['dropin-action-button-group__option--active', isOptionActive],\n          ['dropin-action-button-group__option--with-dividers', dividers],\n        ]),\n      });\n    }\n  );\n\n  return (\n    <div\n      role=\"group\"\n      {...props}\n      className={classes([\n        'dropin-action-button-group',\n        `dropin-action-button-group--${variant}`,\n        className,\n      ])}\n    >\n      {buttonGroupOptions}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Card/Card.css';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: 'primary' | 'secondary';\n  children: ComponentChildren | ComponentChildren[];\n}\n\nexport const Card: FunctionComponent<CardProps> = ({\n  variant = 'primary',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-card', `dropin-card--${variant}`, className])}\n    >\n      <div class=\"dropin-card__content\">{children}</div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { ChangeEvent, HTMLAttributes, useRef, useState } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Check } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Checkbox/Checkbox.css';\nimport { useEffect } from 'preact/hooks';\n\nexport interface CheckboxProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n  name: string;\n  size?: 'medium' | 'large';\n  disabled?: boolean;\n  error?: boolean;\n  label?: string | VNode | VNode[];\n  description?: string | VNode | VNode[];\n}\n\nexport const Checkbox: FunctionComponent<CheckboxProps> = ({\n  name,\n  value,\n  size = 'medium',\n  disabled = false,\n  error = false,\n  label = '',\n  description = '',\n  className,\n  checked,\n  ...props\n}) => {\n  const [isChecked, setIsChecked] = useState(\n    checked === undefined ? false : checked\n  );\n  const ref = useRef<HTMLInputElement>(null);\n\n  const handleCheckboxChange = (e: ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    setIsChecked(e.currentTarget.checked);\n  };\n\n  const handleOnKeyDown = (e: KeyboardEvent) => {\n    if (e.key === ' ') {\n      e.preventDefault();\n      ref?.current?.click();\n    }\n  };\n\n  useEffect(() => {\n    if (typeof checked === 'boolean') {\n      setIsChecked(checked);\n    }\n  }, [checked]);\n\n  return (\n    <label\n      className={classes([\n        'dropin-checkbox',\n        ['dropin-checkbox--disabled', disabled],\n      ])}\n    >\n      <input\n        ref={ref}\n        name={name}\n        value={value}\n        type=\"checkbox\"\n        disabled={disabled}\n        className={classes([\n          'dropin-checkbox__checkbox',\n          ['dropin-checkbox__checkbox--error', error],\n          className,\n        ])}\n        {...props}\n        onChange={handleCheckboxChange}\n        checked={isChecked}\n      />\n\n      <div className=\"dropin-checkbox__checkbox-icon\">\n        {/*Zero-width space character, used to align checkbox properly*/}\n        {'\\u200B'}\n        <span\n          aria-checked={isChecked ? 'true' : 'false'}\n          aria-labelledby={`${name}-label`}\n          aria-describedby={description ? `${name}-description` : undefined}\n          className={classes([\n            'dropin-checkbox__box',\n            ['dropin-checkbox__box--error', error],\n            ['dropin-checkbox__box--disabled', disabled],\n          ])}\n          role=\"checkbox\"\n          tabIndex={disabled ? -1 : 0}\n          onKeyDown={handleOnKeyDown}\n        >\n          <Icon\n            className={classes(['dropin-checkbox__checkmark'])}\n            source={Check}\n            size=\"16\"\n            stroke=\"3\"\n          />\n        </span>\n      </div>\n\n      <div\n        id={`${name}-label`}\n        className={classes([\n          'dropin-checkbox__label',\n          `dropin-checkbox__label--${size}`,\n          ['dropin-checkbox__label--disabled', disabled],\n        ])}\n      >\n        {label}\n      </div>\n\n      <div />\n      {description && (\n        <div\n          id={`${name}-description`}\n          role={'note'}\n          className={classes([\n            'dropin-checkbox__description',\n            `dropin-checkbox__description--${size}`,\n            ['dropin-checkbox__description--disabled', disabled],\n          ])}\n        >\n          {description}\n        </div>\n      )}\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ColorSwatchProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {\n  name?: string;\n  label?: string;\n  groupAriaLabel?: string;\n  id?: string;\n  size?: 'medium' | 'large';\n  color?: string;\n  value?: string;\n  disabled?: boolean;\n  selected?: boolean;\n  outOfStock?: boolean;\n  multi?: boolean;\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n}\n\nexport const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({\n  className,\n  name,\n  value,\n  id,\n  label,\n  groupAriaLabel,\n  size = 'medium',\n  color,\n  disabled = false,\n  selected = false,\n  outOfStock = false,\n  multi = false,\n  onValue,\n  onUpdateError,\n  ...props\n}) => {\n  // i18n\n  const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n  const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n  const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n  const onValueHandler = useCallback(\n    async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    },\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    onValueHandler(input.value);\n  };\n\n  const isValidColor = (color: string) => {\n    const colorStyle = new Option().style;\n    colorStyle.color = color;\n    return colorStyle.color !== ''; // Returns true if the browser accepts this as a valid color\n  };\n\n  const defaultColor = 'var(--color-gray-300);';\n\n  const validColor = color && isValidColor(color) ? color : defaultColor;\n\n  const handleAriaLabel = () => {\n    if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n    if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n    return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n  };\n\n  return (\n    <label\n      className={classes([\n        'dropin-color-swatch__container',\n        `dropin-color-swatch__container--${size}`,\n        className,\n      ])}\n    >\n      <input\n        type={multi ? 'checkbox' : 'radio'}\n        name={name}\n        id={id}\n        value={value}\n        aria-label={handleAriaLabel()}\n        checked={selected}\n        disabled={disabled}\n        onChange={handleOnValue}\n        {...props}\n        className={classes([\n          'dropin-color-swatch',\n          ['dropin-color-swatch--selected', selected],\n          ['dropin-color-swatch--disabled', disabled],\n          className,\n        ])}\n      />\n      <span\n        style={{ '--bg-color': validColor }}\n        className={classes([\n          'dropin-color-swatch__span',\n          ['dropin-color-swatch__span--out-of-stock', outOfStock],\n          className,\n        ])}\n      />\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport {\n  HTMLAttributes,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/TextSwatch/TextSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface TextSwatchProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n  name?: string;\n  label: string;\n  groupAriaLabel?: string;\n  value?: string;\n  id: string;\n  disabled?: boolean;\n  selected?: boolean;\n  outOfStock?: boolean;\n  multi?: boolean;\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n}\n\nexport const TextSwatch: FunctionComponent<TextSwatchProps> = ({\n  className,\n  name,\n  value,\n  label,\n  groupAriaLabel,\n  id,\n  disabled = false,\n  selected = false,\n  outOfStock = false,\n  multi = false,\n  onValue,\n  onUpdateError,\n  ...props\n}) => {\n  // i18n\n  const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n  const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n  const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const spanRef = useRef<HTMLLabelElement>(null);\n\n  const onValueHandler = useCallback(\n    async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    },\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    onValueHandler(input.value);\n  };\n\n  const handleAriaLabel = () => {\n    if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n    if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n    return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n  };\n\n  useEffect(() => {\n    if (\n      spanRef.current &&\n      spanRef.current.scrollWidth > spanRef.current.clientWidth\n    ) {\n      setIsOverflowing(true);\n    }\n  }, [label]);\n\n  const uniqueId = useMemo(() => id ?? `${name}_${id}_${Math.random().toString(36)}`, [name, id]);\n\n  return (\n    <div\n      className=\"dropin-text-swatch__container\"\n      {...(isOverflowing ? { 'data-tooltip': label } : {})}\n    >\n      <input\n        type={multi ? 'checkbox' : 'radio'}\n        name={name}\n        id={uniqueId}\n        value={value}\n        aria-label={handleAriaLabel()}\n        checked={selected}\n        disabled={disabled}\n        onChange={handleOnValue}\n        {...props}\n        className={classes([\n          'dropin-text-swatch',\n          ['dropin-text-swatch--selected', selected],\n          ['dropin-text-swatch--disabled', disabled],\n          className,\n        ])}\n      />\n      <label\n        htmlFor={uniqueId}\n        ref={spanRef}\n        className={classes([\n          'dropin-text-swatch__label',\n          ['dropin-text-swatch__label--out-of-stock', outOfStock],\n          className,\n        ])}\n      >\n        {label}\n      </label>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/ProgressSpinner/ProgressSpinner.css';\n\n/**\n * @param size this is the size of the spinner ranging in [12px, 24px, 36px, 48px]\n * @param stroke this is the stroke of the spinner ranging in [1px, 2px, 3px, 4px]\n */\nexport interface ProgressSpinnerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  ariaLabel?: string;\n  size?: 'small' | 'medium' | 'big' | 'large';\n  stroke?: '1' | '2' | '3' | '4';\n}\n\nexport const ProgressSpinner: FunctionComponent<ProgressSpinnerProps> = ({\n  ariaLabel,\n  size = 'small',\n  stroke = '4',\n  children,\n  className,\n  style,\n  ...props\n}) => {\n  const commonClasses = [\n    'dropin-progress-spinner',\n    `dropin-progress-spinner--shape-size-${size}`,\n    `dropin-progress-spinner--shape-stroke-${stroke}`,\n  ];\n\n  const translations = useText({\n    updating: 'Dropin.ProgressSpinner.updating.label',\n    updatingChildren: 'Dropin.ProgressSpinner.updatingChildren.label',\n  });\n\n  const handleAriaLabel = () => {\n    if (ariaLabel) return ariaLabel;\n    return children ? translations.updatingChildren : translations.updating;\n  };\n\n  return children ? (\n    // if we provide children to this component, it should act as a provider in order to add background with low opacity\n    <div\n      {...props}\n      className={classes(['dropin-progress-spinner-provider'])}\n      aria-live=\"polite\"\n      role=\"status\"\n    >\n      <div aria-hidden={true}>{children}</div>\n      <div\n        aria-label={handleAriaLabel()}\n        role=\"status\"\n        className={classes(['dropin-progress-spinner-background', className])}\n        style={style}\n      />\n      <div\n        className={classes([\n          'dropin-progress-spinner-with-provider',\n          ...commonClasses,\n        ])}\n        aria-hidden={true}\n      />\n    </div>\n  ) : (\n    // if there are no children, it should be able to be standalone and have no background\n    <div\n      {...props}\n      className={classes([className, ...commonClasses])}\n      aria-live=\"polite\"\n      role=\"status\"\n      aria-label={handleAriaLabel()}\n    />\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useCallback, JSX, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch.css';\nimport { Image, ImageProps } from '@adobe-commerce/elsie/components/Image';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ImageNodeRenderProps extends ImageProps {\n  imageSwatchContext: {\n    disabled?: boolean;\n    outOfStock?: boolean;\n    multi?: boolean;\n    selected?: boolean;\n    value?: string;\n    label?: string;\n    groupAriaLabel?: string;\n    name?: string;\n    id?: string;\n  };\n}\n\nexport interface ImageSwatchProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n  name?: string;\n  label?: string;\n  groupAriaLabel?: string;\n  id?: string;\n  src: string;\n  alt?: string;\n  value?: string;\n  disabled?: boolean;\n  selected?: boolean;\n  outOfStock?: boolean;\n  multi?: boolean;\n  imageNode?: VNode | ((props: ImageNodeRenderProps) => JSX.Element);\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n}\n\nexport const ImageSwatch: FunctionComponent<ImageSwatchProps> = ({\n  className,\n  name,\n  value,\n  id,\n  label,\n  groupAriaLabel,\n  src,\n  alt,\n  disabled = false,\n  selected = false,\n  outOfStock = false,\n  multi = false,\n  imageNode,\n  onValue,\n  onUpdateError,\n  ...props\n}) => {\n  const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n  const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n  const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n  const onValueHandler = useCallback(\n    async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    },\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    onValueHandler(input.value);\n  };\n\n  const handleAriaLabel = () => {\n    if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n    if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n    return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n  };\n\n  const imageProps: ImageProps = useMemo(() => {\n    return {\n      src,\n      alt,\n      loading: 'lazy',\n      params: { width: 100, fit: 'bounds', crop: true },\n      onError: (e: any) => (e.target.style.display = 'none'),\n    };\n  }, [src, alt]);\n\n  return (\n    <label className={classes(['dropin-image-swatch__container', className])}>\n      <input\n        type={multi ? 'checkbox' : 'radio'}\n        name={name}\n        id={id}\n        value={value}\n        aria-label={handleAriaLabel()}\n        checked={selected}\n        disabled={disabled}\n        onChange={handleOnValue}\n        {...props}\n        className={classes([\n          'dropin-image-swatch',\n          ['dropin-image-swatch--selected', selected],\n          ['dropin-image-swatch--disabled', disabled],\n          className,\n        ])}\n      />\n\n      <span\n        className={classes([\n          'dropin-image-swatch__span',\n          ['dropin-image-swatch__span--out-of-stock', outOfStock],\n          className,\n        ])}\n      >\n        {typeof imageNode === 'function' ? (\n          imageNode({\n            ...imageProps,\n            imageSwatchContext: {\n              disabled,\n              outOfStock,\n              selected,\n              value,\n              label,\n              groupAriaLabel,\n              name,\n              id,\n            },\n          })\n        ) : imageNode || (\n          <Image\n            {...imageProps}\n            className={classes(['dropin-image-swatch__content'])}\n          />\n        )}\n      </span>\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState, useEffect } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Divider, Icon, IconNode } from '@adobe-commerce/elsie/components';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Accordion/Accordion.css';\nexport interface AccordionSectionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  defaultOpen?: boolean;\n  actionIconPosition?: 'left' | 'right';\n  ariaLabelTitle: string;\n  iconOpen?: IconNode;\n  iconClose?: IconNode;\n  iconLeft?: IconNode;\n  showIconLeft?: boolean;\n  secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n  renderContentWhenClosed?: boolean;\n  onStateChange?: (open: boolean) => void;\n}\n\nexport const AccordionSection: FunctionComponent<AccordionSectionProps> = ({\n  className,\n  children,\n  title,\n  ariaLabelTitle,\n  secondaryText,\n  actionIconPosition = 'left',\n  iconOpen = Add,\n  iconClose = Minus,\n  iconLeft = Add,\n  showIconLeft = false,\n  renderContentWhenClosed = true,\n  defaultOpen,\n  onStateChange,\n  ...props\n}) => {\n  const [open, setOpen] = useState<boolean>(false);\n  const onClickHandler = (e: { stopImmediatePropagation: () => void }) => {\n    e.stopImmediatePropagation();\n\n    const next = !open;\n    setOpen(next);\n    onStateChange?.(next);\n  };\n\n  useEffect(() => {\n    if (typeof defaultOpen !== 'undefined') {\n      setOpen(defaultOpen);\n    }\n  }, [defaultOpen]);\n\n  const buttonLabel = useText(\n    `Dropin.Accordion.${open ? 'close' : 'open'}.label`\n  ).label;\n\n  const openIcon = (\n    <Icon\n      source={iconOpen}\n      size=\"24\"\n      onClick={onClickHandler}\n      onKeyPress={onClickHandler}\n      className={'dropin-accordion-section__open-icon'}\n    />\n  );\n\n  const closeIcon = (\n    <Icon\n      source={iconClose}\n      size=\"24\"\n      onClick={onClickHandler}\n      onKeyPress={onClickHandler}\n      className={'dropin-accordion-section__close-icon'}\n    />\n  );\n\n  const leftIcon = <Icon source={iconLeft} size=\"24\" />;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-accordion-section', className])}\n    >\n      <div className={'dropin-accordion-section__heading'}>\n        <div\n          className={'dropin-accordion-section__flex'}\n          onClick={onClickHandler}\n          onKeyPress={onClickHandler}\n          role=\"button\"\n          aria-label={`${buttonLabel} ${ariaLabelTitle ?? title}`}\n          tabIndex={0}\n        >\n          <div className={'dropin-accordion-section__title-container'}>\n            {actionIconPosition === 'left' && (open ? closeIcon : openIcon)}\n\n            {showIconLeft && leftIcon}\n\n            <h3 className={'dropin-accordion-section__title'}>{title}</h3>\n          </div>\n        </div>\n\n        <div className={'dropin-accordion-section__secondary-text-container'}>\n          {secondaryText && (\n            <h4 className={'dropin-accordion-section__secondary-text'}>\n              {secondaryText}\n            </h4>\n          )}\n\n          {actionIconPosition === 'right' && (open ? closeIcon : openIcon)}\n        </div>\n      </div>\n\n      <div\n        className={'dropin-accordion-section__content-container'}\n        style={{ display: open ? 'grid' : 'none' }}\n      >\n        {(open || (renderContentWhenClosed && !open)) && children}\n      </div>\n    </div>\n  );\n};\n\nexport interface AccordionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  actionIconPosition?: 'left' | 'right';\n  iconOpen?: IconNode;\n  iconClose?: IconNode;\n  iconLeft?: IconNode;\n  showIconLeft?: boolean;\n  secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n  children: VNode<AccordionSectionProps>[] | VNode<AccordionSectionProps>;\n}\n\nexport const Accordion: FunctionComponent<AccordionProps> = ({\n  className,\n  children,\n  actionIconPosition = 'left',\n  iconOpen = Add,\n  iconClose = Minus,\n  ...props\n}) => {\n  const divider = <Divider variant=\"secondary\" />;\n\n  const renderAccordionSection = (child: VNode<AccordionSectionProps>) => (\n    <>\n      <AccordionSection\n        {...child.props}\n        actionIconPosition={actionIconPosition}\n        iconOpen={iconOpen}\n        iconClose={iconClose}\n      />\n      {divider}\n    </>\n  );\n\n  return (\n    <div {...props} className={classes(['dropin-accordion', className])}>\n      {[\n        divider,\n        ...(\n          (Array.isArray(children)\n            ? children\n            : [children]) as VNode<AccordionSectionProps>[]\n        ).map(renderAccordionSection),\n      ]}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InLineAlert/InLineAlert.css';\nexport interface InLineAlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  variant?: 'primary' | 'secondary';\n  heading: string;\n  description?: string;\n  type?: 'error' | 'warning' | 'success';\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  additionalActions?: Array<{\n    label: string;\n    onClick: (event: Event) => void;\n  }>;\n  onDismiss?: (event: Event) => void;\n  itemList?: VNode;\n  actionButtonPosition?: 'top' | 'bottom';\n}\n\nexport const InLineAlert: FunctionComponent<InLineAlertProps> = ({\n  variant = 'primary',\n  className,\n  type = 'warning',\n  additionalActions,\n  onDismiss,\n  heading,\n  description,\n  icon,\n  itemList,\n  actionButtonPosition,\n  ...props\n}) => {\n  const translations = useText({\n    dismiss: 'Dropin.InlineAlert.dismissLabel',\n  });\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-in-line-alert',\n        `dropin-in-line-alert--${type}`,\n        `dropin-in-line-alert--${variant}`,\n        className,\n      ])}\n    >\n      <div className={'dropin-in-line-alert__heading'}>\n        <div className={'dropin-in-line-alert__title-container'}>\n          {icon && (\n            <VComponent node={icon} className={'dropin-in-line-alert__icon'} />\n          )}\n\n          <span className={'dropin-in-line-alert__title'}>{heading}</span>\n        </div>\n\n        <div className={'dropin-in-line-alert__actions-container'}>\n          {additionalActions &&\n            (actionButtonPosition === 'top' ||\n              (!actionButtonPosition && additionalActions.length <= 1)) && (\n              <Button\n                variant=\"tertiary\"\n                className={'dropin-in-line-alert__additional-action'}\n                onClick={\n                  additionalActions.length > 0\n                    ? additionalActions[0]?.onClick\n                    : undefined\n                }\n                aria-label={additionalActions[0]?.label}\n              >\n                {additionalActions[0]?.label}\n              </Button>\n            )}\n          {onDismiss && (\n            <Button\n              icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n              className={'dropin-in-line-alert__dismiss-button'}\n              variant=\"tertiary\"\n              onClick={onDismiss}\n              aria-label={translations.dismiss}\n            />\n          )}\n        </div>\n      </div>\n\n      {description && (\n        <p className={'dropin-in-line-alert__description'}>{description}</p>\n      )}\n      <div className={'dropin-in-line-alert__item-list-container'}>\n        {itemList && (\n          <VComponent\n            node={itemList}\n            className={classes(['dropin-in-line-alert__item-list'])}\n          />\n        )}\n      </div>\n      {additionalActions &&\n        (actionButtonPosition === 'bottom' ||\n          (!actionButtonPosition && additionalActions.length > 1)) && (\n          <div className={'dropin-in-line-alert__additional-actions-container'}>\n            {additionalActions.map((action) => (\n              <Button\n                key={action.label}\n                variant=\"tertiary\"\n                className={'dropin-in-line-alert__additional-action'}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren } from 'preact';\nimport { FunctionComponent, useLayoutEffect, useRef } from 'preact/compat';\n\ninterface PortalProps {\n  children: ComponentChildren;\n}\n\nexport const Portal: FunctionComponent<PortalProps> = ({ children }) => {\n  const portalRoot = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  useLayoutEffect(() => {\n    // Create portal root if it doesn't exist\n    if (!portalRoot.current) {\n      portalRoot.current = document.createElement('div');\n      portalRoot.current.setAttribute('data-portal-root', '');\n      document.body.appendChild(portalRoot.current);\n    }\n\n    // Move content to portal root\n    if (contentRef.current && portalRoot.current) {\n      portalRoot.current.appendChild(contentRef.current);\n    }\n\n    // Cleanup\n    return () => {\n      if (portalRoot.current) {\n        portalRoot.current.remove();\n        portalRoot.current = null;\n      }\n    };\n  }, []);\n\n  // Return a div that contains the children\n  return (\n    <div ref={contentRef} className=\"dropin-design\">\n      {children}\n    </div>\n  );\n}; ","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport {\n  FunctionComponent,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n} from 'preact/compat';\nimport { Button } from '../Button';\nimport { Close as CloseSVG } from '@adobe-commerce/elsie/icons';\nimport { VNode } from 'preact';\nimport { Portal } from '../Portal/Portal';\n\nimport '@adobe-commerce/elsie/components/Modal/Modal.css';\n\nexport interface ModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size' | 'title'> {\n  size?: 'small' | 'medium' | 'full';\n  title?: VNode;\n  centered?: boolean;\n  onClose?: () => void;\n  backgroundDim?: boolean;\n  clickToDismiss?: boolean;\n  escapeToDismiss?: boolean;\n  showCloseButton?: boolean;\n}\n\nexport const Modal: FunctionComponent<ModalProps> = ({\n  size = 'small',\n  title = null,\n  centered = false,\n  backgroundDim = true,\n  clickToDismiss = true,\n  escapeToDismiss = true,\n  onClose,\n  showCloseButton = true,\n  className,\n  children = null,\n  ...props\n}) => {\n  const handleOnClose = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const translations = useText({\n    modalCloseLabel: 'Dropin.Modal.Close.label',\n  });\n\n  // Close on background click\n  useEffect(() => {\n    const handleOutsideClick = (event: MouseEvent) => {\n      const modal = document.querySelector('.dropin-modal');\n      const modalBody = document.querySelector('.dropin-modal__body');\n\n      if (\n        clickToDismiss &&\n        modal &&\n        modalBody &&\n        !modalBody.contains(event.target as Node)\n      ) {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleOutsideClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [handleOnClose, clickToDismiss]);\n\n  // Close on ESC\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && escapeToDismiss) {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [handleOnClose, escapeToDismiss]);\n\n  // Prevent document scrolling\n  useEffect(() => {\n    const scrollingElement = document.scrollingElement as HTMLElement;\n\n    const defaultOverflowValue = scrollingElement.style.overflow;\n\n    scrollingElement.style.overflow = 'hidden';\n\n    return () => {\n      scrollingElement.style.overflow = defaultOverflowValue;\n    };\n  }, []);\n\n  return (\n    <Portal>\n      <div\n        className={classes([\n          'dropin-modal',\n          ['dropin-modal--dim', backgroundDim],\n        ])}\n      >\n        <div\n          {...props}\n          className={classes([\n            'dropin-modal__body',\n            [`dropin-modal__body--${size}`, size],\n            className,\n          ])}\n        >\n          <div\n            className={classes([\n              'dropin-modal__header',\n              ['dropin-modal__header-title', !!title],\n            ])}\n          >\n            {title && (\n              <div className={classes(['dropin-modal__header-title-content'])}>\n                {title}\n              </div>\n            )}\n\n            {showCloseButton && (\n              <Button\n                aria-label={translations.modalCloseLabel}\n                variant=\"tertiary\"\n                className=\"dropin-modal__header-close-button\"\n                onClick={handleOnClose}\n                icon={<CloseSVG />}\n              />\n            )}\n          </div>\n\n          <div\n            className={classes([\n              'dropin-modal__content',\n              ['dropin-modal__body--centered', centered],\n            ])}\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    </Portal>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useContext } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Button,\n  CartItemSkeleton,\n  Icon,\n  Incrementer,\n  UIContext,\n  ProgressSpinner,\n  Picker,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Trash } from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/CartItem/CartItem.css';\n\nexport interface CartItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {\n  ariaLabel?: string;\n  image?: VNode;\n  title?: VNode;\n  price?: VNode;\n  taxIncluded?: boolean;\n  taxExcluded?: boolean;\n  total?: VNode;\n  totalExcludingTax?: VNode;\n  sku?: VNode;\n  quantity?: number;\n  quantityContent?: VNode;\n  description?: VNode;\n  attributes?: VNode;\n  footer?: VNode;\n  configurations?: { [key: string]: any };\n  warning?: VNode;\n  alert?: VNode;\n  discount?: VNode;\n  savings?: VNode;\n  actions?: VNode;\n  removeContent?: VNode;\n  loading?: boolean;\n  updating?: boolean;\n  onRemove?: () => void;\n  onQuantity?: (value: number) => void;\n  quantityType?: 'stepper' | 'dropdown';\n  dropdownOptions?: { value: string; text: string }[];\n}\n\nexport const CartItem: FunctionComponent<CartItemProps> = ({\n  className,\n  children,\n  ariaLabel,\n  image,\n  title,\n  price,\n  taxIncluded = false,\n  taxExcluded = false,\n  total,\n  totalExcludingTax,\n  sku,\n  configurations,\n  warning,\n  alert,\n  discount,\n  savings,\n  actions,\n  removeContent,\n  quantity,\n  quantityContent,\n  description,\n  attributes,\n  footer,\n  loading = false,\n  updating = false,\n  quantityType,\n  dropdownOptions,\n  onQuantity,\n  onRemove,\n  ...props\n}) => {\n  const { locale } = useContext(UIContext);\n\n  const labels = useText({\n    each: 'Dropin.CartItem.each.label',\n    pricePerItem: 'Dropin.CartItem.pricePerItem.label',\n    quantity: 'Dropin.CartItem.quantity.label',\n    remove: 'Dropin.CartItem.remove.label',\n    removeDefault: 'Dropin.CartItem.removeDefault.label',\n    taxIncluded: 'Dropin.CartItem.taxIncluded.label',\n    taxExcluded: 'Dropin.CartItem.taxExcluded.label',\n    updating: 'Dropin.CartItem.updating.label',\n    updatingDefault: 'Dropin.ProgressSpinner.updating.label',\n  });\n\n  if (loading) return <CartItemSkeleton />;\n\n  const quantityComponent =\n    quantityType === 'dropdown' ? (\n      <Picker\n        className={classes(['dropin-cart-item__quantity__picker'])}\n        value={String(quantity)}\n        name=\"quantity\"\n        aria-label={labels.quantity}\n        disabled={updating}\n        variant={'primary'}\n        options={dropdownOptions}\n        handleSelect={(event) =>\n          onQuantity?.(Number((event.target as HTMLSelectElement).value))\n        }\n      />\n    ) : (\n      <Incrementer\n        className={classes(['dropin-cart-item__quantity__incrementer'])}\n        value={quantity}\n        min={1}\n        onValue={(value) => onQuantity?.(Number(value))}\n        name=\"quantity\"\n        aria-label={labels.quantity}\n        disabled={updating}\n      />\n    );\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-cart-item',\n        ['dropin-cart-item--updating', updating],\n        className,\n      ])}\n    >\n      {updating && (\n        <ProgressSpinner\n          className={classes(['dropin-cart-item__spinner'])}\n          ariaLabel={\n            ariaLabel\n              ? labels.updating?.replace('{product}', ariaLabel)\n              : labels.updatingDefault\n          }\n        />\n      )}\n      <div className=\"dropin-cart-item__wrapper\">\n        {\n          /* Image */\n          image && (\n            <VComponent\n              node={image}\n              className={classes(['dropin-cart-item__image'])}\n            />\n          )\n        }\n\n        {\n          /* Title */\n          title && (\n            <VComponent\n              node={title}\n              className={classes([\n                'dropin-cart-item__title',\n                ['dropin-cart-item__title--edit', !!onQuantity || !!onRemove],\n              ])}\n            />\n          )\n        }\n\n        {\n          /* Description */\n          description && (\n            <VComponent\n              node={description}\n              className={classes(['dropin-cart-item__description'])}\n            />\n          )\n        }\n\n        {\n          /* SKU */\n          sku && (\n            <VComponent\n              node={sku}\n              className={classes(['dropin-cart-item__sku'])}\n            />\n          )\n        }\n        <div className={classes(['dropin-cart-item__savings__wrapper'])}>\n          {/* Discount amount */}\n          {discount && (\n            <VComponent\n              node={discount}\n              className={classes([\n                'dropin-cart-item__discount',\n                'dropin-cart-item__discount__large-screen',\n              ])}\n            />\n          )}\n\n          {/* Savings amount */}\n          {savings && (\n            <VComponent\n              node={savings}\n              className={classes([\n                'dropin-cart-item__savings',\n                'dropin-cart-item__savings__large-screen',\n              ])}\n            />\n          )}\n        </div>\n\n        {/* Product Attributes */}\n        {attributes && (\n          <div className={classes(['dropin-cart-item__attributes'])}>\n            <VComponent node={attributes} />\n          </div>\n        )}\n\n        {\n          /* Configurations */\n          configurations && (\n            <ul className={classes(['dropin-cart-item__configurations'])}>\n              {Object.entries(configurations).map(([key, value]) => (\n                <li\n                  key={key}\n                  className={classes([\n                    'dropin-cart-item__configurations__item',\n                  ])}\n                >\n                  {key}:{' '}\n                  <strong\n                    className={classes([\n                      'dropin-cart-item__configurations__item__value',\n                    ])}\n                  >\n                    {value}\n                  </strong>\n                </li>\n              ))}\n            </ul>\n          )\n        }\n\n        {\n          /* Price */\n          price && (\n            <span\n              className={classes(['dropin-cart-item__price'])}\n              aria-label={labels.pricePerItem}\n            >\n              {quantity && !onQuantity && (\n                <>\n                  <span\n                    className=\"dropin-cart-item__price__quantity\"\n                    aria-hidden={true}\n                  >\n                    {quantity.toLocaleString(locale)} x{' '}\n                  </span>\n\n                  <div className=\"dropin-cart-item__sr-only\">\n                    {labels.quantity}: {quantity?.toLocaleString(locale)};\n                  </div>\n                </>\n              )}\n\n              <VComponent node={price} role=\"text\" />\n\n              {quantity && quantity > 1 && (\n                <>\n                  &nbsp;\n                  {labels.each}\n                </>\n              )}\n\n              {taxIncluded && (\n                <span\n                  data-testid=\"tax-message\"\n                  className=\"dropin-cart-item__price-tax-message\"\n                >\n                  &nbsp;\n                  {labels.taxIncluded}\n                </span>\n              )}\n\n              {taxExcluded && (\n                <span\n                  data-testid=\"tax-message\"\n                  className=\"dropin-cart-item__price-tax-message\"\n                >\n                  &nbsp;\n                  {labels.taxExcluded}\n                </span>\n              )}\n            </span>\n          )\n        }\n\n        {/* Quantity */}\n        <div\n          className={classes([\n            'dropin-cart-item__quantity',\n            ['dropin-cart-item__quantity--edit', !!onQuantity],\n          ])}\n        >\n          {quantityContent ? (\n            <VComponent node={quantityContent} />\n          ) : onQuantity ? (\n            quantityComponent\n          ) : (\n            quantity && (\n              <span className={classes(['dropin-cart-item__quantity__value'])}>\n                {labels.quantity}:{' '}\n                <strong className=\"dropin-cart-item__quantity__number\">\n                  {Number(quantity).toLocaleString(locale)}\n                </strong>\n              </span>\n            )\n          )}\n\n          {/* Warning */}\n          {warning && (\n            <VComponent\n              node={warning}\n              className={classes([\n                'dropin-cart-item__warning',\n                'dropin-cart-item__warning--quantity',\n              ])}\n            />\n          )}\n\n          {/* Alert */}\n          {alert && (\n            <VComponent\n              node={alert}\n              className={classes([\n                'dropin-cart-item__alert',\n                'dropin-cart-item__alert--quantity',\n              ])}\n            />\n          )}\n        </div>\n\n        {/* Actions */}\n        {actions && (\n          <div className={classes(['dropin-cart-item__actions'])}>\n            {\n              <VComponent\n                node={actions}\n                className={classes(['dropin-cart-item__buttons'])}\n              />\n            }\n          </div>\n        )}\n\n        {/* Warning */}\n        {warning && (\n          <VComponent\n            node={warning}\n            className={classes(['dropin-cart-item__warning'])}\n          />\n        )}\n\n        {/* Alert */}\n        {alert && (\n          <VComponent\n            node={alert}\n            className={classes(['dropin-cart-item__alert'])}\n          />\n        )}\n\n        {/* Total */}\n        <div\n          className={classes([\n            'dropin-cart-item__total',\n            ['dropin-cart-item__total--edit', !!onRemove],\n          ])}\n        >\n          <div className=\"dropin-cart-item__row-total__wrapper\">\n            {\n              /* Total */\n              total && (\n                <div className=\"dropin-cart-item__row-total\">\n                  <VComponent node={total} role=\"text\" />\n                </div>\n              )\n            }\n\n            {taxIncluded && (\n              <div className=\"dropin-cart-item__total-tax-included\">\n                <span\n                  data-testid=\"tax-message\"\n                  className={classes(['dropin-cart-item__total-tax-message'])}\n                >\n                  {labels.taxIncluded}\n                </span>\n              </div>\n            )}\n          </div>\n          {taxExcluded && (\n            <div className=\"dropin-cart-item__total-tax-excluded\">\n              <span\n                data-testid=\"tax-message\"\n                className={classes([\n                  'dropin-cart-item__total-tax-excluded-message',\n                ])}\n              >\n                {totalExcludingTax && (\n                  <VComponent node={totalExcludingTax} role=\"text\" />\n                )}\n                &nbsp;\n                {labels.taxExcluded}\n              </span>\n            </div>\n          )}\n\n          {/* Discount amount */}\n          {discount && (\n            <VComponent\n              node={discount}\n              className={classes(['dropin-cart-item__discount'])}\n            />\n          )}\n\n          {/* Savings amount */}\n          {savings && (\n            <VComponent\n              node={savings}\n              className={classes(['dropin-cart-item__savings'])}\n            />\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <VComponent\n            node={footer}\n            className={classes(['dropin-cart-item__footer'])}\n          />\n        )}\n      </div>\n\n      {/* Remove Item */}\n      {removeContent ? (\n        <VComponent node={removeContent} />\n      ) : onRemove ? (\n        <Button\n          data-testid=\"cart-item-remove-button\"\n          className={classes(['dropin-cart-item__remove'])}\n          variant=\"tertiary\"\n          onClick={() => onRemove?.()}\n          icon={\n            <Icon\n              data-testid=\"cart-item-remove-icon\"\n              source={Trash}\n              size=\"24\"\n              stroke=\"2\"\n              viewBox=\"0 0 24 24\"\n              aria-label={\n                ariaLabel\n                  ? labels.remove?.replace('{product}', ariaLabel)\n                  : labels.removeDefault\n              }\n            />\n          }\n          disabled={updating}\n        />\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport const CartItemSkeleton: FunctionComponent = () => {\n  return (\n    <div className=\"dropin-cart-item dropin-cart-item-skeleton\">\n      <Skeleton className=\"dropin-cart-item__skeleton dropin-cart-item__wrapper\">\n        <div className=\"dropin-cart-item__image\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__title\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__sku\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__price\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__quantity\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__total\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n      </Skeleton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, Children } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/CartList/CartList.css';\n\nexport interface CartListProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const CartList: FunctionComponent<CartListProps> = ({\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <div {...props} className={classes(['dropin-cart-list', className])}>\n      <div\n        className=\"dropin-cart-list__wrapper\"\n        aria-live=\"assertive\"\n        aria-relevant=\"all\"\n      >\n        {Children.map(children, (child, key) => {\n          return (\n            <div key={key} className=\"dropin-cart-list__item\">\n              {child}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/PriceRange/PriceRange.css';\nimport { Price } from '@adobe-commerce/elsie/components/Price';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface PriceRangeProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  locale?: string;\n  currency?: string;\n  amount?: number; // simple product\n  variant?: 'default' | 'strikethrough';\n  minimumAmount?: number; // configurable product\n  maximumAmount?: number; // configurable product\n  display?: 'dash' | 'from to' | 'as low as';\n  size?: 'small' | 'medium' | 'large';\n  specialPrice?: number;\n  sale?: boolean;\n}\n\nexport const PriceRange: FunctionComponent<PriceRangeProps> = ({\n  className,\n  children,\n  locale,\n  currency,\n  amount,\n  variant = 'default',\n  minimumAmount,\n  maximumAmount,\n  size = 'small',\n  display = 'dash',\n  specialPrice,\n  sale = false,\n  ...props\n}) => {\n  const isSimpleProduct = useMemo(\n    () =>\n      amount ||\n      minimumAmount === maximumAmount ||\n      (minimumAmount && !maximumAmount) ||\n      (maximumAmount && !minimumAmount),\n    [amount, maximumAmount, minimumAmount]\n  );\n\n  return (\n    <div>\n      {/* Simple product price or when configurable product minimum price equals to maximum price */}\n      {isSimpleProduct ? (\n        <div {...props} className={classes(['dropin-price-range', className])}>\n          <Price\n            amount={amount ?? minimumAmount ?? maximumAmount}\n            currency={currency}\n            locale={locale}\n            size={size}\n            variant={variant}\n            sale={sale}\n          />\n        </div>\n      ) : (\n        <div {...props} className={classes(['dropin-price-range', className])}>\n          {display === 'dash' ? (\n            <Dashed\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n\n          {display === 'from to' ? (\n            <FromTo\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n\n          {display === 'as low as' ? (\n            <SpecialPrice\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// Variations\n\nfunction Dashed({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  return (\n    <>\n      <Price\n        amount={specialPrice ?? minimumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n        sale={!!specialPrice && sale}\n      />\n      <span className=\"dropin-price-range__separator\">-</span>\n      <Price\n        amount={maximumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n      />\n    </>\n  );\n}\n\nfunction FromTo({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  // Translations\n  const translations = useText({\n    from: 'Dropin.PriceRange.from.label',\n    to: 'Dropin.PriceRange.to.label',\n    asLowAs: 'Dropin.PriceRange.asLowAs.label',\n  });\n\n  return (\n    <>\n      <span\n        className={classes([\n          'dropin-price-range__from',\n          `dropin-price-range__from--${size}`,\n        ])}\n      >\n        {translations.from}\n      </span>\n      <Price\n        amount={specialPrice ?? minimumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n        sale={!!specialPrice && sale}\n      />\n      <span\n        className={classes([\n          'dropin-price-range__to',\n          `dropin-price-range__to--${size}`,\n        ])}\n      >\n        {translations.to}\n      </span>\n      <Price\n        amount={maximumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n      />\n    </>\n  );\n}\n\nfunction SpecialPrice({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  // Translations\n  const translations = useText({\n    from: 'Dropin.PriceRange.from.label',\n    to: 'Dropin.PriceRange.to.label',\n    asLowAs: 'Dropin.PriceRange.asLowAs.label',\n  });\n\n  return (\n    <>\n      <span\n        className={classes([\n          'dropin-price-range__as-low-as',\n          `dropin-price-range__as-low-as--${size}`,\n        ])}\n      >\n        {translations.asLowAs}\n      </span>\n      {specialPrice ? (\n        <div>\n          <Price\n            amount={maximumAmount}\n            currency={currency}\n            locale={locale}\n            size={size}\n            variant=\"strikethrough\"\n          />\n          <Price\n            amount={specialPrice}\n            currency={currency}\n            locale={locale}\n            size={size}\n            className=\"dropin-price-range__special\"\n            sale={!!specialPrice && sale}\n          />\n        </div>\n      ) : (\n        <Price\n          amount={minimumAmount}\n          currency={currency}\n          locale={locale}\n          size={size}\n        />\n      )}\n    </>\n  );\n}\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes } from 'preact/compat';\nimport { FunctionComponent, VNode } from 'preact';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs.css';\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  categories: VNode[];\n  separator?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({\n  className,\n  categories,\n  separator,\n  ...props\n}) => {\n  return (\n    <>\n      {categories?.length > 1 && (\n        <nav\n          role=\"navigation\"\n          {...props}\n          className={classes(['dropin-breadcrumbs__container', className])}\n        >\n          <ul className=\"dropin-breadcrumbs__items\">\n            {categories?.map((category: VNode, index: number) => {\n              return (\n                <li\n                  key={index}\n                  className={classes([\n                    'dropin-breadcrumbs__item',\n                    [\n                      'dropin-breadcrumbs__item--last',\n                      index === categories.length - 1,\n                    ],\n                  ])}\n                >\n                  <VComponent\n                    node={category}\n                    className=\"dropin-breadcrumbs__link\"\n                  />\n                  {!separator && index !== categories.length - 1 && (\n                    <span className=\"dropin-breadcrumbs__separator--default\">\n                      {' '}\n                      /{' '}\n                    </span>\n                  )}\n                  {separator && index !== categories.length - 1 && (\n                    <VComponent\n                      node={separator}\n                      className=\"dropin-breadcrumbs__separator--icon\"\n                    />\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      )}\n    </>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/AlertBanner/AlertBanner.css';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface AlertBannerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n  variant: 'brand' | 'neutral' | 'success' | 'warning';\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  message: VNode;\n  onDismiss: () => void;\n  action?: {\n    label: string;\n    onClick: (event: Event) => void;\n  };\n}\n\nexport const AlertBanner: FunctionComponent<AlertBannerProps> = ({\n  className,\n  variant,\n  icon,\n  message,\n  onDismiss,\n  action,\n  ...props\n}) => {\n  const translations = useText({\n    dismiss: 'Dropin.InlineAlert.dismissLabel',\n  });\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        className,\n        'dropin-alert-banner',\n        `dropin-alert-banner--${variant}`,\n      ])}\n    >\n      <div className={'dropin-alert-banner__content'}>\n        {icon && (\n          <VComponent\n            node={icon}\n            aria-hidden=\"true\"\n            className={'dropin-alert-banner__icon'}\n          />\n        )}\n\n        {/* Message */}\n        <VComponent\n          node={message}\n          className={classes(['dropin-alert-banner__message'])}\n        />\n      </div>\n\n      <div className={'dropin-alert-banner__actions'}>\n        {action && (\n          <Button\n            variant=\"tertiary\"\n            className={'dropin-alert-banner__action'}\n            onClick={action.onClick}\n            aria-label={action.label}\n          >\n            {action.label}\n          </Button>\n        )}\n\n        <Button\n          icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n          className=\"dropin-alert-banner__dismiss-button\"\n          variant=\"primary\"\n          onClick={onDismiss}\n          aria-label={translations.dismiss}\n        />\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, JSX } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage.css';\nimport { Card } from '@adobe-commerce/elsie/components';\n\nexport interface IllustratedMessageProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  heading?: string;\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  message?: VNode<HTMLAttributes<HTMLElement>>;\n  action?: VNode;\n  variant?: 'primary' | 'secondary';\n}\n\nexport const IllustratedMessage: FunctionComponent<IllustratedMessageProps> = ({\n  className,\n  icon,\n  heading,\n  headingLevel = 2,\n  message,\n  action,\n  variant = 'secondary',\n  ...props\n}) => {\n  const Heading =\n    headingLevel >= 1 && headingLevel <= 6\n      ? (`h${headingLevel}` as keyof JSX.IntrinsicElements)\n      : 'h2';\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-illustrated-message', className])}\n    >\n      <Card variant={variant}>\n        {icon && (\n          <VComponent\n            node={icon}\n            aria-hidden=\"true\"\n            size=\"80\"\n            className=\"dropin-illustrated-message__icon\"\n          />\n        )}\n\n        {heading && (\n          <Heading className=\"dropin-illustrated-message__heading\">\n            {heading}\n          </Heading>\n        )}\n\n        {message && (\n          <VComponent\n            node={message}\n            className=\"dropin-illustrated-message__message\"\n          />\n        )}\n\n        {action && (\n          <VComponent\n            node={action}\n            className=\"dropin-illustrated-message__action\"\n          />\n        )}\n      </Card>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ToggleButton/ToggleButton.css';\nimport { RadioButton } from '@adobe-commerce/elsie/components';\n\nexport interface ToggleButtonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon' | 'label'> {\n  label: string | VNode<HTMLAttributes<HTMLElement>>;\n  name: string;\n  value: string;\n  busy?: boolean;\n  disabled?: boolean;\n  icon?:\n    | VNode<HTMLAttributes<SVGSVGElement>>\n    | VNode<HTMLAttributes<HTMLImageElement>>;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n}\n\nexport const ToggleButton: FunctionComponent<ToggleButtonProps> = ({\n  label,\n  name,\n  value,\n  busy = false,\n  disabled = false,\n  children,\n  className,\n  icon,\n  onChange,\n  selected = true,\n  ...props\n}) => {\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-toggle-button',\n        className,\n        ['dropin-toggle-button__selected', selected],\n        ['dropin-toggle-button__disabled', disabled],\n      ])}\n    >\n      <label className=\"dropin-toggle-button__actionButton\">\n        <RadioButton\n          label=\"\"\n          name={name}\n          value={value}\n          checked={selected}\n          disabled={disabled}\n          onChange={() => onChange && onChange(value)}\n          aria-label={name}\n          busy={busy}\n          className={classes([className, 'dropin-toggle-button__radioButton'])}\n        />\n\n        <span className=\"dropin-toggle-button__content\">\n          {icon && (\n            // @ts-ignore\n            <icon.type\n              {...icon?.props}\n              className=\"dropin-toggle-button__icon\"\n            />\n          )}\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Divider } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/Header/Header.css';\n\nexport interface HeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  title: string;\n  size?: 'medium' | 'large';\n  divider?: boolean;\n  cta?: VNode;\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst Heading = ({\n  level,\n  className,\n  children,\n}: {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  className?: string;\n  children?: ComponentChildren;\n}) => {\n  const HeadingTag = level && level >= 1 && level <= 6\n    ? `h${level}` as keyof JSX.IntrinsicElements\n    : 'span';\n\n  return <HeadingTag className={className}>{children as any}</HeadingTag>;\n};\n\nexport const Header: FunctionComponent<HeaderProps> = ({\n  title = null,\n  size = 'medium',\n  cta,\n  divider = true,\n  className,\n  level,\n  ...props\n}) => {\n  if (!title) return null;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-header-container', className])}\n      data-testid=\"dropin-header-container\"\n    >\n      <Heading\n        className={classes([\n          'dropin-header-container__title',\n          ['dropin-header-container__title--medium', size === 'medium'],\n          ['dropin-header-container__title--large', size === 'large'],\n        ])}\n        level={level}\n      >\n        {title}\n      </Heading>\n      {cta ? (\n        <VComponent node={cta} className=\"dropin-header-container__actions\" />\n      ) : null}\n      {divider ? (\n        <Divider\n          className={classes([\n            'dropin-header-container__divider',\n            ['dropin-header-container__divider--medium', size === 'medium'],\n            ['dropin-header-container__divider--large', size === 'large'],\n          ])}\n        />\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/Tag/Tag.css';\n\nexport interface TagProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {\n  label?: string;\n  children?: VNode | VNode[];\n}\n\nexport const Tag: FunctionComponent<TagProps> = ({\n  label,\n  className,\n  children,\n  ...props\n}) => {\n  if (!label && !children) return null;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-tag-container', className])}\n      data-testid=\"dropin-tag-container\"\n    >\n      {children ?? <span className=\"dropin-tag-container__label\">{label}</span>}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ContentGrid/ContentGrid.css';\n\nexport interface ContentGridProps extends HTMLAttributes<HTMLDivElement> {\n  emptyGridContent: VNode;\n  maxColumns?: number;\n  columnWidth?: string;\n}\n\nexport const ContentGrid: FunctionComponent<ContentGridProps> = ({\n  className,\n  children,\n  maxColumns,\n  columnWidth = '1fr',\n  emptyGridContent,\n  ...props\n}) => {\n  const hasChildren =\n    !!children && (Array.isArray(children) ? children.length > 0 : true);\n\n  const additionalStyles = hasChildren\n    ? {\n        gridTemplateColumns: `repeat(${maxColumns}, ${columnWidth})`,\n      }\n    : undefined;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-content-grid', className])}\n      tabindex={0}\n    >\n      <div\n        data-testid=\"content-grid-content\"\n        className={classes([\n          'dropin-content-grid__content',\n          ['dropin-content-grid__dynamic-columns-content', !maxColumns],\n          ['dropin-content-grid__content--empty', !hasChildren],\n        ])}\n        style={additionalStyles}\n      >\n        {hasChildren ? children : emptyGridContent}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes, isNumber } from '@adobe-commerce/elsie/lib';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Pagination/Pagination.css';\n\nexport interface PaginationProps {\n  className?: string;\n  currentPage?: number;\n  totalPages?: number;\n  onChange?: (currentPage: number) => void;\n}\n\nexport type PaginationList = {\n  page: number | string;\n  isActive: boolean;\n  label: number | string;\n};\n\nexport const Pagination: FunctionComponent<PaginationProps> = ({\n  totalPages = 10,\n  currentPage = 1,\n  onChange,\n  className,\n  ...props\n}) => {\n  const translations = useText({\n    backwardButton: 'Dropin.Pagination.backwardButton.ariaLabel',\n    forwardButton: 'Dropin.Pagination.forwardButton.ariaLabel',\n  });\n\n  const handleForward = useCallback(() => {\n    const nextPage = Math.min(currentPage + 1, totalPages);\n\n    onChange?.(nextPage);\n  }, [currentPage, onChange, totalPages]);\n\n  const handleBackward = useCallback(() => {\n    const prevPage = Math.max(currentPage - 1, 1);\n\n    onChange?.(prevPage);\n  }, [currentPage, onChange]);\n\n  const handleSetPage = useCallback(\n    (currentPage: number | string) => {\n      if (isNumber(currentPage)) {\n        onChange?.(currentPage as number);\n      }\n    },\n    [onChange]\n  );\n\n  const createPages = useCallback(\n    (currentPage: number, totalPages: number): PaginationList[] => {\n      let pages: PaginationList[] = [];\n\n      const addPageRange = (start: number, end: number) => {\n        for (let i = start; i <= end; i++) {\n          pages.push({ page: i, isActive: i === currentPage, label: i });\n        }\n      };\n\n      if (totalPages <= 5) {\n        addPageRange(1, totalPages);\n      } else if (currentPage <= 2) {\n        addPageRange(1, 2);\n        pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n        addPageRange(totalPages - 1, totalPages);\n      } else if (currentPage >= totalPages - 3) {\n        addPageRange(totalPages - 4, totalPages);\n      } else {\n        addPageRange(currentPage - 1, currentPage);\n        pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n        addPageRange(totalPages - 1, totalPages);\n      }\n\n      return pages;\n    },\n    []\n  );\n\n  const paginationList: PaginationList[] = useMemo(\n    () => createPages(currentPage, totalPages),\n    [createPages, currentPage, totalPages]\n  );\n\n  return (\n    <div {...props} className={classes(['dropin-pagination', className])}>\n      <button\n        type=\"button\"\n        data-testid=\"prev-button\"\n        aria-label={translations.backwardButton}\n        disabled={currentPage === 1}\n        onClick={handleBackward}\n        className={classes([\n          'dropin-pagination-arrow',\n          'dropin-pagination-arrow--backward',\n        ])}\n      >\n        <Icon size=\"24\" source={ChevronDown} />\n      </button>\n      <ul className=\"dropin-pagination_list\">\n        {(paginationList as PaginationList[]).map((item, index) => (\n          <li\n            data-testid={`dropin-pagination_list-item--${item.page}`}\n            key={`${item.page}_${index}`}\n            className={classes([\n              'dropin-pagination_list-item',\n              `dropin-pagination_list-item--${item.page}`,\n              [`dropin-pagination_list-item--active`, item.isActive],\n            ])}\n          >\n            <button\n              type=\"button\"\n              data-testid={`set-page-button-${item.page}`}\n              onClick={() => handleSetPage(item.page)}\n            >\n              {item.label}\n            </button>\n          </li>\n        ))}\n      </ul>\n      <button\n        type=\"button\"\n        data-testid=\"next-button\"\n        aria-label={translations.forwardButton}\n        disabled={currentPage === totalPages}\n        onClick={handleForward}\n        className={classes([\n          'dropin-pagination-arrow',\n          'dropin-pagination-arrow--forward',\n        ])}\n      >\n        <Icon size=\"24\" source={ChevronDown} />\n      </button>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n  return (\n    <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n      <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n        <SkeletonRow\n          fullWidth={true}\n          className=\"dropin-product-item-card__skeleton__image\"\n        />\n      </Skeleton>\n      <Skeleton className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n        </Skeleton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  image?: VNode;\n  titleNode?: VNode;\n  price?: VNode;\n  sku?: VNode;\n  actionButton?: VNode;\n  swatches?: VNode;\n  initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n  className,\n  image,\n  titleNode,\n  price,\n  sku,\n  actionButton,\n  swatches,\n  initialized = false,\n  ...props\n}) => {\n  if (!initialized) {\n    return <ProductItemCardSkeleton />;\n  }\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-product-item-card', className])}\n    >\n      <div className=\"dropin-product-item-card__image-container\">\n        {image && (\n          <VComponent\n            node={image}\n            className={classes(['dropin-product-item-card__image'])}\n          />\n        )}\n      </div>\n      <div className=\"dropin-product-item-card__content\">\n        {titleNode && (\n          <VComponent\n            node={titleNode}\n            className={classes(['dropin-product-item-card__title'])}\n          />\n        )}\n        {sku && (\n          <VComponent\n            node={sku}\n            className={classes(['dropin-product-item-card__sku'])}\n          />\n        )}\n        {price && (\n          <div className=\"dropin-product-item-card__price\">\n            <VComponent\n              node={price}\n              className={classes(['dropin-product-item-card__price'])}\n            />\n          </div>\n        )}\n        {swatches && (\n          <div className=\"dropin-product-item-card__swatches\">\n            <VComponent\n              node={swatches}\n              className={classes(['dropin-product-item-card__swatches'])}\n            />\n          </div>\n        )}\n        {actionButton && (\n          <div className=\"dropin-product-item-card__action\">\n            <VComponent\n              node={actionButton}\n              className={classes(['dropin-product-item-card__action'])}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { useId } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/InputFile/InputFile.css';\n\nexport interface InputFileProps extends Omit<HTMLAttributes<HTMLInputElement>, 'type' | 'icon'> {\n  accept?: string;\n  onChange?: (event: Event) => void;\n  label?: string;\n  multiple?: boolean;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const InputFile: FunctionComponent<InputFileProps> = ({\n  accept,\n  onChange,\n  label = 'Upload Document',\n  icon,\n  className,\n  multiple,\n  id: providedId,\n  ...props\n}) => {\n  \n  const generatedId = useId();\n  const id = providedId || generatedId;\n\n  const handleChange = (e: Event) => {\n    onChange?.(e);\n  };\n\n  return (\n    <div className={classes(['dropin-input-file', className])}>\n      <label htmlFor={id} className=\"dropin-input-file__label\">\n        {icon && <span className=\"dropin-input-file__icon\">{icon}</span>}\n        {label}\n      </label>\n      <input\n        id={id}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleChange}\n        className=\"dropin-input-file__input\"\n        {...props}\n      />\n    </div>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode, Fragment } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Icon,\n  Button,\n  Skeleton,\n  SkeletonRow,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/Table/Table.css';\n\ntype Sortable = 'asc' | 'desc' | true;\n\ntype Column =\n  | { label: string; key: string; ariaLabel?: string; sortBy?: Sortable }\n  | {\n      label: VNode<HTMLAttributes<HTMLElement>>;\n      key: string;\n      ariaLabel: string;\n      sortBy?: Sortable;\n    };\n\ntype RowData = {\n  [key: string]: VNode | string | number | undefined;\n  _rowDetails?: VNode | string; // Special property for expandable row content\n};\n\nexport interface TableProps\n  extends Omit<HTMLAttributes<HTMLTableElement>, 'loading'> {\n  columns: Column[];\n  rowData: RowData[];\n  mobileLayout?: 'stacked' | 'none';\n  caption?: string;\n  expandedRows?: Set<number>;\n  loading?: boolean;\n  skeletonRowCount?: number;\n  onSortChange?: (columnKey: string, direction: Sortable) => void;\n}\n\nexport const Table: FunctionComponent<TableProps> = ({\n  className,\n  children,\n  columns = [],\n  rowData = [],\n  mobileLayout = 'none',\n  caption,\n  expandedRows = new Set(),\n  loading = false,\n  skeletonRowCount = 10,\n  onSortChange,\n  ...props\n}) => {\n  const translations = useText({\n    sortedAscending: 'Dropin.Table.sortedAscending',\n    sortedDescending: 'Dropin.Table.sortedDescending',\n    sortBy: 'Dropin.Table.sortBy',\n  });\n\n  const handleSort = (column: Column) => {\n    if (!onSortChange) return;\n\n    // Determine next sort direction\n    let nextDirection: Sortable;\n    if (column.sortBy === true) {\n      nextDirection = 'asc';\n    } else if (column.sortBy === 'asc') {\n      nextDirection = 'desc';\n    } else {\n      nextDirection = true;\n    }\n\n    onSortChange(column.key, nextDirection);\n  };\n\n  const renderSortButton = (column: Column) => {\n    if (column.sortBy === undefined) return null;\n    const label = column.ariaLabel ?? (column.label as string);\n\n    let iconSource: string;\n    let ariaLabel: string;\n\n    if (column.sortBy === 'asc') {\n      iconSource = 'ChevronUp';\n      ariaLabel = translations.sortedAscending.replace('{label}', label);\n    } else if (column.sortBy === 'desc') {\n      iconSource = 'ChevronDown';\n      ariaLabel = translations.sortedDescending.replace('{label}', label);\n    } else {\n      iconSource = 'Sort';\n      ariaLabel = translations.sortBy.replace('{label}', label);\n    }\n\n    return (\n      <Button\n        variant=\"tertiary\"\n        size=\"medium\"\n        className=\"dropin-table__header__sort-button\"\n        icon={<Icon source={iconSource} />}\n        aria-label={ariaLabel}\n        onClick={() => handleSort(column)}\n      />\n    );\n  };\n\n  const renderSkeletonRows = () => {\n    return Array.from({ length: skeletonRowCount }, (_, rowIndex) => (\n      <tr key={`skeleton-${rowIndex}`} className=\"dropin-table__body__row\">\n        {columns.map((column) => (\n          <td\n            key={column.key}\n            className=\"dropin-table__body__cell\"\n            data-label={column.ariaLabel ?? column.label}\n          >\n            <Skeleton>\n              <SkeletonRow variant=\"row\" size=\"small\" fullWidth />\n            </Skeleton>\n          </td>\n        ))}\n      </tr>\n    ));\n  };\n\n  const renderDataRows = () => {\n    return rowData.map((row, rowIndex) => {\n      const hasDetails = row._rowDetails !== undefined;\n      const isExpanded = expandedRows.has(rowIndex);\n\n      return (\n        <Fragment key={rowIndex}>\n          <tr className=\"dropin-table__body__row\">\n            {columns.map((column) => {\n              const cell = row[column.key];\n              const label = column.ariaLabel ?? column.label;\n\n              if (typeof cell === 'string' || typeof cell === 'number') {\n                return (\n                  <td\n                    key={column.key}\n                    className=\"dropin-table__body__cell\"\n                    data-label={label}\n                  >\n                    {cell}\n                  </td>\n                );\n              }\n\n              return (\n                <td\n                  key={column.key}\n                  className=\"dropin-table__body__cell\"\n                  data-label={label}\n                >\n                  <VComponent node={cell!} />\n                </td>\n              );\n            })}\n          </tr>\n          {hasDetails && isExpanded && (\n            <tr\n              key={`${rowIndex}-details`}\n              className=\"dropin-table__row-details dropin-table__row-details--expanded\"\n              id={`row-${rowIndex}-details`}\n            >\n              <td\n                className=\"dropin-table__row-details__cell\"\n                colSpan={columns.length}\n                role=\"region\"\n                aria-labelledby={`row-${rowIndex}-details`}\n              >\n                {typeof row._rowDetails === 'string' ? (\n                  row._rowDetails\n                ) : (\n                  <VComponent node={row._rowDetails!} />\n                )}\n              </td>\n            </tr>\n          )}\n        </Fragment>\n      );\n    });\n  };\n\n  const getAriaSort = (\n    column: Column\n  ): 'none' | 'ascending' | 'descending' | 'other' | undefined => {\n    if (column.sortBy === true) return 'none';\n    if (column.sortBy === 'asc') return 'ascending';\n    if (column.sortBy === 'desc') return 'descending';\n    return undefined;\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-table',\n        `dropin-table--mobile-layout-${mobileLayout}`,\n        className,\n      ])}\n    >\n      <table {...props} className=\"dropin-table__table\">\n        {caption && (\n          <caption className=\"dropin-table__caption\">{caption}</caption>\n        )}\n        <thead className=\"dropin-table__header\">\n          <tr className=\"dropin-table__header__row\">\n            {columns.map((column) => (\n              <th\n                key={column.key}\n                className={classes([\n                  'dropin-table__header__cell',\n                  [\n                    'dropin-table__header__cell--sorted',\n                    column.sortBy === 'asc' || column.sortBy === 'desc',\n                  ],\n                  [\n                    'dropin-table__header__cell--sortable',\n                    column.sortBy !== undefined,\n                  ],\n                ])}\n                aria-sort={getAriaSort(column)}\n              >\n                {column.label}\n                {renderSortButton(column)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"dropin-table__body\">\n          {loading\n            ? // Render skeleton rows when loading\n              renderSkeletonRows()\n            : // Render actual data when not loading\n              renderDataRows()}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Button, Tag } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { ChevronDown, Close, Check } from '@adobe-commerce/elsie/icons';\nimport { useText } from 'preact-i18n';\nimport {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  useMemo,\n} from 'preact/hooks';\nimport { JSX } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/MultiSelect/MultiSelect.css';\n\ntype OptionValue = string | number;\n\ninterface Option {\n  label: string;\n  value: OptionValue;\n  disabled?: boolean;\n}\n\ntype SelectedValues = OptionValue[];\n\n// Utility functions\nconst filterOptions = (options: Option[], searchTerm: string): Option[] => {\n  return options.filter((option) =>\n    option.label.toLowerCase().includes(searchTerm.toLowerCase())\n  );\n};\n\nconst getSelectedLabels = (\n  value: SelectedValues,\n  options: Option[]\n): (string | OptionValue)[] => {\n  return value.map((v) => {\n    const option = options.find((opt) => opt.value === v);\n    return option ? option.label : v;\n  });\n};\n\nconst generateIds = (id: string, name: string, floatingLabel?: string) => {\n  const baseId = id || name;\n  return {\n    listboxId: `${baseId}-listbox`,\n    searchInputId: `${baseId}-search`,\n    labelId: floatingLabel ? `${baseId}-label` : undefined,\n    selectedDescriptionId: `${name}-selected-description`,\n  };\n};\n\nconst useAccessibilityAnnouncements = () => {\n  const [announcement, setAnnouncement] = useState('');\n\n  const announce = useCallback((message: string) => {\n    setAnnouncement(message);\n    setTimeout(() => setAnnouncement(''), 1000);\n  }, []);\n\n  return { announcement, announce };\n};\n\nconst useKeyboardNavigation = (\n  filteredOptions: Option[],\n  focusedIndex: number,\n  setFocusedIndex: (value: number | ((prev: number) => number)) => void,\n  dropdownRef: { current: HTMLDivElement | null }\n) => {\n  // Scroll focused item into view\n  useEffect(() => {\n    if (focusedIndex >= 0 && dropdownRef.current) {\n      const items = dropdownRef.current.querySelectorAll('[data-option-index]');\n      if (items[focusedIndex]) {\n        items[focusedIndex].scrollIntoView({\n          block: 'nearest',\n          behavior: 'smooth',\n        });\n      }\n    }\n  }, [focusedIndex, dropdownRef]);\n\n  const navigate = useCallback(\n    (direction: 'up' | 'down') => {\n      setFocusedIndex((prev) => {\n        const step = direction === 'up' ? -1 : 1;\n        let nextIndex = prev + step;\n\n        // Skip disabled options in the current direction\n        while (\n          nextIndex >= 0 &&\n          nextIndex < filteredOptions.length &&\n          filteredOptions[nextIndex]?.disabled\n        ) {\n          nextIndex += step;\n        }\n\n        // If we found a valid option, return it\n        if (nextIndex >= 0 && nextIndex < filteredOptions.length) {\n          return nextIndex;\n        }\n\n        // Wrap around: find the first enabled option from the opposite end\n        if (direction === 'up') {\n          for (let i = filteredOptions.length - 1; i >= 0; i--) {\n            if (!filteredOptions[i]?.disabled) return i;\n          }\n        } else {\n          for (let i = 0; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i]?.disabled) return i;\n          }\n        }\n\n        return -1;\n      });\n    },\n    [filteredOptions, setFocusedIndex]\n  );\n\n  return { navigate };\n};\n\nexport interface MultiSelectProps {\n  options: Option[];\n  value: SelectedValues;\n  onChange: (value: SelectedValues) => void;\n  placeholder?: string;\n  selectAllText?: string;\n  deselectAllText?: string;\n  noResultsText?: string;\n  name?: string;\n  disabled?: boolean;\n  className?: string;\n  maxHeight?: number;\n  floatingLabel?: string;\n  error?: boolean;\n  success?: boolean;\n  id?: string;\n}\n\nexport const MultiSelect: FunctionComponent<MultiSelectProps> = ({\n  options = [],\n  value = [],\n  onChange = () => {},\n  id = '',\n  className = '',\n  selectAllText = '',\n  deselectAllText = '',\n  placeholder = '',\n  noResultsText = '',\n  floatingLabel = '',\n  name = 'multi-select-sdk',\n  error = false,\n  success = false,\n  disabled = false,\n  maxHeight = 300,\n}) => {\n  const translations = useText({\n    selectAll: 'Dropin.MultiSelect.selectAll',\n    deselectAll: 'Dropin.MultiSelect.deselectAll',\n    placeholder: 'Dropin.MultiSelect.placeholder',\n    noResultsText: 'Dropin.MultiSelect.noResultsText',\n    removed: 'Dropin.MultiSelect.ariaLabel.removed',\n    added: 'Dropin.MultiSelect.ariaLabel.added',\n    itemsSelected: 'Dropin.MultiSelect.ariaLabel.itemsSelected',\n    itemsAdded: 'Dropin.MultiSelect.ariaLabel.itemsAdded',\n    itemsRemoved: 'Dropin.MultiSelect.ariaLabel.itemsRemoved',\n    selectedTotal: 'Dropin.MultiSelect.ariaLabel.selectedTotal',\n    noResultsFor: 'Dropin.MultiSelect.ariaLabel.noResultsFor',\n    optionsAvailable: 'Dropin.MultiSelect.ariaLabel.optionsAvailable',\n    dropdownExpanded: 'Dropin.MultiSelect.ariaLabel.dropdownExpanded',\n    useArrowKeys: 'Dropin.MultiSelect.ariaLabel.useArrowKeys',\n    removeFromSelection: 'Dropin.MultiSelect.ariaLabel.removeFromSelection',\n    fromSelection: 'Dropin.MultiSelect.ariaLabel.fromSelection',\n    selectedItem: 'Dropin.MultiSelect.ariaLabel.selectedItem',\n    inField: 'Dropin.MultiSelect.ariaLabel.inField',\n    selectedItems: 'Dropin.MultiSelect.ariaLabel.selectedItems',\n    scrollableOptionsList: 'Dropin.MultiSelect.ariaLabel.scrollableOptionsList',\n    selectOptions: 'Dropin.MultiSelect.ariaLabel.selectOptions',\n    itemAction: 'Dropin.MultiSelect.ariaLabel.itemAction',\n    bulkAdded: 'Dropin.MultiSelect.ariaLabel.bulkAdded',\n    bulkRemoved: 'Dropin.MultiSelect.ariaLabel.bulkRemoved',\n    dropdownExpandedWithOptions:\n      'Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions',\n    selectedItemInField: 'Dropin.MultiSelect.ariaLabel.selectedItemInField',\n    removeFromSelectionWithText:\n      'Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText',\n    itemsSelectedDescription:\n      'Dropin.MultiSelect.ariaLabel.itemsSelectedDescription',\n    noItemsSelected: 'Dropin.MultiSelect.ariaLabel.noItemsSelected',\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const { announcement, announce } = useAccessibilityAnnouncements();\n\n  // Helper function to close dropdown and optionally reset search state\n  const closeDropdown = useCallback((resetSearch = false) => {\n    setIsOpen(false);\n    if (resetSearch) {\n      setSearchTerm('');\n    }\n    setFocusedIndex(-1);\n  }, []);\n\n  // Filter options based on the search term\n  const filteredOptions = useMemo(\n    () => filterOptions(options, searchTerm),\n    [options, searchTerm]\n  );\n\n  // Keyboard navigation\n  const { navigate } = useKeyboardNavigation(\n    filteredOptions,\n    focusedIndex,\n    setFocusedIndex,\n    dropdownRef\n  );\n\n  // Close dropdown on the outside click\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        event.target &&\n        !containerRef.current.contains(event.target as Node)\n      ) {\n        closeDropdown(true); // Reset search when clicking outside\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [closeDropdown]);\n\n  // Toggle dropdown on container click (excluding tags)\n  const handleContainerClick = (event: MouseEvent) => {\n    if (\n      !disabled &&\n      searchInputRef.current &&\n      event.target &&\n      !(event.target as Element).closest('[data-tag]')\n    ) {\n      if (isOpen) {\n        closeDropdown(false); // Don't reset search when clicking inside\n      } else {\n        searchInputRef.current.focus();\n        setIsOpen(true);\n      }\n    }\n  };\n\n  // Handle option selection/deselection\n  const handleSelect = useCallback(\n    (optionValue: OptionValue) => {\n      const option = options.find((opt) => opt.value === optionValue);\n\n      const isCurrentlySelected = value.includes(optionValue);\n      const newValue = isCurrentlySelected\n        ? value.filter((v) => v !== optionValue)\n        : [...value, optionValue];\n\n      onChange(newValue);\n      searchInputRef.current?.focus();\n\n      // A11y - Announce the selection change\n      if (option) {\n        const action = isCurrentlySelected\n          ? translations.removed\n          : translations.added;\n        announce(\n          translations.itemAction\n            .replace('{label}', option.label)\n            .replace('{action}', action)\n            .replace('{count}', newValue.length.toString())\n        );\n      }\n    },\n    [value, onChange, options, announce, translations]\n  );\n\n  // Handle option deselection via the Tag button\n  const handleRemoveTag = (event: MouseEvent, optionValue: OptionValue) => {\n    event.stopPropagation();\n    const option = options.find((opt) => opt.value === optionValue);\n    const newValue = value.filter((v) => v !== optionValue);\n    onChange(newValue);\n    searchInputRef.current?.focus();\n\n    // A11y - Announce the selection change\n    if (option) {\n      announce(\n        translations.itemAction\n          .replace('{label}', option.label)\n          .replace('{action}', translations.removed)\n          .replace('{count}', newValue.length.toString())\n      );\n    }\n  };\n\n  const handleSelectAll = (event: MouseEvent) => {\n    event.preventDefault();\n    const allFilteredValues = filteredOptions.map((opt) => opt.value);\n    const currentValueSet = new Set(value);\n    const newSelections = allFilteredValues.filter(\n      (val) => !currentValueSet.has(val)\n    );\n    const newValue = [...value, ...newSelections];\n    onChange(newValue);\n\n    // Announce the bulk selection\n    if (newSelections.length > 0) {\n      announce(\n        translations.bulkAdded\n          .replace('{count}', newSelections.length.toString())\n          .replace('{total}', newValue.length.toString())\n      );\n    }\n  };\n\n  const handleDeselectAll = (event: MouseEvent) => {\n    event.preventDefault();\n    const filteredValues = new Set(filteredOptions.map((opt) => opt.value));\n    const removedCount = value.filter((v) => filteredValues.has(v)).length;\n    const newValue = value.filter((v) => !filteredValues.has(v));\n    onChange(newValue);\n\n    // A11y - Announce the bulk deselection\n    if (removedCount > 0) {\n      announce(\n        translations.bulkRemoved\n          .replace('{count}', removedCount.toString())\n          .replace('{total}', newValue.length.toString())\n      );\n    }\n  };\n\n  // A11y - Keyboard navigation\n  const handleInputKeyDown = (\n    event: JSX.TargetedKeyboardEvent<HTMLInputElement>\n  ) => {\n    // Handle backspace to remove the last tag\n    if (event.key === 'Backspace' && searchTerm === '' && value.length > 0) {\n      event.preventDefault();\n      const newValue = value.slice(0, -1);\n      onChange(newValue);\n      return;\n    }\n\n    if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n      event.preventDefault();\n      setIsOpen(true);\n      return;\n    }\n\n    if (isOpen) {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          navigate('down');\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          navigate('up');\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n            const focusedOption = filteredOptions[focusedIndex];\n            if (!focusedOption?.disabled) {\n              handleSelect(focusedOption.value);\n            }\n          } else if (\n            filteredOptions.length === 1 &&\n            !filteredOptions[0]?.disabled\n          ) {\n            handleSelect(filteredOptions[0].value);\n          }\n          break;\n        case 'Escape':\n          event.preventDefault();\n          closeDropdown(true); // Reset search on Escape\n          break;\n        case 'Tab':\n          closeDropdown(true); // Reset search on Tab (leaving component)\n          break;\n      }\n    }\n  };\n\n  // Array with labels of all selected options\n  const selectedLabels = useMemo(\n    () => getSelectedLabels(value, options),\n    [value, options]\n  );\n\n  // A11y - Generate unique IDs\n  const { listboxId, searchInputId, labelId, selectedDescriptionId } =\n    generateIds(id, name, floatingLabel);\n  const currentFocusedId =\n    focusedIndex >= 0 ? `${listboxId}-option-${focusedIndex}` : '';\n\n  // Check if any items are selected (regardless of filtering)\n  const hasSelection = useMemo(() => value.length > 0, [value]);\n\n  useEffect(() => {\n    if (searchTerm && !isOpen) {\n      setIsOpen(true);\n    }\n  }, [isOpen, searchTerm]);\n\n  // Announce filtered results\n  useEffect(() => {\n    if (isOpen && searchTerm) {\n      const count = filteredOptions.length;\n      if (count === 0) {\n        announce(`${translations.noResultsFor} \"${searchTerm}\"`);\n      } else {\n        announce(`${count} ${translations.optionsAvailable}`);\n      }\n    }\n  }, [filteredOptions.length, searchTerm, isOpen, announce, translations]);\n\n  useEffect(() => {\n    if (isOpen && searchInputRef.current) {\n      searchInputRef.current.focus();\n      // Announce when dropdown opens with available options\n      if (filteredOptions.length > 0) {\n        announce(\n          translations.dropdownExpandedWithOptions\n            .replace('{count}', filteredOptions.length.toString())\n            .replace('{s}', filteredOptions.length === 1 ? '' : 's')\n        );\n      }\n    }\n  }, [\n    isOpen,\n    selectedLabels.length,\n    filteredOptions.length,\n    announce,\n    translations,\n  ]);\n\n  const renderSelectedTags = () => (\n    <>\n      {selectedLabels.map((label, index) => {\n        const totalSelected = value.length;\n        const fieldContext = floatingLabel ? `${floatingLabel}: ` : '';\n        // Use i18n translations for selected items text\n        const selectedItemsText =\n          totalSelected === 1\n            ? `${fieldContext}${translations.itemsSelected\n                .replace('{count}', '1')\n                .replace('{labels}', String(label))\n                .replace('{s}', '')}`\n            : `${fieldContext}${translations.itemsSelected\n                .replace('{count}', totalSelected.toString())\n                .replace('{labels}', selectedLabels.join(', '))\n                .replace('{s}', totalSelected === 1 ? '' : 's')}`;\n\n        return (\n          <Tag\n            key={value[index]}\n            data-tag=\"true\"\n            className=\"dropin-multi-select__tag\"\n            role=\"group\"\n            aria-label={\n              floatingLabel\n                ? translations.selectedItemInField\n                    .replace('{label}', String(label))\n                    .replace('{field}', floatingLabel)\n                : `${translations.selectedItem} ${String(label)}`\n            }\n          >\n            <span aria-hidden=\"true\">{label}</span>\n            <button\n              type=\"button\"\n              onClick={(e) => handleRemoveTag(e, value[index])}\n              className=\"dropin-multi-select__tag-remove\"\n              disabled={disabled}\n              aria-label={translations.removeFromSelectionWithText\n                .replace('{label}', String(label))\n                .replace('{text}', selectedItemsText)}\n            >\n              <Close size={12} aria-hidden=\"true\" />\n            </button>\n          </Tag>\n        );\n      })}\n    </>\n  );\n\n  const renderSearchInput = () => (\n    <input\n      id={searchInputId}\n      ref={searchInputRef}\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={isOpen}\n      aria-controls={listboxId}\n      className={classes([\n        'dropin-multi-select__search',\n        ['dropin-multi-select__search--with-floating-label', !!floatingLabel],\n      ])}\n      placeholder={\n        value.length === 0 ? placeholder || translations.placeholder : ''\n      }\n      value={searchTerm}\n      onChange={(e: JSX.TargetedEvent<HTMLInputElement, Event>) => {\n        const target = e.target as HTMLInputElement;\n        setSearchTerm(target.value);\n        setFocusedIndex(-1);\n      }}\n      onKeyDown={handleInputKeyDown}\n      onFocus={() => setIsOpen(true)}\n      disabled={disabled}\n      style={{\n        minWidth: searchTerm ? `${searchTerm.length * 8 + 20}px` : '40px',\n      }}\n      aria-autocomplete=\"list\"\n      aria-activedescendant={\n        isOpen && currentFocusedId ? currentFocusedId : undefined\n      }\n      {...(labelId\n        ? { 'aria-labelledby': labelId }\n        : {\n            'aria-label':\n              floatingLabel ||\n              placeholder ||\n              translations.placeholder ||\n              translations.selectOptions,\n          })}\n      aria-describedby={selectedDescriptionId}\n    />\n  );\n\n  const renderDropdownControls = () => (\n    <div className=\"dropin-multi-select__controls\">\n      <Button\n        variant=\"tertiary\"\n        type=\"button\"\n        className=\"dropin-multi-select__button dropin-multi-select__button--select-all\"\n        onMouseDown={handleSelectAll}\n        data-testid=\"multi-select-select-all\"\n      >\n        {selectAllText || translations.selectAll}\n      </Button>\n      {' | '}\n      <Button\n        variant=\"tertiary\"\n        type=\"button\"\n        className=\"dropin-multi-select__button dropin-multi-select__button--deselect-all\"\n        onMouseDown={handleDeselectAll}\n        disabled={!hasSelection}\n        data-testid=\"multi-select-deselect-all\"\n      >\n        {deselectAllText || translations.deselectAll}\n      </Button>\n    </div>\n  );\n\n  const renderOptionsList = () => (\n    <ul\n      className=\"dropin-multi-select__list\"\n      id={listboxId}\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      aria-label={floatingLabel || placeholder || translations.placeholder}\n    >\n      {filteredOptions.map((option, index) => {\n        const isSelected = value.includes(option.value);\n        const isFocused = index === focusedIndex;\n        const optionId = `${listboxId}-option-${index}`;\n\n        return (\n          <li\n            key={option.value}\n            id={optionId}\n            data-option-index={index}\n            data-testid={`multi-select-option-${index}`}\n            className={classes([\n              'dropin-multi-select__option',\n              ['dropin-multi-select__option--focused', isFocused],\n              ['dropin-multi-select__option--selected', isSelected],\n              ['dropin-multi-select__option--disabled', option.disabled],\n            ])}\n            onClick={() => {\n              if (!option.disabled) {\n                handleSelect(option.value);\n              }\n            }}\n            onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\n            role=\"option\"\n            aria-selected={isSelected}\n            aria-disabled={option.disabled}\n          >\n            <span\n              className={classes([\n                'dropin-multi-select__option-label',\n                [\n                  'dropin-multi-select__option-label--disabled',\n                  option.disabled,\n                ],\n              ])}\n            >\n              {option.label}\n            </span>\n            {isSelected && (\n              <Check\n                width={16}\n                height={16}\n                className=\"dropin-multi-select__check-icon\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"multi-select\"\n      className={classes(['dropin-multi-select', className])}\n    >\n      {/* Single hidden input with comma-separated values for form submission */}\n      <input\n        id={id || name}\n        type=\"hidden\"\n        name={name}\n        data-testid=\"multi-select-hidden-input\"\n        value={value.join(',')}\n        disabled={disabled}\n        aria-hidden=\"true\"\n      />\n      <div\n        className={classes([\n          'dropin-multi-select__container',\n          ['dropin-multi-select__container--open', isOpen],\n          ['dropin-multi-select__container--disabled', disabled],\n          ['dropin-multi-select__container--error', error],\n          ['dropin-multi-select__container--success', success],\n          [\n            'dropin-multi-select__container--with-floating-label',\n            !!floatingLabel,\n          ],\n          [\n            'dropin-multi-select__container--has-value',\n            !!(floatingLabel && (value.length > 0 || searchTerm.length > 0)),\n          ],\n        ])}\n        onMouseDown={handleContainerClick}\n        data-testid=\"multi-select-container\"\n      >\n        <div\n          className={classes([\n            'dropin-multi-select__tags-area',\n            [\n              'dropin-multi-select__tags-area--has-values',\n              selectedLabels.length > 0,\n            ],\n          ])}\n          data-testid=\"multi-select-tags-area\"\n          role=\"group\"\n          aria-label={translations.selectedItems}\n        >\n          {/* Screen-reader-only description of selected items */}\n          <div\n            id={selectedDescriptionId}\n            className=\"dropin-multi-select__sr-only\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n          >\n            {value.length > 0\n              ? translations.itemsSelectedDescription\n                  .replace('{count}', value.length.toString())\n                  .replace('{s}', value.length === 1 ? '' : 's')\n                  .replace('{labels}', selectedLabels.join(', '))\n              : translations.noItemsSelected}\n          </div>\n\n          {renderSelectedTags()}\n          {renderSearchInput()}\n          {floatingLabel ? (\n            <label\n              className=\"dropin-multi-select__floating-label\"\n              htmlFor={searchInputId}\n              id={labelId}\n            >\n              {floatingLabel}\n            </label>\n          ) : null}\n        </div>\n        <ChevronDown\n          className={classes([\n            'dropin-multi-select__chevron',\n            ['dropin-multi-select__chevron--open', isOpen],\n          ])}\n        />\n      </div>\n\n      {isOpen && (\n        <div\n          className=\"dropin-multi-select__dropdown\"\n          data-testid=\"multi-select-dropdown\"\n        >\n          {filteredOptions.length > 0 && renderDropdownControls()}\n\n          <div\n            ref={dropdownRef}\n            className=\"dropin-multi-select__options\"\n            data-testid=\"multi-select-options\"\n            style={{ maxHeight: `${maxHeight}px` }}\n            tabIndex={0}\n            role=\"region\"\n            aria-label={translations.scrollableOptionsList}\n          >\n            {filteredOptions.length === 0 ? (\n              <div\n                className=\"dropin-multi-select__no-results\"\n                data-testid=\"multi-select-no-results\"\n                role=\"status\"\n                aria-live=\"polite\"\n              >\n                {noResultsText || translations.noResultsText}{' '}\n                {searchTerm && `\"${searchTerm}\"`}\n              </div>\n            ) : (\n              renderOptionsList()\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Live region for screen reader announcements */}\n      <div\n        className=\"dropin-multi-select__announcements dropin-multi-select__sr-only\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        {announcement}\n      </div>\n    </div>\n  );\n};\n"],"file":"components.js"}
+{"version":3,"mappings":"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","names":["SINGLELINE","SkeletonRow","className","fullWidth","lines","size","variant","children","multilineGap","props","sharedClasses","jsx","classes","svg","_","index","Skeleton","rowGap","lazyIcons","lazy","__vitePreload","n","isValidUrl","source","absoluteUrl","UrlSvgLoader","url","svgContent","setSvgContent","useState","loading","setLoading","error","setError","useEffect","response","content","e","processedContent","Icon","Source","stroke","viewBox","defaultProps","isLikelyUrl","Suspense","LazyIcon","isRejectedUrl","Incrementer","name","value","disabled","success","min","max","onValue","onUpdateError","showButtons","currentValue","setCurrentValue","minValue","maxValue","isInvalid","errorMessage","propValue","debouncedOnValueHandler","useCallback","debounce","newValue","handleIncrementer","_value","jsxs","Localizer","Text","Minus","Add","Input","floatingLabel","icon","maxLength","id","handleOnValue","input","VComponent","WarningWithCircle","CheckWithCircle","InputDate","label","onChange","onBlur","internalValue","setInternalValue","iosInputRef","useRef","dictionary","useText","handleOnFocus","event","isIOSMobileDevice","handleOnClick","_a","handleOnBlur","handleInputChange","Field","Date","getIcon","PendingValidation","Check","ErrorValidation","PasswordStatusIndicator","minLength","requiredCharacterClasses","uniqueSymbolsStatus","validateLengthConfig","translations","getMessage","chart","InputPassword","placeholder","required","autoComplete","defaultValue","hideStatusIndicator","showPassword","setShowPassword","toggleShowPassword","prevShowPassword","title","Locker","Button","Eye","EyeClose","TextArea","textareaRef","useId","textArea","Divider","Price","amount","currency","locale","weight","sale","formatOptions","formattedAmount","useMemo","getPriceFormatter","RadioButton","checked","description","busy","active","activeChildren","activeIcon","href","buttonType","iconClassName","attributes","findSelectedValue","defaultOption","firstAvailableOption","Picker","options","handleSelect","uniqueId","isRequired","option","selectedValue","setSelectedValue","handleOptionClick","element","optionsListItems","text","isSelected","hasToDisplayPlaceholder","ChevronDown","hint","fieldContent","ActionButton","ActionButtonGroup","activeOption","dividers","activeOptionState","setActiveOptionState","handleClick","buttonGroupOptions","Children","child","isOptionDisabled","isOptionActive","cloneElement","Card","Checkbox","isChecked","setIsChecked","ref","handleCheckboxChange","handleOnKeyDown","ColorSwatch","groupAriaLabel","color","selected","outOfStock","multi","outOfStockLabel","selectedLabel","swatchLabel","onValueHandler","validColor","colorStyle","handleAriaLabel","TextSwatch","isOverflowing","setIsOverflowing","spanRef","ProgressSpinner","ariaLabel","style","commonClasses","ImageSwatch","src","alt","imageNode","imageProps","Image","AccordionSection","ariaLabelTitle","secondaryText","actionIconPosition","iconOpen","iconClose","iconLeft","showIconLeft","renderContentWhenClosed","defaultOpen","onStateChange","open","setOpen","onClickHandler","next","buttonLabel","openIcon","closeIcon","leftIcon","Accordion","divider","renderAccordionSection","Fragment","InLineAlert","type","additionalActions","onDismiss","heading","itemList","actionButtonPosition","_b","_c","Close","action","Portal","portalRoot","contentRef","useLayoutEffect","Modal","centered","backgroundDim","clickToDismiss","escapeToDismiss","onClose","showCloseButton","handleOnClose","handleOutsideClick","modal","modalBody","handleKeyDown","scrollingElement","defaultOverflowValue","CloseSVG","CartItem","image","price","taxIncluded","taxExcluded","total","totalExcludingTax","sku","configurations","warning","alert","discount","savings","actions","removeContent","quantity","quantityContent","footer","updating","quantityType","dropdownOptions","onQuantity","onRemove","useContext","UIContext","labels","CartItemSkeleton","quantityComponent","key","Trash","CartList","PriceRange","minimumAmount","maximumAmount","display","specialPrice","isSimpleProduct","Dashed","FromTo","SpecialPrice","Breadcrumbs","categories","separator","category","AlertBanner","message","IllustratedMessage","headingLevel","Heading","ToggleButton","level","HeadingTag","Header","cta","Tag","ContentGrid","maxColumns","columnWidth","emptyGridContent","hasChildren","additionalStyles","PaginationButton","anchorProps","buttonProps","Pagination","totalPages","currentPage","routePage","handleForward","nextPage","handleBackward","prevPage","handleSetPage","isNumber","createPages","pages","addPageRange","start","end","i","paginationList","item","ProductItemCardSkeleton","ProductItemCard","titleNode","actionButton","swatches","initialized","InputFile","accept","multiple","providedId","generatedId","handleChange","Table","columns","rowData","mobileLayout","caption","expandedRows","skeletonRowCount","onSortChange","handleSort","column","nextDirection","renderSortButton","iconSource","renderSkeletonRows","rowIndex","renderDataRows","row","hasDetails","isExpanded","cell","getAriaSort","filterOptions","searchTerm","getSelectedLabels","v","opt","generateIds","baseId","useAccessibilityAnnouncements","announcement","setAnnouncement","announce","useKeyboardNavigation","filteredOptions","focusedIndex","setFocusedIndex","dropdownRef","items","direction","prev","step","nextIndex","MultiSelect","selectAllText","deselectAllText","noResultsText","maxHeight","isOpen","setIsOpen","setSearchTerm","containerRef","searchInputRef","closeDropdown","resetSearch","navigate","handleClickOutside","handleContainerClick","optionValue","isCurrentlySelected","handleRemoveTag","handleSelectAll","allFilteredValues","currentValueSet","newSelections","val","handleDeselectAll","filteredValues","removedCount","handleInputKeyDown","focusedOption","selectedLabels","listboxId","searchInputId","labelId","selectedDescriptionId","currentFocusedId","hasSelection","count","renderSelectedTags","totalSelected","fieldContext","selectedItemsText","renderSearchInput","target","renderDropdownControls","renderOptionsList","isFocused","optionId"],"ignoreList":[],"sources":["/@dropins/tools/src/components/Skeleton/Skeleton.tsx","/@dropins/tools/src/components/Icon/Icon.tsx","/@dropins/tools/src/components/Incrementer/Incrementer.tsx","/@dropins/tools/src/components/Input/Input.tsx","/@dropins/tools/src/components/InputDate/InputDate.tsx","/@dropins/tools/src/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.tsx","/@dropins/tools/src/components/InputPassword/InputPassword.tsx","/@dropins/tools/src/components/TextArea/TextArea.tsx","/@dropins/tools/src/components/Divider/Divider.tsx","/@dropins/tools/src/components/Price/Price.tsx","/@dropins/tools/src/components/RadioButton/RadioButton.tsx","/@dropins/tools/src/components/Button/Button.tsx","/@dropins/tools/src/components/Picker/Picker.tsx","/@dropins/tools/src/components/Field/Field.tsx","/@dropins/tools/src/components/ActionButton/ActionButton.tsx","/@dropins/tools/src/components/ActionButtonGroup/ActionButtonGroup.tsx","/@dropins/tools/src/components/Card/Card.tsx","/@dropins/tools/src/components/Checkbox/Checkbox.tsx","/@dropins/tools/src/components/ColorSwatch/ColorSwatch.tsx","/@dropins/tools/src/components/TextSwatch/TextSwatch.tsx","/@dropins/tools/src/components/ProgressSpinner/ProgressSpinner.tsx","/@dropins/tools/src/components/ImageSwatch/ImageSwatch.tsx","/@dropins/tools/src/components/Accordion/Accordion.tsx","/@dropins/tools/src/components/InLineAlert/InLineAlert.tsx","/@dropins/tools/src/components/Portal/Portal.tsx","/@dropins/tools/src/components/Modal/Modal.tsx","/@dropins/tools/src/components/CartItem/CartItem.tsx","/@dropins/tools/src/components/CartItem/CartItemSkeleton.tsx","/@dropins/tools/src/components/CartList/CartList.tsx","/@dropins/tools/src/components/PriceRange/PriceRange.tsx","/@dropins/tools/src/components/Breadcrumbs/Breadcrumbs.tsx","/@dropins/tools/src/components/AlertBanner/AlertBanner.tsx","/@dropins/tools/src/components/IllustratedMessage/IllustratedMessage.tsx","/@dropins/tools/src/components/ToggleButton/ToggleButton.tsx","/@dropins/tools/src/components/Header/Header.tsx","/@dropins/tools/src/components/Tag/Tag.tsx","/@dropins/tools/src/components/ContentGrid/ContentGrid.tsx","/@dropins/tools/src/components/Pagination/PaginationButton.tsx","/@dropins/tools/src/components/Pagination/Pagination.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCardSkeleton.tsx","/@dropins/tools/src/components/ProductItemCard/ProductItemCard.tsx","/@dropins/tools/src/components/InputFile/InputFile.tsx","/@dropins/tools/src/components/Table/Table.tsx","/@dropins/tools/src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Skeleton/Skeleton.css';\n\nexport interface SkeletonRowProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  fullWidth?: boolean;\n  lines?: number;\n  size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';\n  variant?: 'heading' | 'row' | 'empty';\n  multilineGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n  children?: string;\n}\n\nconst SINGLELINE = 1;\n\nexport const SkeletonRow: FunctionComponent<SkeletonRowProps> = ({\n  className,\n  fullWidth = false,\n  lines = SINGLELINE,\n  size = 'small',\n  variant = 'row',\n  children = null,\n  multilineGap = 'medium',\n  ...props\n}) => {\n  const sharedClasses = [\n    [`dropin-skeleton-row__${variant}`, variant],\n    [`dropin-skeleton-row__${variant}-${size}`, variant && size],\n  ];\n\n  if (!children && variant === 'empty') {\n    return (\n      <div\n        className={classes([\n          'dropin-skeleton-row dropin-skeleton-row__empty',\n          className,\n        ])}\n      />\n    );\n  }\n\n  if (children) {\n    const svg = children.trim();\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          className,\n        ])}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{ __html: svg }}\n      />\n    );\n  }\n\n  const isMultiline = lines > SINGLELINE;\n\n  if (isMultiline === false) {\n    return (\n      <div\n        {...props}\n        class={classes([\n          'dropin-skeleton-row',\n          [`dropin-skeleton-row--full`, fullWidth],\n          'dropin-skeleton--row__content',\n          ...sharedClasses,\n          className,\n        ])}\n      />\n    );\n  }\n\n  return (\n    <div\n      {...props}\n      style={{ '--multiline-gap-spacing': `var(--spacing-${multilineGap})` }}\n      class={classes([\n        'dropin-skeleton-row--multiline',\n        [`dropin-skeleton-row--full`, fullWidth],\n        className,\n      ])}\n    >\n      {Array.from({ length: lines }).map((_, index) => (\n        <div\n          key={index}\n          class={classes([\n            'dropin-skeleton-row',\n            [`dropin-skeleton-row--full`, fullWidth],\n            'dropin-skeleton--row__content',\n            ...sharedClasses,\n          ])}\n        />\n      ))}\n    </div>\n  );\n};\n\nexport interface SkeletonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  rowGap?: 'xsmall' | 'small' | 'medium' | 'big' | 'xbig';\n}\n\nexport const Skeleton: FunctionComponent<SkeletonProps> = ({\n  className,\n  children,\n  rowGap = 'medium',\n  ...props\n}) => {\n  return (\n    <div\n      style={{ '--row-gap-spacing': `var(--spacing-${rowGap})` }}\n      {...props}\n      className={classes(['dropin-skeleton', className])}\n      role=\"status\"\n      aria-label=\"Loading...\"\n    >\n      {children}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib/classes';\nimport { lazy, Suspense, SVGProps } from 'preact/compat';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport '@adobe-commerce/elsie/components/Icon/Icon.css';\n\nexport type IconType = keyof typeof import('@adobe-commerce/elsie/icons');\n\nconst lazyIcons = {\n  Add: lazy(() => import('@adobe-commerce/elsie/icons/Add.svg')),\n  AddressBook: lazy(() => import('@adobe-commerce/elsie/icons/AddressBook.svg')),\n  Bulk: lazy(() => import('@adobe-commerce/elsie/icons/Bulk.svg')),\n  Burger: lazy(() => import('@adobe-commerce/elsie/icons/Burger.svg')),\n  Business: lazy(() => import('@adobe-commerce/elsie/icons/Business.svg')),\n  Card: lazy(() => import('@adobe-commerce/elsie/icons/Card.svg')),\n  Cart: lazy(() => import('@adobe-commerce/elsie/icons/Cart.svg')),\n  Check: lazy(() => import('@adobe-commerce/elsie/icons/Check.svg')),\n  CheckWithCircle: lazy(() => import('@adobe-commerce/elsie/icons/CheckWithCircle.svg')),\n  ChevronDown: lazy(() => import('@adobe-commerce/elsie/icons/ChevronDown.svg')),\n  ChevronRight: lazy(() => import('@adobe-commerce/elsie/icons/ChevronRight.svg')),\n  ChevronUp: lazy(() => import('@adobe-commerce/elsie/icons/ChevronUp.svg')),\n  Close: lazy(() => import('@adobe-commerce/elsie/icons/Close.svg')),\n  Coupon: lazy(() => import('@adobe-commerce/elsie/icons/Coupon.svg')),\n  Date: lazy(() => import('@adobe-commerce/elsie/icons/Date.svg')),\n  Delivery: lazy(() => import('@adobe-commerce/elsie/icons/Delivery.svg')),\n  Edit: lazy(() => import('@adobe-commerce/elsie/icons/Edit.svg')),\n  EmptyBox: lazy(() => import('@adobe-commerce/elsie/icons/EmptyBox.svg')),\n  Eye: lazy(() => import('@adobe-commerce/elsie/icons/Eye.svg')),\n  EyeClose: lazy(() => import('@adobe-commerce/elsie/icons/EyeClose.svg')),\n  Gift: lazy(() => import('@adobe-commerce/elsie/icons/Gift.svg')),\n  GiftCard: lazy(() => import('@adobe-commerce/elsie/icons/GiftCard.svg')),\n  Heart: lazy(() => import('@adobe-commerce/elsie/icons/Heart.svg')),\n  HeartFilled: lazy(() => import('@adobe-commerce/elsie/icons/HeartFilled.svg')),\n  InfoFilled: lazy(() => import('@adobe-commerce/elsie/icons/InfoFilled.svg')),\n  List: lazy(() => import('@adobe-commerce/elsie/icons/List.svg')),\n  Locker: lazy(() => import('@adobe-commerce/elsie/icons/Locker.svg')),\n  Minus: lazy(() => import('@adobe-commerce/elsie/icons/Minus.svg')),\n  Order: lazy(() => import('@adobe-commerce/elsie/icons/Order.svg')),\n  OrderError: lazy(() => import('@adobe-commerce/elsie/icons/OrderError.svg')),\n  OrderSuccess: lazy(() => import('@adobe-commerce/elsie/icons/OrderSuccess.svg')),\n  PaymentError: lazy(() => import('@adobe-commerce/elsie/icons/PaymentError.svg')),\n  Placeholder: lazy(() => import('@adobe-commerce/elsie/icons/Placeholder.svg')),\n  PlaceholderFilled: lazy(\n    () => import('@adobe-commerce/elsie/icons/PlaceholderFilled.svg')\n  ),\n  Purchase: lazy(() => import('@adobe-commerce/elsie/icons/Purchase.svg')),\n  Quote: lazy(() => import('@adobe-commerce/elsie/icons/Quote.svg')),\n  Search: lazy(() => import('@adobe-commerce/elsie/icons/Search.svg')),\n  SearchFilled: lazy(() => import('@adobe-commerce/elsie/icons/SearchFilled.svg')),\n  Sort: lazy(() => import('@adobe-commerce/elsie/icons/Sort.svg')),\n  Star: lazy(() => import('@adobe-commerce/elsie/icons/Star.svg')),\n  Structure: lazy(() => import('@adobe-commerce/elsie/icons/Structure.svg')),\n  Team: lazy(() => import('@adobe-commerce/elsie/icons/Team.svg')),\n  Trash: lazy(() => import('@adobe-commerce/elsie/icons/Trash.svg')),\n  User: lazy(() => import('@adobe-commerce/elsie/icons/User.svg')),\n  View: lazy(() => import('@adobe-commerce/elsie/icons/View.svg')),\n  Wallet: lazy(() => import('@adobe-commerce/elsie/icons/Wallet.svg')),\n  Warning: lazy(() => import('@adobe-commerce/elsie/icons/Warning.svg')),\n  WarningFilled: lazy(() => import('@adobe-commerce/elsie/icons/WarningFilled.svg')),\n  WarningWithCircle: lazy(\n    () => import('@adobe-commerce/elsie/icons/WarningWithCircle.svg')\n  ),\n};\n\nexport interface IconProps extends Omit<SVGProps<SVGSVGElement>, 'size'> {\n  source?:\n  | FunctionComponent<SVGProps<SVGSVGElement> & { title?: string }>\n  | IconType\n  | string;\n  size?: '12' | '16' | '24' | '32' | '64' | '80';\n  stroke?: '1' | '2' | '3' | '4';\n  className?: string;\n  title?: string;\n}\n\nexport type IconNode = FunctionComponent<\n  SVGProps<SVGSVGElement> & { title?: string }\n>;\n\nfunction isValidUrl(source: string): boolean { // check for URL from same domain\n  try {\n    if (source.startsWith('//')) {\n      const absoluteUrl = `${window.location.protocol}${source}`;\n      const url = new URL(absoluteUrl);\n      if (url.hostname !== window.location.hostname) {\n        console.error(\n          `[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`\n        );\n        return false;\n      }\n      return true;\n    }\n    const url = new URL(source);\n    \n    if (url.hostname !== window.location.hostname) {\n      console.error(`[Icon] External URL rejected for security: ${source} - Only same-domain URLs are allowed`);\n      return false;\n    }\n    \n    return true;\n  } catch {\n    console.error(`[Icon] Invalid URL format: ${source}`);\n    return false;\n  }\n}\n\nfunction UrlSvgLoader({\n  url,\n  ...props\n}: SVGProps<SVGSVGElement> & { url: string }) {\n  const [svgContent, setSvgContent] = useState<string>('');\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState(false);\n\n  useEffect(() => {\n    fetch(url)\n      .then(response => {\n        if (!response.ok) {\n          console.error(`[Icon] Failed to fetch SVG: ${response.status} ${response.statusText}`);\n          throw error;\n        }\n        return response.text();\n      })\n      .then(content => {\n        // Check if content is valid SVG\n        try {\n          const parser = new DOMParser();\n          const doc = parser.parseFromString(content, \"image/svg+xml\");\n          const svg = doc.querySelector('svg');\n          if (!svg) {\n            throw new Error(\"No <svg> element found\");\n          }\n          // Success!\n        } catch(e: unknown) {\n          if (e instanceof Error ) {\n            console.error(`[Icon] Invalid SVG content from ${url}: ${e.message}`);\n          } else {\n            console.error(`[Icon] Invalid SVG content from ${url}: ${String(e)}`);\n          }\n          setError(true);\n          setLoading(false);\n        }\n        \n\n        // Process SVG content to ensure proper sizing and accessibility\n        let processedContent = content;\n\n        if (props.width) {\n          processedContent = processedContent.replace(\n            /<svg([^>]*)\\s+width\\s*=\\s*[\"'][^\"']*[\"']/gi,\n            '<svg$1'\n          );\n          processedContent = processedContent.replace(\n            /<svg/i,\n            `<svg width=\"${props.width}\"`\n          );\n        }\n\n        if (props.height) {\n          processedContent = processedContent.replace(\n            /<svg([^>]*)\\s+height\\s*=\\s*[\"'][^\"']*[\"']/gi,\n            '<svg$1'\n          );\n          processedContent = processedContent.replace(\n            /<svg/i,\n            `<svg height=\"${props.height}\"`\n          );\n        }\n        \n        if (props.title) {\n          processedContent = processedContent.replace(/<title[^>]*>.*?<\\/title>/gi, '');\n          processedContent = processedContent.replace(\n            /<svg([^>]*)>/i,\n            `<svg$1><title>${props.title}</title>`\n          );\n        }\n        \n        setSvgContent(processedContent);\n        setLoading(false);\n      })\n      .catch((error) => {\n        if (error instanceof Error) {\n          console.error(`[Icon] ${error.message}`);\n        } else {\n          console.error(`[Icon] ${String(error)}`);\n        }\n        setError(true);\n        setLoading(false);\n      });\n  }, [url, props.width, props.height, props.title]);\n\n  if (loading || error) {\n    return <svg {...props} />;\n  }\n\n  return (\n    <span\n      className={props.className}\n      style={{\n        width: String(props.width),\n        height: String(props.height),\n        display: 'inline-flex',\n        lineHeight: 0,\n      }}\n      dangerouslySetInnerHTML={{ __html: svgContent }}\n    />\n  );\n}\n\nexport function Icon({\n  source: Source,\n  size = '24',\n  stroke = '2',\n  viewBox = '0 0 24 24',\n  className,\n  ...props\n}: IconProps) {\n\n  const defaultProps = {\n    className: classes([\n      'dropin-icon',\n      `dropin-icon--shape-stroke-${stroke}`,\n      className,\n    ]),\n    width: size,\n    height: size,\n    viewBox,\n  };\n\n  // Only validate strings that look like URLs (start with http, //, or /)\n  const isLikelyUrl =\n    typeof Source === 'string' &&\n    (Source.startsWith('http') ||\n      Source.startsWith('//') ||\n      Source.startsWith('/'));\n\n  if (isLikelyUrl && isValidUrl(Source)) {\n    return (\n      <Suspense fallback={<svg {...props} {...defaultProps} />}>\n        <UrlSvgLoader url={Source} {...props} {...defaultProps}/>\n      </Suspense>\n    );\n  }\n\n  const LazyIcon = typeof Source === 'string' && Source in lazyIcons\n    ? lazyIcons[Source as IconType]\n    : null;\n\n  const isRejectedUrl = isLikelyUrl && !isValidUrl(Source);\n\n  return (\n    <Suspense fallback={<svg {...props} {...defaultProps} />}>\n      {LazyIcon ? (\n        <LazyIcon {...props} {...defaultProps} />\n      ) : isRejectedUrl ? (\n        <svg {...props} {...defaultProps} />\n      ) : (\n        // @ts-ignore\n        <Source {...props} {...defaultProps} />\n      )}\n    </Suspense>\n  );\n}\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useState, useCallback, useEffect } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { Localizer, Text } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Incrementer/Incrementer.css';\n\nexport interface IncrementerProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size'> {\n  name?: string;\n  size?: 'medium' | 'large';\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n  error?: boolean;\n  success?: boolean;\n  min?: number;\n  max?: number;\n  disabled?: boolean;\n  maxLength?: number;\n  showButtons?: boolean;\n}\n\nexport const Incrementer: FunctionComponent<IncrementerProps> = ({\n  name,\n  value = '1',\n  className,\n  disabled,\n  error,\n  success,\n  min,\n  max,\n  onValue,\n  onUpdateError,\n  size = 'medium',\n  showButtons = true,\n  ...props\n}) => {\n  const [currentValue, setCurrentValue] = useState<number>(Number(value));\n  const minValue = Number(min);\n  const maxValue = Number(max);\n  const isInvalid = error || currentValue < minValue || currentValue > maxValue;\n\n  const errorMessage =\n    currentValue < minValue\n      ? 'Dropin.Incrementer.minQuantityMessage'\n      : currentValue > maxValue\n        ? 'Dropin.Incrementer.maxQuantityMessage'\n        : 'Dropin.Incrementer.errorMessage';\n\n  // Add this effect to synchronize internal state with external value prop\n  useEffect(() => {\n    const propValue = Number(value);\n    if (propValue !== currentValue) {\n      setCurrentValue(propValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedOnValueHandler = useCallback(\n    debounce(async (newValue: any) => {\n      if (onValue) {\n        try {\n          onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    }, 200),\n    [onValue, onUpdateError]\n  );\n\n  const handleIncrementer = (_value: number) => {\n    let newValue = _value;\n    debouncedOnValueHandler(newValue);\n    setCurrentValue(newValue);\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-incrementer',\n        `dropin-incrementer--${size}`,\n        className,\n      ])}\n    >\n      <div\n        className={classes([\n          'dropin-incrementer__content',\n          `dropin-incrementer__content--${size}`,\n          ['dropin-incrementer__content--no-buttons', !showButtons],\n          [`dropin-incrementer__content--error`, isInvalid],\n          [`dropin-incrementer__content--success`, success],\n          [`dropin-incrementer__content--disabled`, disabled],\n        ])}\n      >\n        {/* Minus Button */}\n        {showButtons && (\n          <div\n            className={classes([\n              'dropin-incrementer__button-container',\n              [`dropin-incrementer__button-container--disabled`, disabled],\n            ])}\n          >\n            <Localizer>\n              <button\n                type=\"button\"\n                className={classes([\n                  'dropin-incrementer__decrease-button',\n                  [`dropin-incrementer__decrease-button--disabled`, disabled],\n                ])}\n                onClick={() => handleIncrementer(currentValue - 1)}\n                disabled={disabled || currentValue < minValue + 1}\n                aria-label={\n                  (<Text id=\"Dropin.Incrementer.decreaseLabel\" />) as any\n                }\n              >\n                <Icon\n                  source={Minus}\n                  size=\"16\"\n                  stroke=\"1\"\n                  viewBox=\"4 2 20 20\"\n                  className=\"dropin-incrementer__down\"\n                />\n              </button>\n            </Localizer>\n          </div>\n        )}\n\n        {/* Input Field */}\n        <input\n          className=\"dropin-incrementer__input\"\n          max={max}\n          min={min}\n          step={1}\n          type=\"number\"\n          name={name}\n          value={currentValue}\n          disabled={disabled}\n          onBlur={() => {\n            handleIncrementer(Number(currentValue));\n          }}\n          onChange={(e) => {\n            const newValue = e.currentTarget.value;\n            if (newValue !== '') {\n              handleIncrementer(Number(newValue));\n            }\n          }}\n          {...props}\n        />\n\n        {showButtons && (\n          <div\n            className={classes([\n              'dropin-incrementer__button-container',\n              [`dropin-incrementer__button-container--disabled`, disabled],\n            ])}\n          >\n            {/* Plus/Add button */}\n            <Localizer>\n              <button\n                type=\"button\"\n                className={classes([\n                  'dropin-incrementer__increase-button',\n                  [`dropin-incrementer__increase-button--disabled`, disabled],\n                ])}\n                onClick={() => handleIncrementer(currentValue + 1)}\n                disabled={disabled || currentValue > maxValue - 1}\n                aria-label={\n                  (<Text id=\"Dropin.Incrementer.increaseLabel\" />) as any\n                }\n              >\n                <Icon\n                  source={Add}\n                  size=\"16\"\n                  stroke=\"1\"\n                  viewBox=\"4 2 20 20\"\n                  className=\"dropin-incrementer__add\"\n                />\n              </button>\n            </Localizer>\n          </div>\n        )}\n      </div>\n      {isInvalid && (\n        <p className=\"dropin-incrementer__content--error-message\">\n          <Text\n            id={errorMessage}\n            fields={{ minQuantity: min, maxQuantity: max }}\n          />\n        </p>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Input/Input.css';\nimport { CheckWithCircle, WarningWithCircle } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes, debounce } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nexport interface InputProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'icon'> {\n  id?: string;\n  name?: string;\n  variant?: 'primary' | 'secondary';\n  disabled?: boolean;\n  error?: boolean;\n  floatingLabel?: string;\n  onUpdateError?: (error: Error) => void;\n  onValue?: (value: any) => void;\n  size?: 'medium' | 'large';\n  success?: boolean;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  maxLength?: number;\n}\n\nexport const Input: FunctionComponent<InputProps> = ({\n  name,\n  value,\n  variant = 'primary',\n  className,\n  disabled,\n  error,\n  floatingLabel,\n  onValue,\n  onUpdateError,\n  size = 'medium',\n  icon,\n  maxLength,\n  success,\n  ...props\n}) => {\n  const id = props?.id || name || `dropin-input-${Math.random().toString(36)}`;\n\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  const debouncedOnValueHandler = useCallback(\n    debounce(async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    }, 200),\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    debouncedOnValueHandler(input.value.trim());\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-input-container',\n        `dropin-input-container--${variant}`,\n        [`dropin-input-container--floating`, !!floatingLabel],\n        ['dropin-input-container--disabled', disabled],\n      ])}\n    >\n      {icon && (\n        <VComponent\n          node={icon}\n          className={classes([\n            'dropin-input__field-icon--left',\n            icon.props.className,\n          ])}\n        />\n      )}\n      <div className=\"dropin-input-label-container\">\n        {/* Input */}\n        <input\n          id={id}\n          onChange={handleOnValue}\n          type=\"text\"\n          maxLength={maxLength}\n          name={name}\n          value={value}\n          {...props}\n          className={classes([\n            'dropin-input',\n            `dropin-input--${size}`,\n            `dropin-input--${variant}`,\n            [`dropin-input--error`, !!error],\n            [`dropin-input--success`, !!success],\n            ['dropin-input--disabled', disabled],\n            [`dropin-input--floating`, !!floatingLabel],\n            [`dropin-input--icon-left`, !!icon],\n            className,\n          ])}\n          disabled={disabled}\n        />\n\n        {/* Floating Label */}\n        {floatingLabel && (\n          <label\n            htmlFor={id}\n            className={classes([\n              [`dropin-input__label--floating`, !!floatingLabel],\n              [`dropin-input__label--floating--icon-left`, !!icon],\n              [`dropin-input__label--floating--error`, !!error],\n            ])}\n          >\n            {floatingLabel}\n          </label>\n        )}\n      </div>\n\n      {error && (\n        <div\n          className={classes([\n            'dropin-input__field-icon--right',\n            'dropin-input__field-icon--error',\n          ])}\n        >\n          <Icon\n            source={WarningWithCircle}\n            size=\"16\"\n            stroke=\"2\"\n            className=\"dropin-input--warning-icon\"\n            viewBox=\"-1 -1 26 26\"\n          />\n        </div>\n      )}\n\n      {success && (\n        <div\n          className={classes([\n            'dropin-input__field-icon--right',\n            'dropin-input__field-icon--success',\n          ])}\n        >\n          <Icon\n            source={CheckWithCircle}\n            size=\"16\"\n            stroke=\"2\"\n            className=\"dropin-input--success-icon\"\n            viewBox=\"-1 -1 26 26\"\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useRef, useState } from 'preact/hooks';\nimport { classes, isIOSMobileDevice } from '@adobe-commerce/elsie/lib';\nimport { JSX } from 'preact/compat';\nimport { Field, Icon, Input, InputProps } from '@adobe-commerce/elsie/components';\nimport { Date } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/InputDate/InputDate.css';\nimport { useCallback } from 'react';\n\nexport interface InputDateProps extends Omit<InputProps, 'error' | 'value'> {\n  label?: string;\n  name?: string;\n  error?: string;\n  value?: Date;\n}\n\nexport const InputDate: FunctionComponent<InputDateProps> = ({\n  name = '',\n  error,\n  value,\n  label,\n  onChange,\n  onBlur,\n  ...props\n}) => {\n  const [internalValue, setInternalValue] = useState(value?.toString() ?? '');\n  const iosInputRef = useRef<HTMLInputElement>(null);\n  const dictionary = useText({\n    picker: 'Dropin.InputDate.picker',\n  });\n\n  const handleOnFocus: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      event.currentTarget.setAttribute('type', 'date');\n\n      if (!isIOSMobileDevice()) return;\n\n      iosInputRef.current.focus();\n    },\n    []\n  );\n\n  const handleOnClick: JSX.MouseEventHandler<HTMLButtonElement> = useCallback(\n    (event) => {\n      const input = event.currentTarget.parentElement?.querySelector('input');\n      input?.focus();\n      input?.showPicker();\n    },\n    []\n  );\n\n  const handleOnBlur: JSX.MouseEventHandler<HTMLInputElement> = useCallback(\n    (event) => {\n      event.currentTarget.setAttribute('type', 'text');\n      onBlur?.(event);\n    },\n    [onBlur]\n  );\n\n  const handleInputChange: JSX.MouseEventHandler<HTMLInputElement> =\n    useCallback(\n      (event) => {\n        setInternalValue(event.target.value);\n        onChange?.(event);\n      },\n      [onChange]\n    );\n\n  return (\n    <div className={classes(['dropin-input-date'])}>\n      {/* This simple input is needed only for iOS devices to trigger the date picker. */}\n      {isIOSMobileDevice() ? (\n        <input\n          ref={iosInputRef}\n          data-testid=\"inputDateIos\"\n          className=\"dropin-input-date__input--ios\"\n          type=\"date\"\n          onChange={handleInputChange}\n        />\n      ) : null}\n      <Field error={error}>\n        <Input\n          data-testid=\"input-date\"\n          error={!!error}\n          name={name}\n          value={internalValue}\n          placeholder={label}\n          floatingLabel={label}\n          onFocus={handleOnFocus}\n          onBlur={handleOnBlur}\n          onChange={handleInputChange}\n          aria-labelledby={label}\n          className=\"dropin-input-date__input\"\n          {...props}\n        />\n      </Field>\n\n      <button\n        type=\"button\"\n        data-testid=\"dropin-input-date__icon\"\n        className=\"dropin-input-date__icon\"\n        aria-label={dictionary.picker}\n        onClick={handleOnClick}\n      >\n        <Icon source={Date} size=\"24\" />\n      </button>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  Check,\n  Close as ErrorValidation,\n  Minus as PendingValidation,\n} from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/InputPassword/PasswordStatusIndicator/PasswordStatusIndicator.css';\n\ntype statusTypes = '' | 'success' | 'error' | 'pending';\n\nexport interface ValidateLengthConfigProps {\n  status?: statusTypes;\n  icon?: statusTypes;\n  message?: string;\n}\n\nexport interface PasswordStatusIndicatorProps {\n  validateLengthConfig?: ValidateLengthConfigProps;\n  uniqueSymbolsStatus?: statusTypes;\n  minLength?: number;\n  requiredCharacterClasses?: number;\n}\n\nconst getIcon: { [key: string]: JSX.Element } = {\n  pending: <PendingValidation />,\n  success: <Check />,\n  error: <ErrorValidation style={{ fill: 'red' }} />,\n};\n\nexport const PasswordStatusIndicator: FunctionComponent<\n  PasswordStatusIndicatorProps & HTMLAttributes<HTMLDivElement>\n> = ({\n  minLength = 0,\n  requiredCharacterClasses = 0,\n  uniqueSymbolsStatus = 'pending',\n  validateLengthConfig = { status: '', icon: '', message: '' },\n}) => {\n  const translations = useText({\n    chartTwoSymbols: 'Dropin.PasswordStatusIndicator.chartTwoSymbols',\n    chartThreeSymbols: 'Dropin.PasswordStatusIndicator.chartThreeSymbols',\n    chartFourSymbols: 'Dropin.PasswordStatusIndicator.chartFourSymbols',\n  });\n\n  const getMessage = (chart: number) => {\n    switch (chart) {\n      case 2:\n        return translations.chartTwoSymbols;\n      case 3:\n        return translations.chartThreeSymbols;\n      case 4:\n        return translations.chartFourSymbols;\n      default:\n        return '';\n    }\n  };\n\n  return (\n    <div className={classes(['dropin-password-status-indicator'])}>\n      {minLength > 0 ? (\n        <div\n          className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${validateLengthConfig.status}`}\n          data-testid={`dropin-password-status-indicator__item--${validateLengthConfig.icon}`}\n        >\n          {getIcon[validateLengthConfig.icon as string]}\n          <span className={`${validateLengthConfig.status}`}>\n            {validateLengthConfig.message}\n          </span>\n        </div>\n      ) : null}\n      {requiredCharacterClasses >= 2 ? (\n        <div\n          className={`dropin-password-status-indicator__item dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n          data-testid={`dropin-password-status-indicator__item--${uniqueSymbolsStatus}`}\n        >\n          {getIcon[uniqueSymbolsStatus]}\n          <span className={`pending`}>\n            {getMessage(requiredCharacterClasses)}\n          </span>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { useCallback, useState } from 'preact/hooks';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Locker, EyeClose, Eye } from '@adobe-commerce/elsie/icons';\nimport { Button, Field, Input, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport {\n  PasswordStatusIndicator,\n  PasswordStatusIndicatorProps,\n} from './PasswordStatusIndicator';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InputPassword/InputPassword.css';\n\nexport interface InputPasswordProps\n  extends PasswordStatusIndicatorProps,\n    Omit<HTMLAttributes<HTMLDivElement>, 'minLength'> {\n  placeholder?: string;\n  floatingLabel?: string;\n  defaultValue?: string;\n  className?: string;\n  name?: string;\n  autoComplete?: string;\n  errorMessage?: string | undefined;\n  required?: boolean;\n  hideStatusIndicator?: boolean;\n  onValue?: (value: any) => void;\n  onBlur?: (event: Event) => void;\n}\n\nexport const InputPassword: FunctionComponent<InputPasswordProps> = ({\n  placeholder,\n  floatingLabel,\n  children,\n  name,\n  required,\n  className,\n  minLength,\n  autoComplete,\n  defaultValue = '',\n  hideStatusIndicator = false,\n  uniqueSymbolsStatus,\n  validateLengthConfig,\n  requiredCharacterClasses,\n  errorMessage,\n  onValue,\n  onBlur,\n  ...props\n}) => {\n  const translations = useText({\n    placeholder: 'Dropin.InputPassword.placeholder',\n    floatingLabel: 'Dropin.InputPassword.floatingLabel',\n    buttonShowTitle: 'Dropin.InputPassword.buttonShowTitle',\n    buttonHideTitle: 'Dropin.InputPassword.buttonHideTitle',\n  });\n\n  const [showPassword, setShowPassword] = useState(false);\n\n  const toggleShowPassword = useCallback(() => {\n    setShowPassword((prevShowPassword) => !prevShowPassword);\n  }, []);\n\n  const title = !showPassword\n    ? translations.buttonShowTitle\n    : translations.buttonHideTitle;\n\n  return (\n    <div\n      data-testid=\"passwordFieldInput\"\n      className={classes([\n        'dropin-input-password',\n        ['dropin-input-password--error', errorMessage],\n        className,\n      ])}\n      {...props}\n    >\n      <Field error={errorMessage}>\n        <Input\n          autoComplete={autoComplete}\n          name={name ?? 'password'}\n          type={!showPassword ? 'password' : 'text'}\n          placeholder={placeholder || translations.placeholder}\n          floatingLabel={floatingLabel || translations.floatingLabel}\n          aria-label={translations.placeholder}\n          aria-required={required || true}\n          aria-invalid={!!errorMessage}\n          aria-describedby=\"password-feedback\"\n          required={required || false}\n          value={defaultValue}\n          onValue={onValue}\n          icon={<Locker />}\n          onBlur={onBlur}\n          data-testid=\"passwordInput\"\n        />\n      </Field>\n      <Button\n        aria-label={title}\n        title={title}\n        type={'button'}\n        data-testid=\"toggle-password-icon\"\n        variant=\"tertiary\"\n        className={classes([\n          'dropin-input-password__eye-icon',\n          `dropin-input-password__eye-icon--${showPassword ? 'show' : 'hide'}`,\n          className,\n        ])}\n        onClick={toggleShowPassword}\n      >\n        <Icon\n          focusable={false}\n          aria-hidden={showPassword}\n          source={!showPassword ? EyeClose : Eye}\n        />\n      </Button>\n      {hideStatusIndicator ? null : (\n        <PasswordStatusIndicator\n          minLength={minLength}\n          requiredCharacterClasses={requiredCharacterClasses}\n          validateLengthConfig={validateLengthConfig}\n          uniqueSymbolsStatus={uniqueSymbolsStatus}\n        />\n      )}\n      {children}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/TextArea/TextArea.css';\nimport { useRef, useEffect, useId } from 'preact/hooks';\n\nexport interface TextAreaProps extends HTMLAttributes<HTMLTextAreaElement> {\n  id?: string;\n  name?: string;\n  disabled?: boolean;\n  errorMessage?: string;\n}\n\nexport const TextArea: FunctionComponent<TextAreaProps> = ({\n  disabled,\n  name = '',\n  errorMessage,\n  value,\n  label,\n  className,\n  onChange,\n  onBlur,\n  ...props\n}) => {\n  const textareaRef = useRef<HTMLTextAreaElement | null>(null);\n  const id = useId();\n  const error = !!errorMessage?.length;\n\n  useEffect(() => {\n    const textArea = textareaRef.current;\n    if (!textArea) return;\n\n    textArea.style.height = 'auto';\n    textArea.style.height = `${textArea.scrollHeight}px`;\n  }, [value]);\n\n  return (\n    <div\n      className={classes(['dropin-textarea-container', className])}\n      data-testid=\"dropin-textarea-container\"\n    >\n      <textarea\n        ref={textareaRef}\n        data-testid=\"dropin-textarea-field\"\n        className={classes([\n          'dropin-textarea',\n          [`dropin-textarea--error`, error],\n          ['dropin-textarea--disabled', !!disabled],\n        ])}\n        id={id}\n        placeholder={label}\n        name={name}\n        value={value}\n        disabled={disabled}\n        onBlur={onBlur}\n        onChange={onChange}\n        {...props}\n      />\n      <label\n        htmlFor={id}\n        className={classes([\n          `dropin-textarea__label--floating`,\n          [`dropin-textarea__label--floating--error`, error],\n        ])}\n      >\n        {label}\n      </label>\n      {error ? (\n        <div\n          className={classes([\n            `dropin-textarea__label--floating--text`,\n            [`dropin-textarea__label--floating--error`, error],\n          ])}\n        >\n          {errorMessage}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Divider/Divider.css';\n\nexport interface DividerProps extends HTMLAttributes<HTMLHRElement> {\n  variant?: 'primary' | 'secondary';\n}\n\nexport const Divider: FunctionComponent<DividerProps> = ({\n  variant = 'primary',\n  className,\n}) => {\n  return (\n    <hr\n      role=\"separator\"\n      className={classes([\n        'dropin-divider',\n        `dropin-divider--${variant}`,\n        className,\n      ])}\n    />\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes, getPriceFormatter } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Price/Price.css';\n\nexport interface PriceProps\n  extends Omit<HTMLAttributes<HTMLSpanElement>, 'size'> {\n  amount?: number;\n  currency?: string | null;\n  locale?: string;\n  formatOptions?: {\n    [key: string]: any;\n  };\n  variant?: 'default' | 'strikethrough';\n  weight?: 'bold' | 'normal';\n  sale?: boolean;\n  size?: 'small' | 'medium' | 'large';\n}\n\nexport const Price: FunctionComponent<PriceProps> = ({\n  amount = 0,\n  currency,\n  locale,\n  variant = 'default',\n  weight = 'bold',\n  className,\n  children,\n  sale = false,\n  formatOptions = {},\n  size = 'small',\n  ...props\n}) => {\n  const formattedAmount = useMemo(() => {\n    const formatter = getPriceFormatter({ currency, locale, formatOptions });\n    return formatter.format(amount);\n  }, [amount, currency, locale, formatOptions]);\n\n  return (\n    <span\n      {...props}\n      className={classes([\n        'dropin-price',\n        `dropin-price--${variant}`,\n        `dropin-price--${size}`,\n        `dropin-price--${weight}`,\n        ['dropin-price--sale', sale],\n        className,\n      ])}\n    >\n      {formattedAmount}\n    </span>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/RadioButton/RadioButton.css';\n\nexport interface RadioButtonProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n  label: string | VNode<HTMLAttributes<HTMLElement>>;\n  name: string;\n  value: string;\n  size?: 'medium' | 'large';\n  checked?: boolean;\n  disabled?: boolean;\n  error?: boolean;\n  description?: string;\n  busy?: boolean;\n}\n\nexport const RadioButton: FunctionComponent<RadioButtonProps> = ({\n  name,\n  label,\n  value,\n  size = 'medium',\n  checked = false,\n  disabled = false,\n  error = false,\n  description = '',\n  busy = false,\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <label\n      className={classes([\n        className,\n        'dropin-radio-button',\n        ['dropin-radio-button--error', error],\n        ['dropin-radio-button--disabled', disabled],\n      ])}\n    >\n      <input\n        name={name}\n        value={value}\n        checked={checked}\n        disabled={disabled}\n        type=\"radio\"\n        className={classes([\n          'dropin-radio-button__input',\n          ['dropin-radio-button__input--error', error],\n          ['dropin-radio-button__input--disabled', disabled],\n        ])}\n        aria-busy={busy}\n        {...props}\n      />\n      <span\n        className={classes([\n          'dropin-radio-button__label',\n          `dropin-radio-button__label--${size}`,\n          ['dropin-radio-button__label--error', error],\n          ['dropin-radio-button__label--disabled', disabled],\n        ])}\n      >\n        {label}\n      </span>\n      <span\n        className={classes([\n          'dropin-radio-button__description',\n          `dropin-radio-button__description--${size}`,\n          ['dropin-radio-button__description--disabled', disabled],\n        ])}\n      >\n        {description}\n      </span>\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Button/Button.css';\n\nexport interface ButtonProps\n  extends Omit<\n    HTMLAttributes<HTMLButtonElement | HTMLAnchorElement>,\n    'size' | 'icon'\n  > {\n  variant?: 'primary' | 'secondary' | 'tertiary';\n  size?: 'medium' | 'large';\n  children?: ComponentChildren;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  disabled?: boolean;\n  active?: boolean;\n  activeChildren?: ComponentChildren;\n  activeIcon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  href?: string;\n  type?: 'button' | 'submit' | 'reset';\n}\n\nexport const Button: FunctionComponent<ButtonProps> = ({\n  value,\n  variant = 'primary',\n  size = 'medium',\n  icon,\n  className,\n  children,\n  disabled = false,\n  active = false,\n  activeChildren,\n  activeIcon,\n  href,\n  ...props\n}) => {\n  let buttonType = 'dropin-button';\n\n  if (\n    (icon && !children) ||\n    (icon && active && !activeChildren) ||\n    (!icon && active && activeIcon)\n  ) {\n    buttonType = 'dropin-iconButton';\n  }\n\n  if (active && activeChildren) {\n    buttonType = 'dropin-button';\n  }\n\n  className = classes([\n    buttonType,\n    `${buttonType}--${size}`,\n    `${buttonType}--${variant}`,\n    [`${buttonType}--${variant}--disabled`, disabled],\n    children && icon && `${buttonType}--with-icon`,\n    !children && activeChildren && icon && `${buttonType}--with-icon`,\n    active && activeIcon && `${buttonType}--with-icon`,\n    className,\n  ]);\n\n  const iconClassName = classes([\n    'dropin-button-icon',\n    `dropin-button-icon--${variant}`,\n    [`dropin-button-icon--${variant}--disabled`, disabled],\n    icon?.props.className,\n  ]);\n\n  const attributes = href\n    ? {\n        node: <a />,\n        role: 'link',\n        href,\n        ...props,\n        disabled,\n        active,\n        onKeyDown: (event: KeyboardEvent) => {\n          if (disabled) {\n            event.preventDefault();\n          }\n        },\n        tabIndex: disabled ? -1 : 0,\n      }\n    : {\n        node: <button />,\n        role: 'button',\n        ...props,\n        value,\n        disabled,\n        active,\n      };\n\n  return (\n    <VComponent {...attributes} className={className}>\n      {icon && !active && <VComponent node={icon} className={iconClassName} />}\n\n      {activeIcon && active && (\n        <VComponent node={activeIcon} className={iconClassName} />\n      )}\n\n      {children &&\n        !active &&\n        (typeof children === 'string' ? <span>{children}</span> : children)}\n\n      {active &&\n        activeChildren &&\n        (typeof activeChildren === 'string' ? (\n          <span>{activeChildren}</span>\n        ) : (\n          activeChildren\n        ))}\n    </VComponent>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Icon } from '@adobe-commerce/elsie/components';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useEffect, useState } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/Picker/Picker.css';\n\ntype PickerValue = string | null;\n\nexport interface PickerOption {\n  value: PickerValue;\n  text?: string;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  disabled?: boolean;\n}\n\nexport interface PickerProps\n  extends Omit<HTMLAttributes<HTMLSelectElement>, 'value' | 'size' | 'icon'> {\n  id?: string;\n  name?: string;\n  value?: PickerValue;\n  placeholder?: string;\n  variant?: 'primary' | 'secondary';\n  size?: 'medium' | 'large';\n  floatingLabel?: string;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  options?: PickerOption[];\n  defaultOption?: PickerOption;\n  disabled?: boolean;\n  error?: boolean;\n  handleSelect?: (event: Event) => void;\n}\n\nfunction findSelectedValue(\n  value?: PickerValue,\n  defaultOption?: PickerOption,\n  placeholder?: string,\n  floatingLabel?: string,\n  firstAvailableOption?: PickerOption\n) {\n  if (value) return value;\n  if (defaultOption) return defaultOption.value;\n  if (placeholder || floatingLabel) return '';\n  if (firstAvailableOption) return firstAvailableOption.value;\n  return null;\n}\n\nexport const Picker: FunctionComponent<PickerProps> = ({\n  name,\n  value = null,\n  options,\n  variant = 'primary',\n  floatingLabel,\n  size = 'medium',\n  handleSelect = () => {},\n  disabled = false,\n  error = false,\n  placeholder,\n  defaultOption,\n  icon,\n  className,\n  id,\n  ...props\n}) => {\n  const uniqueId = id ?? name ?? `dropin-picker-${Math.random().toString(36)}`;\n  const isRequired = !!props?.required;\n\n  // find the first option that is not disabled\n  const firstAvailableOption = options?.find((option) => !option.disabled);\n\n  const [selectedValue, setSelectedValue] = useState<PickerValue>(() => {\n    return findSelectedValue(\n      value,\n      defaultOption,\n      placeholder,\n      floatingLabel,\n      firstAvailableOption\n    );\n  });\n\n  useEffect(() => {\n    setSelectedValue(\n      findSelectedValue(\n        value,\n        defaultOption,\n        placeholder,\n        floatingLabel,\n        firstAvailableOption\n      )\n    );\n  }, [value, defaultOption, placeholder, floatingLabel, firstAvailableOption]);\n\n  const handleOptionClick = (event: Event) => {\n    const { options, value } = event.target as HTMLSelectElement;\n\n    for (const element of options) {\n      if (element.selected) {\n        setSelectedValue(value);\n        handleSelect(event);\n      }\n    }\n  };\n\n  const optionsListItems = options?.map((option) => {\n    const { value, text, disabled } = option;\n    const selected = value === selectedValue;\n\n    return (\n      <option\n        value={value as string}\n        key={value}\n        selected={selected}\n        disabled={disabled}\n        className={classes(['dropin-picker__option'])}\n      >\n        {text}\n      </option>\n    );\n  });\n\n  const isSelected = !!selectedValue;\n\n  const hasToDisplayPlaceholder = () => {\n    return (!isRequired || !isSelected) && (floatingLabel || placeholder);\n  };\n\n  return (\n    <div\n      className={classes([\n        className,\n        'dropin-picker',\n        `dropin-picker__${size}`,\n        ['dropin-picker__floating', !!floatingLabel],\n        ['dropin-picker__selected', isSelected],\n        ['dropin-picker__error', error],\n        ['dropin-picker__disabled', disabled],\n        ['dropin-picker__icon', icon],\n      ])}\n    >\n      {icon && (\n        // @ts-ignore\n        <icon.type\n          {...icon.props}\n          className={'dropin-picker__icon--placeholder'}\n        />\n      )}\n\n      <select\n        id={uniqueId}\n        className={classes([\n          'dropin-picker__select',\n          `dropin-picker__select--${variant}`,\n          `dropin-picker__select--${size}`,\n          ['dropin-picker__select--floating', !!floatingLabel],\n        ])}\n        name={name}\n        aria-label={name}\n        disabled={disabled}\n        onChange={handleOptionClick}\n        {...props}\n      >\n        {hasToDisplayPlaceholder() && (\n          <option\n            selected={!isSelected}\n            value={''}\n            key={value}\n            className={classes([\n              'dropin-picker__option dropin-picker__placeholder',\n            ])}\n          >\n            {floatingLabel ?? placeholder}\n          </option>\n        )}\n\n        {optionsListItems}\n      </select>\n\n      <Icon\n        source={ChevronDown}\n        size=\"24\"\n        stroke=\"2\"\n        className=\"dropin-picker__chevronDown\"\n      />\n\n      {floatingLabel && isSelected && (\n        <label\n          htmlFor={id}\n          className={classes(['dropin-picker__floatingLabel', !!floatingLabel])}\n        >\n          {floatingLabel}\n        </label>\n      )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport '@adobe-commerce/elsie/components/Field/Field.css';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nexport interface FieldProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  label?: string;\n  error?: string;\n  hint?: string;\n  success?: string;\n  disabled?: boolean;\n  children?: VNode;\n  size?: 'medium' | 'large';\n}\n\nexport const Field: FunctionComponent<FieldProps> = ({\n  className,\n  label,\n  error,\n  hint,\n  success,\n  size = 'medium',\n  disabled = false,\n  children,\n  ...props\n}) => {\n  const id =\n    children?.props?.id ?? `dropin-field-${Math.random().toString(36)}`;\n\n  let fieldContent: VNode | string | null = null;\n\n  if (children && typeof children !== 'string') {\n      fieldContent = (\n        <VComponent\n          node={children}\n          id={id}\n          key={children.key}\n          disabled={disabled}\n          size={size}\n          error={!!error}\n          success={!!success && !error}\n        />\n      );\n  }\n\n\n  return (\n    <div {...props} className={classes(['dropin-field', className])}>\n      {label && (\n        <label\n          className={classes([\n            'dropin-field__label',\n            ['dropin-field__label--disabled', disabled],\n            `dropin-field__label--${size}`,\n          ])}\n          htmlFor={id}\n        >\n          {label}\n        </label>\n      )}\n\n      <div className={classes(['dropin-field__content'])}>\n        {fieldContent}\n      </div>\n\n      <div\n        className={classes([\n          'dropin-field__hint',\n          [`dropin-field__hint--${size}`, size],\n          ['dropin-field__hint--error', !!error],\n          ['dropin-field__hint--success', !!success && !error],\n          ['dropin-field__hint--disabled', !!disabled],\n        ])}\n      >\n        {error || success || hint}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButton/ActionButton.css';\n\nexport interface ActionButtonProps\n  extends Omit<HTMLAttributes<HTMLButtonElement>, 'icon'> {\n  children?: ComponentChildren;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  active?: boolean;\n  disabled?: boolean;\n}\n\nexport const ActionButton: FunctionComponent<ActionButtonProps> = ({\n  icon,\n  className,\n  children,\n  active = false,\n  disabled = false,\n  ...props\n}) => {\n  return (\n    <button\n      role=\"button\"\n      disabled={disabled}\n      {...props}\n      className={classes([\n        'dropin-action-button',\n        ['dropin-action-button--active', active],\n        ['dropin-action-button--disabled', disabled],\n        className,\n      ])}\n    >\n      {icon && (\n        <VComponent\n          node={icon}\n          className={classes(['dropin-action-button-icon'])}\n        />\n      )}\n      {children &&\n        (typeof children === 'string' ? <span>{children}</span> : children)}\n    </button>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode, cloneElement } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ActionButtonGroup/ActionButtonGroup.css';\nimport { useCallback, useState } from 'preact/hooks';\nimport { Children } from 'react';\nimport { ActionButtonProps } from '@adobe-commerce/elsie/components/ActionButton';\n\nexport interface ActionButtonGroupOption {\n  value: string | null;\n  text: string;\n  icon?: VNode<SVGElement>;\n  disabled?: boolean;\n}\n\nexport interface ActionButtonGroupProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: 'primary' | 'secondary';\n  activeOption?: string;\n  disabled?: boolean;\n  dividers?: boolean;\n  children: VNode<ActionButtonProps>[] | VNode<ActionButtonProps>;\n  handleSelect?(value: string): void;\n}\n\nexport const ActionButtonGroup: FunctionComponent<ActionButtonGroupProps> = ({\n  className,\n  variant = 'primary',\n  activeOption,\n  disabled = false,\n  dividers = true,\n  children,\n  handleSelect,\n  ...props\n}) => {\n  const [activeOptionState, setActiveOptionState] = useState(activeOption);\n\n  const handleClick = useCallback(\n    (option: any) => {\n      const isOptionDisabled = disabled || option.props.disabled;\n      if (!isOptionDisabled) {\n        setActiveOptionState(option.props.value);\n        if (handleSelect) {\n          handleSelect(option.props.value);\n        }\n      }\n    },\n    [handleSelect, setActiveOptionState, disabled]\n  );\n\n  const buttonGroupOptions = Children.map(\n    children,\n    (child: VNode<ActionButtonProps>) => {\n      const isOptionDisabled = disabled || child.props.disabled;\n      const isOptionActive = child.props.value === activeOptionState;\n      return cloneElement(child, {\n        disabled: isOptionDisabled,\n        active: isOptionActive,\n        onClick: () => handleClick(child),\n        className: classes([\n          'dropin-action-button-group__option',\n          `dropin-action-button-group__option--${variant}`,\n          ['dropin-action-button-group__option--active', isOptionActive],\n          ['dropin-action-button-group__option--with-dividers', dividers],\n        ]),\n      });\n    }\n  );\n\n  return (\n    <div\n      role=\"group\"\n      {...props}\n      className={classes([\n        'dropin-action-button-group',\n        `dropin-action-button-group--${variant}`,\n        className,\n      ])}\n    >\n      {buttonGroupOptions}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Card/Card.css';\n\nexport interface CardProps extends HTMLAttributes<HTMLDivElement> {\n  variant?: 'primary' | 'secondary';\n  children: ComponentChildren | ComponentChildren[];\n}\n\nexport const Card: FunctionComponent<CardProps> = ({\n  variant = 'primary',\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-card', `dropin-card--${variant}`, className])}\n    >\n      <div class=\"dropin-card__content\">{children}</div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { ChangeEvent, HTMLAttributes, useRef, useState } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Check } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport '@adobe-commerce/elsie/components/Checkbox/Checkbox.css';\nimport { useEffect } from 'preact/hooks';\n\nexport interface CheckboxProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'size' | 'label'> {\n  name: string;\n  size?: 'medium' | 'large';\n  disabled?: boolean;\n  error?: boolean;\n  label?: string | VNode | VNode[];\n  description?: string | VNode | VNode[];\n}\n\nexport const Checkbox: FunctionComponent<CheckboxProps> = ({\n  name,\n  value,\n  size = 'medium',\n  disabled = false,\n  error = false,\n  label = '',\n  description = '',\n  className,\n  checked,\n  ...props\n}) => {\n  const [isChecked, setIsChecked] = useState(\n    checked === undefined ? false : checked\n  );\n  const ref = useRef<HTMLInputElement>(null);\n\n  const handleCheckboxChange = (e: ChangeEvent<HTMLInputElement>) => {\n    props.onChange?.(e);\n    setIsChecked(e.currentTarget.checked);\n  };\n\n  const handleOnKeyDown = (e: KeyboardEvent) => {\n    if (e.key === ' ') {\n      e.preventDefault();\n      ref?.current?.click();\n    }\n  };\n\n  useEffect(() => {\n    if (typeof checked === 'boolean') {\n      setIsChecked(checked);\n    }\n  }, [checked]);\n\n  return (\n    <label\n      className={classes([\n        'dropin-checkbox',\n        ['dropin-checkbox--disabled', disabled],\n      ])}\n    >\n      <input\n        ref={ref}\n        name={name}\n        value={value}\n        type=\"checkbox\"\n        disabled={disabled}\n        className={classes([\n          'dropin-checkbox__checkbox',\n          ['dropin-checkbox__checkbox--error', error],\n          className,\n        ])}\n        {...props}\n        onChange={handleCheckboxChange}\n        checked={isChecked}\n      />\n\n      <div className=\"dropin-checkbox__checkbox-icon\">\n        {/*Zero-width space character, used to align checkbox properly*/}\n        {'\\u200B'}\n        <span\n          aria-checked={isChecked ? 'true' : 'false'}\n          aria-labelledby={`${name}-label`}\n          aria-describedby={description ? `${name}-description` : undefined}\n          className={classes([\n            'dropin-checkbox__box',\n            ['dropin-checkbox__box--error', error],\n            ['dropin-checkbox__box--disabled', disabled],\n          ])}\n          role=\"checkbox\"\n          tabIndex={disabled ? -1 : 0}\n          onKeyDown={handleOnKeyDown}\n        >\n          <Icon\n            className={classes(['dropin-checkbox__checkmark'])}\n            source={Check}\n            size=\"16\"\n            stroke=\"3\"\n          />\n        </span>\n      </div>\n\n      <div\n        id={`${name}-label`}\n        className={classes([\n          'dropin-checkbox__label',\n          `dropin-checkbox__label--${size}`,\n          ['dropin-checkbox__label--disabled', disabled],\n        ])}\n      >\n        {label}\n      </div>\n\n      <div />\n      {description && (\n        <div\n          id={`${name}-description`}\n          role={'note'}\n          className={classes([\n            'dropin-checkbox__description',\n            `dropin-checkbox__description--${size}`,\n            ['dropin-checkbox__description--disabled', disabled],\n          ])}\n        >\n          {description}\n        </div>\n      )}\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useCallback } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ColorSwatch/ColorSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ColorSwatchProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'label' | 'size'> {\n  name?: string;\n  label?: string;\n  groupAriaLabel?: string;\n  id?: string;\n  size?: 'medium' | 'large';\n  color?: string;\n  value?: string;\n  disabled?: boolean;\n  selected?: boolean;\n  outOfStock?: boolean;\n  multi?: boolean;\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n}\n\nexport const ColorSwatch: FunctionComponent<ColorSwatchProps> = ({\n  className,\n  name,\n  value,\n  id,\n  label,\n  groupAriaLabel,\n  size = 'medium',\n  color,\n  disabled = false,\n  selected = false,\n  outOfStock = false,\n  multi = false,\n  onValue,\n  onUpdateError,\n  ...props\n}) => {\n  // i18n\n  const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n  const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n  const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n  const onValueHandler = useCallback(\n    async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    },\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    onValueHandler(input.value);\n  };\n\n  const isValidColor = (color: string) => {\n    const colorStyle = new Option().style;\n    colorStyle.color = color;\n    return colorStyle.color !== ''; // Returns true if the browser accepts this as a valid color\n  };\n\n  const defaultColor = 'var(--color-gray-300);';\n\n  const validColor = color && isValidColor(color) ? color : defaultColor;\n\n  const handleAriaLabel = () => {\n    if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n    if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n    return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n  };\n\n  return (\n    <label\n      className={classes([\n        'dropin-color-swatch__container',\n        `dropin-color-swatch__container--${size}`,\n        className,\n      ])}\n    >\n      <input\n        type={multi ? 'checkbox' : 'radio'}\n        name={name}\n        id={id}\n        value={value}\n        aria-label={handleAriaLabel()}\n        checked={selected}\n        disabled={disabled}\n        onChange={handleOnValue}\n        {...props}\n        className={classes([\n          'dropin-color-swatch',\n          ['dropin-color-swatch--selected', selected],\n          ['dropin-color-swatch--disabled', disabled],\n          className,\n        ])}\n      />\n      <span\n        style={{ '--bg-color': validColor }}\n        className={classes([\n          'dropin-color-swatch__span',\n          ['dropin-color-swatch__span--out-of-stock', outOfStock],\n          className,\n        ])}\n      />\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport {\n  HTMLAttributes,\n  useState,\n  useEffect,\n  useRef,\n  useCallback,\n  useMemo,\n} from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/TextSwatch/TextSwatch.css';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface TextSwatchProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n  name?: string;\n  label: string;\n  groupAriaLabel?: string;\n  value?: string;\n  id: string;\n  disabled?: boolean;\n  selected?: boolean;\n  outOfStock?: boolean;\n  multi?: boolean;\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n}\n\nexport const TextSwatch: FunctionComponent<TextSwatchProps> = ({\n  className,\n  name,\n  value,\n  label,\n  groupAriaLabel,\n  id,\n  disabled = false,\n  selected = false,\n  outOfStock = false,\n  multi = false,\n  onValue,\n  onUpdateError,\n  ...props\n}) => {\n  // i18n\n  const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n  const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n  const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const spanRef = useRef<HTMLLabelElement>(null);\n\n  const onValueHandler = useCallback(\n    async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    },\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    onValueHandler(input.value);\n  };\n\n  const handleAriaLabel = () => {\n    if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n    if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n    return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n  };\n\n  useEffect(() => {\n    if (\n      spanRef.current &&\n      spanRef.current.scrollWidth > spanRef.current.clientWidth\n    ) {\n      setIsOverflowing(true);\n    }\n  }, [label]);\n\n  const uniqueId = useMemo(() => id ?? `${name}_${id}_${Math.random().toString(36)}`, [name, id]);\n\n  return (\n    <div\n      className=\"dropin-text-swatch__container\"\n      {...(isOverflowing ? { 'data-tooltip': label } : {})}\n    >\n      <input\n        type={multi ? 'checkbox' : 'radio'}\n        name={name}\n        id={uniqueId}\n        value={value}\n        aria-label={handleAriaLabel()}\n        checked={selected}\n        disabled={disabled}\n        onChange={handleOnValue}\n        {...props}\n        className={classes([\n          'dropin-text-swatch',\n          ['dropin-text-swatch--selected', selected],\n          ['dropin-text-swatch--disabled', disabled],\n          className,\n        ])}\n      />\n      <label\n        htmlFor={uniqueId}\n        ref={spanRef}\n        className={classes([\n          'dropin-text-swatch__label',\n          ['dropin-text-swatch__label--out-of-stock', outOfStock],\n          className,\n        ])}\n      >\n        {label}\n      </label>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/ProgressSpinner/ProgressSpinner.css';\n\n/**\n * @param size this is the size of the spinner ranging in [12px, 24px, 36px, 48px]\n * @param stroke this is the stroke of the spinner ranging in [1px, 2px, 3px, 4px]\n */\nexport interface ProgressSpinnerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  ariaLabel?: string;\n  size?: 'small' | 'medium' | 'big' | 'large';\n  stroke?: '1' | '2' | '3' | '4';\n}\n\nexport const ProgressSpinner: FunctionComponent<ProgressSpinnerProps> = ({\n  ariaLabel,\n  size = 'small',\n  stroke = '4',\n  children,\n  className,\n  style,\n  ...props\n}) => {\n  const commonClasses = [\n    'dropin-progress-spinner',\n    `dropin-progress-spinner--shape-size-${size}`,\n    `dropin-progress-spinner--shape-stroke-${stroke}`,\n  ];\n\n  const translations = useText({\n    updating: 'Dropin.ProgressSpinner.updating.label',\n    updatingChildren: 'Dropin.ProgressSpinner.updatingChildren.label',\n  });\n\n  const handleAriaLabel = () => {\n    if (ariaLabel) return ariaLabel;\n    return children ? translations.updatingChildren : translations.updating;\n  };\n\n  return children ? (\n    // if we provide children to this component, it should act as a provider in order to add background with low opacity\n    <div\n      {...props}\n      className={classes(['dropin-progress-spinner-provider'])}\n      aria-live=\"polite\"\n      role=\"status\"\n    >\n      <div aria-hidden={true}>{children}</div>\n      <div\n        aria-label={handleAriaLabel()}\n        role=\"status\"\n        className={classes(['dropin-progress-spinner-background', className])}\n        style={style}\n      />\n      <div\n        className={classes([\n          'dropin-progress-spinner-with-provider',\n          ...commonClasses,\n        ])}\n        aria-hidden={true}\n      />\n    </div>\n  ) : (\n    // if there are no children, it should be able to be standalone and have no background\n    <div\n      {...props}\n      className={classes([className, ...commonClasses])}\n      aria-live=\"polite\"\n      role=\"status\"\n      aria-label={handleAriaLabel()}\n    />\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useCallback, JSX, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ImageSwatch/ImageSwatch.css';\nimport { Image, ImageProps } from '@adobe-commerce/elsie/components/Image';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface ImageNodeRenderProps extends ImageProps {\n  imageSwatchContext: {\n    disabled?: boolean;\n    outOfStock?: boolean;\n    multi?: boolean;\n    selected?: boolean;\n    value?: string;\n    label?: string;\n    groupAriaLabel?: string;\n    name?: string;\n    id?: string;\n  };\n}\n\nexport interface ImageSwatchProps\n  extends Omit<HTMLAttributes<HTMLInputElement>, 'label'> {\n  name?: string;\n  label?: string;\n  groupAriaLabel?: string;\n  id?: string;\n  src: string;\n  alt?: string;\n  value?: string;\n  disabled?: boolean;\n  selected?: boolean;\n  outOfStock?: boolean;\n  multi?: boolean;\n  imageNode?: VNode | ((props: ImageNodeRenderProps) => JSX.Element);\n  onValue?: (value: any) => void;\n  onUpdateError?: (error: Error) => void;\n}\n\nexport const ImageSwatch: FunctionComponent<ImageSwatchProps> = ({\n  className,\n  name,\n  value,\n  id,\n  label,\n  groupAriaLabel,\n  src,\n  alt,\n  disabled = false,\n  selected = false,\n  outOfStock = false,\n  multi = false,\n  imageNode,\n  onValue,\n  onUpdateError,\n  ...props\n}) => {\n  const outOfStockLabel = useText('Dropin.Swatches.outOfStock.label').label;\n  const selectedLabel = useText('Dropin.Swatches.selected.label').label;\n  const swatchLabel = useText('Dropin.Swatches.swatch.label').label;\n\n  const onValueHandler = useCallback(\n    async (newValue: any) => {\n      if (onValue) {\n        try {\n          await onValue(newValue);\n        } catch (e) {\n          if (onUpdateError) {\n            onUpdateError(e as Error);\n          }\n        }\n      }\n    },\n    [onValue, onUpdateError]\n  );\n\n  const handleOnValue = (e: Event) => {\n    const input = e.target as HTMLInputElement;\n\n    onValueHandler(input.value);\n  };\n\n  const handleAriaLabel = () => {\n    if (outOfStock) return `${groupAriaLabel}: ${label} ${outOfStockLabel}`;\n    if (selected) return `${groupAriaLabel}: ${label} ${selectedLabel}`;\n    return `${groupAriaLabel}: ${label} ${swatchLabel}`;\n  };\n\n  const imageProps: ImageProps = useMemo(() => {\n    return {\n      src,\n      alt,\n      loading: 'lazy',\n      params: { width: 100, fit: 'bounds', crop: true },\n      onError: (e: any) => (e.target.style.display = 'none'),\n    };\n  }, [src, alt]);\n\n  return (\n    <label className={classes(['dropin-image-swatch__container', className])}>\n      <input\n        type={multi ? 'checkbox' : 'radio'}\n        name={name}\n        id={id}\n        value={value}\n        aria-label={handleAriaLabel()}\n        checked={selected}\n        disabled={disabled}\n        onChange={handleOnValue}\n        {...props}\n        className={classes([\n          'dropin-image-swatch',\n          ['dropin-image-swatch--selected', selected],\n          ['dropin-image-swatch--disabled', disabled],\n          className,\n        ])}\n      />\n\n      <span\n        className={classes([\n          'dropin-image-swatch__span',\n          ['dropin-image-swatch__span--out-of-stock', outOfStock],\n          className,\n        ])}\n      >\n        {typeof imageNode === 'function' ? (\n          imageNode({\n            ...imageProps,\n            imageSwatchContext: {\n              disabled,\n              outOfStock,\n              selected,\n              value,\n              label,\n              groupAriaLabel,\n              name,\n              id,\n            },\n          })\n        ) : imageNode || (\n          <Image\n            {...imageProps}\n            className={classes(['dropin-image-swatch__content'])}\n          />\n        )}\n      </span>\n    </label>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useState, useEffect } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { Divider, Icon, IconNode } from '@adobe-commerce/elsie/components';\nimport { Add, Minus } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Accordion/Accordion.css';\nexport interface AccordionSectionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  defaultOpen?: boolean;\n  actionIconPosition?: 'left' | 'right';\n  ariaLabelTitle: string;\n  iconOpen?: IconNode;\n  iconClose?: IconNode;\n  iconLeft?: IconNode;\n  showIconLeft?: boolean;\n  secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n  renderContentWhenClosed?: boolean;\n  onStateChange?: (open: boolean) => void;\n}\n\nexport const AccordionSection: FunctionComponent<AccordionSectionProps> = ({\n  className,\n  children,\n  title,\n  ariaLabelTitle,\n  secondaryText,\n  actionIconPosition = 'left',\n  iconOpen = Add,\n  iconClose = Minus,\n  iconLeft = Add,\n  showIconLeft = false,\n  renderContentWhenClosed = true,\n  defaultOpen,\n  onStateChange,\n  ...props\n}) => {\n  const [open, setOpen] = useState<boolean>(false);\n  const onClickHandler = (e: { stopImmediatePropagation: () => void }) => {\n    e.stopImmediatePropagation();\n\n    const next = !open;\n    setOpen(next);\n    onStateChange?.(next);\n  };\n\n  useEffect(() => {\n    if (typeof defaultOpen !== 'undefined') {\n      setOpen(defaultOpen);\n    }\n  }, [defaultOpen]);\n\n  const buttonLabel = useText(\n    `Dropin.Accordion.${open ? 'close' : 'open'}.label`\n  ).label;\n\n  const openIcon = (\n    <Icon\n      source={iconOpen}\n      size=\"24\"\n      onClick={onClickHandler}\n      onKeyPress={onClickHandler}\n      className={'dropin-accordion-section__open-icon'}\n    />\n  );\n\n  const closeIcon = (\n    <Icon\n      source={iconClose}\n      size=\"24\"\n      onClick={onClickHandler}\n      onKeyPress={onClickHandler}\n      className={'dropin-accordion-section__close-icon'}\n    />\n  );\n\n  const leftIcon = <Icon source={iconLeft} size=\"24\" />;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-accordion-section', className])}\n    >\n      <div className={'dropin-accordion-section__heading'}>\n        <div\n          className={'dropin-accordion-section__flex'}\n          onClick={onClickHandler}\n          onKeyPress={onClickHandler}\n          role=\"button\"\n          aria-label={`${buttonLabel} ${ariaLabelTitle ?? title}`}\n          tabIndex={0}\n        >\n          <div className={'dropin-accordion-section__title-container'}>\n            {actionIconPosition === 'left' && (open ? closeIcon : openIcon)}\n\n            {showIconLeft && leftIcon}\n\n            <h3 className={'dropin-accordion-section__title'}>{title}</h3>\n          </div>\n        </div>\n\n        <div className={'dropin-accordion-section__secondary-text-container'}>\n          {secondaryText && (\n            <h4 className={'dropin-accordion-section__secondary-text'}>\n              {secondaryText}\n            </h4>\n          )}\n\n          {actionIconPosition === 'right' && (open ? closeIcon : openIcon)}\n        </div>\n      </div>\n\n      <div\n        className={'dropin-accordion-section__content-container'}\n        style={{ display: open ? 'grid' : 'none' }}\n      >\n        {(open || (renderContentWhenClosed && !open)) && children}\n      </div>\n    </div>\n  );\n};\n\nexport interface AccordionProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  actionIconPosition?: 'left' | 'right';\n  iconOpen?: IconNode;\n  iconClose?: IconNode;\n  iconLeft?: IconNode;\n  showIconLeft?: boolean;\n  secondaryText?: string | VNode<HTMLAttributes<HTMLSpanElement>>;\n  children: VNode<AccordionSectionProps>[] | VNode<AccordionSectionProps>;\n}\n\nexport const Accordion: FunctionComponent<AccordionProps> = ({\n  className,\n  children,\n  actionIconPosition = 'left',\n  iconOpen = Add,\n  iconClose = Minus,\n  ...props\n}) => {\n  const divider = <Divider variant=\"secondary\" />;\n\n  const renderAccordionSection = (child: VNode<AccordionSectionProps>) => (\n    <>\n      <AccordionSection\n        {...child.props}\n        actionIconPosition={actionIconPosition}\n        iconOpen={iconOpen}\n        iconClose={iconClose}\n      />\n      {divider}\n    </>\n  );\n\n  return (\n    <div {...props} className={classes(['dropin-accordion', className])}>\n      {[\n        divider,\n        ...(\n          (Array.isArray(children)\n            ? children\n            : [children]) as VNode<AccordionSectionProps>[]\n        ).map(renderAccordionSection),\n      ]}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\n\nimport '@adobe-commerce/elsie/components/InLineAlert/InLineAlert.css';\nexport interface InLineAlertProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon'> {\n  variant?: 'primary' | 'secondary';\n  heading: string;\n  description?: string;\n  type?: 'error' | 'warning' | 'success';\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  additionalActions?: Array<{\n    label: string;\n    onClick: (event: Event) => void;\n  }>;\n  onDismiss?: (event: Event) => void;\n  itemList?: VNode;\n  actionButtonPosition?: 'top' | 'bottom';\n}\n\nexport const InLineAlert: FunctionComponent<InLineAlertProps> = ({\n  variant = 'primary',\n  className,\n  type = 'warning',\n  additionalActions,\n  onDismiss,\n  heading,\n  description,\n  icon,\n  itemList,\n  actionButtonPosition,\n  ...props\n}) => {\n  const translations = useText({\n    dismiss: 'Dropin.InlineAlert.dismissLabel',\n  });\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-in-line-alert',\n        `dropin-in-line-alert--${type}`,\n        `dropin-in-line-alert--${variant}`,\n        className,\n      ])}\n    >\n      <div className={'dropin-in-line-alert__heading'}>\n        <div className={'dropin-in-line-alert__title-container'}>\n          {icon && (\n            <VComponent node={icon} className={'dropin-in-line-alert__icon'} />\n          )}\n\n          <span className={'dropin-in-line-alert__title'}>{heading}</span>\n        </div>\n\n        <div className={'dropin-in-line-alert__actions-container'}>\n          {additionalActions &&\n            (actionButtonPosition === 'top' ||\n              (!actionButtonPosition && additionalActions.length <= 1)) && (\n              <Button\n                variant=\"tertiary\"\n                className={'dropin-in-line-alert__additional-action'}\n                onClick={\n                  additionalActions.length > 0\n                    ? additionalActions[0]?.onClick\n                    : undefined\n                }\n                aria-label={additionalActions[0]?.label}\n              >\n                {additionalActions[0]?.label}\n              </Button>\n            )}\n          {onDismiss && (\n            <Button\n              icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n              className={'dropin-in-line-alert__dismiss-button'}\n              variant=\"tertiary\"\n              onClick={onDismiss}\n              aria-label={translations.dismiss}\n            />\n          )}\n        </div>\n      </div>\n\n      {description && (\n        <p className={'dropin-in-line-alert__description'}>{description}</p>\n      )}\n      <div className={'dropin-in-line-alert__item-list-container'}>\n        {itemList && (\n          <VComponent\n            node={itemList}\n            className={classes(['dropin-in-line-alert__item-list'])}\n          />\n        )}\n      </div>\n      {additionalActions &&\n        (actionButtonPosition === 'bottom' ||\n          (!actionButtonPosition && additionalActions.length > 1)) && (\n          <div className={'dropin-in-line-alert__additional-actions-container'}>\n            {additionalActions.map((action) => (\n              <Button\n                key={action.label}\n                variant=\"tertiary\"\n                className={'dropin-in-line-alert__additional-action'}\n                onClick={action.onClick}\n              >\n                {action.label}\n              </Button>\n            ))}\n          </div>\n        )}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren } from 'preact';\nimport { FunctionComponent, useLayoutEffect, useRef } from 'preact/compat';\n\ninterface PortalProps {\n  children: ComponentChildren;\n}\n\nexport const Portal: FunctionComponent<PortalProps> = ({ children }) => {\n  const portalRoot = useRef<HTMLDivElement | null>(null);\n  const contentRef = useRef<HTMLDivElement | null>(null);\n\n  useLayoutEffect(() => {\n    // Create portal root if it doesn't exist\n    if (!portalRoot.current) {\n      portalRoot.current = document.createElement('div');\n      portalRoot.current.setAttribute('data-portal-root', '');\n      document.body.appendChild(portalRoot.current);\n    }\n\n    // Move content to portal root\n    if (contentRef.current && portalRoot.current) {\n      portalRoot.current.appendChild(contentRef.current);\n    }\n\n    // Cleanup\n    return () => {\n      if (portalRoot.current) {\n        portalRoot.current.remove();\n        portalRoot.current = null;\n      }\n    };\n  }, []);\n\n  // Return a div that contains the children\n  return (\n    <div ref={contentRef} className=\"dropin-design\">\n      {children}\n    </div>\n  );\n}; ","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport {\n  FunctionComponent,\n  HTMLAttributes,\n  useCallback,\n  useEffect,\n} from 'preact/compat';\nimport { Button } from '../Button';\nimport { Close as CloseSVG } from '@adobe-commerce/elsie/icons';\nimport { VNode } from 'preact';\nimport { Portal } from '../Portal/Portal';\n\nimport '@adobe-commerce/elsie/components/Modal/Modal.css';\n\nexport interface ModalProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size' | 'title'> {\n  size?: 'small' | 'medium' | 'full';\n  title?: VNode;\n  centered?: boolean;\n  onClose?: () => void;\n  backgroundDim?: boolean;\n  clickToDismiss?: boolean;\n  escapeToDismiss?: boolean;\n  showCloseButton?: boolean;\n}\n\nexport const Modal: FunctionComponent<ModalProps> = ({\n  size = 'small',\n  title = null,\n  centered = false,\n  backgroundDim = true,\n  clickToDismiss = true,\n  escapeToDismiss = true,\n  onClose,\n  showCloseButton = true,\n  className,\n  children = null,\n  ...props\n}) => {\n  const handleOnClose = useCallback(() => {\n    onClose?.();\n  }, [onClose]);\n\n  const translations = useText({\n    modalCloseLabel: 'Dropin.Modal.Close.label',\n  });\n\n  // Close on background click\n  useEffect(() => {\n    const handleOutsideClick = (event: MouseEvent) => {\n      const modal = document.querySelector('.dropin-modal');\n      const modalBody = document.querySelector('.dropin-modal__body');\n\n      if (\n        clickToDismiss &&\n        modal &&\n        modalBody &&\n        !modalBody.contains(event.target as Node)\n      ) {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('mousedown', handleOutsideClick);\n\n    return () => {\n      document.removeEventListener('mousedown', handleOutsideClick);\n    };\n  }, [handleOnClose, clickToDismiss]);\n\n  // Close on ESC\n  useEffect(() => {\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (event.key === 'Escape' && escapeToDismiss) {\n        handleOnClose();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [handleOnClose, escapeToDismiss]);\n\n  // Prevent document scrolling\n  useEffect(() => {\n    const scrollingElement = document.scrollingElement as HTMLElement;\n\n    const defaultOverflowValue = scrollingElement.style.overflow;\n\n    scrollingElement.style.overflow = 'hidden';\n\n    return () => {\n      scrollingElement.style.overflow = defaultOverflowValue;\n    };\n  }, []);\n\n  return (\n    <Portal>\n      <div\n        className={classes([\n          'dropin-modal',\n          ['dropin-modal--dim', backgroundDim],\n        ])}\n      >\n        <div\n          {...props}\n          className={classes([\n            'dropin-modal__body',\n            [`dropin-modal__body--${size}`, size],\n            className,\n          ])}\n        >\n          <div\n            className={classes([\n              'dropin-modal__header',\n              ['dropin-modal__header-title', !!title],\n            ])}\n          >\n            {title && (\n              <div className={classes(['dropin-modal__header-title-content'])}>\n                {title}\n              </div>\n            )}\n\n            {showCloseButton && (\n              <Button\n                aria-label={translations.modalCloseLabel}\n                variant=\"tertiary\"\n                className=\"dropin-modal__header-close-button\"\n                onClick={handleOnClose}\n                icon={<CloseSVG />}\n              />\n            )}\n          </div>\n\n          <div\n            className={classes([\n              'dropin-modal__content',\n              ['dropin-modal__body--centered', centered],\n            ])}\n          >\n            {children}\n          </div>\n        </div>\n      </div>\n    </Portal>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, useContext } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Button,\n  CartItemSkeleton,\n  Icon,\n  Incrementer,\n  UIContext,\n  ProgressSpinner,\n  Picker,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport { Trash } from '@adobe-commerce/elsie/icons';\n\nimport '@adobe-commerce/elsie/components/CartItem/CartItem.css';\n\nexport interface CartItemProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'title' | 'loading'> {\n  ariaLabel?: string;\n  image?: VNode;\n  title?: VNode;\n  price?: VNode;\n  taxIncluded?: boolean;\n  taxExcluded?: boolean;\n  total?: VNode;\n  totalExcludingTax?: VNode;\n  sku?: VNode;\n  quantity?: number;\n  quantityContent?: VNode;\n  description?: VNode;\n  attributes?: VNode;\n  footer?: VNode;\n  configurations?: { [key: string]: any };\n  warning?: VNode;\n  alert?: VNode;\n  discount?: VNode;\n  savings?: VNode;\n  actions?: VNode;\n  removeContent?: VNode;\n  loading?: boolean;\n  updating?: boolean;\n  onRemove?: () => void;\n  onQuantity?: (value: number) => void;\n  quantityType?: 'stepper' | 'dropdown';\n  dropdownOptions?: { value: string; text: string }[];\n}\n\nexport const CartItem: FunctionComponent<CartItemProps> = ({\n  className,\n  children,\n  ariaLabel,\n  image,\n  title,\n  price,\n  taxIncluded = false,\n  taxExcluded = false,\n  total,\n  totalExcludingTax,\n  sku,\n  configurations,\n  warning,\n  alert,\n  discount,\n  savings,\n  actions,\n  removeContent,\n  quantity,\n  quantityContent,\n  description,\n  attributes,\n  footer,\n  loading = false,\n  updating = false,\n  quantityType,\n  dropdownOptions,\n  onQuantity,\n  onRemove,\n  ...props\n}) => {\n  const { locale } = useContext(UIContext);\n\n  const labels = useText({\n    each: 'Dropin.CartItem.each.label',\n    pricePerItem: 'Dropin.CartItem.pricePerItem.label',\n    quantity: 'Dropin.CartItem.quantity.label',\n    remove: 'Dropin.CartItem.remove.label',\n    removeDefault: 'Dropin.CartItem.removeDefault.label',\n    taxIncluded: 'Dropin.CartItem.taxIncluded.label',\n    taxExcluded: 'Dropin.CartItem.taxExcluded.label',\n    updating: 'Dropin.CartItem.updating.label',\n    updatingDefault: 'Dropin.ProgressSpinner.updating.label',\n  });\n\n  if (loading) return <CartItemSkeleton />;\n\n  const quantityComponent =\n    quantityType === 'dropdown' ? (\n      <Picker\n        className={classes(['dropin-cart-item__quantity__picker'])}\n        value={String(quantity)}\n        name=\"quantity\"\n        aria-label={labels.quantity}\n        disabled={updating}\n        variant={'primary'}\n        options={dropdownOptions}\n        handleSelect={(event) =>\n          onQuantity?.(Number((event.target as HTMLSelectElement).value))\n        }\n      />\n    ) : (\n      <Incrementer\n        className={classes(['dropin-cart-item__quantity__incrementer'])}\n        value={quantity}\n        min={1}\n        onValue={(value) => onQuantity?.(Number(value))}\n        name=\"quantity\"\n        aria-label={labels.quantity}\n        disabled={updating}\n      />\n    );\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-cart-item',\n        ['dropin-cart-item--updating', updating],\n        className,\n      ])}\n    >\n      {updating && (\n        <ProgressSpinner\n          className={classes(['dropin-cart-item__spinner'])}\n          ariaLabel={\n            ariaLabel\n              ? labels.updating?.replace('{product}', ariaLabel)\n              : labels.updatingDefault\n          }\n        />\n      )}\n      <div className=\"dropin-cart-item__wrapper\">\n        {\n          /* Image */\n          image && (\n            <VComponent\n              node={image}\n              className={classes(['dropin-cart-item__image'])}\n            />\n          )\n        }\n\n        {\n          /* Title */\n          title && (\n            <VComponent\n              node={title}\n              className={classes([\n                'dropin-cart-item__title',\n                ['dropin-cart-item__title--edit', !!onQuantity || !!onRemove],\n              ])}\n            />\n          )\n        }\n\n        {\n          /* Description */\n          description && (\n            <VComponent\n              node={description}\n              className={classes(['dropin-cart-item__description'])}\n            />\n          )\n        }\n\n        {\n          /* SKU */\n          sku && (\n            <VComponent\n              node={sku}\n              className={classes(['dropin-cart-item__sku'])}\n            />\n          )\n        }\n        <div className={classes(['dropin-cart-item__savings__wrapper'])}>\n          {/* Discount amount */}\n          {discount && (\n            <VComponent\n              node={discount}\n              className={classes([\n                'dropin-cart-item__discount',\n                'dropin-cart-item__discount__large-screen',\n              ])}\n            />\n          )}\n\n          {/* Savings amount */}\n          {savings && (\n            <VComponent\n              node={savings}\n              className={classes([\n                'dropin-cart-item__savings',\n                'dropin-cart-item__savings__large-screen',\n              ])}\n            />\n          )}\n        </div>\n\n        {/* Product Attributes */}\n        {attributes && (\n          <div className={classes(['dropin-cart-item__attributes'])}>\n            <VComponent node={attributes} />\n          </div>\n        )}\n\n        {\n          /* Configurations */\n          configurations && (\n            <ul className={classes(['dropin-cart-item__configurations'])}>\n              {Object.entries(configurations).map(([key, value]) => (\n                <li\n                  key={key}\n                  className={classes([\n                    'dropin-cart-item__configurations__item',\n                  ])}\n                >\n                  {key}:{' '}\n                  <strong\n                    className={classes([\n                      'dropin-cart-item__configurations__item__value',\n                    ])}\n                  >\n                    {value}\n                  </strong>\n                </li>\n              ))}\n            </ul>\n          )\n        }\n\n        {\n          /* Price */\n          price && (\n            <span\n              className={classes(['dropin-cart-item__price'])}\n              aria-label={labels.pricePerItem}\n            >\n              {quantity && !onQuantity && (\n                <>\n                  <span\n                    className=\"dropin-cart-item__price__quantity\"\n                    aria-hidden={true}\n                  >\n                    {quantity.toLocaleString(locale)} x{' '}\n                  </span>\n\n                  <div className=\"dropin-cart-item__sr-only\">\n                    {labels.quantity}: {quantity?.toLocaleString(locale)};\n                  </div>\n                </>\n              )}\n\n              <VComponent node={price} role=\"text\" />\n\n              {quantity && quantity > 1 && (\n                <>\n                  &nbsp;\n                  {labels.each}\n                </>\n              )}\n\n              {taxIncluded && (\n                <span\n                  data-testid=\"tax-message\"\n                  className=\"dropin-cart-item__price-tax-message\"\n                >\n                  &nbsp;\n                  {labels.taxIncluded}\n                </span>\n              )}\n\n              {taxExcluded && (\n                <span\n                  data-testid=\"tax-message\"\n                  className=\"dropin-cart-item__price-tax-message\"\n                >\n                  &nbsp;\n                  {labels.taxExcluded}\n                </span>\n              )}\n            </span>\n          )\n        }\n\n        {/* Quantity */}\n        <div\n          className={classes([\n            'dropin-cart-item__quantity',\n            ['dropin-cart-item__quantity--edit', !!onQuantity],\n          ])}\n        >\n          {quantityContent ? (\n            <VComponent node={quantityContent} />\n          ) : onQuantity ? (\n            quantityComponent\n          ) : (\n            quantity && (\n              <span className={classes(['dropin-cart-item__quantity__value'])}>\n                {labels.quantity}:{' '}\n                <strong className=\"dropin-cart-item__quantity__number\">\n                  {Number(quantity).toLocaleString(locale)}\n                </strong>\n              </span>\n            )\n          )}\n\n          {/* Warning */}\n          {warning && (\n            <VComponent\n              node={warning}\n              className={classes([\n                'dropin-cart-item__warning',\n                'dropin-cart-item__warning--quantity',\n              ])}\n            />\n          )}\n\n          {/* Alert */}\n          {alert && (\n            <VComponent\n              node={alert}\n              className={classes([\n                'dropin-cart-item__alert',\n                'dropin-cart-item__alert--quantity',\n              ])}\n            />\n          )}\n        </div>\n\n        {/* Actions */}\n        {actions && (\n          <div className={classes(['dropin-cart-item__actions'])}>\n            {\n              <VComponent\n                node={actions}\n                className={classes(['dropin-cart-item__buttons'])}\n              />\n            }\n          </div>\n        )}\n\n        {/* Warning */}\n        {warning && (\n          <VComponent\n            node={warning}\n            className={classes(['dropin-cart-item__warning'])}\n          />\n        )}\n\n        {/* Alert */}\n        {alert && (\n          <VComponent\n            node={alert}\n            className={classes(['dropin-cart-item__alert'])}\n          />\n        )}\n\n        {/* Total */}\n        <div\n          className={classes([\n            'dropin-cart-item__total',\n            ['dropin-cart-item__total--edit', !!onRemove],\n          ])}\n        >\n          <div className=\"dropin-cart-item__row-total__wrapper\">\n            {\n              /* Total */\n              total && (\n                <div className=\"dropin-cart-item__row-total\">\n                  <VComponent node={total} role=\"text\" />\n                </div>\n              )\n            }\n\n            {taxIncluded && (\n              <div className=\"dropin-cart-item__total-tax-included\">\n                <span\n                  data-testid=\"tax-message\"\n                  className={classes(['dropin-cart-item__total-tax-message'])}\n                >\n                  {labels.taxIncluded}\n                </span>\n              </div>\n            )}\n          </div>\n          {taxExcluded && (\n            <div className=\"dropin-cart-item__total-tax-excluded\">\n              <span\n                data-testid=\"tax-message\"\n                className={classes([\n                  'dropin-cart-item__total-tax-excluded-message',\n                ])}\n              >\n                {totalExcludingTax && (\n                  <VComponent node={totalExcludingTax} role=\"text\" />\n                )}\n                &nbsp;\n                {labels.taxExcluded}\n              </span>\n            </div>\n          )}\n\n          {/* Discount amount */}\n          {discount && (\n            <VComponent\n              node={discount}\n              className={classes(['dropin-cart-item__discount'])}\n            />\n          )}\n\n          {/* Savings amount */}\n          {savings && (\n            <VComponent\n              node={savings}\n              className={classes(['dropin-cart-item__savings'])}\n            />\n          )}\n        </div>\n\n        {/* Footer */}\n        {footer && (\n          <VComponent\n            node={footer}\n            className={classes(['dropin-cart-item__footer'])}\n          />\n        )}\n      </div>\n\n      {/* Remove Item */}\n      {removeContent ? (\n        <VComponent node={removeContent} />\n      ) : onRemove ? (\n        <Button\n          data-testid=\"cart-item-remove-button\"\n          className={classes(['dropin-cart-item__remove'])}\n          variant=\"tertiary\"\n          onClick={() => onRemove?.()}\n          icon={\n            <Icon\n              data-testid=\"cart-item-remove-icon\"\n              source={Trash}\n              size=\"24\"\n              stroke=\"2\"\n              viewBox=\"0 0 24 24\"\n              aria-label={\n                ariaLabel\n                  ? labels.remove?.replace('{product}', ariaLabel)\n                  : labels.removeDefault\n              }\n            />\n          }\n          disabled={updating}\n        />\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\n\nexport const CartItemSkeleton: FunctionComponent = () => {\n  return (\n    <div className=\"dropin-cart-item dropin-cart-item-skeleton\">\n      <Skeleton className=\"dropin-cart-item__skeleton dropin-cart-item__wrapper\">\n        <div className=\"dropin-cart-item__image\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__title\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__sku\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__price\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__quantity\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n        <div className=\"dropin-cart-item__total\">\n          <SkeletonRow className=\"dropin-cart-item__skeleton__item\" />\n        </div>\n      </Skeleton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, Children } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\n\nimport '@adobe-commerce/elsie/components/CartList/CartList.css';\n\nexport interface CartListProps extends HTMLAttributes<HTMLDivElement> {}\n\nexport const CartList: FunctionComponent<CartListProps> = ({\n  className,\n  children,\n  ...props\n}) => {\n  return (\n    <div {...props} className={classes(['dropin-cart-list', className])}>\n      <div\n        className=\"dropin-cart-list__wrapper\"\n        aria-live=\"assertive\"\n        aria-relevant=\"all\"\n      >\n        {Children.map(children, (child, key) => {\n          return (\n            <div key={key} className=\"dropin-cart-list__item\">\n              {child}\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { HTMLAttributes, useMemo } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/PriceRange/PriceRange.css';\nimport { Price } from '@adobe-commerce/elsie/components/Price';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface PriceRangeProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  locale?: string;\n  currency?: string;\n  amount?: number; // simple product\n  variant?: 'default' | 'strikethrough';\n  minimumAmount?: number; // configurable product\n  maximumAmount?: number; // configurable product\n  display?: 'dash' | 'from to' | 'as low as';\n  size?: 'small' | 'medium' | 'large';\n  specialPrice?: number;\n  sale?: boolean;\n}\n\nexport const PriceRange: FunctionComponent<PriceRangeProps> = ({\n  className,\n  children,\n  locale,\n  currency,\n  amount,\n  variant = 'default',\n  minimumAmount,\n  maximumAmount,\n  size = 'small',\n  display = 'dash',\n  specialPrice,\n  sale = false,\n  ...props\n}) => {\n  const isSimpleProduct = useMemo(\n    () =>\n      amount ||\n      minimumAmount === maximumAmount ||\n      (minimumAmount && !maximumAmount) ||\n      (maximumAmount && !minimumAmount),\n    [amount, maximumAmount, minimumAmount]\n  );\n\n  return (\n    <div>\n      {/* Simple product price or when configurable product minimum price equals to maximum price */}\n      {isSimpleProduct ? (\n        <div {...props} className={classes(['dropin-price-range', className])}>\n          <Price\n            amount={amount ?? minimumAmount ?? maximumAmount}\n            currency={currency}\n            locale={locale}\n            size={size}\n            variant={variant}\n            sale={sale}\n          />\n        </div>\n      ) : (\n        <div {...props} className={classes(['dropin-price-range', className])}>\n          {display === 'dash' ? (\n            <Dashed\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n\n          {display === 'from to' ? (\n            <FromTo\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n\n          {display === 'as low as' ? (\n            <SpecialPrice\n              specialPrice={specialPrice}\n              minimumAmount={minimumAmount}\n              maximumAmount={maximumAmount}\n              currency={currency}\n              locale={locale}\n              size={size}\n              sale={sale}\n            />\n          ) : null}\n        </div>\n      )}\n    </div>\n  );\n};\n\n// Variations\n\nfunction Dashed({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  return (\n    <>\n      <Price\n        amount={specialPrice ?? minimumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n        sale={!!specialPrice && sale}\n      />\n      <span className=\"dropin-price-range__separator\">-</span>\n      <Price\n        amount={maximumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n      />\n    </>\n  );\n}\n\nfunction FromTo({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  // Translations\n  const translations = useText({\n    from: 'Dropin.PriceRange.from.label',\n    to: 'Dropin.PriceRange.to.label',\n    asLowAs: 'Dropin.PriceRange.asLowAs.label',\n  });\n\n  return (\n    <>\n      <span\n        className={classes([\n          'dropin-price-range__from',\n          `dropin-price-range__from--${size}`,\n        ])}\n      >\n        {translations.from}\n      </span>\n      <Price\n        amount={specialPrice ?? minimumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n        sale={!!specialPrice && sale}\n      />\n      <span\n        className={classes([\n          'dropin-price-range__to',\n          `dropin-price-range__to--${size}`,\n        ])}\n      >\n        {translations.to}\n      </span>\n      <Price\n        amount={maximumAmount}\n        currency={currency}\n        locale={locale}\n        size={size}\n      />\n    </>\n  );\n}\n\nfunction SpecialPrice({\n  specialPrice,\n  minimumAmount,\n  maximumAmount,\n  currency,\n  locale,\n  size,\n  sale,\n}: PriceRangeProps) {\n  // Translations\n  const translations = useText({\n    from: 'Dropin.PriceRange.from.label',\n    to: 'Dropin.PriceRange.to.label',\n    asLowAs: 'Dropin.PriceRange.asLowAs.label',\n  });\n\n  return (\n    <>\n      <span\n        className={classes([\n          'dropin-price-range__as-low-as',\n          `dropin-price-range__as-low-as--${size}`,\n        ])}\n      >\n        {translations.asLowAs}\n      </span>\n      {specialPrice ? (\n        <div>\n          <Price\n            amount={maximumAmount}\n            currency={currency}\n            locale={locale}\n            size={size}\n            variant=\"strikethrough\"\n          />\n          <Price\n            amount={specialPrice}\n            currency={currency}\n            locale={locale}\n            size={size}\n            className=\"dropin-price-range__special\"\n            sale={!!specialPrice && sale}\n          />\n        </div>\n      ) : (\n        <Price\n          amount={minimumAmount}\n          currency={currency}\n          locale={locale}\n          size={size}\n        />\n      )}\n    </>\n  );\n}\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { HTMLAttributes } from 'preact/compat';\nimport { FunctionComponent, VNode } from 'preact';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/Breadcrumbs/Breadcrumbs.css';\n\nexport interface BreadcrumbsProps extends HTMLAttributes<HTMLElement> {\n  categories: VNode[];\n  separator?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const Breadcrumbs: FunctionComponent<BreadcrumbsProps> = ({\n  className,\n  categories,\n  separator,\n  ...props\n}) => {\n  return (\n    <>\n      {categories?.length > 1 && (\n        <nav\n          role=\"navigation\"\n          {...props}\n          className={classes(['dropin-breadcrumbs__container', className])}\n        >\n          <ul className=\"dropin-breadcrumbs__items\">\n            {categories?.map((category: VNode, index: number) => {\n              return (\n                <li\n                  key={index}\n                  className={classes([\n                    'dropin-breadcrumbs__item',\n                    [\n                      'dropin-breadcrumbs__item--last',\n                      index === categories.length - 1,\n                    ],\n                  ])}\n                >\n                  <VComponent\n                    node={category}\n                    className=\"dropin-breadcrumbs__link\"\n                  />\n                  {!separator && index !== categories.length - 1 && (\n                    <span className=\"dropin-breadcrumbs__separator--default\">\n                      {' '}\n                      /{' '}\n                    </span>\n                  )}\n                  {separator && index !== categories.length - 1 && (\n                    <VComponent\n                      node={separator}\n                      className=\"dropin-breadcrumbs__separator--icon\"\n                    />\n                  )}\n                </li>\n              );\n            })}\n          </ul>\n        </nav>\n      )}\n    </>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/AlertBanner/AlertBanner.css';\nimport { Button, Icon } from '@adobe-commerce/elsie/components';\nimport { Close } from '@adobe-commerce/elsie/icons';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nexport interface AlertBannerProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n  variant: 'brand' | 'neutral' | 'success' | 'warning';\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  message: VNode;\n  onDismiss: () => void;\n  action?: {\n    label: string;\n    onClick: (event: Event) => void;\n  };\n}\n\nexport const AlertBanner: FunctionComponent<AlertBannerProps> = ({\n  className,\n  variant,\n  icon,\n  message,\n  onDismiss,\n  action,\n  ...props\n}) => {\n  const translations = useText({\n    dismiss: 'Dropin.InlineAlert.dismissLabel',\n  });\n\n  return (\n    <div\n      {...props}\n      className={classes([\n        className,\n        'dropin-alert-banner',\n        `dropin-alert-banner--${variant}`,\n      ])}\n    >\n      <div className={'dropin-alert-banner__content'}>\n        {icon && (\n          <VComponent\n            node={icon}\n            aria-hidden=\"true\"\n            className={'dropin-alert-banner__icon'}\n          />\n        )}\n\n        {/* Message */}\n        <VComponent\n          node={message}\n          className={classes(['dropin-alert-banner__message'])}\n        />\n      </div>\n\n      <div className={'dropin-alert-banner__actions'}>\n        {action && (\n          <Button\n            variant=\"tertiary\"\n            className={'dropin-alert-banner__action'}\n            onClick={action.onClick}\n            aria-label={action.label}\n          >\n            {action.label}\n          </Button>\n        )}\n\n        <Button\n          icon={<Icon source={Close} size=\"24\" stroke=\"2\" />}\n          className=\"dropin-alert-banner__dismiss-button\"\n          variant=\"primary\"\n          onClick={onDismiss}\n          aria-label={translations.dismiss}\n        />\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes, JSX } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/IllustratedMessage/IllustratedMessage.css';\nimport { Card } from '@adobe-commerce/elsie/components';\n\nexport interface IllustratedMessageProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'icon' | 'action'> {\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n  heading?: string;\n  headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n  message?: VNode<HTMLAttributes<HTMLElement>>;\n  action?: VNode;\n  variant?: 'primary' | 'secondary';\n}\n\nexport const IllustratedMessage: FunctionComponent<IllustratedMessageProps> = ({\n  className,\n  icon,\n  heading,\n  headingLevel = 2,\n  message,\n  action,\n  variant = 'secondary',\n  ...props\n}) => {\n  const Heading =\n    headingLevel >= 1 && headingLevel <= 6\n      ? (`h${headingLevel}` as keyof JSX.IntrinsicElements)\n      : 'h2';\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-illustrated-message', className])}\n    >\n      <Card variant={variant}>\n        {icon && (\n          <VComponent\n            node={icon}\n            aria-hidden=\"true\"\n            size=\"80\"\n            className=\"dropin-illustrated-message__icon\"\n          />\n        )}\n\n        {heading && (\n          <Heading className=\"dropin-illustrated-message__heading\">\n            {heading}\n          </Heading>\n        )}\n\n        {message && (\n          <VComponent\n            node={message}\n            className=\"dropin-illustrated-message__message\"\n          />\n        )}\n\n        {action && (\n          <VComponent\n            node={action}\n            className=\"dropin-illustrated-message__action\"\n          />\n        )}\n      </Card>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ToggleButton/ToggleButton.css';\nimport { RadioButton } from '@adobe-commerce/elsie/components';\n\nexport interface ToggleButtonProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon' | 'label'> {\n  label: string | VNode<HTMLAttributes<HTMLElement>>;\n  name: string;\n  value: string;\n  busy?: boolean;\n  disabled?: boolean;\n  icon?:\n    | VNode<HTMLAttributes<SVGSVGElement>>\n    | VNode<HTMLAttributes<HTMLImageElement>>;\n  onChange?: (value: string) => void;\n  selected?: boolean;\n}\n\nexport const ToggleButton: FunctionComponent<ToggleButtonProps> = ({\n  label,\n  name,\n  value,\n  busy = false,\n  disabled = false,\n  children,\n  className,\n  icon,\n  onChange,\n  selected = true,\n  ...props\n}) => {\n  return (\n    <div\n      {...props}\n      className={classes([\n        'dropin-toggle-button',\n        className,\n        ['dropin-toggle-button__selected', selected],\n        ['dropin-toggle-button__disabled', disabled],\n      ])}\n    >\n      <label className=\"dropin-toggle-button__actionButton\">\n        <RadioButton\n          label=\"\"\n          name={name}\n          value={value}\n          checked={selected}\n          disabled={disabled}\n          onChange={() => onChange && onChange(value)}\n          aria-label={name}\n          busy={busy}\n          className={classes([className, 'dropin-toggle-button__radioButton'])}\n        />\n\n        <span className=\"dropin-toggle-button__content\">\n          {icon && (\n            // @ts-ignore\n            <icon.type\n              {...icon?.props}\n              className=\"dropin-toggle-button__icon\"\n            />\n          )}\n          {label}\n        </span>\n      </label>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { ComponentChildren, FunctionComponent, VNode, JSX } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport { Divider } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/Header/Header.css';\n\nexport interface HeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'size'> {\n  title: string;\n  size?: 'medium' | 'large';\n  divider?: boolean;\n  cta?: VNode;\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n}\n\nconst Heading = ({\n  level,\n  className,\n  children,\n}: {\n  level?: 1 | 2 | 3 | 4 | 5 | 6;\n  className?: string;\n  children?: ComponentChildren;\n}) => {\n  const HeadingTag = level && level >= 1 && level <= 6\n    ? `h${level}` as keyof JSX.IntrinsicElements\n    : 'span';\n\n  return <HeadingTag className={className}>{children as any}</HeadingTag>;\n};\n\nexport const Header: FunctionComponent<HeaderProps> = ({\n  title = null,\n  size = 'medium',\n  cta,\n  divider = true,\n  className,\n  level,\n  ...props\n}) => {\n  if (!title) return null;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-header-container', className])}\n      data-testid=\"dropin-header-container\"\n    >\n      <Heading\n        className={classes([\n          'dropin-header-container__title',\n          ['dropin-header-container__title--medium', size === 'medium'],\n          ['dropin-header-container__title--large', size === 'large'],\n        ])}\n        level={level}\n      >\n        {title}\n      </Heading>\n      {cta ? (\n        <VComponent node={cta} className=\"dropin-header-container__actions\" />\n      ) : null}\n      {divider ? (\n        <Divider\n          className={classes([\n            'dropin-header-container__divider',\n            ['dropin-header-container__divider--medium', size === 'medium'],\n            ['dropin-header-container__divider--large', size === 'large'],\n          ])}\n        />\n      ) : null}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { HTMLAttributes } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/Tag/Tag.css';\n\nexport interface TagProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | 'icon'> {\n  label?: string;\n  children?: VNode | VNode[];\n}\n\nexport const Tag: FunctionComponent<TagProps> = ({\n  label,\n  className,\n  children,\n  ...props\n}) => {\n  if (!label && !children) return null;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-tag-container', className])}\n      data-testid=\"dropin-tag-container\"\n    >\n      {children ?? <span className=\"dropin-tag-container__label\">{label}</span>}\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/ContentGrid/ContentGrid.css';\n\nexport interface ContentGridProps extends HTMLAttributes<HTMLDivElement> {\n  emptyGridContent: VNode;\n  maxColumns?: number;\n  columnWidth?: string;\n}\n\nexport const ContentGrid: FunctionComponent<ContentGridProps> = ({\n  className,\n  children,\n  maxColumns,\n  columnWidth = '1fr',\n  emptyGridContent,\n  ...props\n}) => {\n  const hasChildren =\n    !!children && (Array.isArray(children) ? children.length > 0 : true);\n\n  const additionalStyles = hasChildren\n    ? {\n        gridTemplateColumns: `repeat(${maxColumns}, ${columnWidth})`,\n      }\n    : undefined;\n\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-content-grid', className])}\n      tabindex={0}\n    >\n      <div\n        data-testid=\"content-grid-content\"\n        className={classes([\n          'dropin-content-grid__content',\n          ['dropin-content-grid__dynamic-columns-content', !maxColumns],\n          ['dropin-content-grid__content--empty', !hasChildren],\n        ])}\n        style={additionalStyles}\n      >\n        {hasChildren ? children : emptyGridContent}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, JSX } from 'preact';\n\ntype BaseProps = {\n  href?: string;\n  type?: 'button';\n  disabled?: boolean;\n};\n\nexport type PaginationButtonProps = BaseProps &\n  (\n    | Omit<JSX.HTMLAttributes<HTMLAnchorElement>, 'type'>\n    | Omit<JSX.HTMLAttributes<HTMLButtonElement>, 'href'>\n  );\n\nexport const PaginationButton: FunctionComponent<PaginationButtonProps> = (\n  props\n) => {\n  if (props.href) {\n    \n    const { href, disabled, ...anchorProps } = props;\n    return (\n      <a\n        href={href}\n        aria-disabled={disabled}\n        {...(anchorProps as JSX.HTMLAttributes<HTMLAnchorElement>)}\n      />\n    );\n  }\n  \n  const { type = 'button', ...buttonProps } = props;\n  return (\n    <button\n      type={type}\n      {...(buttonProps as JSX.HTMLAttributes<HTMLButtonElement>)}\n    />\n  );\n};\n","/********************************************************************\n *  Copyright 2024 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { classes, isNumber } from '@adobe-commerce/elsie/lib';\nimport { useCallback, useMemo } from 'preact/hooks';\nimport { ChevronDown } from '@adobe-commerce/elsie/icons';\nimport { Icon } from '@adobe-commerce/elsie/components/Icon';\nimport { useText } from '@adobe-commerce/elsie/i18n';\nimport '@adobe-commerce/elsie/components/Pagination/Pagination.css';\nimport { PaginationButton } from './PaginationButton';\n\nexport interface PaginationProps {\n  className?: string;\n  currentPage?: number;\n  totalPages?: number;\n  onChange?: (currentPage: number, e?: Event) => void;\n  routePage?: (page: number) => string;\n}\n\nexport type PaginationList = {\n  page: number | string;\n  isActive: boolean;\n  label: number | string;\n};\n\nexport const Pagination: FunctionComponent<PaginationProps> = ({\n  totalPages = 10,\n  currentPage = 1,\n  onChange,\n  routePage,\n  className,\n  ...props\n}) => {\n  const translations = useText({\n    backwardButton: 'Dropin.Pagination.backwardButton.ariaLabel',\n    forwardButton: 'Dropin.Pagination.forwardButton.ariaLabel',\n  });\n\n  const handleForward = useCallback((e?: Event) => {\n    const nextPage = Math.min(currentPage + 1, totalPages);\n\n    onChange?.(nextPage, e);\n  }, [currentPage, onChange, totalPages]);\n\n  const handleBackward = useCallback((e?: Event) => {\n    const prevPage = Math.max(currentPage - 1, 1);\n\n    onChange?.(prevPage, e);\n  }, [currentPage, onChange]);\n\n  const handleSetPage = useCallback(\n    (currentPage: number | string, e?: Event) => {\n      if (isNumber(currentPage)) {\n        onChange?.(currentPage as number, e);\n      }\n    },\n    [onChange]\n  );\n\n  const createPages = useCallback(\n    (currentPage: number, totalPages: number): PaginationList[] => {\n      let pages: PaginationList[] = [];\n\n      const addPageRange = (start: number, end: number) => {\n        for (let i = start; i <= end; i++) {\n          pages.push({ page: i, isActive: i === currentPage, label: i });\n        }\n      };\n\n      if (totalPages <= 5) {\n        addPageRange(1, totalPages);\n      } else if (currentPage <= 2) {\n        addPageRange(1, 2);\n        pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n        addPageRange(totalPages - 1, totalPages);\n      } else if (currentPage >= totalPages - 3) {\n        addPageRange(totalPages - 4, totalPages);\n      } else {\n        addPageRange(currentPage - 1, currentPage);\n        pages.push({ page: 'ellipsis', isActive: false, label: '...' });\n        addPageRange(totalPages - 1, totalPages);\n      }\n\n      return pages;\n    },\n    []\n  );\n\n  const paginationList: PaginationList[] = useMemo(\n    () => createPages(currentPage, totalPages),\n    [createPages, currentPage, totalPages]\n  );\n\n  return (\n    <div {...props} className={classes(['dropin-pagination', className])}>\n      <PaginationButton\n        data-testid=\"prev-button\"\n        aria-label={translations.backwardButton}\n        disabled={currentPage === 1}\n        onClick={(e: Event) => handleBackward(e)}\n        href={routePage?.(currentPage) ?? undefined}\n        className={classes([\n          'dropin-pagination-arrow',\n          'dropin-pagination-arrow--backward',\n          ['dropin-pagination-arrow--disabled', currentPage === 1],\n        ])}\n      >\n        <Icon size=\"24\" source={ChevronDown} />\n      </PaginationButton>\n      <ul className=\"dropin-pagination_list\">\n        {(paginationList as PaginationList[]).map((item, index) => (\n          <li\n            data-testid={`dropin-pagination_list-item--${item.page}`}\n            key={`${item.page}_${index}`}\n            className={classes([\n              'dropin-pagination_list-item',\n              `dropin-pagination_list-item--${item.page}`,\n              [`dropin-pagination_list-item--active`, item.isActive],\n            ])}\n          >\n            <PaginationButton\n              data-testid={`set-page-button-${item.page}`}\n              onClick={(e: Event) => handleSetPage(item.page, e)}\n              href={routePage?.(item.page as number) ?? undefined}\n\n            >\n              {item.label}\n            </PaginationButton>\n          </li>\n        ))}\n      </ul>\n      <PaginationButton\n        data-testid=\"next-button\"\n        aria-label={translations.forwardButton}\n        disabled={currentPage === totalPages}\n        onClick={(e: Event) => handleForward(e)}\n        href={routePage?.(currentPage) ?? undefined}\n        className={classes([\n          'dropin-pagination-arrow',\n          'dropin-pagination-arrow--forward',\n          ['dropin-pagination-arrow--disabled', currentPage === totalPages],\n        ])}\n      >\n        <Icon size=\"24\" source={ChevronDown} />\n      </PaginationButton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Skeleton, SkeletonRow } from '@adobe-commerce/elsie/components';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton.css';\n\nexport const ProductItemCardSkeleton: FunctionComponent = () => {\n  return (\n    <div className=\"dropin-product-item-card dropin-product-item-card-skeleton\">\n      <Skeleton className=\"dropin-product-item-card__skeleton dropin-product-item-card__image-container\">\n        <SkeletonRow\n          fullWidth={true}\n          className=\"dropin-product-item-card__skeleton__image\"\n        />\n      </Skeleton>\n      <Skeleton className=\"dropin-product-item-card__content dropin-product-item-card__skeleton__content\">\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n          <SkeletonRow\n            fullWidth={true}\n            size=\"xsmall\"\n            className=\"dropin-product-item-card__skeleton__item\"\n          />\n        </Skeleton>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { VComponent, classes } from '@adobe-commerce/elsie/lib';\nimport { ProductItemCardSkeleton } from '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCardSkeleton';\nimport '@adobe-commerce/elsie/components/ProductItemCard/ProductItemCard.css';\n\nexport interface ProductItemCardProps\n  extends Omit<HTMLAttributes<HTMLDivElement>, 'loading'> {\n  image?: VNode;\n  titleNode?: VNode;\n  price?: VNode;\n  sku?: VNode;\n  actionButton?: VNode;\n  swatches?: VNode;\n  initialized?: boolean;\n}\n\nexport const ProductItemCard: FunctionComponent<ProductItemCardProps> = ({\n  className,\n  image,\n  titleNode,\n  price,\n  sku,\n  actionButton,\n  swatches,\n  initialized = false,\n  ...props\n}) => {\n  if (!initialized) {\n    return <ProductItemCardSkeleton />;\n  }\n  return (\n    <div\n      {...props}\n      className={classes(['dropin-product-item-card', className])}\n    >\n      <div className=\"dropin-product-item-card__image-container\">\n        {image && (\n          <VComponent\n            node={image}\n            className={classes(['dropin-product-item-card__image'])}\n          />\n        )}\n      </div>\n      <div className=\"dropin-product-item-card__content\">\n        {titleNode && (\n          <VComponent\n            node={titleNode}\n            className={classes(['dropin-product-item-card__title'])}\n          />\n        )}\n        {sku && (\n          <VComponent\n            node={sku}\n            className={classes(['dropin-product-item-card__sku'])}\n          />\n        )}\n        {price && (\n          <div className=\"dropin-product-item-card__price\">\n            <VComponent\n              node={price}\n              className={classes(['dropin-product-item-card__price'])}\n            />\n          </div>\n        )}\n        {swatches && (\n          <div className=\"dropin-product-item-card__swatches\">\n            <VComponent\n              node={swatches}\n              className={classes(['dropin-product-item-card__swatches'])}\n            />\n          </div>\n        )}\n        {actionButton && (\n          <div className=\"dropin-product-item-card__action\">\n            <VComponent\n              node={actionButton}\n              className={classes(['dropin-product-item-card__action'])}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this \n * file in accordance with the terms of the Adobe license agreement \n * accompanying it. \n *******************************************************************/\n\nimport { FunctionComponent, VNode } from 'preact';\nimport { useId } from 'preact/hooks';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport '@adobe-commerce/elsie/components/InputFile/InputFile.css';\n\nexport interface InputFileProps extends Omit<HTMLAttributes<HTMLInputElement>, 'type' | 'icon'> {\n  accept?: string;\n  onChange?: (event: Event) => void;\n  label?: string;\n  multiple?: boolean;\n  icon?: VNode<HTMLAttributes<SVGSVGElement>>;\n}\n\nexport const InputFile: FunctionComponent<InputFileProps> = ({\n  accept,\n  onChange,\n  label = 'Upload Document',\n  icon,\n  className,\n  multiple,\n  id: providedId,\n  ...props\n}) => {\n  \n  const generatedId = useId();\n  const id = providedId || generatedId;\n\n  const handleChange = (e: Event) => {\n    onChange?.(e);\n  };\n\n  return (\n    <div className={classes(['dropin-input-file', className])}>\n      <label htmlFor={id} className=\"dropin-input-file__label\">\n        {icon && <span className=\"dropin-input-file__icon\">{icon}</span>}\n        {label}\n      </label>\n      <input\n        id={id}\n        type=\"file\"\n        accept={accept}\n        multiple={multiple}\n        onChange={handleChange}\n        className=\"dropin-input-file__input\"\n        {...props}\n      />\n    </div>\n  );\n};","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent, VNode, Fragment } from 'preact';\nimport { HTMLAttributes } from 'preact/compat';\nimport { classes, VComponent } from '@adobe-commerce/elsie/lib';\nimport {\n  Icon,\n  Button,\n  Skeleton,\n  SkeletonRow,\n} from '@adobe-commerce/elsie/components';\nimport { useText } from '@adobe-commerce/elsie/i18n';\n\nimport '@adobe-commerce/elsie/components/Table/Table.css';\n\ntype Sortable = 'asc' | 'desc' | true;\n\ntype Column =\n  | { label: string; key: string; ariaLabel?: string; sortBy?: Sortable }\n  | {\n      label: VNode<HTMLAttributes<HTMLElement>>;\n      key: string;\n      ariaLabel: string;\n      sortBy?: Sortable;\n    };\n\ntype RowData = {\n  [key: string]: VNode | string | number | undefined;\n  _rowDetails?: VNode | string; // Special property for expandable row content\n};\n\nexport interface TableProps\n  extends Omit<HTMLAttributes<HTMLTableElement>, 'loading'> {\n  columns: Column[];\n  rowData: RowData[];\n  mobileLayout?: 'stacked' | 'none';\n  caption?: string;\n  expandedRows?: Set<number>;\n  loading?: boolean;\n  skeletonRowCount?: number;\n  onSortChange?: (columnKey: string, direction: Sortable) => void;\n}\n\nexport const Table: FunctionComponent<TableProps> = ({\n  className,\n  children,\n  columns = [],\n  rowData = [],\n  mobileLayout = 'none',\n  caption,\n  expandedRows = new Set(),\n  loading = false,\n  skeletonRowCount = 10,\n  onSortChange,\n  ...props\n}) => {\n  const translations = useText({\n    sortedAscending: 'Dropin.Table.sortedAscending',\n    sortedDescending: 'Dropin.Table.sortedDescending',\n    sortBy: 'Dropin.Table.sortBy',\n  });\n\n  const handleSort = (column: Column) => {\n    if (!onSortChange) return;\n\n    // Determine next sort direction\n    let nextDirection: Sortable;\n    if (column.sortBy === true) {\n      nextDirection = 'asc';\n    } else if (column.sortBy === 'asc') {\n      nextDirection = 'desc';\n    } else {\n      nextDirection = true;\n    }\n\n    onSortChange(column.key, nextDirection);\n  };\n\n  const renderSortButton = (column: Column) => {\n    if (column.sortBy === undefined) return null;\n    const label = column.ariaLabel ?? (column.label as string);\n\n    let iconSource: string;\n    let ariaLabel: string;\n\n    if (column.sortBy === 'asc') {\n      iconSource = 'ChevronUp';\n      ariaLabel = translations.sortedAscending.replace('{label}', label);\n    } else if (column.sortBy === 'desc') {\n      iconSource = 'ChevronDown';\n      ariaLabel = translations.sortedDescending.replace('{label}', label);\n    } else {\n      // Show chevron down when sortable but not sorted\n      iconSource = 'ChevronDown';\n      ariaLabel = translations.sortBy.replace('{label}', label);\n    }\n\n    return (\n      <Button\n        variant=\"tertiary\"\n        size=\"medium\"\n        className=\"dropin-table__header__sort-button\"\n        icon={<Icon source={iconSource} />}\n        aria-label={ariaLabel}\n        onClick={() => handleSort(column)}\n      />\n    );\n  };\n\n  const renderSkeletonRows = () => {\n    return Array.from({ length: skeletonRowCount }, (_, rowIndex) => (\n      <tr key={`skeleton-${rowIndex}`} className=\"dropin-table__body__row\">\n        {columns.map((column) => (\n          <td\n            key={column.key}\n            className=\"dropin-table__body__cell\"\n            data-label={column.ariaLabel ?? column.label}\n          >\n            <Skeleton>\n              <SkeletonRow variant=\"row\" size=\"small\" fullWidth />\n            </Skeleton>\n          </td>\n        ))}\n      </tr>\n    ));\n  };\n\n  const renderDataRows = () => {\n    return rowData.map((row, rowIndex) => {\n      const hasDetails = row._rowDetails !== undefined;\n      const isExpanded = expandedRows.has(rowIndex);\n\n      return (\n        <Fragment key={rowIndex}>\n          <tr className={classes([\n            'dropin-table__body__row',\n            ['dropin-table__body__row--expanded', isExpanded && hasDetails],\n          ])}>\n            {columns.map((column) => {\n              const cell = row[column.key];\n              const label = column.ariaLabel ?? column.label;\n\n              if (typeof cell === 'string' || typeof cell === 'number') {\n                return (\n                  <td\n                    key={column.key}\n                    className=\"dropin-table__body__cell\"\n                    data-label={label}\n                  >\n                    {cell}\n                  </td>\n                );\n              }\n\n              return (\n                <td\n                  key={column.key}\n                  className=\"dropin-table__body__cell\"\n                  data-label={label}\n                >\n                  <VComponent node={cell!} />\n                </td>\n              );\n            })}\n          </tr>\n          {hasDetails && isExpanded && (\n            <tr\n              key={`${rowIndex}-details`}\n              className=\"dropin-table__row-details dropin-table__row-details--expanded\"\n              id={`row-${rowIndex}-details`}\n            >\n              <td\n                className=\"dropin-table__row-details__cell\"\n                colSpan={columns.length}\n                role=\"region\"\n                aria-labelledby={`row-${rowIndex}-details`}\n              >\n                {typeof row._rowDetails === 'string' ? (\n                  row._rowDetails\n                ) : (\n                  <VComponent node={row._rowDetails!} />\n                )}\n              </td>\n            </tr>\n          )}\n        </Fragment>\n      );\n    });\n  };\n\n  const getAriaSort = (\n    column: Column\n  ): 'none' | 'ascending' | 'descending' | 'other' | undefined => {\n    if (column.sortBy === true) return 'none';\n    if (column.sortBy === 'asc') return 'ascending';\n    if (column.sortBy === 'desc') return 'descending';\n    return undefined;\n  };\n\n  return (\n    <div\n      className={classes([\n        'dropin-table',\n        `dropin-table--mobile-layout-${mobileLayout}`,\n        className,\n      ])}\n    >\n      <table {...props} className=\"dropin-table__table\">\n        {caption && (\n          <caption className=\"dropin-table__caption\">{caption}</caption>\n        )}\n        <thead className=\"dropin-table__header\">\n          <tr className=\"dropin-table__header__row\">\n            {columns.map((column) => (\n              <th\n                key={column.key}\n                className={classes([\n                  'dropin-table__header__cell',\n                  [\n                    'dropin-table__header__cell--sorted',\n                    column.sortBy === 'asc' || column.sortBy === 'desc',\n                  ],\n                  [\n                    'dropin-table__header__cell--sortable',\n                    column.sortBy !== undefined,\n                  ],\n                ])}\n                aria-sort={getAriaSort(column)}\n              >\n                {column.label}\n                {renderSortButton(column)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody className=\"dropin-table__body\">\n          {loading\n            ? // Render skeleton rows when loading\n              renderSkeletonRows()\n            : // Render actual data when not loading\n              renderDataRows()}\n        </tbody>\n      </table>\n    </div>\n  );\n};\n","/********************************************************************\n *  Copyright 2025 Adobe\n *  All Rights Reserved.\n *\n * NOTICE:  Adobe permits you to use, modify, and distribute this\n * file in accordance with the terms of the Adobe license agreement\n * accompanying it.\n *******************************************************************/\n\nimport { FunctionComponent } from 'preact';\nimport { Button, Tag } from '@adobe-commerce/elsie/components';\nimport { classes } from '@adobe-commerce/elsie/lib';\nimport { ChevronDown, Close, Check } from '@adobe-commerce/elsie/icons';\nimport { useText } from 'preact-i18n';\nimport {\n  useState,\n  useCallback,\n  useEffect,\n  useRef,\n  useMemo,\n} from 'preact/hooks';\nimport { JSX } from 'preact/compat';\nimport '@adobe-commerce/elsie/components/MultiSelect/MultiSelect.css';\n\ntype OptionValue = string | number;\n\ninterface Option {\n  label: string;\n  value: OptionValue;\n  disabled?: boolean;\n}\n\ntype SelectedValues = OptionValue[];\n\n// Utility functions\nconst filterOptions = (options: Option[], searchTerm: string): Option[] => {\n  return options.filter((option) =>\n    option.label.toLowerCase().includes(searchTerm.toLowerCase())\n  );\n};\n\nconst getSelectedLabels = (\n  value: SelectedValues,\n  options: Option[]\n): (string | OptionValue)[] => {\n  return value.map((v) => {\n    const option = options.find((opt) => opt.value === v);\n    return option ? option.label : v;\n  });\n};\n\nconst generateIds = (id: string, name: string, floatingLabel?: string) => {\n  const baseId = id || name;\n  return {\n    listboxId: `${baseId}-listbox`,\n    searchInputId: `${baseId}-search`,\n    labelId: floatingLabel ? `${baseId}-label` : undefined,\n    selectedDescriptionId: `${name}-selected-description`,\n  };\n};\n\nconst useAccessibilityAnnouncements = () => {\n  const [announcement, setAnnouncement] = useState('');\n\n  const announce = useCallback((message: string) => {\n    setAnnouncement(message);\n    setTimeout(() => setAnnouncement(''), 1000);\n  }, []);\n\n  return { announcement, announce };\n};\n\nconst useKeyboardNavigation = (\n  filteredOptions: Option[],\n  focusedIndex: number,\n  setFocusedIndex: (value: number | ((prev: number) => number)) => void,\n  dropdownRef: { current: HTMLDivElement | null }\n) => {\n  // Scroll focused item into view\n  useEffect(() => {\n    if (focusedIndex >= 0 && dropdownRef.current) {\n      const items = dropdownRef.current.querySelectorAll('[data-option-index]');\n      if (items[focusedIndex]) {\n        items[focusedIndex].scrollIntoView({\n          block: 'nearest',\n          behavior: 'smooth',\n        });\n      }\n    }\n  }, [focusedIndex, dropdownRef]);\n\n  const navigate = useCallback(\n    (direction: 'up' | 'down') => {\n      setFocusedIndex((prev) => {\n        const step = direction === 'up' ? -1 : 1;\n        let nextIndex = prev + step;\n\n        // Skip disabled options in the current direction\n        while (\n          nextIndex >= 0 &&\n          nextIndex < filteredOptions.length &&\n          filteredOptions[nextIndex]?.disabled\n        ) {\n          nextIndex += step;\n        }\n\n        // If we found a valid option, return it\n        if (nextIndex >= 0 && nextIndex < filteredOptions.length) {\n          return nextIndex;\n        }\n\n        // Wrap around: find the first enabled option from the opposite end\n        if (direction === 'up') {\n          for (let i = filteredOptions.length - 1; i >= 0; i--) {\n            if (!filteredOptions[i]?.disabled) return i;\n          }\n        } else {\n          for (let i = 0; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i]?.disabled) return i;\n          }\n        }\n\n        return -1;\n      });\n    },\n    [filteredOptions, setFocusedIndex]\n  );\n\n  return { navigate };\n};\n\nexport interface MultiSelectProps {\n  options: Option[];\n  value: SelectedValues;\n  onChange: (value: SelectedValues) => void;\n  placeholder?: string;\n  selectAllText?: string;\n  deselectAllText?: string;\n  noResultsText?: string;\n  name?: string;\n  disabled?: boolean;\n  className?: string;\n  maxHeight?: number;\n  floatingLabel?: string;\n  error?: boolean;\n  success?: boolean;\n  id?: string;\n}\n\nexport const MultiSelect: FunctionComponent<MultiSelectProps> = ({\n  options = [],\n  value = [],\n  onChange = () => {},\n  id = '',\n  className = '',\n  selectAllText = '',\n  deselectAllText = '',\n  placeholder = '',\n  noResultsText = '',\n  floatingLabel = '',\n  name = 'multi-select-sdk',\n  error = false,\n  success = false,\n  disabled = false,\n  maxHeight = 300,\n}) => {\n  const translations = useText({\n    selectAll: 'Dropin.MultiSelect.selectAll',\n    deselectAll: 'Dropin.MultiSelect.deselectAll',\n    placeholder: 'Dropin.MultiSelect.placeholder',\n    noResultsText: 'Dropin.MultiSelect.noResultsText',\n    removed: 'Dropin.MultiSelect.ariaLabel.removed',\n    added: 'Dropin.MultiSelect.ariaLabel.added',\n    itemsSelected: 'Dropin.MultiSelect.ariaLabel.itemsSelected',\n    itemsAdded: 'Dropin.MultiSelect.ariaLabel.itemsAdded',\n    itemsRemoved: 'Dropin.MultiSelect.ariaLabel.itemsRemoved',\n    selectedTotal: 'Dropin.MultiSelect.ariaLabel.selectedTotal',\n    noResultsFor: 'Dropin.MultiSelect.ariaLabel.noResultsFor',\n    optionsAvailable: 'Dropin.MultiSelect.ariaLabel.optionsAvailable',\n    dropdownExpanded: 'Dropin.MultiSelect.ariaLabel.dropdownExpanded',\n    useArrowKeys: 'Dropin.MultiSelect.ariaLabel.useArrowKeys',\n    removeFromSelection: 'Dropin.MultiSelect.ariaLabel.removeFromSelection',\n    fromSelection: 'Dropin.MultiSelect.ariaLabel.fromSelection',\n    selectedItem: 'Dropin.MultiSelect.ariaLabel.selectedItem',\n    inField: 'Dropin.MultiSelect.ariaLabel.inField',\n    selectedItems: 'Dropin.MultiSelect.ariaLabel.selectedItems',\n    scrollableOptionsList: 'Dropin.MultiSelect.ariaLabel.scrollableOptionsList',\n    selectOptions: 'Dropin.MultiSelect.ariaLabel.selectOptions',\n    itemAction: 'Dropin.MultiSelect.ariaLabel.itemAction',\n    bulkAdded: 'Dropin.MultiSelect.ariaLabel.bulkAdded',\n    bulkRemoved: 'Dropin.MultiSelect.ariaLabel.bulkRemoved',\n    dropdownExpandedWithOptions:\n      'Dropin.MultiSelect.ariaLabel.dropdownExpandedWithOptions',\n    selectedItemInField: 'Dropin.MultiSelect.ariaLabel.selectedItemInField',\n    removeFromSelectionWithText:\n      'Dropin.MultiSelect.ariaLabel.removeFromSelectionWithText',\n    itemsSelectedDescription:\n      'Dropin.MultiSelect.ariaLabel.itemsSelectedDescription',\n    noItemsSelected: 'Dropin.MultiSelect.ariaLabel.noItemsSelected',\n  });\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [searchTerm, setSearchTerm] = useState('');\n  const [focusedIndex, setFocusedIndex] = useState(-1);\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const searchInputRef = useRef<HTMLInputElement>(null);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n\n  const { announcement, announce } = useAccessibilityAnnouncements();\n\n  // Helper function to close dropdown and optionally reset search state\n  const closeDropdown = useCallback((resetSearch = false) => {\n    setIsOpen(false);\n    if (resetSearch) {\n      setSearchTerm('');\n    }\n    setFocusedIndex(-1);\n  }, []);\n\n  // Filter options based on the search term\n  const filteredOptions = useMemo(\n    () => filterOptions(options, searchTerm),\n    [options, searchTerm]\n  );\n\n  // Keyboard navigation\n  const { navigate } = useKeyboardNavigation(\n    filteredOptions,\n    focusedIndex,\n    setFocusedIndex,\n    dropdownRef\n  );\n\n  // Close dropdown on the outside click\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (\n        containerRef.current &&\n        event.target &&\n        !containerRef.current.contains(event.target as Node)\n      ) {\n        closeDropdown(true); // Reset search when clicking outside\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => document.removeEventListener('mousedown', handleClickOutside);\n  }, [closeDropdown]);\n\n  // Toggle dropdown on container click (excluding tags)\n  const handleContainerClick = (event: MouseEvent) => {\n    if (\n      !disabled &&\n      searchInputRef.current &&\n      event.target &&\n      !(event.target as Element).closest('[data-tag]')\n    ) {\n      if (isOpen) {\n        closeDropdown(false); // Don't reset search when clicking inside\n      } else {\n        searchInputRef.current.focus();\n        setIsOpen(true);\n      }\n    }\n  };\n\n  // Handle option selection/deselection\n  const handleSelect = useCallback(\n    (optionValue: OptionValue) => {\n      const option = options.find((opt) => opt.value === optionValue);\n\n      const isCurrentlySelected = value.includes(optionValue);\n      const newValue = isCurrentlySelected\n        ? value.filter((v) => v !== optionValue)\n        : [...value, optionValue];\n\n      onChange(newValue);\n      searchInputRef.current?.focus();\n\n      // A11y - Announce the selection change\n      if (option) {\n        const action = isCurrentlySelected\n          ? translations.removed\n          : translations.added;\n        announce(\n          translations.itemAction\n            .replace('{label}', option.label)\n            .replace('{action}', action)\n            .replace('{count}', newValue.length.toString())\n        );\n      }\n    },\n    [value, onChange, options, announce, translations]\n  );\n\n  // Handle option deselection via the Tag button\n  const handleRemoveTag = (event: MouseEvent, optionValue: OptionValue) => {\n    event.stopPropagation();\n    const option = options.find((opt) => opt.value === optionValue);\n    const newValue = value.filter((v) => v !== optionValue);\n    onChange(newValue);\n    searchInputRef.current?.focus();\n\n    // A11y - Announce the selection change\n    if (option) {\n      announce(\n        translations.itemAction\n          .replace('{label}', option.label)\n          .replace('{action}', translations.removed)\n          .replace('{count}', newValue.length.toString())\n      );\n    }\n  };\n\n  const handleSelectAll = (event: MouseEvent) => {\n    event.preventDefault();\n    const allFilteredValues = filteredOptions.map((opt) => opt.value);\n    const currentValueSet = new Set(value);\n    const newSelections = allFilteredValues.filter(\n      (val) => !currentValueSet.has(val)\n    );\n    const newValue = [...value, ...newSelections];\n    onChange(newValue);\n\n    // Announce the bulk selection\n    if (newSelections.length > 0) {\n      announce(\n        translations.bulkAdded\n          .replace('{count}', newSelections.length.toString())\n          .replace('{total}', newValue.length.toString())\n      );\n    }\n  };\n\n  const handleDeselectAll = (event: MouseEvent) => {\n    event.preventDefault();\n    const filteredValues = new Set(filteredOptions.map((opt) => opt.value));\n    const removedCount = value.filter((v) => filteredValues.has(v)).length;\n    const newValue = value.filter((v) => !filteredValues.has(v));\n    onChange(newValue);\n\n    // A11y - Announce the bulk deselection\n    if (removedCount > 0) {\n      announce(\n        translations.bulkRemoved\n          .replace('{count}', removedCount.toString())\n          .replace('{total}', newValue.length.toString())\n      );\n    }\n  };\n\n  // A11y - Keyboard navigation\n  const handleInputKeyDown = (\n    event: JSX.TargetedKeyboardEvent<HTMLInputElement>\n  ) => {\n    // Handle backspace to remove the last tag\n    if (event.key === 'Backspace' && searchTerm === '' && value.length > 0) {\n      event.preventDefault();\n      const newValue = value.slice(0, -1);\n      onChange(newValue);\n      return;\n    }\n\n    if (!isOpen && (event.key === 'ArrowDown' || event.key === 'Enter')) {\n      event.preventDefault();\n      setIsOpen(true);\n      return;\n    }\n\n    if (isOpen) {\n      switch (event.key) {\n        case 'ArrowDown':\n          event.preventDefault();\n          navigate('down');\n          break;\n        case 'ArrowUp':\n          event.preventDefault();\n          navigate('up');\n          break;\n        case 'Enter':\n          event.preventDefault();\n          if (focusedIndex >= 0 && focusedIndex < filteredOptions.length) {\n            const focusedOption = filteredOptions[focusedIndex];\n            if (!focusedOption?.disabled) {\n              handleSelect(focusedOption.value);\n            }\n          } else if (\n            filteredOptions.length === 1 &&\n            !filteredOptions[0]?.disabled\n          ) {\n            handleSelect(filteredOptions[0].value);\n          }\n          break;\n        case 'Escape':\n          event.preventDefault();\n          closeDropdown(true); // Reset search on Escape\n          break;\n        case 'Tab':\n          closeDropdown(true); // Reset search on Tab (leaving component)\n          break;\n      }\n    }\n  };\n\n  // Array with labels of all selected options\n  const selectedLabels = useMemo(\n    () => getSelectedLabels(value, options),\n    [value, options]\n  );\n\n  // A11y - Generate unique IDs\n  const { listboxId, searchInputId, labelId, selectedDescriptionId } =\n    generateIds(id, name, floatingLabel);\n  const currentFocusedId =\n    focusedIndex >= 0 ? `${listboxId}-option-${focusedIndex}` : '';\n\n  // Check if any items are selected (regardless of filtering)\n  const hasSelection = useMemo(() => value.length > 0, [value]);\n\n  useEffect(() => {\n    if (searchTerm && !isOpen) {\n      setIsOpen(true);\n    }\n  }, [isOpen, searchTerm]);\n\n  // Announce filtered results\n  useEffect(() => {\n    if (isOpen && searchTerm) {\n      const count = filteredOptions.length;\n      if (count === 0) {\n        announce(`${translations.noResultsFor} \"${searchTerm}\"`);\n      } else {\n        announce(`${count} ${translations.optionsAvailable}`);\n      }\n    }\n  }, [filteredOptions.length, searchTerm, isOpen, announce, translations]);\n\n  useEffect(() => {\n    if (isOpen && searchInputRef.current) {\n      searchInputRef.current.focus();\n      // Announce when dropdown opens with available options\n      if (filteredOptions.length > 0) {\n        announce(\n          translations.dropdownExpandedWithOptions\n            .replace('{count}', filteredOptions.length.toString())\n            .replace('{s}', filteredOptions.length === 1 ? '' : 's')\n        );\n      }\n    }\n  }, [\n    isOpen,\n    selectedLabels.length,\n    filteredOptions.length,\n    announce,\n    translations,\n  ]);\n\n  const renderSelectedTags = () => (\n    <>\n      {selectedLabels.map((label, index) => {\n        const totalSelected = value.length;\n        const fieldContext = floatingLabel ? `${floatingLabel}: ` : '';\n        // Use i18n translations for selected items text\n        const selectedItemsText =\n          totalSelected === 1\n            ? `${fieldContext}${translations.itemsSelected\n                .replace('{count}', '1')\n                .replace('{labels}', String(label))\n                .replace('{s}', '')}`\n            : `${fieldContext}${translations.itemsSelected\n                .replace('{count}', totalSelected.toString())\n                .replace('{labels}', selectedLabels.join(', '))\n                .replace('{s}', totalSelected === 1 ? '' : 's')}`;\n\n        return (\n          <Tag\n            key={value[index]}\n            data-tag=\"true\"\n            className=\"dropin-multi-select__tag\"\n            role=\"group\"\n            aria-label={\n              floatingLabel\n                ? translations.selectedItemInField\n                    .replace('{label}', String(label))\n                    .replace('{field}', floatingLabel)\n                : `${translations.selectedItem} ${String(label)}`\n            }\n          >\n            <span aria-hidden=\"true\">{label}</span>\n            <button\n              type=\"button\"\n              onClick={(e) => handleRemoveTag(e, value[index])}\n              className=\"dropin-multi-select__tag-remove\"\n              disabled={disabled}\n              aria-label={translations.removeFromSelectionWithText\n                .replace('{label}', String(label))\n                .replace('{text}', selectedItemsText)}\n            >\n              <Close size={12} aria-hidden=\"true\" />\n            </button>\n          </Tag>\n        );\n      })}\n    </>\n  );\n\n  const renderSearchInput = () => (\n    <input\n      id={searchInputId}\n      ref={searchInputRef}\n      type=\"text\"\n      role=\"combobox\"\n      aria-haspopup=\"listbox\"\n      aria-expanded={isOpen}\n      aria-controls={listboxId}\n      className={classes([\n        'dropin-multi-select__search',\n        ['dropin-multi-select__search--with-floating-label', !!floatingLabel],\n      ])}\n      placeholder={\n        value.length === 0 ? placeholder || translations.placeholder : ''\n      }\n      value={searchTerm}\n      onChange={(e: JSX.TargetedEvent<HTMLInputElement, Event>) => {\n        const target = e.target as HTMLInputElement;\n        setSearchTerm(target.value);\n        setFocusedIndex(-1);\n      }}\n      onKeyDown={handleInputKeyDown}\n      onFocus={() => setIsOpen(true)}\n      disabled={disabled}\n      style={{\n        minWidth: searchTerm ? `${searchTerm.length * 8 + 20}px` : '40px',\n      }}\n      aria-autocomplete=\"list\"\n      aria-activedescendant={\n        isOpen && currentFocusedId ? currentFocusedId : undefined\n      }\n      {...(labelId\n        ? { 'aria-labelledby': labelId }\n        : {\n            'aria-label':\n              floatingLabel ||\n              placeholder ||\n              translations.placeholder ||\n              translations.selectOptions,\n          })}\n      aria-describedby={selectedDescriptionId}\n    />\n  );\n\n  const renderDropdownControls = () => (\n    <div className=\"dropin-multi-select__controls\">\n      <Button\n        variant=\"tertiary\"\n        type=\"button\"\n        className=\"dropin-multi-select__button dropin-multi-select__button--select-all\"\n        onMouseDown={handleSelectAll}\n        data-testid=\"multi-select-select-all\"\n      >\n        {selectAllText || translations.selectAll}\n      </Button>\n      {' | '}\n      <Button\n        variant=\"tertiary\"\n        type=\"button\"\n        className=\"dropin-multi-select__button dropin-multi-select__button--deselect-all\"\n        onMouseDown={handleDeselectAll}\n        disabled={!hasSelection}\n        data-testid=\"multi-select-deselect-all\"\n      >\n        {deselectAllText || translations.deselectAll}\n      </Button>\n    </div>\n  );\n\n  const renderOptionsList = () => (\n    <ul\n      className=\"dropin-multi-select__list\"\n      id={listboxId}\n      role=\"listbox\"\n      aria-multiselectable=\"true\"\n      aria-label={floatingLabel || placeholder || translations.placeholder}\n    >\n      {filteredOptions.map((option, index) => {\n        const isSelected = value.includes(option.value);\n        const isFocused = index === focusedIndex;\n        const optionId = `${listboxId}-option-${index}`;\n\n        return (\n          <li\n            key={option.value}\n            id={optionId}\n            data-option-index={index}\n            data-testid={`multi-select-option-${index}`}\n            className={classes([\n              'dropin-multi-select__option',\n              ['dropin-multi-select__option--focused', isFocused],\n              ['dropin-multi-select__option--selected', isSelected],\n              ['dropin-multi-select__option--disabled', option.disabled],\n            ])}\n            onClick={() => {\n              if (!option.disabled) {\n                handleSelect(option.value);\n              }\n            }}\n            onMouseEnter={() => !option.disabled && setFocusedIndex(index)}\n            role=\"option\"\n            aria-selected={isSelected}\n            aria-disabled={option.disabled}\n          >\n            <span\n              className={classes([\n                'dropin-multi-select__option-label',\n                [\n                  'dropin-multi-select__option-label--disabled',\n                  option.disabled,\n                ],\n              ])}\n            >\n              {option.label}\n            </span>\n            {isSelected && (\n              <Check\n                width={16}\n                height={16}\n                className=\"dropin-multi-select__check-icon\"\n                aria-hidden=\"true\"\n              />\n            )}\n          </li>\n        );\n      })}\n    </ul>\n  );\n\n  return (\n    <div\n      ref={containerRef}\n      data-testid=\"multi-select\"\n      className={classes(['dropin-multi-select', className])}\n    >\n      {/* Single hidden input with comma-separated values for form submission */}\n      <input\n        id={id || name}\n        type=\"hidden\"\n        name={name}\n        data-testid=\"multi-select-hidden-input\"\n        value={value.join(',')}\n        disabled={disabled}\n        aria-hidden=\"true\"\n      />\n      <div\n        className={classes([\n          'dropin-multi-select__container',\n          ['dropin-multi-select__container--open', isOpen],\n          ['dropin-multi-select__container--disabled', disabled],\n          ['dropin-multi-select__container--error', error],\n          ['dropin-multi-select__container--success', success],\n          [\n            'dropin-multi-select__container--with-floating-label',\n            !!floatingLabel,\n          ],\n          [\n            'dropin-multi-select__container--has-value',\n            !!(floatingLabel && (value.length > 0 || searchTerm.length > 0)),\n          ],\n        ])}\n        onMouseDown={handleContainerClick}\n        data-testid=\"multi-select-container\"\n      >\n        <div\n          className={classes([\n            'dropin-multi-select__tags-area',\n            [\n              'dropin-multi-select__tags-area--has-values',\n              selectedLabels.length > 0,\n            ],\n          ])}\n          data-testid=\"multi-select-tags-area\"\n          role=\"group\"\n          aria-label={translations.selectedItems}\n        >\n          {/* Screen-reader-only description of selected items */}\n          <div\n            id={selectedDescriptionId}\n            className=\"dropin-multi-select__sr-only\"\n            aria-live=\"polite\"\n            aria-atomic=\"true\"\n          >\n            {value.length > 0\n              ? translations.itemsSelectedDescription\n                  .replace('{count}', value.length.toString())\n                  .replace('{s}', value.length === 1 ? '' : 's')\n                  .replace('{labels}', selectedLabels.join(', '))\n              : translations.noItemsSelected}\n          </div>\n\n          {renderSelectedTags()}\n          {renderSearchInput()}\n          {floatingLabel ? (\n            <label\n              className=\"dropin-multi-select__floating-label\"\n              htmlFor={searchInputId}\n              id={labelId}\n            >\n              {floatingLabel}\n            </label>\n          ) : null}\n        </div>\n        <ChevronDown\n          className={classes([\n            'dropin-multi-select__chevron',\n            ['dropin-multi-select__chevron--open', isOpen],\n          ])}\n        />\n      </div>\n\n      {isOpen && (\n        <div\n          className=\"dropin-multi-select__dropdown\"\n          data-testid=\"multi-select-dropdown\"\n        >\n          {filteredOptions.length > 0 && renderDropdownControls()}\n\n          <div\n            ref={dropdownRef}\n            className=\"dropin-multi-select__options\"\n            data-testid=\"multi-select-options\"\n            style={{ maxHeight: `${maxHeight}px` }}\n            tabIndex={0}\n            role=\"region\"\n            aria-label={translations.scrollableOptionsList}\n          >\n            {filteredOptions.length === 0 ? (\n              <div\n                className=\"dropin-multi-select__no-results\"\n                data-testid=\"multi-select-no-results\"\n                role=\"status\"\n                aria-live=\"polite\"\n              >\n                {noResultsText || translations.noResultsText}{' '}\n                {searchTerm && `\"${searchTerm}\"`}\n              </div>\n            ) : (\n              renderOptionsList()\n            )}\n          </div>\n        </div>\n      )}\n\n      {/* Live region for screen reader announcements */}\n      <div\n        className=\"dropin-multi-select__announcements dropin-multi-select__sr-only\"\n        aria-live=\"assertive\"\n        aria-atomic=\"true\"\n      >\n        {announcement}\n      </div>\n    </div>\n  );\n};\n"],"file":"components.js"}