se-design 1.0.87-dev.2 → 1.0.88-dev

package/dist/index38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index38.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent, useCallback } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { useCombobox, getA11yNameAttributes } from '../../utils/a11y';\nimport { announce } from '../../utils/a11y/liveAnnouncer/LiveAnnouncer';\nimport { useStableId } from '../../utils/useStableId';\nimport './styles.scss';\n\nexport interface DropdownOption {\n  id: string | number;\n  label: string;\n  value: string;\n  [key: string]: any; // Allow additional properties\n}\n\nexport interface DropdownWithInputTagsHandle {\n  toggleDropdown: () => void;\n}\n\nexport interface DropdownWithInputTagsProps {\n  value: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  options?: DropdownOption[];\n  renderOption?: (\n    option: DropdownOption,\n    props: {\n      id: string;\n      role: 'option';\n      'aria-selected'?: boolean;\n      'aria-disabled'?: true;\n      onMouseEnter: () => void;\n      className: string;\n    },\n    onSelect: (option: DropdownOption) => void\n  ) => React.ReactNode;\n  label?: string;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaDescribedBy?: string;\n  automationId?: string;\n  noOptionsMessage?: string;\n  allowCustomTags?: boolean;\n  disabled?: boolean;\n  type?: 'select' | 'multi-select' |'multi-select-without-cta';\n  showInput?: boolean;\n  displayTagBy?: 'label' | 'value';\n  isWithPortal?: boolean;\n}\n\nexport const DropdownWithInputTags = forwardRef<DropdownWithInputTagsHandle, DropdownWithInputTagsProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder = \"Type to search or add custom tags...\",\n      className = '',\n      options = [],\n      renderOption,\n      label,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true,\n      displayTagBy = 'label',\n      isWithPortal = false\n    },\n    ref: ForwardedRef<DropdownWithInputTagsHandle>\n  ) => {\n    // Define initValues at the top, right after props\n    const initValues = (values: string[]) => {\n      return values.map(val => {\n        const found = options.find(opt => opt.value === val);\n        return found ? { label: found.label, value: found.value } : { label: val, value: val };\n      });\n    };\n\n    // Now use it in useState\n    const [tags, setTags] = useState<{ label: string; value: string }[]>(() => {\n      return initValues(value || []);\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [filteredOptions, setFilteredOptions] = useState<DropdownOption[]>(options);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const popoverRef = useRef<PopoverHandle>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const applyClickedRef = useRef<boolean>(false);\n    \n    const isMultiSelectWithoutCTA = type === 'multi-select-without-cta';\n    const isMultiSelect = type === 'multi-select' ||isMultiSelectWithoutCTA;\n\n    // Generate stable ID for listbox\n    const listboxId = useStableId(automationId, 'dropdown-input-tags-listbox');\n    const labelId = useStableId(automationId ? `${automationId}-label` : undefined, 'dropdown-input-tags-label');\n\n    const handleSelectOption = useCallback(\n      (option: DropdownOption) => {\n        if (disabled) return;\n\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === option.value)) {\n          newTags.push({ label: option.label, value: option.value });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n      },\n      [disabled, tags, onChange]\n    );\n\n    const handleMultiSelectDropdownOptionClick = useCallback(\n      (isSelected: boolean, option: DropdownOption) => {\n        let newSelectedTags: { label: string; value: string }[] = [];\n        if (isSelected) {\n          newSelectedTags = [...tags, { label: option.label, value: option.value }];\n        } else {\n          newSelectedTags = tags.filter((tag) => tag.value !== option.value);\n        }\n        setTags(newSelectedTags);\n        setInputValue('');\n        if (isMultiSelectWithoutCTA) {\n          applyClickedRef.current = true;\n          onChange?.(newSelectedTags.map((tag) => tag.value));\n        }\n      },\n      [tags, isMultiSelectWithoutCTA, onChange]\n    );\n\n    const ADD_CUSTOM_TAG_VALUE = '__add_custom_tag__';\n    const NO_RESULTS_VALUE = '__no_results__';\n    const NO_RESULTS_SENTINEL: DropdownOption = { id: NO_RESULTS_VALUE, label: noOptionsMessage, value: NO_RESULTS_VALUE, __noResults: true };\n    const isNoResultsSentinel = (item: DropdownOption) => !!item?.__noResults;\n\n    const handleSelectFromDropdown = useCallback((option: DropdownOption) => {\n      if (disabled) return;\n\n      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n        const trimmed = inputValue.trim();\n        if (!trimmed) return;\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === trimmed)) {\n          newTags.push({ label: trimmed, value: trimmed });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      if (isMultiSelect) {\n        const isSelected = tags.some(tag => tag.value === option.value);\n        handleMultiSelectDropdownOptionClick(!isSelected, option);\n      } else {\n        handleSelectOption(option);\n      }\n    }, [disabled, isMultiSelect, tags, inputValue, onChange, handleMultiSelectDropdownOptionClick, handleSelectOption]);\n\n    const effectiveItems: DropdownOption[] =\n      filteredOptions.length > 0\n        ? filteredOptions\n        : allowCustomTags && inputValue.trim()\n          ? [{ id: ADD_CUSTOM_TAG_VALUE, label: `Add \"${inputValue.trim()}\"`, value: ADD_CUSTOM_TAG_VALUE }]\n          : [];\n\n    // Inject sentinel so arrow keys can reach \"No options found\" when the list is truly empty\n    const showEmptyState = effectiveItems.length === 0 && isDropdownOpen;\n    const comboboxItems: DropdownOption[] = showEmptyState ? [NO_RESULTS_SENTINEL] : effectiveItems;\n\n    // Combobox hook for keyboard navigation and ARIA\n    const {\n      containerProps,\n      inputProps: comboboxInputProps,\n      listboxProps,\n      getOptionProps,\n      highlightedIndex,\n      setHighlightedIndex,\n      isKeyboardFocused\n    } = useCombobox({\n      items: comboboxItems,\n      isOpen: isDropdownOpen,\n      onOpenChange: setIsDropdownOpen,\n      onSelect: handleSelectFromDropdown,\n      listboxId,\n      hasItems: comboboxItems.length > 0,\n      keepHighlightOnSelect: isMultiSelect,\n      closeOnTab: type !== 'multi-select',\n      isItemDisabled: isNoResultsSentinel\n    });\n\n    const getHighlightClass = (isHighlighted: boolean) =>\n      isHighlighted ? `highlighted${isKeyboardFocused ? ' keyboard-highlight' : ''}` : '';\n\n    useEffect(() => {\n      if (applyClickedRef.current) {\n        applyClickedRef.current = false;\n        return;\n      }\n      setTags(initValues(value || []));\n    }, [value, options, isDropdownOpen]);\n\n\n    useEffect(() => {\n      // const isInputEmpty = !inputValue.trim();\n      const filtered = options.filter(option =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n        option.value.toLowerCase().includes(inputValue.toLowerCase())\n      );\n      setFilteredOptions(filtered);\n    }, [inputValue, options]);\n\n    // Announce empty state for screen readers — only when arrow keys haven't reached it yet.\n    // Once highlighted (aria-activedescendant), the screen reader reads it directly.\n    useEffect(() => {\n      if (isDropdownOpen && effectiveItems.length === 0 && inputValue.trim() && highlightedIndex === -1) {\n        announce(noOptionsMessage, { assertiveness: 'polite', batchId: 'dropdown-input-tags-empty-state', delay: 300 });\n      }\n    }, [effectiveItems.length, isDropdownOpen, inputValue, highlightedIndex]);\n\n    const handleRemoveTag = (indexToRemove: number) => {\n      if (disabled) return;\n      \n      const newTags = tags.filter((_, index) => index !== indexToRemove);\n      setTags(newTags);\n      \n      //in multiselect if tag removed while dorpdownopen, do not call onchange\n      if(!isMultiSelect || isMultiSelectWithoutCTA ||(isMultiSelect && !isDropdownOpen)) {\n        onChange?.(newTags.map(tag => tag.value));\n      }\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      // Handle Backspace to remove last tag (preserve existing behavior)\n      if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        e.preventDefault();\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n        return;\n      }\n\n      // Handle Enter for custom tags when no options match\n      if (e.key === 'Enter' && inputValue.trim() && filteredOptions.length === 0 && allowCustomTags) {\n        e.preventDefault();\n        const newTags = [...tags];\n        if (!newTags.some(tag => tag.value === inputValue.trim())) {\n          newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n          setTags(newTags);\n          onChange?.(newTags.map(tag => tag.value));\n        }\n        setInputValue('');\n        setHighlightedIndex(-1);\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      // Let combobox hook handle all other keyboard events (Arrow keys, Enter, Escape, etc.)\n      comboboxInputProps.onKeyDown(e);\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\n      setHighlightedIndex(-1); // Reset highlighted index when user types\n      \n      if (newValue.trim() && !isDropdownOpen) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (disabled) return;\n\n      if (inputValue.trim() || options.length > 0) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputContainerClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.stopPropagation();\n      inputRef.current?.focus();\n      if (!isDropdownOpen && (inputValue.trim() || options.length > 0)) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handlePopoverWrapperClick = (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      \n      const target = e.target as HTMLElement;\n      const isInputArea = target.closest('.input-with-tags-container');\n      if (isInputArea) {\n        e.stopPropagation();\n      }\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsDropdownOpen(!isDropdownOpen);\n    };\n\n    useImperativeHandle(ref, () => ({ toggleDropdown }), []);\n\n    const defaultRenderOption = (\n      option: DropdownOption,\n      index: number,\n      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`}\n          onClick={() => !disabled && onSelect(option)}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <span className=\"option-label\">{option.label}</span>\n          {option.value !== option.label && <span className=\"option-value\">{option.value}</span>}\n        </div>\n      );\n    };\n    const handleApplySelectedDropDownValues = () => {\n      applyClickedRef.current = true;\n      const newTagValues = tags.map(tag => tag.value);\n      onChange?.(newTagValues);\n      setIsDropdownOpen(false);\n    };\n\n    const clearSelectedDropDownValues = () => {\n      setTags([]);\n    };\n    const multiSelectRenderOption = (option: DropdownOption, index: number) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isOptionSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option ${getHighlightClass(isHighlighted)}`}\n          aria-checked={isOptionSelected}\n          onClick={() => {\n            if (disabled) return;\n            handleMultiSelectDropdownOptionClick(!isOptionSelected, option);\n            inputRef.current?.focus();\n          }}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            checked={isOptionSelected}\n            onChange={() => {}}\n            label={option.label}\n            tabIndex={-1}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div\n          className=\"dropdown-with-input-tags-ctas-container\"\n          onKeyDown={(e) => {\n            if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n              e.stopPropagation();\n            }\n          }}\n        >\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} automationId={`${automationId}-clear-button`} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} automationId={`${automationId}-apply-button`} />\n        </div>\n      );\n    };\n\n    \n\n    return (\n      <div\n        className={`dropdown-with-input-tags-wrapper ${className} ${disabled ? 'disabled-wrapper' : ''}`}\n        data-automation-id={automationId}\n        {...containerProps}\n      >\n        {label && <label id={labelId} className=\"dropdown-with-input-tags-label\">{label}</label>}\n\n        <div onClick={handlePopoverWrapperClick}>\n          <Popover\n            ref={popoverRef}\n            className=\"dropdown-with-input-tags-popover\"\n            contentWidth=\"full\"\n            position=\"bottom-left\"\n            isPopoverOpen={!disabled && isDropdownOpen}\n            onPopoverToggle={disabled ? () => {} : setIsDropdownOpen}\n            disableClickToggle={true}\n            isWithPortal={isWithPortal}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  {...listboxProps}\n                  className=\"dropdown-with-input-tags-content\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {effectiveItems.length > 0 ? (\n                    effectiveItems.map((option, index) => {\n                      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n                        const isHighlighted = highlightedIndex === index;\n                        const optionProps = getOptionProps(index, false);\n                        return (\n                          <div\n                            key={option.id}\n                            {...optionProps}\n                            className={`dropdown-with-input-tags-option dropdown-with-input-tags-custom-option ${getHighlightClass(isHighlighted)}`}\n                            onClick={() => {\n                              if (disabled) return;\n                              handleSelectFromDropdown(option);\n                              closePopoverCb();\n                            }}\n                            onMouseEnter={() => setHighlightedIndex(index)}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        );\n                      }\n                      if (isMultiSelect) {\n                        return multiSelectRenderOption(option, index);\n                      }\n                      \n                      const isSelected = tags.some((tag) => tag.value === option.value);\n                      const isHighlighted = highlightedIndex === index;\n                      const optionProps = getOptionProps(index, isSelected);\n                      const optionPropsWithHandlers = {\n                        ...optionProps,\n                        onMouseEnter: () => setHighlightedIndex(index),\n                        className: `dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`\n                      };\n                      \n                      return renderOption\n                        ? renderOption(option, optionPropsWithHandlers, handleSelectOption)\n                        : defaultRenderOption(option, index, handleSelectOption, disabled);\n                    })\n                  ) : (\n                    <div\n                      {...getOptionProps(0, false)}\n                      className={`dropdown-with-input-tags-no-options ${getHighlightClass(highlightedIndex === 0)}`}\n                    >\n                      <div className=\"dropdown-with-input-tags-no-options-text\">\n                        {noOptionsMessage}\n                      </div>\n                    </div>\n                  )}\n                </div>\n                {isMultiSelect && !isMultiSelectWithoutCTA && multiSelectRenderCTAs()}\n              </>\n            )}\n            renderPopoverSrcElement={() => (\n              <div className=\"dropdown-with-input-tags-input-container\">\n                <div\n                  className={`input-with-tags-container ${disabled ? 'disabled-input-with-tags-container' : ''} ${isKeyboardFocused ? 'keyboard-focused' : ''}`}\n                  onClick={handleInputContainerClick}\n                  onKeyDown={(e) => {\n                    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n                      inputRef.current?.focus();\n                    }\n                  }}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag[displayTagBy]}\n                      {!disabled && (\n                        <Icon\n                          name=\"close\"\n                          className=\"close-icon-in-inputwithtags\"\n                          ariaLabel={`Remove tag ${tag[displayTagBy]}`}\n                          onClick={() => handleRemoveTag(index)}\n                          shouldStopPropagation\n                        />\n                      )}\n                    </span>\n                  ))}\n                  {(showInput || !tags.length || isMultiSelect) && (\n                    <input\n                      ref={inputRef}\n                      {...comboboxInputProps}\n                      type=\"text\"\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      placeholder={tags.length === 0 ? placeholder : ''}\n                      className={`input-with-tags-input${!showInput && tags.length > 0 && !inputValue ? ' sr-only' : ''}`}\n                      disabled={disabled}\n                      {...getA11yNameAttributes({\n                        ariaLabel: ariaLabel || (!label ? 'Search and select options' : undefined),\n                        ariaLabelledBy,\n                        internalLabelId: label ? labelId : undefined,\n                        ariaDescribedBy\n                      })}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            automationId={automationId}\n            popoverContentAutomationId={`${automationId}-content`}\n          />\n        </div>\n      </div>\n    );\n  }\n); "],"names":["DropdownWithInputTags","value","onChange","placeholder","className","options","renderOption","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","displayTagBy","isWithPortal","ref","initValues","values","map","val","found","find","opt","tags","setTags","useState","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","listboxId","useStableId","labelId","undefined","handleSelectOption","useCallback","option","newTags","some","tag","push","handleMultiSelectDropdownOptionClick","isSelected","newSelectedTags","filter","current","ADD_CUSTOM_TAG_VALUE","NO_RESULTS_VALUE","NO_RESULTS_SENTINEL","id","__noResults","isNoResultsSentinel","item","handleSelectFromDropdown","trimmed","trim","effectiveItems","length","comboboxItems","containerProps","inputProps","comboboxInputProps","listboxProps","getOptionProps","highlightedIndex","setHighlightedIndex","isKeyboardFocused","useCombobox","items","isOpen","onOpenChange","onSelect","hasItems","keepHighlightOnSelect","closeOnTab","isItemDisabled","getHighlightClass","isHighlighted","useEffect","filtered","toLowerCase","includes","announce","assertiveness","batchId","delay","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","preventDefault","slice","onKeyDown","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","optionProps","React","createElement","_extends","onClick","onMouseEnter","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","checked","tabIndex","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","disableClickToggle","renderPopoverContents","closePopoverCb","Fragment","optionPropsWithHandlers","renderPopoverSrcElement","ctrlKey","metaKey","altKey","Icon","name","shouldStopPropagation","onFocus","getA11yNameAttributes","internalLabelId","popoverContentAutomationId"],"mappings":"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"}
+{"version":3,"file":"index38.js","sources":["../src/components/DropdownWithInputTags/index.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, forwardRef, ForwardedRef, useImperativeHandle, KeyboardEvent, useCallback } from 'react';\nimport { Popover, PopoverHandle } from '../Popover';\nimport { Icon } from '../Icon';\nimport { Checkbox } from '../Checkbox';\nimport { Button } from '../Button';\nimport { useCombobox, getA11yNameAttributes } from '../../utils/a11y';\nimport { announce } from '../../utils/a11y/liveAnnouncer/LiveAnnouncer';\nimport { useStableId } from '../../utils/useStableId';\nimport './styles.scss';\n\nexport interface DropdownOption {\n  id: string | number;\n  label: string;\n  value: string;\n  [key: string]: any; // Allow additional properties\n}\n\nexport interface DropdownWithInputTagsHandle {\n  toggleDropdown: () => void;\n}\n\nexport interface DropdownWithInputTagsProps {\n  value: string[];\n  onChange?: (tags: string[]) => void;\n  placeholder?: string;\n  className?: string;\n  options?: DropdownOption[];\n  renderOption?: (\n    option: DropdownOption,\n    props: {\n      id: string;\n      role: 'option';\n      'aria-selected'?: boolean;\n      'aria-disabled'?: true;\n      onMouseEnter: () => void;\n      className: string;\n    },\n    onSelect: (option: DropdownOption) => void\n  ) => React.ReactNode;\n  label?: string;\n  ariaLabel?: string;\n  ariaLabelledBy?: string;\n  ariaDescribedBy?: string;\n  automationId?: string;\n  noOptionsMessage?: string;\n  allowCustomTags?: boolean;\n  disabled?: boolean;\n  type?: 'select' | 'multi-select' |'multi-select-without-cta';\n  showInput?: boolean;\n  displayTagBy?: 'label' | 'value';\n  isWithPortal?: boolean;\n}\n\nexport const DropdownWithInputTags = forwardRef<DropdownWithInputTagsHandle, DropdownWithInputTagsProps>(\n  (\n    {\n      value,\n      onChange,\n      placeholder = \"Type to search or add custom tags...\",\n      className = '',\n      options = [],\n      renderOption,\n      label,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      automationId = '',\n      noOptionsMessage = \"No options found\",\n      allowCustomTags = true,\n      disabled = false,\n      type = 'select',\n      showInput = true,\n      displayTagBy = 'label',\n      isWithPortal = false\n    },\n    ref: ForwardedRef<DropdownWithInputTagsHandle>\n  ) => {\n    // Define initValues at the top, right after props\n    const initValues = (values: string[]) => {\n      return values.map(val => {\n        const found = options.find(opt => opt.value === val);\n        return found ? { label: found.label, value: found.value } : { label: val, value: val };\n      });\n    };\n\n    // Now use it in useState\n    const [tags, setTags] = useState<{ label: string; value: string }[]>(() => {\n      return initValues(value || []);\n    });\n    const [inputValue, setInputValue] = useState('');\n    const [filteredOptions, setFilteredOptions] = useState<DropdownOption[]>(options);\n    const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n    const popoverRef = useRef<PopoverHandle>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const applyClickedRef = useRef<boolean>(false);\n    \n    const isMultiSelectWithoutCTA = type === 'multi-select-without-cta';\n    const isMultiSelect = type === 'multi-select' ||isMultiSelectWithoutCTA;\n\n    // Generate stable ID for listbox\n    const listboxId = useStableId(automationId, 'dropdown-input-tags-listbox');\n\n    const handleSelectOption = useCallback(\n      (option: DropdownOption) => {\n        if (disabled) return;\n\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === option.value)) {\n          newTags.push({ label: option.label, value: option.value });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n      },\n      [disabled, tags, onChange]\n    );\n\n    const handleMultiSelectDropdownOptionClick = useCallback(\n      (isSelected: boolean, option: DropdownOption) => {\n        let newSelectedTags: { label: string; value: string }[] = [];\n        if (isSelected) {\n          newSelectedTags = [...tags, { label: option.label, value: option.value }];\n        } else {\n          newSelectedTags = tags.filter((tag) => tag.value !== option.value);\n        }\n        setTags(newSelectedTags);\n        setInputValue('');\n        if (isMultiSelectWithoutCTA) {\n          applyClickedRef.current = true;\n          onChange?.(newSelectedTags.map((tag) => tag.value));\n        }\n      },\n      [tags, isMultiSelectWithoutCTA, onChange]\n    );\n\n    const ADD_CUSTOM_TAG_VALUE = '__add_custom_tag__';\n    const NO_RESULTS_VALUE = '__no_results__';\n    const NO_RESULTS_SENTINEL: DropdownOption = { id: NO_RESULTS_VALUE, label: noOptionsMessage, value: NO_RESULTS_VALUE, __noResults: true };\n    const isNoResultsSentinel = (item: DropdownOption) => !!item?.__noResults;\n\n    const handleSelectFromDropdown = useCallback((option: DropdownOption) => {\n      if (disabled) return;\n\n      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n        const trimmed = inputValue.trim();\n        if (!trimmed) return;\n        const newTags = [...tags];\n        if (!newTags.some((tag) => tag.value === trimmed)) {\n          newTags.push({ label: trimmed, value: trimmed });\n          setTags(newTags);\n          onChange?.(newTags.map((tag) => tag.value));\n        }\n        setInputValue('');\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      if (isMultiSelect) {\n        const isSelected = tags.some(tag => tag.value === option.value);\n        handleMultiSelectDropdownOptionClick(!isSelected, option);\n      } else {\n        handleSelectOption(option);\n      }\n    }, [disabled, isMultiSelect, tags, inputValue, onChange, handleMultiSelectDropdownOptionClick, handleSelectOption]);\n\n    const effectiveItems: DropdownOption[] =\n      filteredOptions.length > 0\n        ? filteredOptions\n        : allowCustomTags && inputValue.trim()\n          ? [{ id: ADD_CUSTOM_TAG_VALUE, label: `Add \"${inputValue.trim()}\"`, value: ADD_CUSTOM_TAG_VALUE }]\n          : [];\n\n    // Inject sentinel so arrow keys can reach \"No options found\" when the list is truly empty\n    const showEmptyState = effectiveItems.length === 0 && isDropdownOpen;\n    const comboboxItems: DropdownOption[] = showEmptyState ? [NO_RESULTS_SENTINEL] : effectiveItems;\n\n    // Combobox hook for keyboard navigation and ARIA\n    const {\n      containerProps,\n      inputProps: comboboxInputProps,\n      listboxProps,\n      getOptionProps,\n      highlightedIndex,\n      setHighlightedIndex,\n      isKeyboardFocused\n    } = useCombobox({\n      items: comboboxItems,\n      isOpen: isDropdownOpen,\n      onOpenChange: setIsDropdownOpen,\n      onSelect: handleSelectFromDropdown,\n      listboxId,\n      hasItems: comboboxItems.length > 0,\n      keepHighlightOnSelect: isMultiSelect,\n      closeOnTab: type !== 'multi-select',\n      isItemDisabled: isNoResultsSentinel\n    });\n\n    const getHighlightClass = (isHighlighted: boolean) =>\n      isHighlighted ? `highlighted${isKeyboardFocused ? ' keyboard-highlight' : ''}` : '';\n\n    useEffect(() => {\n      if (applyClickedRef.current) {\n        applyClickedRef.current = false;\n        return;\n      }\n      setTags(initValues(value || []));\n    }, [value, options, isDropdownOpen]);\n\n\n    useEffect(() => {\n      // const isInputEmpty = !inputValue.trim();\n      const filtered = options.filter(option =>\n        option.label.toLowerCase().includes(inputValue.toLowerCase()) ||\n        option.value.toLowerCase().includes(inputValue.toLowerCase())\n      );\n      setFilteredOptions(filtered);\n    }, [inputValue, options]);\n\n    // Announce empty state for screen readers — only when arrow keys haven't reached it yet.\n    // Once highlighted (aria-activedescendant), the screen reader reads it directly.\n    useEffect(() => {\n      if (isDropdownOpen && effectiveItems.length === 0 && inputValue.trim() && highlightedIndex === -1) {\n        announce(noOptionsMessage, { assertiveness: 'polite', batchId: 'dropdown-input-tags-empty-state', delay: 300 });\n      }\n    }, [effectiveItems.length, isDropdownOpen, inputValue, highlightedIndex]);\n\n    const handleRemoveTag = (indexToRemove: number) => {\n      if (disabled) return;\n      \n      const newTags = tags.filter((_, index) => index !== indexToRemove);\n      setTags(newTags);\n      \n      //in multiselect if tag removed while dorpdownopen, do not call onchange\n      if(!isMultiSelect || isMultiSelectWithoutCTA ||(isMultiSelect && !isDropdownOpen)) {\n        onChange?.(newTags.map(tag => tag.value));\n      }\n    };\n\n    const handleKeyDown = (e: KeyboardEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      // Handle Backspace to remove last tag (preserve existing behavior)\n      if (e.key === 'Backspace' && inputValue === \"\" && tags.length > 0) {\n        e.preventDefault();\n        const newTags = tags.slice(0, -1);\n        setTags(newTags);\n        onChange?.(newTags.map(tag => tag.value));\n        return;\n      }\n\n      // Handle Enter for custom tags when no options match\n      if (e.key === 'Enter' && inputValue.trim() && filteredOptions.length === 0 && allowCustomTags) {\n        e.preventDefault();\n        const newTags = [...tags];\n        if (!newTags.some(tag => tag.value === inputValue.trim())) {\n          newTags.push({ label: inputValue.trim(), value: inputValue.trim() });\n          setTags(newTags);\n          onChange?.(newTags.map(tag => tag.value));\n        }\n        setInputValue('');\n        setHighlightedIndex(-1);\n        setIsDropdownOpen(false);\n        return;\n      }\n\n      // Let combobox hook handle all other keyboard events (Arrow keys, Enter, Escape, etc.)\n      comboboxInputProps.onKeyDown(e);\n    };\n\n    const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      if (disabled) return;\n      \n      const newValue = e.target.value;\n      setInputValue(newValue);\n      setHighlightedIndex(-1); // Reset highlighted index when user types\n      \n      if (newValue.trim() && !isDropdownOpen) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputFocus = () => {\n      if (disabled) return;\n\n      if (inputValue.trim() || options.length > 0) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handleInputContainerClick = (e: React.MouseEvent) => {\n      if (disabled) return;\n\n      e.stopPropagation();\n      inputRef.current?.focus();\n      if (!isDropdownOpen && (inputValue.trim() || options.length > 0)) {\n        setIsDropdownOpen(true);\n      }\n    };\n\n    const handlePopoverWrapperClick = (e: React.MouseEvent) => {\n      if (disabled) {\n        e.preventDefault();\n        e.stopPropagation();\n        return;\n      }\n      \n      const target = e.target as HTMLElement;\n      const isInputArea = target.closest('.input-with-tags-container');\n      if (isInputArea) {\n        e.stopPropagation();\n      }\n    };\n\n    const toggleDropdown = () => {\n      if (disabled) return;\n      setIsDropdownOpen(!isDropdownOpen);\n    };\n\n    useImperativeHandle(ref, () => ({ toggleDropdown }), []);\n\n    const defaultRenderOption = (\n      option: DropdownOption,\n      index: number,\n      onSelect: (option: DropdownOption) => void,\n      disabled: boolean\n    ) => {\n      const isSelected = tags.some((tag) => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`}\n          onClick={() => !disabled && onSelect(option)}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <span className=\"option-label\">{option.label}</span>\n          {option.value !== option.label && <span className=\"option-value\">{option.value}</span>}\n        </div>\n      );\n    };\n    const handleApplySelectedDropDownValues = () => {\n      applyClickedRef.current = true;\n      const newTagValues = tags.map(tag => tag.value);\n      onChange?.(newTagValues);\n      setIsDropdownOpen(false);\n    };\n\n    const clearSelectedDropDownValues = () => {\n      setTags([]);\n    };\n    const multiSelectRenderOption = (option: DropdownOption, index: number) => {\n      const isOptionSelected = tags.some(tag => tag.value === option.value);\n      const isHighlighted = highlightedIndex === index;\n      const optionProps = getOptionProps(index, isOptionSelected);\n      \n      return (\n        <div\n          key={option.id}\n          {...optionProps}\n          className={`dropdown-with-input-tags-option dropdown-with-input-tags-multi-select-option ${getHighlightClass(isHighlighted)}`}\n          aria-checked={isOptionSelected}\n          onClick={() => {\n            if (disabled) return;\n            handleMultiSelectDropdownOptionClick(!isOptionSelected, option);\n            inputRef.current?.focus();\n          }}\n          onMouseEnter={() => setHighlightedIndex(index)}\n          data-automation-id={`${automationId}-option-${option.id}`}\n        >\n          <Checkbox\n            automationId=\"checkbox\"\n            className=\"checkbox\"\n            checked={isOptionSelected}\n            onChange={() => {}}\n            label={option.label}\n            tabIndex={-1}\n          />\n        </div>\n      );\n    };\n\n    const multiSelectRenderCTAs = () => {\n      return (\n        <div\n          className=\"dropdown-with-input-tags-ctas-container\"\n          onKeyDown={(e) => {\n            if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Home' || e.key === 'End') {\n              e.stopPropagation();\n            }\n          }}\n        >\n          <Button label=\"Clear\" type=\"link\" size=\"sm\" onClick={clearSelectedDropDownValues} automationId={`${automationId}-clear-button`} />\n          <Button label=\"Apply\" type=\"primary\" size=\"sm\" onClick={handleApplySelectedDropDownValues} automationId={`${automationId}-apply-button`} />\n        </div>\n      );\n    };\n\n    \n\n    return (\n      <div\n        className={`dropdown-with-input-tags-wrapper ${className} ${disabled ? 'disabled-wrapper' : ''}`}\n        data-automation-id={automationId}\n        {...containerProps}\n      >\n        {label && <label id={`${automationId}-label`} className=\"dropdown-with-input-tags-label\">{label}</label>}\n\n        <div onClick={handlePopoverWrapperClick}>\n          <Popover\n            ref={popoverRef}\n            className=\"dropdown-with-input-tags-popover\"\n            contentWidth=\"full\"\n            position=\"bottom-left\"\n            isPopoverOpen={!disabled && isDropdownOpen}\n            onPopoverToggle={disabled ? () => {} : setIsDropdownOpen}\n            disableClickToggle={true}\n            isWithPortal={isWithPortal}\n            renderPopoverContents={({ closePopoverCb }) => (\n              <>\n                <div\n                  {...listboxProps}\n                  className=\"dropdown-with-input-tags-content\"\n                  {...(isMultiSelect && { 'aria-multiselectable': 'true' })}\n                >\n                  {effectiveItems.length > 0 ? (\n                    effectiveItems.map((option, index) => {\n                      if (option.value === ADD_CUSTOM_TAG_VALUE) {\n                        const isHighlighted = highlightedIndex === index;\n                        const optionProps = getOptionProps(index, false);\n                        return (\n                          <div\n                            key={option.id}\n                            {...optionProps}\n                            className={`dropdown-with-input-tags-option dropdown-with-input-tags-custom-option ${getHighlightClass(isHighlighted)}`}\n                            onClick={() => {\n                              if (disabled) return;\n                              handleSelectFromDropdown(option);\n                              closePopoverCb();\n                            }}\n                            onMouseEnter={() => setHighlightedIndex(index)}\n                          >\n                            Add \"{inputValue.trim()}\"\n                          </div>\n                        );\n                      }\n                      if (isMultiSelect) {\n                        return multiSelectRenderOption(option, index);\n                      }\n                      \n                      const isSelected = tags.some((tag) => tag.value === option.value);\n                      const isHighlighted = highlightedIndex === index;\n                      const optionProps = getOptionProps(index, isSelected);\n                      const optionPropsWithHandlers = {\n                        ...optionProps,\n                        onMouseEnter: () => setHighlightedIndex(index),\n                        className: `dropdown-with-input-tags-option ${getHighlightClass(isHighlighted)}`\n                      };\n                      \n                      return renderOption\n                        ? renderOption(option, optionPropsWithHandlers, handleSelectOption)\n                        : defaultRenderOption(option, index, handleSelectOption, disabled);\n                    })\n                  ) : (\n                    <div\n                      {...getOptionProps(0, false)}\n                      className={`dropdown-with-input-tags-no-options ${getHighlightClass(highlightedIndex === 0)}`}\n                    >\n                      <div className=\"dropdown-with-input-tags-no-options-text\">\n                        {noOptionsMessage}\n                      </div>\n                    </div>\n                  )}\n                </div>\n                {isMultiSelect && !isMultiSelectWithoutCTA && multiSelectRenderCTAs()}\n              </>\n            )}\n            renderPopoverSrcElement={() => (\n              <div className=\"dropdown-with-input-tags-input-container\">\n                <div\n                  className={`input-with-tags-container ${disabled ? 'disabled-input-with-tags-container' : ''} ${isKeyboardFocused ? 'keyboard-focused' : ''}`}\n                  onClick={handleInputContainerClick}\n                  onKeyDown={(e) => {\n                    if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {\n                      inputRef.current?.focus();\n                    }\n                  }}\n                >\n                  {tags.map((tag, index) => (\n                    <span key={index} className=\"tag-in-inputwithtags\">\n                      {tag[displayTagBy]}\n                      {!disabled && (\n                        <Icon\n                          name=\"close\"\n                          className=\"close-icon-in-inputwithtags\"\n                          ariaLabel={`Remove tag ${tag[displayTagBy]}`}\n                          onClick={() => handleRemoveTag(index)}\n                          shouldStopPropagation\n                        />\n                      )}\n                    </span>\n                  ))}\n                  {(showInput || !tags.length || isMultiSelect) && (\n                    <input\n                      ref={inputRef}\n                      {...comboboxInputProps}\n                      type=\"text\"\n                      value={inputValue}\n                      onChange={handleInputChange}\n                      onKeyDown={handleKeyDown}\n                      onFocus={handleInputFocus}\n                      placeholder={tags.length === 0 ? placeholder : ''}\n                      className={`input-with-tags-input${!showInput && tags.length > 0 && !inputValue ? ' sr-only' : ''}`}\n                      disabled={disabled}\n                      {...getA11yNameAttributes({\n                        ariaLabel: ariaLabel || label || 'Search and select options',\n                        ariaLabelledBy,\n                        ariaDescribedBy\n                      })}\n                    />\n                  )}\n                </div>\n              </div>\n            )}\n            automationId={automationId}\n            popoverContentAutomationId={`${automationId}-content`}\n          />\n        </div>\n      </div>\n    );\n  }\n); "],"names":["DropdownWithInputTags","value","onChange","placeholder","className","options","renderOption","label","ariaLabel","ariaLabelledBy","ariaDescribedBy","automationId","noOptionsMessage","allowCustomTags","disabled","type","showInput","displayTagBy","isWithPortal","ref","initValues","values","map","val","found","find","opt","tags","setTags","useState","inputValue","setInputValue","filteredOptions","setFilteredOptions","isDropdownOpen","setIsDropdownOpen","popoverRef","useRef","inputRef","applyClickedRef","isMultiSelectWithoutCTA","isMultiSelect","listboxId","useStableId","handleSelectOption","useCallback","option","newTags","some","tag","push","handleMultiSelectDropdownOptionClick","isSelected","newSelectedTags","filter","current","ADD_CUSTOM_TAG_VALUE","NO_RESULTS_VALUE","NO_RESULTS_SENTINEL","id","__noResults","isNoResultsSentinel","item","handleSelectFromDropdown","trimmed","trim","effectiveItems","length","comboboxItems","containerProps","inputProps","comboboxInputProps","listboxProps","getOptionProps","highlightedIndex","setHighlightedIndex","isKeyboardFocused","useCombobox","items","isOpen","onOpenChange","onSelect","hasItems","keepHighlightOnSelect","closeOnTab","isItemDisabled","getHighlightClass","isHighlighted","useEffect","filtered","toLowerCase","includes","announce","assertiveness","batchId","delay","handleRemoveTag","indexToRemove","_","index","handleKeyDown","e","key","preventDefault","slice","onKeyDown","handleInputChange","newValue","target","handleInputFocus","handleInputContainerClick","stopPropagation","focus","handlePopoverWrapperClick","closest","toggleDropdown","useImperativeHandle","defaultRenderOption","optionProps","React","createElement","_extends","onClick","onMouseEnter","handleApplySelectedDropDownValues","newTagValues","clearSelectedDropDownValues","multiSelectRenderOption","isOptionSelected","Checkbox","checked","tabIndex","multiSelectRenderCTAs","Button","size","Popover","contentWidth","position","isPopoverOpen","onPopoverToggle","disableClickToggle","renderPopoverContents","closePopoverCb","Fragment","optionPropsWithHandlers","renderPopoverSrcElement","ctrlKey","metaKey","altKey","Icon","name","shouldStopPropagation","onFocus","getA11yNameAttributes","popoverContentAutomationId"],"mappings":"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"}

package/dist/index39.js

@@ -1,80 +1,76 @@
 import e from "react";
-import { useStableId as P } from "./index206.js";
-import { mergeIds as _ } from "./index223.js";
-import { getA11yNameAttributes as k } from "./index81.js";
+import { useStableId as A } from "./index205.js";
+import { mergeIds as P } from "./index206.js";
+import { getA11yNameAttributes as _ } from "./index81.js";
 import "./index72.js";
 /* empty css         */
-function H({
-  value: r,
-  onChange: p,
-  onBlur: v,
-  onFocus: b,
-  disabled: i,
-  maxLength: n,
-  tag: E,
+function G({
+  value: l,
+  onChange: m,
+  onBlur: u,
+  onFocus: p,
+  disabled: n,
+  maxLength: a,
+  tag: v,
   error: t,
-  errorMessage: o,
-  label: c,
-  placeholder: I,
+  errorMessage: i,
+  label: r,
+  placeholder: E,
   style: N,
-  inputStyle: $,
+  inputStyle: b,
   automationId: f = "",
-  id: h,
-  ariaLabel: y,
-  ariaLabelledBy: d,
-  ariaDescribedBy: F,
-  ...w
+  id: $,
+  ariaLabel: h,
+  ariaLabelledBy: I,
+  ariaDescribedBy: y,
+  ...F
 }) {
-  const C = E || "input", a = P(h, "se-input"), s = c ? `${a}-label` : void 0, m = `${a}-error`, u = `${a}-count`, g = _(t && o ? m : void 0, n ? u : void 0, F), x = k({
-    ariaLabel: y,
-    ariaLabelledBy: d,
-    // Native <label htmlFor> provides the name on its own; only fold the label id into
-    // aria-labelledby when an external suffix is supplied, so the common case stays native-only.
-    internalLabelId: d ? s : void 0,
-    ariaDescribedBy: g
-  }), A = {
-    ...w,
-    id: a,
-    value: r,
-    onChange: (l) => {
-      const B = l.target.value;
-      p(B);
+  const w = v || "input", o = A($, "se-input"), s = `${o}-error`, d = `${o}-count`, B = P(t && i ? s : void 0, a ? d : void 0, y), C = _({
+    ariaLabel: h,
+    ariaLabelledBy: I,
+    ariaDescribedBy: B
+  }), g = {
+    ...F,
+    id: o,
+    value: l,
+    onChange: (c) => {
+      const x = c.target.value;
+      m(x);
     },
-    onBlur: v,
-    onFocus: (l) => {
-      b?.(l);
+    onBlur: u,
+    onFocus: (c) => {
+      p?.(c);
     },
-    disabled: i,
-    className: `${t ? "input-container-error" : "input-container-default"} ${i ? "input-container-disabled" : ""}`,
-    maxLength: n ?? void 0,
-    placeholder: I,
-    style: $,
+    disabled: n,
+    className: `${t ? "input-container-error" : "input-container-default"} ${n ? "input-container-disabled" : ""}`,
+    maxLength: a ?? void 0,
+    placeholder: E,
+    style: b,
     "aria-invalid": t ? "true" : void 0,
-    ...x
+    ...C
   };
   return /* @__PURE__ */ e.createElement("div", {
     className: "input-main-container",
     style: N,
     "data-automation-id": f
-  }, c && /* @__PURE__ */ e.createElement("label", {
+  }, r && /* @__PURE__ */ e.createElement("label", {
+    className: `label-container ${n ? "label-container-disabled" : ""}`,
+    htmlFor: o
+  }, r), /* @__PURE__ */ e.createElement(w, g), (t || a) && /* @__PURE__ */ e.createElement("div", {
+    className: `${t ? "error-and-max-word" : "max-word-container"} ${n ? "disabled" : ""}`
+  }, t && i && /* @__PURE__ */ e.createElement("div", {
+    key: i,
     id: s,
-    className: `label-container ${i ? "label-container-disabled" : ""}`,
-    htmlFor: a
-  }, c), /* @__PURE__ */ e.createElement(C, A), (t || n) && /* @__PURE__ */ e.createElement("div", {
-    className: `${t ? "error-and-max-word" : "max-word-container"} ${i ? "disabled" : ""}`
-  }, t && o && /* @__PURE__ */ e.createElement("div", {
-    key: o,
-    id: m,
     className: "error-message",
     role: "alert"
-  }, o), n && /* @__PURE__ */ e.createElement("div", {
-    id: u,
+  }, i), a && /* @__PURE__ */ e.createElement("div", {
+    id: d,
     className: "max-word",
     "aria-live": "polite",
     "aria-atomic": "true"
-  }, /* @__PURE__ */ e.createElement("span", null, r?.length + "/" + n))));
+  }, /* @__PURE__ */ e.createElement("span", null, l?.length + "/" + a))));
 }
 export {
-  H as Input
+  G as Input
 };
 //# sourceMappingURL=index39.js.map

package/dist/index39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index39.js","sources":["../src/components/Input/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useStableId } from '../../utils/useStableId';\nimport { mergeIds } from '../../utils/mergeIds';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport './style.scss';\n\ntype InputTag = 'input' | 'textarea';\n\ntype NativeInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  | 'value'\n  | 'onChange'\n  | 'disabled'\n  | 'maxLength'\n  | 'id'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n>;\ntype NativeTextareaProps = Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  | 'value'\n  | 'onChange'\n  | 'disabled'\n  | 'maxLength'\n  | 'id'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n>;\n\ntype CommonInputProps = {\n  value: string;\n  disabled?: boolean;\n  maxLength?: number;\n  onChange: (value: string) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  tag?: InputTag;\n  error?: boolean;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n  style?: React.CSSProperties;\n  inputStyle?: React.CSSProperties;\n  automationId?: string;\n  id?: string;\n  /**\n   * Accessible name when no visible label exists (icon-only / placeholder-only inputs).\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this input.\n   * Useful for external labels outside the Input component.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this input (hints, helper text, etc.).\n   * Will be merged with internal error/counter IDs.\n   */\n  ariaDescribedBy?: string;\n};\n\n/**\n * Input component with built-in label, error, and counter support.\n * \n * Native HTML input/textarea attributes are passed through, including:\n * - `required`, `readOnly`, `autoFocus`, `name`, `type`\n * - `autoComplete`, `inputMode`, `enterKeyHint`, `pattern`\n * - Note: accessible name/description is provided via ariaLabel/ariaLabelledBy/ariaDescribedBy props.\n * - `min`, `max`, `step` (for number inputs)\n * - `onKeyDown`, `onPaste`, and other event handlers\n */\nexport type InputProps = CommonInputProps & (NativeInputProps | NativeTextareaProps);\n\nexport function Input({\n  value,\n  onChange,\n  onBlur,\n  onFocus,\n  disabled,\n  maxLength,\n  tag,\n  error,\n  errorMessage,\n  label,\n  placeholder,\n  style,\n  inputStyle,\n  automationId = '',\n  id,\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  ...nativeProps\n}: InputProps) {\n  const Element: InputTag = tag || 'input';\n\n  const inputId = useStableId(id, 'se-input');\n  const labelId = label ? `${inputId}-label` : undefined;\n  const errorId = `${inputId}-error`;\n  const countId = `${inputId}-count`;\n\n  const describedBy = mergeIds(\n    error && errorMessage ? errorId : undefined,\n    maxLength ? countId : undefined,\n    ariaDescribedBy\n  );\n\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel,\n    ariaLabelledBy,\n    // Native <label htmlFor> provides the name on its own; only fold the label id into\n    // aria-labelledby when an external suffix is supplied, so the common case stays native-only.\n    internalLabelId: ariaLabelledBy ? labelId : undefined,\n    ariaDescribedBy: describedBy\n  });\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    onFocus?.(e);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const nextValue = e.target.value;\n    onChange(nextValue);\n  };\n\n  const inputPropsBase = {\n    ...(nativeProps as Record<string, unknown>),\n    id: inputId,\n    value,\n    onChange: handleChange,\n    onBlur,\n    onFocus: handleFocus,\n    disabled,\n    className: `${error ? 'input-container-error' : 'input-container-default'} ${\n      disabled ? 'input-container-disabled' : ''\n    }`,\n    maxLength: maxLength ?? undefined,\n    placeholder: placeholder,\n    style: inputStyle,\n    'aria-invalid': error ? 'true' : undefined,\n    ...accessibleNameProps\n  };\n\n  return (\n    <div className=\"input-main-container\" style={style} data-automation-id={automationId}>\n      {label && (\n        <label\n          id={labelId}\n          className={`label-container ${disabled ? 'label-container-disabled' : ''}`}\n          htmlFor={inputId}\n        >\n          {label}\n        </label>\n      )}\n      {React.createElement(Element, inputPropsBase)}\n      {(error || maxLength) &&\n        <div className={`${error ? 'error-and-max-word' : 'max-word-container'} ${disabled ? 'disabled' : ''}`}>\n          {error && errorMessage && (\n            <div key={errorMessage} id={errorId} className=\"error-message\" role=\"alert\">\n              {errorMessage}\n            </div>\n          )}\n          {maxLength && (\n            <div id={countId} className=\"max-word\" aria-live=\"polite\" aria-atomic=\"true\">\n              <span>{value?.length + '/' + maxLength}</span>\n            </div>\n          )}\n        </div>\n      }\n    </div>\n  );\n}\n"],"names":["React__default","useStableId","mergeIds","getA11yNameAttributes","Input","value","onChange","onBlur","onFocus","disabled","maxLength","tag","error","errorMessage","label","placeholder","style","inputStyle","automationId","id","ariaLabel","ariaLabelledBy","ariaDescribedBy","nativeProps","Element","inputId","labelId","undefined","errorId","countId","describedBy","accessibleNameProps","internalLabelId","inputPropsBase","handleChange","e","nextValue","target","handleFocus","className","React","createElement","htmlFor","key","role","length"],"mappings":"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"}
+{"version":3,"file":"index39.js","sources":["../src/components/Input/index.tsx"],"sourcesContent":["import React from 'react';\nimport { useStableId } from '../../utils/useStableId';\nimport { mergeIds } from '../../utils/mergeIds';\nimport { getA11yNameAttributes } from '../../utils/a11y';\nimport './style.scss';\n\ntype InputTag = 'input' | 'textarea';\n\ntype NativeInputProps = Omit<\n  React.InputHTMLAttributes<HTMLInputElement>,\n  | 'value'\n  | 'onChange'\n  | 'disabled'\n  | 'maxLength'\n  | 'id'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n>;\ntype NativeTextareaProps = Omit<\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  | 'value'\n  | 'onChange'\n  | 'disabled'\n  | 'maxLength'\n  | 'id'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'children'\n>;\n\ntype CommonInputProps = {\n  value: string;\n  disabled?: boolean;\n  maxLength?: number;\n  onChange: (value: string) => void;\n  onBlur?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  onFocus?: (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;\n  tag?: InputTag;\n  error?: boolean;\n  errorMessage?: string;\n  label?: string;\n  placeholder?: string;\n  style?: React.CSSProperties;\n  inputStyle?: React.CSSProperties;\n  automationId?: string;\n  id?: string;\n  /**\n   * Accessible name when no visible label exists (icon-only / placeholder-only inputs).\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of visible element(s) that label this input.\n   * Useful for external labels outside the Input component.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this input (hints, helper text, etc.).\n   * Will be merged with internal error/counter IDs.\n   */\n  ariaDescribedBy?: string;\n};\n\n/**\n * Input component with built-in label, error, and counter support.\n * \n * Native HTML input/textarea attributes are passed through, including:\n * - `required`, `readOnly`, `autoFocus`, `name`, `type`\n * - `autoComplete`, `inputMode`, `enterKeyHint`, `pattern`\n * - Note: accessible name/description is provided via ariaLabel/ariaLabelledBy/ariaDescribedBy props.\n * - `min`, `max`, `step` (for number inputs)\n * - `onKeyDown`, `onPaste`, and other event handlers\n */\nexport type InputProps = CommonInputProps & (NativeInputProps | NativeTextareaProps);\n\nexport function Input({\n  value,\n  onChange,\n  onBlur,\n  onFocus,\n  disabled,\n  maxLength,\n  tag,\n  error,\n  errorMessage,\n  label,\n  placeholder,\n  style,\n  inputStyle,\n  automationId = '',\n  id,\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  ...nativeProps\n}: InputProps) {\n  const Element: InputTag = tag || 'input';\n\n  const inputId = useStableId(id, 'se-input');\n  const errorId = `${inputId}-error`;\n  const countId = `${inputId}-count`;\n\n  const describedBy = mergeIds(\n    error && errorMessage ? errorId : undefined,\n    maxLength ? countId : undefined,\n    ariaDescribedBy\n  );\n\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy: describedBy\n  });\n\n  const handleFocus = (e: React.FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    onFocus?.(e);\n  };\n\n  const handleChange = (e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => {\n    const nextValue = e.target.value;\n    onChange(nextValue);\n  };\n\n  const inputPropsBase = {\n    ...(nativeProps as Record<string, unknown>),\n    id: inputId,\n    value,\n    onChange: handleChange,\n    onBlur,\n    onFocus: handleFocus,\n    disabled,\n    className: `${error ? 'input-container-error' : 'input-container-default'} ${\n      disabled ? 'input-container-disabled' : ''\n    }`,\n    maxLength: maxLength ?? undefined,\n    placeholder: placeholder,\n    style: inputStyle,\n    'aria-invalid': error ? 'true' : undefined,\n    ...accessibleNameProps\n  };\n\n  return (\n    <div className=\"input-main-container\" style={style} data-automation-id={automationId}>\n      {label && (\n        <label\n          className={`label-container ${disabled ? 'label-container-disabled' : ''}`}\n          htmlFor={inputId}\n        >\n          {label}\n        </label>\n      )}\n      {React.createElement(Element, inputPropsBase)}\n      {(error || maxLength) &&\n        <div className={`${error ? 'error-and-max-word' : 'max-word-container'} ${disabled ? 'disabled' : ''}`}>\n          {error && errorMessage && (\n            <div key={errorMessage} id={errorId} className=\"error-message\" role=\"alert\">\n              {errorMessage}\n            </div>\n          )}\n          {maxLength && (\n            <div id={countId} className=\"max-word\" aria-live=\"polite\" aria-atomic=\"true\">\n              <span>{value?.length + '/' + maxLength}</span>\n            </div>\n          )}\n        </div>\n      }\n    </div>\n  );\n}\n"],"names":["React__default","useStableId","mergeIds","getA11yNameAttributes","Input","value","onChange","onBlur","onFocus","disabled","maxLength","tag","error","errorMessage","label","placeholder","style","inputStyle","automationId","id","ariaLabel","ariaLabelledBy","ariaDescribedBy","nativeProps","Element","inputId","errorId","countId","describedBy","undefined","accessibleNameProps","inputPropsBase","handleChange","e","nextValue","target","handleFocus","className","React","createElement","htmlFor","key","role","length"],"mappings":"AA8EO,OAAAA,OAAA;AAAA,SAAA,eAAAC,SAAA;AAAA,SAAA,YAAAC,SAAA;AAAA,SAAA,yBAAAC,SAAA;AAAA,OAAA;AAAA,OAAA;AAAA,SAASC,EAAM;AAAA,EACpBC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,IAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACA,GAAGC;AACO,GAAG;AACb,QAAMC,IAAoBb,KAAO,SAE3Bc,IAAUxB,EAAYkB,GAAI,UAAU,GACpCO,IAAU,GAAGD,CAAO,UACpBE,IAAU,GAAGF,CAAO,UAEpBG,IAAc1B,EAClBU,KAASC,IAAea,IAAUG,QAClCnB,IAAYiB,IAAUE,QACtBP,CACF,GAEMQ,IAAsB3B,EAAsB;AAAA,IAChDiB,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,iBAAiBM;AAAAA,EAAAA,CAClB,GAWKG,IAAiB;AAAA,IACrB,GAAIR;AAAAA,IACJJ,IAAIM;AAAAA,IACJpB,OAAAA;AAAAA,IACAC,UATmB0B,CAACC,MAAiE;AACrF,YAAMC,IAAYD,EAAEE,OAAO9B;AAC3BC,MAAAA,EAAS4B,CAAS;AAAA,IACpB;AAAA,IAOE3B,QAAAA;AAAAA,IACAC,SAfkB4B,CAACH,MAAgE;AACnFzB,MAAAA,IAAUyB,CAAC;AAAA,IACb;AAAA,IAcExB,UAAAA;AAAAA,IACA4B,WAAW,GAAGzB,IAAQ,0BAA0B,yBAAyB,IACvEH,IAAW,6BAA6B,EAAE;AAAA,IAE5CC,WAAWA,KAAamB;AAAAA,IACxBd,aAAAA;AAAAA,IACAC,OAAOC;AAAAA,IACP,gBAAgBL,IAAQ,SAASiB;AAAAA,IACjC,GAAGC;AAAAA,EAAAA;AAGL,SACEQ,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKF,WAAU;AAAA,IAAuBrB,OAAAA;AAAAA,IAAc,sBAAoBE;AAAAA,EAAAA,GACrEJ,KACCwB,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEF,WAAW,mBAAmB5B,IAAW,6BAA6B,EAAE;AAAA,IACxE+B,SAASf;AAAAA,EAAAA,GAERX,CACI,GAERwB,gBAAAA,EAAMC,cAAcf,GAASO,CAAc,IAC1CnB,KAASF,MACT4B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKF,WAAW,GAAGzB,IAAQ,uBAAuB,oBAAoB,IAAIH,IAAW,aAAa,EAAE;AAAA,EAAA,GACjGG,KAASC,KACRyB,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKE,KAAK5B;AAAAA,IAAcM,IAAIO;AAAAA,IAASW,WAAU;AAAA,IAAgBK,MAAK;AAAA,EAAA,GACjE7B,CACE,GAENH,KACC4B,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKpB,IAAIQ;AAAAA,IAASU,WAAU;AAAA,IAAW,aAAU;AAAA,IAAS,eAAY;AAAA,EAAA,GACpEC,gBAAAA,EAAAC,cAAA,QAAA,MAAOlC,GAAOsC,SAAS,MAAMjC,CAAgB,CAC1C,CAEJ,CAEJ;AAET;"}

package/dist/index4.js

@@ -1,20 +1,20 @@
-import o, { forwardRef as G, useRef as H, useEffect as J } from "react";
-import { getA11yNameAttributes as K } from "./index81.js";
-import { useAccessiblePress as L } from "./index67.js";
+import o, { forwardRef as F, useRef as G, useEffect as H } from "react";
+import { getA11yNameAttributes as J } from "./index81.js";
+import { useAccessiblePress as K } from "./index67.js";
 import "./index72.js";
-import { announce as M } from "./index75.js";
-import { Icon as w } from "./index6.js";
+import { announce as L } from "./index75.js";
+import { Icon as y } from "./index6.js";
 /* empty css        */
-function p() {
-  return p = Object.assign ? Object.assign.bind() : function(n) {
+function u() {
+  return u = Object.assign ? Object.assign.bind() : function(n) {
     for (var s = 1; s < arguments.length; s++) {
       var r = arguments[s];
       for (var t in r) ({}).hasOwnProperty.call(r, t) && (n[t] = r[t]);
     }
     return n;
-  }, p.apply(null, arguments);
+  }, u.apply(null, arguments);
 }
-const a = "focus-outline", Q = {
+const a = "focus-outline", M = {
   primary: "primary-btn disabled-btn pointer-events-none cursor-not-allowed",
   secondary: "secondary-btn disabled-btn pointer-events-none cursor-not-allowed",
   ghost: "ghost-btn disabled-btn pointer-events-none cursor-not-allowed",
@@ -26,7 +26,7 @@ const a = "focus-outline", Q = {
   // padding: 8px, 12px
   lg: "py-3 px-4 large"
   // padding: 12px, 16px
-}, g = {
+}, h = {
   primary: `primary-btn ${a}`,
   secondary: `secondary-btn ${a}`,
   ghost: `ghost-btn ${a}`,
@@ -38,88 +38,83 @@ const a = "focus-outline", Q = {
   // padding: 8px, 12px
   lg: "py-3 px-4 large"
   // padding: 12px, 16px
-}, S = {
+}, Q = {
   blue: "theme-blue",
   red: "theme-red",
   yellow: "theme-yellow",
   green: "theme-green",
   ai: "theme-ai",
   white: "theme-white"
-}, V = /* @__PURE__ */ G(({
+}, S = /* @__PURE__ */ F(({
   type: n = "primary",
   theme: s = "blue",
   size: r = "md",
   label: t = "",
-  iconPosition: b = "left",
-  disabled: N = !1,
+  iconPosition: p = "left",
+  disabled: w = !1,
   loading: e = !1,
   loadingLabel: l,
-  className: x = "",
-  iconProps: c = {
+  className: g = "",
+  iconProps: m = {
     name: ""
   },
-  automationId: k = "",
-  autoFocus: C = !1,
-  ariaLabel: E,
-  ariaLabelledBy: $,
-  ariaDescribedBy: P,
-  isPressed: R,
-  onClick: j,
-  onKeyboardActivate: A,
-  onPointerDown: B,
-  onMouseDown: O,
-  onTouchStart: _,
-  tabIndex: f,
-  ...I
-}, z) => {
-  const d = n === "unstyled", y = f !== void 0, h = e && l ? l : t, v = H(e);
-  J(() => {
-    e && !v.current && M(l || (t ? `${t}, loading` : "Loading"), {
+  automationId: v = "",
+  autoFocus: N = !1,
+  ariaLabel: x,
+  ariaLabelledBy: k,
+  ariaDescribedBy: C,
+  isPressed: E,
+  onClick: $,
+  onKeyboardActivate: P,
+  onPointerDown: R,
+  onMouseDown: j,
+  onTouchStart: A,
+  ...B
+}, O) => {
+  const c = n === "unstyled", b = e && l ? l : t, f = G(e);
+  H(() => {
+    e && !f.current && L(l || (t ? `${t}, loading` : "Loading"), {
       delay: 300
-    }), v.current = e;
+    }), f.current = e;
   }, [e, t, l]);
   const {
-    pressProps: D,
-    isDisabled: i
-  } = L({
-    disabled: N,
+    pressProps: _,
+    isDisabled: d
+  } = K({
+    disabled: w,
     loading: e,
     isNative: !0,
     // native <button> => hook does NOT add Enter/Space onKeyDown
-    pressed: R,
-    onClick: j,
-    onKeyboardActivate: A,
-    onPointerDown: B,
-    onMouseDown: O,
-    onTouchStart: _
-  }), T = !d && n !== "link" ? g[r] : "", U = d ? "" : S[s];
-  let u = i ? Q[n] : g[n];
-  i && y && (u = u.replace("pointer-events-none ", ""));
-  const m = c?.name ? {
-    ...c,
-    stroke: i ? "var(--color-gray-600)" : c.stroke
-  } : void 0, q = ["se-design-button", U, T, u, x, d ? "" : "rounded-[6px] inline-flex gap-1 items-center min-w-fit"].filter(Boolean).join(" "), F = K({
-    ariaLabel: E,
-    ariaLabelledBy: $,
-    ariaDescribedBy: P
+    pressed: E,
+    onClick: $,
+    onKeyboardActivate: P,
+    onPointerDown: R,
+    onMouseDown: j,
+    onTouchStart: A
+  }), I = !c && n !== "link" ? h[r] : "", z = c ? "" : Q[s], D = d ? M[n] : h[n], i = m?.name ? {
+    ...m,
+    stroke: d ? "var(--color-gray-600)" : m.stroke
+  } : void 0, U = ["se-design-button", z, I, D, g, c ? "" : "rounded-[6px] inline-flex gap-1 items-center min-w-fit"].filter(Boolean).join(" "), q = J({
+    ariaLabel: x,
+    ariaLabelledBy: k,
+    ariaDescribedBy: C
   });
-  return /* @__PURE__ */ o.createElement("button", p({
-    ref: z,
+  return /* @__PURE__ */ o.createElement("button", u({
+    ref: O,
     type: "button",
-    className: q,
-    disabled: i && !y,
-    tabIndex: f,
-    autoFocus: C,
-    "data-automation-id": k
-  }, I, D, F), e && /* @__PURE__ */ o.createElement("div", {
+    className: U,
+    disabled: d,
+    autoFocus: N,
+    "data-automation-id": v
+  }, B, _, q), e && /* @__PURE__ */ o.createElement("div", {
     "aria-hidden": "true",
     className: "animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full"
-  }), !e && m?.name && b === "left" && /* @__PURE__ */ o.createElement(w, m), h && /* @__PURE__ */ o.createElement("span", {
+  }), !e && i?.name && p === "left" && /* @__PURE__ */ o.createElement(y, i), b && /* @__PURE__ */ o.createElement("span", {
     className: "button-label [font-weight:inherit]"
-  }, h), !e && m?.name && b === "right" && /* @__PURE__ */ o.createElement(w, m));
+  }, b), !e && i?.name && p === "right" && /* @__PURE__ */ o.createElement(y, i));
 });
-V.displayName = "Button";
+S.displayName = "Button";
 export {
-  V as Button
+  S as Button
 };
 //# sourceMappingURL=index4.js.map

package/dist/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":["../src/components/Button/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport { announce } from '../../utils/a11y/liveAnnouncer';\nimport { Icon, IconProps } from '../Icon';\nimport './style.scss';\n\n/**\n * Allows native button attributes (aria-*, data-*, etc.) to be passed through,\n * but keeps our own onClick/disabled/type typing AND aria-label/aria-labelledby/aria-describedby.\n * Note: We omit 'type' because we use it for button variant, not HTML type attribute.\n * The HTML type is always set to 'button' internally.\n */\ntype NativeButtonProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onClick' | 'disabled' | 'type' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-pressed'\n>;\n\nexport interface ButtonProps extends NativeButtonProps {\n  /**\n   * Type of the button. \n   */\n  type?: 'primary' | 'secondary' | 'ghost' | 'link' | 'unstyled';\n  /**\n   * Color pallet of the button\n   */\n  theme?: 'blue' | 'red' | 'yellow' | 'green' | 'ai' | 'white';\n  /**\n   * Size of the button\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Button contents\n   */\n  label: string | '';\n  /**\n   * Icon props\n   */\n  iconProps?: IconProps;\n  /**\n   * Icon position\n   */\n  iconPosition?: 'left' | 'right';\n  /**\n   * Disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Loading state - will disable button and show spinner\n   */\n  loading?: boolean;\n  /**\n   * Custom label shown (both visually and announced to screen readers) when loading is true.\n   * When omitted, the original label remains visible and SR announcement is \"${label}, loading\".\n   */\n  loadingLabel?: string;\n  /**\n   * Optional click handler (called for pointer/mouse activations)\n   */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Optional keyboard activation handler\n   * Called when button is activated via keyboard (Enter/Space) or assistive technology virtual activation.\n   * Use when you want to have different behavior for keyboard and pointer activations.\n   * If not provided, onClick will be called for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n  /**\n   * If true, button will be focused on mount.\n   * For programmatic focus control, use ref with .focus() instead.\n   */\n  autoFocus?: boolean;\n  /**\n   * Accessible name for the button. Use when there's no visible label (e.g., icon-only buttons).\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this button.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this button.\n   * Provides additional context announced after the accessible name.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * When true, sets aria-pressed for toggle/pressed state \n   */\n  isPressed?: boolean;\n}\n\nconst focusClass = 'focus-outline';\nconst disabledClassNames: Map = {\n  primary: 'primary-btn disabled-btn pointer-events-none cursor-not-allowed',\n  secondary: 'secondary-btn disabled-btn pointer-events-none cursor-not-allowed',\n  ghost: 'ghost-btn disabled-btn pointer-events-none cursor-not-allowed',\n  link: 'link-btn w-fit disabled-btn pointer-events-none cursor-not-allowed',\n  unstyled: 'unstyled-btn disabled-btn pointer-events-none cursor-not-allowed',\n  sm: 'py-1 px-3 small', // padding: 4px, 12px\n  md: 'py-2 px-3 medium', // padding: 8px, 12px\n  lg: 'py-3 px-4 large' // padding: 12px, 16px\n};\nconst classNames: Map = {\n  primary: `primary-btn ${focusClass}`,\n  secondary: `secondary-btn ${focusClass}`,\n  ghost: `ghost-btn ${focusClass}`,\n  link: `link-btn w-fit ${focusClass}`,\n  unstyled: `unstyled-btn ${focusClass}`,\n  sm: 'py-1 px-3 small', // padding: 4px, 12px\n  md: 'py-2 px-3 medium', // padding: 8px, 12px\n  lg: 'py-3 px-4 large' // padding: 12px, 16px\n};\n\nconst colorPalletClassNames: Map = {\n  blue: 'theme-blue',\n  red: 'theme-red',\n  yellow: 'theme-yellow',\n  green: 'theme-green',\n  ai: 'theme-ai',\n  white: 'theme-white'\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      type = 'primary',\n      theme = 'blue',\n      size = 'md',\n      label = '',\n      iconPosition = 'left',\n      disabled = false,\n      loading = false,\n      loadingLabel,\n      className = '',\n      iconProps = { name: '' },\n      automationId = '',\n      autoFocus = false,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      isPressed,\n      onClick,\n      onKeyboardActivate,\n      onPointerDown,\n      onMouseDown,\n      onTouchStart,\n      tabIndex,\n      ...props\n    },\n    ref\n  ) => {\n  const isUnstyled = type === 'unstyled';\n  const hasTabIndex = tabIndex !== undefined;\n  const visibleLabel = loading && loadingLabel ? loadingLabel : label;\n  const prevLoadingRef = useRef(loading);\n\n  useEffect(() => {\n    if (loading && !prevLoadingRef.current) {\n      announce(loadingLabel || (label ? `${label}, loading` : 'Loading'), { delay: 300 });\n    }\n    prevLoadingRef.current = loading;\n  }, [loading, label, loadingLabel]);\n\n  // Use shared hook for activation handling (pointer vs keyboard/virtual click routing)\n  const { pressProps, isDisabled } = useAccessiblePress({\n    disabled,\n    loading,\n    isNative: true, // native <button> => hook does NOT add Enter/Space onKeyDown\n    pressed: isPressed,\n    onClick: onClick as (e: React.MouseEvent<HTMLElement>) => void,\n    onKeyboardActivate: onKeyboardActivate as (e: React.MouseEvent<HTMLElement>) => void,\n    onPointerDown: onPointerDown as (e: React.PointerEvent<HTMLElement>) => void,\n    onMouseDown: onMouseDown as (e: React.MouseEvent<HTMLElement>) => void,\n    onTouchStart: onTouchStart as (e: React.TouchEvent<HTMLElement>) => void\n  });\n\n  // Skip size/color classes for unstyled variant\n  const sizeClassName = !isUnstyled && type !== 'link' ? classNames[size] : '';\n  const colorPalletClassName = !isUnstyled ? colorPalletClassNames[theme] : '';\n  let typeClassName = isDisabled ? disabledClassNames[type] : classNames[type];\n  if (isDisabled && hasTabIndex) {\n    typeClassName = typeClassName.replace('pointer-events-none ', '');\n  }\n\n  // Avoid mutating incoming iconProps\n  const computedIconProps: IconProps | undefined = iconProps?.name\n    ? {\n        ...iconProps,\n        stroke: isDisabled ? 'var(--color-gray-600)' : iconProps.stroke\n      }\n    : undefined;\n\n  const buttonClassName = [\n    'se-design-button',\n    colorPalletClassName,\n    sizeClassName,\n    typeClassName,\n    className,\n    !isUnstyled ? 'rounded-[6px] inline-flex gap-1 items-center min-w-fit' : ''\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Compute accessible name/description props with correct precedence\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy\n  });\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={buttonClassName}\n      disabled={isDisabled && !hasTabIndex}\n      tabIndex={tabIndex}\n      autoFocus={autoFocus}\n      data-automation-id={automationId}\n      {...props}\n      {...(pressProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      {...accessibleNameProps}\n    >\n      {loading && (\n        <div\n          aria-hidden=\"true\"\n          className=\"animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full\"\n        />\n      )}\n      {!loading && computedIconProps?.name && iconPosition === 'left' && (\n        <Icon {...computedIconProps} />\n      )}\n      {visibleLabel && (\n        <span className=\"button-label [font-weight:inherit]\">{visibleLabel}</span>\n      )}\n      {!loading && computedIconProps?.name && iconPosition === 'right' && (\n        <Icon {...computedIconProps} />\n      )}\n    </button>\n  );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["focusClass","disabledClassNames","primary","secondary","ghost","link","unstyled","sm","md","lg","classNames","colorPalletClassNames","blue","red","yellow","green","ai","white","Button","type","theme","size","label","iconPosition","disabled","loading","loadingLabel","className","iconProps","name","automationId","autoFocus","ariaLabel","ariaLabelledBy","ariaDescribedBy","isPressed","onClick","onKeyboardActivate","onPointerDown","onMouseDown","onTouchStart","tabIndex","props","ref","isUnstyled","hasTabIndex","undefined","visibleLabel","prevLoadingRef","useRef","useEffect","current","announce","delay","pressProps","isDisabled","useAccessiblePress","isNative","pressed","sizeClassName","colorPalletClassName","typeClassName","replace","computedIconProps","stroke","buttonClassName","filter","Boolean","join","accessibleNameProps","getA11yNameAttributes","React","createElement","_extends","Icon","displayName"],"mappings":";;;;;;;;;;;;;;;;AAqGA,MAAMA,IAAa,iBACbC,IAA0B;AAAA,EAC9BC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,UAAU;AAAA,EACVC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GACMC,IAAkB;AAAA,EACtBR,SAAS,eAAeF,CAAU;AAAA,EAClCG,WAAW,iBAAiBH,CAAU;AAAA,EACtCI,OAAO,aAAaJ,CAAU;AAAA,EAC9BK,MAAM,kBAAkBL,CAAU;AAAA,EAClCM,UAAU,gBAAgBN,CAAU;AAAA,EACpCO,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GAEME,IAA6B;AAAA,EACjCC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,IAAI;AAAA,EACJC,OAAO;AACT,GAEaC,sBACX,CACE;AAAA,EACEC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,cAAAA,IAAe;AAAA,EACfC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,cAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,WAAAA,IAAY;AAAA,IAAEC,MAAM;AAAA,EAAA;AAAA,EACpBC,cAAAA,IAAe;AAAA,EACfC,WAAAA,IAAY;AAAA,EACZC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACL,QAAMC,IAAazB,MAAS,YACtB0B,IAAcJ,MAAaK,QAC3BC,IAAetB,KAAWC,IAAeA,IAAeJ,GACxD0B,IAAiBC,EAAOxB,CAAO;AAErCyB,EAAAA,EAAU,MAAM;AACd,IAAIzB,KAAW,CAACuB,EAAeG,WAC7BC,EAAS1B,MAAiBJ,IAAQ,GAAGA,CAAK,cAAc,YAAY;AAAA,MAAE+B,OAAO;AAAA,IAAA,CAAK,GAEpFL,EAAeG,UAAU1B;AAAAA,EAC3B,GAAG,CAACA,GAASH,GAAOI,CAAY,CAAC;AAGjC,QAAM;AAAA,IAAE4B,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,EAAAA,IAAeC,EAAmB;AAAA,IACpDhC,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAgC,UAAU;AAAA;AAAA,IACVC,SAASvB;AAAAA,IACTC,SAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,EAAAA,CACD,GAGKmB,IAAgB,CAACf,KAAczB,MAAS,SAAST,EAAWW,CAAI,IAAI,IACpEuC,IAAwBhB,IAA4C,KAA/BjC,EAAsBS,CAAK;AACtE,MAAIyC,IAAgBN,IAAatD,EAAmBkB,CAAI,IAAIT,EAAWS,CAAI;AAC3E,EAAIoC,KAAcV,MAChBgB,IAAgBA,EAAcC,QAAQ,wBAAwB,EAAE;AAIlE,QAAMC,IAA2CnC,GAAWC,OACxD;AAAA,IACE,GAAGD;AAAAA,IACHoC,QAAQT,IAAa,0BAA0B3B,EAAUoC;AAAAA,EAAAA,IAE3DlB,QAEEmB,IAAkB,CACtB,oBACAL,GACAD,GACAE,GACAlC,GACCiB,IAAwE,KAA3D,wDAA6D,EAE1EsB,OAAOC,OAAO,EACdC,KAAK,GAAG,GAGLC,IAAsBC,EAAsB;AAAA,IAChDtC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD;AAED,SACEqC,gBAAAA,EAAAC,cAAA,UAAAC,EAAA;AAAA,IACE9B,KAAAA;AAAAA,IACAxB,MAAK;AAAA,IACLQ,WAAWsC;AAAAA,IACXzC,UAAU+B,KAAc,CAACV;AAAAA,IACzBJ,UAAAA;AAAAA,IACAV,WAAAA;AAAAA,IACA,sBAAoBD;AAAAA,EAAAA,GAChBY,GACCY,GACDe,CAAmB,GAEtB5C,KACC8C,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE,eAAY;AAAA,IACZ7C,WAAU;AAAA,EAAA,CACX,GAEF,CAACF,KAAWsC,GAAmBlC,QAAQN,MAAiB,UACvDgD,gBAAAA,EAAAC,cAACE,GAASX,CAAoB,GAE/BhB,KACCwB,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAM7C,WAAU;AAAA,EAAA,GAAsCoB,CAAmB,GAE1E,CAACtB,KAAWsC,GAAmBlC,QAAQN,MAAiB,WACvDgD,gBAAAA,EAAAC,cAACE,GAASX,CAAoB,CAE1B;AAEV,CACF;AAEA7C,EAAOyD,cAAc;"}
+{"version":3,"file":"index4.js","sources":["../src/components/Button/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useRef } from 'react';\nimport { Map } from '../../utils/common.types';\nimport { useAccessiblePress, getA11yNameAttributes } from '../../utils/a11y';\nimport { announce } from '../../utils/a11y/liveAnnouncer';\nimport { Icon, IconProps } from '../Icon';\nimport './style.scss';\n\n/**\n * Allows native button attributes (aria-*, data-*, etc.) to be passed through,\n * but keeps our own onClick/disabled/type typing AND aria-label/aria-labelledby/aria-describedby.\n * Note: We omit 'type' because we use it for button variant, not HTML type attribute.\n * The HTML type is always set to 'button' internally.\n */\ntype NativeButtonProps = Omit<\n  React.ButtonHTMLAttributes<HTMLButtonElement>,\n  'onClick' | 'disabled' | 'type' | 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-pressed'\n>;\n\nexport interface ButtonProps extends NativeButtonProps {\n  /**\n   * Type of the button. \n   */\n  type?: 'primary' | 'secondary' | 'ghost' | 'link' | 'unstyled';\n  /**\n   * Color pallet of the button\n   */\n  theme?: 'blue' | 'red' | 'yellow' | 'green' | 'ai' | 'white';\n  /**\n   * Size of the button\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Button contents\n   */\n  label: string | '';\n  /**\n   * Icon props\n   */\n  iconProps?: IconProps;\n  /**\n   * Icon position\n   */\n  iconPosition?: 'left' | 'right';\n  /**\n   * Disabled state\n   */\n  disabled?: boolean;\n  /**\n   * Loading state - will disable button and show spinner\n   */\n  loading?: boolean;\n  /**\n   * Custom label shown (both visually and announced to screen readers) when loading is true.\n   * When omitted, the original label remains visible and SR announcement is \"${label}, loading\".\n   */\n  loadingLabel?: string;\n  /**\n   * Optional click handler (called for pointer/mouse activations)\n   */\n  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Optional keyboard activation handler\n   * Called when button is activated via keyboard (Enter/Space) or assistive technology virtual activation.\n   * Use when you want to have different behavior for keyboard and pointer activations.\n   * If not provided, onClick will be called for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLButtonElement>) => void;\n  /**\n   * Custom class name\n   */\n  className?: string;\n  /**\n   * Automation ID for testing\n   */\n  automationId?: string;\n  /**\n   * If true, button will be focused on mount.\n   * For programmatic focus control, use ref with .focus() instead.\n   */\n  autoFocus?: boolean;\n  /**\n   * Accessible name for the button. Use when there's no visible label (e.g., icon-only buttons).\n   * Prefer ariaLabelledBy when a visible label exists.\n   */\n  ariaLabel?: string;\n  /**\n   * ID(s) of element(s) that label this button.\n   * Preferred over ariaLabel when a visible label exists (keeps SR and visual text in sync).\n   */\n  ariaLabelledBy?: string;\n  /**\n   * ID(s) of element(s) that describe this button.\n   * Provides additional context announced after the accessible name.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * When true, sets aria-pressed for toggle/pressed state \n   */\n  isPressed?: boolean;\n}\n\nconst focusClass = 'focus-outline';\nconst disabledClassNames: Map = {\n  primary: 'primary-btn disabled-btn pointer-events-none cursor-not-allowed',\n  secondary: 'secondary-btn disabled-btn pointer-events-none cursor-not-allowed',\n  ghost: 'ghost-btn disabled-btn pointer-events-none cursor-not-allowed',\n  link: 'link-btn w-fit disabled-btn pointer-events-none cursor-not-allowed',\n  unstyled: 'unstyled-btn disabled-btn pointer-events-none cursor-not-allowed',\n  sm: 'py-1 px-3 small', // padding: 4px, 12px\n  md: 'py-2 px-3 medium', // padding: 8px, 12px\n  lg: 'py-3 px-4 large' // padding: 12px, 16px\n};\nconst classNames: Map = {\n  primary: `primary-btn ${focusClass}`,\n  secondary: `secondary-btn ${focusClass}`,\n  ghost: `ghost-btn ${focusClass}`,\n  link: `link-btn w-fit ${focusClass}`,\n  unstyled: `unstyled-btn ${focusClass}`,\n  sm: 'py-1 px-3 small', // padding: 4px, 12px\n  md: 'py-2 px-3 medium', // padding: 8px, 12px\n  lg: 'py-3 px-4 large' // padding: 12px, 16px\n};\n\nconst colorPalletClassNames: Map = {\n  blue: 'theme-blue',\n  red: 'theme-red',\n  yellow: 'theme-yellow',\n  green: 'theme-green',\n  ai: 'theme-ai',\n  white: 'theme-white'\n};\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (\n    {\n      type = 'primary',\n      theme = 'blue',\n      size = 'md',\n      label = '',\n      iconPosition = 'left',\n      disabled = false,\n      loading = false,\n      loadingLabel,\n      className = '',\n      iconProps = { name: '' },\n      automationId = '',\n      autoFocus = false,\n      ariaLabel,\n      ariaLabelledBy,\n      ariaDescribedBy,\n      isPressed,\n      onClick,\n      onKeyboardActivate,\n      onPointerDown,\n      onMouseDown,\n      onTouchStart,\n      ...props\n    },\n    ref\n  ) => {\n  const isUnstyled = type === 'unstyled';\n  const visibleLabel = loading && loadingLabel ? loadingLabel : label;\n  const prevLoadingRef = useRef(loading);\n\n  useEffect(() => {\n    if (loading && !prevLoadingRef.current) {\n      announce(loadingLabel || (label ? `${label}, loading` : 'Loading'), { delay: 300 });\n    }\n    prevLoadingRef.current = loading;\n  }, [loading, label, loadingLabel]);\n\n  // Use shared hook for activation handling (pointer vs keyboard/virtual click routing)\n  const { pressProps, isDisabled } = useAccessiblePress({\n    disabled,\n    loading,\n    isNative: true, // native <button> => hook does NOT add Enter/Space onKeyDown\n    pressed: isPressed,\n    onClick: onClick as (e: React.MouseEvent<HTMLElement>) => void,\n    onKeyboardActivate: onKeyboardActivate as (e: React.MouseEvent<HTMLElement>) => void,\n    onPointerDown: onPointerDown as (e: React.PointerEvent<HTMLElement>) => void,\n    onMouseDown: onMouseDown as (e: React.MouseEvent<HTMLElement>) => void,\n    onTouchStart: onTouchStart as (e: React.TouchEvent<HTMLElement>) => void\n  });\n\n  // Skip size/color classes for unstyled variant\n  const sizeClassName = !isUnstyled && type !== 'link' ? classNames[size] : '';\n  const colorPalletClassName = !isUnstyled ? colorPalletClassNames[theme] : '';\n  const typeClassName = isDisabled ? disabledClassNames[type] : classNames[type];\n\n  // Avoid mutating incoming iconProps\n  const computedIconProps: IconProps | undefined = iconProps?.name\n    ? {\n        ...iconProps,\n        stroke: isDisabled ? 'var(--color-gray-600)' : iconProps.stroke\n      }\n    : undefined;\n\n  const buttonClassName = [\n    'se-design-button',\n    colorPalletClassName,\n    sizeClassName,\n    typeClassName,\n    className,\n    !isUnstyled ? 'rounded-[6px] inline-flex gap-1 items-center min-w-fit' : ''\n  ]\n    .filter(Boolean)\n    .join(' ');\n\n  // Compute accessible name/description props with correct precedence\n  const accessibleNameProps = getA11yNameAttributes({\n    ariaLabel,\n    ariaLabelledBy,\n    ariaDescribedBy\n  });\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={buttonClassName}\n      disabled={isDisabled}\n      autoFocus={autoFocus}\n      data-automation-id={automationId}\n      {...props}\n      {...(pressProps as React.ButtonHTMLAttributes<HTMLButtonElement>)}\n      {...accessibleNameProps}\n    >\n      {loading && (\n        <div\n          aria-hidden=\"true\"\n          className=\"animate-spin w-4 h-4 border-2 border-current border-t-transparent rounded-full\"\n        />\n      )}\n      {!loading && computedIconProps?.name && iconPosition === 'left' && (\n        <Icon {...computedIconProps} />\n      )}\n      {visibleLabel && (\n        <span className=\"button-label [font-weight:inherit]\">{visibleLabel}</span>\n      )}\n      {!loading && computedIconProps?.name && iconPosition === 'right' && (\n        <Icon {...computedIconProps} />\n      )}\n    </button>\n  );\n  }\n);\n\nButton.displayName = 'Button';\n"],"names":["focusClass","disabledClassNames","primary","secondary","ghost","link","unstyled","sm","md","lg","classNames","colorPalletClassNames","blue","red","yellow","green","ai","white","Button","type","theme","size","label","iconPosition","disabled","loading","loadingLabel","className","iconProps","name","automationId","autoFocus","ariaLabel","ariaLabelledBy","ariaDescribedBy","isPressed","onClick","onKeyboardActivate","onPointerDown","onMouseDown","onTouchStart","props","ref","isUnstyled","visibleLabel","prevLoadingRef","useRef","useEffect","current","announce","delay","pressProps","isDisabled","useAccessiblePress","isNative","pressed","sizeClassName","colorPalletClassName","typeClassName","computedIconProps","stroke","undefined","buttonClassName","filter","Boolean","join","accessibleNameProps","getA11yNameAttributes","React","createElement","_extends","Icon","displayName"],"mappings":";;;;;;;;;;;;;;;;AAqGA,MAAMA,IAAa,iBACbC,IAA0B;AAAA,EAC9BC,SAAS;AAAA,EACTC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,UAAU;AAAA,EACVC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GACMC,IAAkB;AAAA,EACtBR,SAAS,eAAeF,CAAU;AAAA,EAClCG,WAAW,iBAAiBH,CAAU;AAAA,EACtCI,OAAO,aAAaJ,CAAU;AAAA,EAC9BK,MAAM,kBAAkBL,CAAU;AAAA,EAClCM,UAAU,gBAAgBN,CAAU;AAAA,EACpCO,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AAAA,EACJC,IAAI;AAAA;AACN,GAEME,IAA6B;AAAA,EACjCC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,IAAI;AAAA,EACJC,OAAO;AACT,GAEaC,sBACX,CACE;AAAA,EACEC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,MAAAA,IAAO;AAAA,EACPC,OAAAA,IAAQ;AAAA,EACRC,cAAAA,IAAe;AAAA,EACfC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,cAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZC,WAAAA,IAAY;AAAA,IAAEC,MAAM;AAAA,EAAA;AAAA,EACpBC,cAAAA,IAAe;AAAA,EACfC,WAAAA,IAAY;AAAA,EACZC,WAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,eAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACA,GAAGC;AACL,GACAC,MACG;AACL,QAAMC,IAAaxB,MAAS,YACtByB,IAAenB,KAAWC,IAAeA,IAAeJ,GACxDuB,IAAiBC,EAAOrB,CAAO;AAErCsB,EAAAA,EAAU,MAAM;AACd,IAAItB,KAAW,CAACoB,EAAeG,WAC7BC,EAASvB,MAAiBJ,IAAQ,GAAGA,CAAK,cAAc,YAAY;AAAA,MAAE4B,OAAO;AAAA,IAAA,CAAK,GAEpFL,EAAeG,UAAUvB;AAAAA,EAC3B,GAAG,CAACA,GAASH,GAAOI,CAAY,CAAC;AAGjC,QAAM;AAAA,IAAEyB,YAAAA;AAAAA,IAAYC,YAAAA;AAAAA,EAAAA,IAAeC,EAAmB;AAAA,IACpD7B,UAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACA6B,UAAU;AAAA;AAAA,IACVC,SAASpB;AAAAA,IACTC,SAAAA;AAAAA,IACAC,oBAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,aAAAA;AAAAA,IACAC,cAAAA;AAAAA,EAAAA,CACD,GAGKgB,IAAgB,CAACb,KAAcxB,MAAS,SAAST,EAAWW,CAAI,IAAI,IACpEoC,IAAwBd,IAA4C,KAA/BhC,EAAsBS,CAAK,GAChEsC,IAAgBN,IAAanD,EAAmBkB,CAAI,IAAIT,EAAWS,CAAI,GAGvEwC,IAA2C/B,GAAWC,OACxD;AAAA,IACE,GAAGD;AAAAA,IACHgC,QAAQR,IAAa,0BAA0BxB,EAAUgC;AAAAA,EAAAA,IAE3DC,QAEEC,IAAkB,CACtB,oBACAL,GACAD,GACAE,GACA/B,GACCgB,IAAwE,KAA3D,wDAA6D,EAE1EoB,OAAOC,OAAO,EACdC,KAAK,GAAG,GAGLC,IAAsBC,EAAsB;AAAA,IAChDnC,WAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,iBAAAA;AAAAA,EAAAA,CACD;AAED,SACEkC,gBAAAA,EAAAC,cAAA,UAAAC,EAAA;AAAA,IACE5B,KAAAA;AAAAA,IACAvB,MAAK;AAAA,IACLQ,WAAWmC;AAAAA,IACXtC,UAAU4B;AAAAA,IACVrB,WAAAA;AAAAA,IACA,sBAAoBD;AAAAA,EAAAA,GAChBW,GACCU,GACDe,CAAmB,GAEtBzC,KACC2C,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IACE,eAAY;AAAA,IACZ1C,WAAU;AAAA,EAAA,CACX,GAEF,CAACF,KAAWkC,GAAmB9B,QAAQN,MAAiB,UACvD6C,gBAAAA,EAAAC,cAACE,GAASZ,CAAoB,GAE/Bf,KACCwB,gBAAAA,EAAAC,cAAA,QAAA;AAAA,IAAM1C,WAAU;AAAA,EAAA,GAAsCiB,CAAmB,GAE1E,CAACnB,KAAWkC,GAAmB9B,QAAQN,MAAiB,WACvD6C,gBAAAA,EAAAC,cAACE,GAASZ,CAAoB,CAE1B;AAEV,CACF;AAEAzC,EAAOsD,cAAc;"}

package/dist/index40.js

@@ -1,7 +1,7 @@
 import a, { useState as d, useRef as $, useEffect as r, useMemo as D } from "react";
 import { Icon as g } from "./index6.js";
 import { LabelChip as F } from "./index11.js";
-import { debounce as L } from "./index225.js";
+import { debounce as L } from "./index224.js";
 /* empty css         */
 function z(p) {
   const {