asterui 0.12.62 → 0.12.63

package/dist/components/Autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.js","sources":["../../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDropdown = 'dropdown'\nconst dDropdownBottom = 'dropdown-bottom'\nconst dDropdownOpen = 'dropdown-open'\nconst dDropdownContent = 'dropdown-content'\nconst dMenu = 'menu'\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dInputNeutral = 'input-neutral'\nconst dInputPrimary = 'input-primary'\nconst dInputSecondary = 'input-secondary'\nconst dInputAccent = 'input-accent'\nconst dInputInfo = 'input-info'\nconst dInputSuccess = 'input-success'\nconst dInputWarning = 'input-warning'\nconst dInputError = 'input-error'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (value: string, option: AutocompleteOption) => void\n  onSearch?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Controlled open state */\n  open?: boolean\n  /** Default open state */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Activate first option by default */\n  defaultActiveFirstOption?: boolean\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size,\n  color,\n  status,\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  allowClear,\n  onClear,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  defaultActiveFirstOption = true,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  // Generate unique IDs for ARIA\n  const baseId = useId()\n  const inputId = `${baseId}-input`\n  const listboxId = `${baseId}-listbox`\n\n  // Normalize options to AutocompleteOption[]\n  const options: AutocompleteOption[] = rawOptions.map((opt) =>\n    typeof opt === 'string' ? { value: opt, label: opt } : opt\n  )\n\n  const [inputValue, setInputValue] = useState(defaultValue)\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLUListElement>(null)\n\n  // Determine if open state is controlled\n  const isOpenControlled = controlledOpen !== undefined\n  const isOpen = isOpenControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = (newOpen: boolean) => {\n    if (!isOpenControlled) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }\n\n  // Update input value when controlled value changes\n  useEffect(() => {\n    if (value !== undefined) {\n      const selectedOption = options.find((opt) => opt.value === value)\n      setInputValue(selectedOption?.label || value)\n    }\n  }, [value, options])\n\n  // Filter options based on input\n  const defaultFilter = (option: AutocompleteOption, input: string) =>\n    option.label.toLowerCase().includes(input.toLowerCase())\n\n  const filteredOptions = options.filter((option) =>\n    filterOption ? filterOption(option, inputValue) : defaultFilter(option, inputValue)\n  )\n\n  // Get only enabled options for keyboard navigation\n  const enabledOptions = filteredOptions.filter(opt => !opt.disabled)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    } else {\n      setHighlightedIndex(-1)\n    }\n\n    onSearch?.(newInputValue)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    if (option.disabled) return\n\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    onSelect?.(option.value, option)\n    inputRef.current?.focus()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n      setIsOpen(true)\n      if (defaultActiveFirstOption && enabledOptions.length > 0) {\n        setHighlightedIndex(0)\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find next enabled option\n          for (let i = prev + 1; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find previous enabled option\n          for (let i = prev - 1; i >= 0; i--) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex] && !filteredOptions[highlightedIndex].disabled) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && enabledOptions.length > 0) {\n          handleOptionClick(enabledOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    setIsOpen(true)\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    }\n  }\n\n  const handleBlur = (e: React.FocusEvent) => {\n    // Don't close if clicking inside dropdown\n    if (dropdownRef.current && dropdownRef.current.contains(e.relatedTarget as Node)) {\n      return\n    }\n    setTimeout(() => setIsOpen(false), 200)\n  }\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setInputValue('')\n    onChange?.('')\n    onClear?.()\n    inputRef.current?.focus()\n  }\n\n  const sizeClasses = {\n    xs: dInputXs,\n    sm: dInputSm,\n    md: dInputMd,\n    lg: dInputLg,\n    xl: dInputXl,\n  }\n\n  const colorClasses = {\n    neutral: dInputNeutral,\n    primary: dInputPrimary,\n    secondary: dInputSecondary,\n    accent: dInputAccent,\n    info: dInputInfo,\n    success: dInputSuccess,\n    warning: dInputWarning,\n    error: dInputError,\n  }\n\n  const statusClasses = {\n    error: dInputError,\n    warning: dInputWarning,\n  }\n\n  // Status takes precedence over color for validation feedback\n  const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n  // Scroll highlighted option into view\n  useEffect(() => {\n    if (highlightedIndex >= 0 && dropdownRef.current) {\n      const highlightedElement = dropdownRef.current.children[highlightedIndex] as HTMLElement\n      highlightedElement?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [highlightedIndex])\n\n  // Determine if we should show clear button\n  const showClear = allowClear && inputValue && !disabled\n\n  // Get custom clear icon if provided\n  const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n    ? allowClear.clearIcon\n    : null\n\n  // Get option ID for ARIA\n  const getOptionId = (index: number) => `${baseId}-option-${index}`\n\n  const inputClasses = [\n    `${dInput} w-full`,\n    sizeClasses[effectiveSize],\n    effectiveColorClass,\n    showClear && 'pr-10',\n  ].filter(Boolean).join(' ')\n\n  return (\n    <div\n      className={`${dDropdown} ${dDropdownBottom} w-full ${isOpen && !disabled ? dDropdownOpen : ''} ${className}`}\n      data-state={isOpen ? 'open' : 'closed'}\n      {...rest}\n    >\n      <div className=\"relative w-full\">\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined}\n          aria-invalid={status === 'error' ? true : undefined}\n          value={inputValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={inputClasses}\n        />\n        {showClear && (\n          <span className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10\">\n            {clearIcon || <ClearIcon onClick={handleClear} />}\n          </span>\n        )}\n      </div>\n\n      {isOpen && !disabled && (\n        <ul\n          ref={dropdownRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-label=\"Suggestions\"\n          tabIndex={-1}\n          className={`${dDropdownContent} ${dMenu} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`}\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <li key={option.value}>\n                <a\n                  id={getOptionId(index)}\n                  role=\"option\"\n                  aria-selected={highlightedIndex === index}\n                  aria-disabled={option.disabled}\n                  onMouseDown={(e) => {\n                    e.preventDefault()\n                    handleOptionClick(option)\n                  }}\n                  onMouseEnter={() => !option.disabled && setHighlightedIndex(index)}\n                  className={[\n                    index === highlightedIndex && !option.disabled && 'active',\n                    option.disabled && 'disabled text-base-content/40 cursor-not-allowed',\n                  ].filter(Boolean).join(' ')}\n                >\n                  {option.label}\n                </a>\n              </li>\n            ))\n          ) : (\n            <li className=\"disabled\">\n              <span className=\"text-base-content/60 text-center cursor-default\">{notFoundContent}</span>\n            </li>\n          )}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["dDropdown","dDropdownBottom","dDropdownOpen","dDropdownContent","dMenu","dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dInputNeutral","dInputPrimary","dInputSecondary","dInputAccent","dInputInfo","dInputSuccess","dInputWarning","dInputError","ClearIcon","onClick","className","jsx","Autocomplete","value","defaultValue","onChange","onSelect","onSearch","rawOptions","placeholder","disabled","size","color","status","allowCustomValue","filterOption","notFoundContent","allowClear","onClear","controlledOpen","defaultOpen","onOpenChange","defaultActiveFirstOption","rest","componentSize","useConfig","effectiveSize","baseId","useId","inputId","listboxId","options","opt","inputValue","setInputValue","useState","internalOpen","setInternalOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","isOpenControlled","isOpen","setIsOpen","newOpen","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","enabledOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","i","handleFocus","handleBlur","handleClear","sizeClasses","effectiveColorClass","showClear","clearIcon","getOptionId","index","inputClasses","jsxs","e"],"mappings":"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"}
+{"version":3,"file":"Autocomplete.js","sources":["../../src/components/Autocomplete.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, useId } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDropdown = 'dropdown'\nconst dDropdownBottom = 'dropdown-bottom'\nconst dDropdownOpen = 'dropdown-open'\nconst dDropdownContent = 'dropdown-content'\nconst dMenu = 'menu'\nconst dInput = 'input'\nconst dInputXs = 'input-xs'\nconst dInputSm = 'input-sm'\nconst dInputMd = 'input-md'\nconst dInputLg = 'input-lg'\nconst dInputXl = 'input-xl'\nconst dInputNeutral = 'input-neutral'\nconst dInputPrimary = 'input-primary'\nconst dInputSecondary = 'input-secondary'\nconst dInputAccent = 'input-accent'\nconst dInputInfo = 'input-info'\nconst dInputSuccess = 'input-success'\nconst dInputWarning = 'input-warning'\nconst dInputError = 'input-error'\n\nexport interface AutocompleteOption {\n  value: string\n  label: string\n  disabled?: boolean\n}\n\nexport interface AutocompleteProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onSelect'> {\n  value?: string\n  defaultValue?: string\n  onChange?: (value: string) => void\n  onSelect?: (value: string, option: AutocompleteOption) => void\n  onSearch?: (value: string) => void\n  options: AutocompleteOption[] | string[]\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  /** Validation status */\n  status?: 'error' | 'warning'\n  allowCustomValue?: boolean\n  filterOption?: (option: AutocompleteOption, inputValue: string) => boolean\n  notFoundContent?: React.ReactNode\n  /** Show clear button when input has value */\n  allowClear?: boolean | { clearIcon?: React.ReactNode }\n  /** Callback when clear button is clicked */\n  onClear?: () => void\n  /** Controlled open state */\n  open?: boolean\n  /** Default open state */\n  defaultOpen?: boolean\n  /** Callback when open state changes */\n  onOpenChange?: (open: boolean) => void\n  /** Activate first option by default */\n  defaultActiveFirstOption?: boolean\n  'data-testid'?: string\n}\n\n// Clear icon component\nconst ClearIcon: React.FC<{ onClick: (e: React.MouseEvent) => void; className?: string }> = ({ onClick, className }) => (\n  <button\n    type=\"button\"\n    onClick={onClick}\n    className={`flex items-center justify-center opacity-50 hover:opacity-100 transition-opacity ${className || ''}`}\n    aria-label=\"Clear input\"\n    tabIndex={-1}\n  >\n    <svg className=\"w-4 h-4\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" aria-hidden=\"true\">\n      <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M6 18L18 6M6 6l12 12\" />\n    </svg>\n  </button>\n)\n\nexport const Autocomplete: React.FC<AutocompleteProps> = ({\n  value,\n  defaultValue = '',\n  onChange,\n  onSelect,\n  onSearch,\n  options: rawOptions,\n  placeholder = 'Type to search...',\n  disabled = false,\n  size,\n  color,\n  status,\n  className = '',\n  allowCustomValue = true,\n  filterOption,\n  notFoundContent = 'No results found',\n  allowClear,\n  onClear,\n  open: controlledOpen,\n  defaultOpen = false,\n  onOpenChange,\n  defaultActiveFirstOption = true,\n  'data-testid': testId,\n  ...rest\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  // Generate unique IDs for ARIA\n  const baseId = useId()\n  const inputId = `${baseId}-input`\n  const listboxId = `${baseId}-listbox`\n\n  // Normalize options to AutocompleteOption[]\n  const options: AutocompleteOption[] = rawOptions.map((opt) =>\n    typeof opt === 'string' ? { value: opt, label: opt } : opt\n  )\n\n  const [inputValue, setInputValue] = useState(defaultValue)\n  const [internalOpen, setInternalOpen] = useState(defaultOpen)\n  const [highlightedIndex, setHighlightedIndex] = useState(-1)\n  const inputRef = useRef<HTMLInputElement>(null)\n  const dropdownRef = useRef<HTMLUListElement>(null)\n\n  // Determine if open state is controlled\n  const isOpenControlled = controlledOpen !== undefined\n  const isOpen = isOpenControlled ? controlledOpen : internalOpen\n\n  const setIsOpen = (newOpen: boolean) => {\n    if (!isOpenControlled) {\n      setInternalOpen(newOpen)\n    }\n    onOpenChange?.(newOpen)\n  }\n\n  // Update input value when controlled value changes\n  useEffect(() => {\n    if (value !== undefined) {\n      const selectedOption = options.find((opt) => opt.value === value)\n      setInputValue(selectedOption?.label || value)\n    }\n  }, [value, options])\n\n  // Filter options based on input\n  const defaultFilter = (option: AutocompleteOption, input: string) =>\n    option.label.toLowerCase().includes(input.toLowerCase())\n\n  const filteredOptions = options.filter((option) =>\n    filterOption ? filterOption(option, inputValue) : defaultFilter(option, inputValue)\n  )\n\n  // Get only enabled options for keyboard navigation\n  const enabledOptions = filteredOptions.filter(opt => !opt.disabled)\n\n  const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n    const newInputValue = e.target.value\n    setInputValue(newInputValue)\n    setIsOpen(true)\n\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    } else {\n      setHighlightedIndex(-1)\n    }\n\n    onSearch?.(newInputValue)\n\n    if (allowCustomValue) {\n      onChange?.(newInputValue)\n    }\n  }\n\n  const handleOptionClick = (option: AutocompleteOption) => {\n    if (option.disabled) return\n\n    setInputValue(option.label)\n    setIsOpen(false)\n    setHighlightedIndex(-1)\n\n    onChange?.(option.value)\n    onSelect?.(option.value, option)\n    inputRef.current?.focus()\n  }\n\n  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (!isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp')) {\n      setIsOpen(true)\n      if (defaultActiveFirstOption && enabledOptions.length > 0) {\n        setHighlightedIndex(0)\n      }\n      return\n    }\n\n    switch (e.key) {\n      case 'ArrowDown':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find next enabled option\n          for (let i = prev + 1; i < filteredOptions.length; i++) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'ArrowUp':\n        e.preventDefault()\n        setHighlightedIndex((prev) => {\n          // Find previous enabled option\n          for (let i = prev - 1; i >= 0; i--) {\n            if (!filteredOptions[i].disabled) return i\n          }\n          return prev\n        })\n        break\n      case 'Enter':\n        e.preventDefault()\n        if (highlightedIndex >= 0 && filteredOptions[highlightedIndex] && !filteredOptions[highlightedIndex].disabled) {\n          handleOptionClick(filteredOptions[highlightedIndex])\n        } else if (!allowCustomValue && enabledOptions.length > 0) {\n          handleOptionClick(enabledOptions[0])\n        }\n        break\n      case 'Escape':\n        setIsOpen(false)\n        setHighlightedIndex(-1)\n        inputRef.current?.blur()\n        break\n    }\n  }\n\n  const handleFocus = () => {\n    setIsOpen(true)\n    if (defaultActiveFirstOption && enabledOptions.length > 0) {\n      setHighlightedIndex(0)\n    }\n  }\n\n  const handleBlur = (e: React.FocusEvent) => {\n    // Don't close if clicking inside dropdown\n    if (dropdownRef.current && dropdownRef.current.contains(e.relatedTarget as Node)) {\n      return\n    }\n    setTimeout(() => setIsOpen(false), 200)\n  }\n\n  const handleClear = (e: React.MouseEvent) => {\n    e.stopPropagation()\n    setInputValue('')\n    onChange?.('')\n    onClear?.()\n    inputRef.current?.focus()\n  }\n\n  const sizeClasses = {\n    xs: dInputXs,\n    sm: dInputSm,\n    md: dInputMd,\n    lg: dInputLg,\n    xl: dInputXl,\n  }\n\n  const colorClasses = {\n    neutral: dInputNeutral,\n    primary: dInputPrimary,\n    secondary: dInputSecondary,\n    accent: dInputAccent,\n    info: dInputInfo,\n    success: dInputSuccess,\n    warning: dInputWarning,\n    error: dInputError,\n  }\n\n  const statusClasses = {\n    error: dInputError,\n    warning: dInputWarning,\n  }\n\n  // Status takes precedence over color for validation feedback\n  const effectiveColorClass = status ? statusClasses[status] : (color ? colorClasses[color] : '')\n\n  // Scroll highlighted option into view\n  useEffect(() => {\n    if (highlightedIndex >= 0 && dropdownRef.current) {\n      const highlightedElement = dropdownRef.current.children[highlightedIndex] as HTMLElement\n      highlightedElement?.scrollIntoView({ block: 'nearest' })\n    }\n  }, [highlightedIndex])\n\n  // Determine if we should show clear button\n  const showClear = allowClear && inputValue && !disabled\n\n  // Get custom clear icon if provided\n  const clearIcon = typeof allowClear === 'object' && allowClear.clearIcon\n    ? allowClear.clearIcon\n    : null\n\n  // Get option ID for ARIA\n  const getOptionId = (index: number) => `${baseId}-option-${index}`\n\n  const inputClasses = [\n    `${dInput} w-full`,\n    sizeClasses[effectiveSize],\n    effectiveColorClass,\n    showClear && 'pr-10',\n  ].filter(Boolean).join(' ')\n\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <div\n      className={`${dDropdown} ${dDropdownBottom} w-full ${isOpen && !disabled ? dDropdownOpen : ''} ${className}`}\n      data-state={isOpen ? 'open' : 'closed'}\n      data-testid={testId}\n      {...rest}\n    >\n      <div className=\"relative w-full\">\n        <input\n          ref={inputRef}\n          id={inputId}\n          type=\"text\"\n          role=\"combobox\"\n          aria-expanded={isOpen}\n          aria-haspopup=\"listbox\"\n          aria-controls={listboxId}\n          aria-autocomplete=\"list\"\n          aria-activedescendant={highlightedIndex >= 0 ? getOptionId(highlightedIndex) : undefined}\n          aria-invalid={status === 'error' ? true : undefined}\n          value={inputValue}\n          onChange={handleInputChange}\n          onKeyDown={handleKeyDown}\n          onFocus={handleFocus}\n          onBlur={handleBlur}\n          placeholder={placeholder}\n          disabled={disabled}\n          className={inputClasses}\n          data-testid={getTestId('input')}\n        />\n        {showClear && (\n          <span className=\"absolute right-3 top-1/2 -translate-y-1/2 z-10\" data-testid={getTestId('clear')}>\n            {clearIcon || <ClearIcon onClick={handleClear} />}\n          </span>\n        )}\n      </div>\n\n      {isOpen && !disabled && (\n        <ul\n          ref={dropdownRef}\n          id={listboxId}\n          role=\"listbox\"\n          aria-label=\"Suggestions\"\n          tabIndex={-1}\n          className={`${dDropdownContent} ${dMenu} bg-base-100 rounded-box z-50 w-full shadow-lg border border-base-300 max-h-60 overflow-auto flex-nowrap`}\n          data-testid={getTestId('listbox')}\n        >\n          {filteredOptions.length > 0 ? (\n            filteredOptions.map((option, index) => (\n              <li key={option.value}>\n                <a\n                  id={getOptionId(index)}\n                  role=\"option\"\n                  aria-selected={highlightedIndex === index}\n                  aria-disabled={option.disabled}\n                  onMouseDown={(e) => {\n                    e.preventDefault()\n                    handleOptionClick(option)\n                  }}\n                  onMouseEnter={() => !option.disabled && setHighlightedIndex(index)}\n                  className={[\n                    index === highlightedIndex && !option.disabled && 'active',\n                    option.disabled && 'disabled text-base-content/40 cursor-not-allowed',\n                  ].filter(Boolean).join(' ')}\n                  data-testid={getTestId(`option-${option.value || index}`)}\n                >\n                  {option.label}\n                </a>\n              </li>\n            ))\n          ) : (\n            <li className=\"disabled\" data-testid={getTestId('empty')}>\n              <span className=\"text-base-content/60 text-center cursor-default\">{notFoundContent}</span>\n            </li>\n          )}\n        </ul>\n      )}\n    </div>\n  )\n}\n"],"names":["dDropdown","dDropdownBottom","dDropdownOpen","dDropdownContent","dMenu","dInput","dInputXs","dInputSm","dInputMd","dInputLg","dInputXl","dInputNeutral","dInputPrimary","dInputSecondary","dInputAccent","dInputInfo","dInputSuccess","dInputWarning","dInputError","ClearIcon","onClick","className","jsx","Autocomplete","value","defaultValue","onChange","onSelect","onSearch","rawOptions","placeholder","disabled","size","color","status","allowCustomValue","filterOption","notFoundContent","allowClear","onClear","controlledOpen","defaultOpen","onOpenChange","defaultActiveFirstOption","testId","rest","componentSize","useConfig","effectiveSize","baseId","useId","inputId","listboxId","options","opt","inputValue","setInputValue","useState","internalOpen","setInternalOpen","highlightedIndex","setHighlightedIndex","inputRef","useRef","dropdownRef","isOpenControlled","isOpen","setIsOpen","newOpen","useEffect","selectedOption","defaultFilter","option","input","filteredOptions","enabledOptions","handleInputChange","newInputValue","handleOptionClick","handleKeyDown","prev","i","handleFocus","handleBlur","handleClear","sizeClasses","effectiveColorClass","showClear","clearIcon","getOptionId","index","inputClasses","getTestId","suffix","jsxs","e"],"mappings":"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"}

package/dist/components/Breadcrumb.d.ts

@@ -16,6 +16,7 @@ export interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {
     items?: BreadcrumbItemType[];
     /** Custom separator between items */
     separator?: React.ReactNode;
+    'data-testid'?: string;
 }
 export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {
     children: React.ReactNode;
@@ -23,9 +24,10 @@ export interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIE
     onClick?: () => void;
     /** Icon to display before the label */
     icon?: React.ReactNode;
+    'data-testid'?: string;
 }
-declare function BreadcrumbRoot({ children, items, separator, className, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
-declare function BreadcrumbItem({ children, href, onClick, icon, className, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbRoot({ children, items, separator, className, 'data-testid': testId, ...rest }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element;
+declare function BreadcrumbItem({ children, href, onClick, icon, className, 'data-testid': testId, ...rest }: BreadcrumbItemProps): import("react/jsx-runtime").JSX.Element;
 export declare const Breadcrumb: typeof BreadcrumbRoot & {
     Item: typeof BreadcrumbItem;
 };

package/dist/components/Breadcrumb.js

@@ -1,37 +1,62 @@
-import { jsx as n, jsxs as m } from "react/jsx-runtime";
-import h from "react";
-const f = "breadcrumbs";
-function x({ children: c, items: e, separator: t, className: s = "", ...o }) {
-  const a = t !== void 0, i = typeof t == "string" ? "px-2" : "px-1", b = () => !e || e.length === 0 ? null : e.map((r, l) => {
-    const d = l === e.length - 1;
-    return /* @__PURE__ */ m(h.Fragment, { children: [
-      /* @__PURE__ */ n("li", { className: r.className, "aria-current": d ? "page" : void 0, children: r.href || r.onClick ? /* @__PURE__ */ n("a", { href: r.href, onClick: r.onClick, children: r.title }) : r.title }),
-      a && !d && /* @__PURE__ */ n("li", { className: `flex items-center ${i} text-base-content/50`, "aria-hidden": "true", children: t })
-    ] }, l);
-  }), p = () => {
-    if (e && e.length > 0)
+import { jsx as a, jsxs as $ } from "react/jsx-runtime";
+import m from "react";
+const p = "breadcrumbs";
+function C({ children: s, items: r, separator: n, className: l = "", "data-testid": c, ...i }) {
+  const d = n !== void 0, o = typeof n == "string" ? "px-2" : "px-1", h = (t) => c ? `${c}-${t}` : void 0, b = () => !r || r.length === 0 ? null : r.map((t, e) => {
+    const u = e === r.length - 1;
+    return /* @__PURE__ */ $(m.Fragment, { children: [
+      /* @__PURE__ */ a(
+        "li",
+        {
+          className: t.className,
+          "aria-current": u ? "page" : void 0,
+          "data-testid": h(`item-${t.href ?? e}`),
+          children: t.href || t.onClick ? /* @__PURE__ */ a("a", { href: t.href, onClick: t.onClick, "data-testid": h(`link-${t.href ?? e}`), children: t.title }) : t.title
+        }
+      ),
+      d && !u && /* @__PURE__ */ a(
+        "li",
+        {
+          className: `flex items-center ${o} text-base-content/50`,
+          "aria-hidden": "true",
+          "data-testid": h(`separator-${e}`),
+          children: n
+        }
+      )
+    ] }, e);
+  }), g = () => {
+    if (r && r.length > 0)
       return b();
-    if (a && c) {
-      const r = h.Children.toArray(c), l = [];
-      return r.forEach((d, u) => {
-        l.push(d), u < r.length - 1 && l.push(
-          /* @__PURE__ */ n("li", { className: `flex items-center ${i} text-base-content/50`, "aria-hidden": "true", children: t }, `sep-${u}`)
+    if (d && s) {
+      const t = m.Children.toArray(s), e = [];
+      return t.forEach((u, f) => {
+        e.push(u), f < t.length - 1 && e.push(
+          /* @__PURE__ */ a(
+            "li",
+            {
+              className: `flex items-center ${o} text-base-content/50`,
+              "aria-hidden": "true",
+              "data-testid": h(`separator-${f}`),
+              children: n
+            },
+            `sep-${f}`
+          )
         );
-      }), l;
+      }), e;
     }
-    return c;
-  }, g = a ? `${f} text-sm [&_li::before]:!hidden ${s}` : `${f} text-sm ${s}`;
-  return /* @__PURE__ */ n("nav", { className: g, "aria-label": "Breadcrumb", ...o, children: /* @__PURE__ */ n("ul", { children: p() }) });
+    return s;
+  }, x = d ? `${p} text-sm [&_li::before]:!hidden ${l}` : `${p} text-sm ${l}`;
+  return /* @__PURE__ */ a("nav", { className: x, "aria-label": "Breadcrumb", "data-testid": c, ...i, children: /* @__PURE__ */ a("ul", { children: g() }) });
 }
-function $({ children: c, href: e, onClick: t, icon: s, className: o = "", ...a }) {
-  const i = s ? /* @__PURE__ */ m("span", { className: "inline-flex items-center gap-2", children: [
-    s,
-    c
-  ] }) : c;
-  return e || t ? /* @__PURE__ */ n("li", { className: o, ...a, children: /* @__PURE__ */ n("a", { href: e, onClick: t, children: i }) }) : /* @__PURE__ */ n("li", { className: o, ...a, children: i });
+function v({ children: s, href: r, onClick: n, icon: l, className: c = "", "data-testid": i, ...d }) {
+  const o = l ? /* @__PURE__ */ $("span", { className: "inline-flex items-center gap-2", children: [
+    l,
+    s
+  ] }) : s;
+  return r || n ? /* @__PURE__ */ a("li", { className: c, "data-testid": i, ...d, children: /* @__PURE__ */ a("a", { href: r, onClick: n, "data-testid": i ? `${i}-link` : void 0, children: o }) }) : /* @__PURE__ */ a("li", { className: c, "data-testid": i, ...d, children: o });
 }
-const N = Object.assign(x, {
-  Item: $
+const N = Object.assign(C, {
+  Item: v
 });
 export {
   N as Breadcrumb

package/dist/components/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dBreadcrumbs = 'breadcrumbs'\n\nexport interface BreadcrumbItemType {\n  /** Item title/label */\n  title: React.ReactNode\n  /** Link URL */\n  href?: string\n  /** Click handler */\n  onClick?: () => void\n  /** Custom class name */\n  className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Breadcrumb.Item children (compound pattern) */\n  children?: React.ReactNode\n  /** Breadcrumb items data (data-driven pattern) */\n  items?: BreadcrumbItemType[]\n  /** Custom separator between items */\n  separator?: React.ReactNode\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n  /** Icon to display before the label */\n  icon?: React.ReactNode\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', ...rest }: BreadcrumbProps) {\n  const hasCustomSeparator = separator !== undefined\n  // Text separators need more padding than icon separators\n  const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n\n  const renderFromItems = () => {\n    if (!items || items.length === 0) return null\n\n    return items.map((item, index) => {\n      const isLast = index === items.length - 1\n      return (\n        <React.Fragment key={index}>\n          <li className={item.className} aria-current={isLast ? 'page' : undefined}>\n            {item.href || item.onClick ? (\n              <a href={item.href} onClick={item.onClick}>\n                {item.title}\n              </a>\n            ) : (\n              item.title\n            )}\n          </li>\n          {hasCustomSeparator && !isLast && (\n            <li className={`flex items-center ${separatorPadding} text-base-content/50`} aria-hidden=\"true\">\n              {separator}\n            </li>\n          )}\n        </React.Fragment>\n      )\n    })\n  }\n\n  const renderChildren = () => {\n    if (items && items.length > 0) {\n      return renderFromItems()\n    }\n\n    if (hasCustomSeparator && children) {\n      // Insert custom separator nodes between children\n      const childArray = React.Children.toArray(children)\n      const result: React.ReactNode[] = []\n      childArray.forEach((child, index) => {\n        result.push(child)\n        if (index < childArray.length - 1) {\n          result.push(\n            <li key={`sep-${index}`} className={`flex items-center ${separatorPadding} text-base-content/50`} aria-hidden=\"true\">\n              {separator}\n            </li>\n          )\n        }\n      })\n      return result\n    }\n\n    return children\n  }\n\n  // When custom separator is provided, hide default DaisyUI separator\n  const cssClass = hasCustomSeparator\n    ? `${dBreadcrumbs} text-sm [&_li::before]:!hidden ${className}`\n    : `${dBreadcrumbs} text-sm ${className}`\n\n  return (\n    <nav className={cssClass} aria-label=\"Breadcrumb\" {...rest}>\n      <ul>{renderChildren()}</ul>\n    </nav>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', ...rest }: BreadcrumbItemProps) {\n  const content = icon ? (\n    <span className=\"inline-flex items-center gap-2\">\n      {icon}\n      {children}\n    </span>\n  ) : children\n\n  if (href || onClick) {\n    return (\n      <li className={className} {...rest}>\n        <a href={href} onClick={onClick}>\n          {content}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["dBreadcrumbs","BreadcrumbRoot","children","items","separator","className","rest","hasCustomSeparator","separatorPadding","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":";;AAGA,MAAMA,IAAe;AA8BrB,SAASC,EAAe,EAAE,UAAAC,GAAU,OAAAC,GAAO,WAAAC,GAAW,WAAAC,IAAY,IAAI,GAAGC,KAAyB;AAChG,QAAMC,IAAqBH,MAAc,QAEnCI,IAAmB,OAAOJ,KAAc,WAAW,SAAS,QAE5DK,IAAkB,MAClB,CAACN,KAASA,EAAM,WAAW,IAAU,OAElCA,EAAM,IAAI,CAACO,GAAMC,MAAU;AAChC,UAAMC,IAASD,MAAUR,EAAM,SAAS;AACxC,WACE,gBAAAU,EAACC,EAAM,UAAN,EACC,UAAA;AAAA,MAAA,gBAAAC,EAAC,MAAA,EAAG,WAAWL,EAAK,WAAW,gBAAcE,IAAS,SAAS,QAC5D,UAAAF,EAAK,QAAQA,EAAK,4BAChB,KAAA,EAAE,MAAMA,EAAK,MAAM,SAASA,EAAK,SAC/B,UAAAA,EAAK,MAAA,CACR,IAEAA,EAAK,MAAA,CAET;AAAA,MACCH,KAAsB,CAACK,KACtB,gBAAAG,EAAC,MAAA,EAAG,WAAW,qBAAqBP,CAAgB,yBAAyB,eAAY,QACtF,UAAAJ,EAAA,CACH;AAAA,IAAA,EAAA,GAbiBO,CAerB;AAAA,EAEJ,CAAC,GAGGK,IAAiB,MAAM;AAC3B,QAAIb,KAASA,EAAM,SAAS;AAC1B,aAAOM,EAAA;AAGT,QAAIF,KAAsBL,GAAU;AAElC,YAAMe,IAAaH,EAAM,SAAS,QAAQZ,CAAQ,GAC5CgB,IAA4B,CAAA;AAClC,aAAAD,EAAW,QAAQ,CAACE,GAAOR,MAAU;AACnC,QAAAO,EAAO,KAAKC,CAAK,GACbR,IAAQM,EAAW,SAAS,KAC9BC,EAAO;AAAA,UACL,gBAAAH,EAAC,MAAA,EAAwB,WAAW,qBAAqBP,CAAgB,yBAAyB,eAAY,QAC3G,UAAAJ,EAAA,GADM,OAAOO,CAAK,EAErB;AAAA,QAAA;AAAA,MAGN,CAAC,GACMO;AAAA,IACT;AAEA,WAAOhB;AAAA,EACT,GAGMkB,IAAWb,IACb,GAAGP,CAAY,mCAAmCK,CAAS,KAC3D,GAAGL,CAAY,YAAYK,CAAS;AAExC,SACE,gBAAAU,EAAC,OAAA,EAAI,WAAWK,GAAU,cAAW,cAAc,GAAGd,GACpD,UAAA,gBAAAS,EAAC,MAAA,EAAI,UAAAC,EAAA,EAAe,CAAE,GACxB;AAEJ;AAEA,SAASK,EAAe,EAAE,UAAAnB,GAAU,MAAAoB,GAAM,SAAAC,GAAS,MAAAC,GAAM,WAAAnB,IAAY,IAAI,GAAGC,KAA6B;AACvG,QAAMmB,IAAUD,IACd,gBAAAX,EAAC,QAAA,EAAK,WAAU,kCACb,UAAA;AAAA,IAAAW;AAAA,IACAtB;AAAA,EAAA,EAAA,CACH,IACEA;AAEJ,SAAIoB,KAAQC,IAER,gBAAAR,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAC5B,4BAAC,KAAA,EAAE,MAAAgB,GAAY,SAAAC,GACZ,UAAAE,EAAA,CACH,EAAA,CACF,IAIG,gBAAAV,EAAC,MAAA,EAAG,WAAAV,GAAuB,GAAGC,GAAO,UAAAmB,GAAQ;AACtD;AAEO,MAAMC,IAAa,OAAO,OAAOzB,GAAgB;AAAA,EACtD,MAAMoB;AACR,CAAC;"}
+{"version":3,"file":"Breadcrumb.js","sources":["../../src/components/Breadcrumb.tsx"],"sourcesContent":["import React from 'react'\n\n// DaisyUI classes\nconst dBreadcrumbs = 'breadcrumbs'\n\nexport interface BreadcrumbItemType {\n  /** Item title/label */\n  title: React.ReactNode\n  /** Link URL */\n  href?: string\n  /** Click handler */\n  onClick?: () => void\n  /** Custom class name */\n  className?: string\n}\n\nexport interface BreadcrumbProps extends React.HTMLAttributes<HTMLDivElement> {\n  /** Breadcrumb.Item children (compound pattern) */\n  children?: React.ReactNode\n  /** Breadcrumb items data (data-driven pattern) */\n  items?: BreadcrumbItemType[]\n  /** Custom separator between items */\n  separator?: React.ReactNode\n  'data-testid'?: string\n}\n\nexport interface BreadcrumbItemProps extends Omit<React.LiHTMLAttributes<HTMLLIElement>, 'onClick'> {\n  children: React.ReactNode\n  href?: string\n  onClick?: () => void\n  /** Icon to display before the label */\n  icon?: React.ReactNode\n  'data-testid'?: string\n}\n\nfunction BreadcrumbRoot({ children, items, separator, className = '', 'data-testid': testId, ...rest }: BreadcrumbProps) {\n  const hasCustomSeparator = separator !== undefined\n  // Text separators need more padding than icon separators\n  const separatorPadding = typeof separator === 'string' ? 'px-2' : 'px-1'\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  const renderFromItems = () => {\n    if (!items || items.length === 0) return null\n\n    return items.map((item, index) => {\n      const isLast = index === items.length - 1\n      return (\n        <React.Fragment key={index}>\n          <li\n            className={item.className}\n            aria-current={isLast ? 'page' : undefined}\n            data-testid={getTestId(`item-${item.href ?? index}`)}\n          >\n            {item.href || item.onClick ? (\n              <a href={item.href} onClick={item.onClick} data-testid={getTestId(`link-${item.href ?? index}`)}>\n                {item.title}\n              </a>\n            ) : (\n              item.title\n            )}\n          </li>\n          {hasCustomSeparator && !isLast && (\n            <li\n              className={`flex items-center ${separatorPadding} text-base-content/50`}\n              aria-hidden=\"true\"\n              data-testid={getTestId(`separator-${index}`)}\n            >\n              {separator}\n            </li>\n          )}\n        </React.Fragment>\n      )\n    })\n  }\n\n  const renderChildren = () => {\n    if (items && items.length > 0) {\n      return renderFromItems()\n    }\n\n    if (hasCustomSeparator && children) {\n      // Insert custom separator nodes between children\n      const childArray = React.Children.toArray(children)\n      const result: React.ReactNode[] = []\n      childArray.forEach((child, index) => {\n        result.push(child)\n        if (index < childArray.length - 1) {\n          result.push(\n            <li\n              key={`sep-${index}`}\n              className={`flex items-center ${separatorPadding} text-base-content/50`}\n              aria-hidden=\"true\"\n              data-testid={getTestId(`separator-${index}`)}\n            >\n              {separator}\n            </li>\n          )\n        }\n      })\n      return result\n    }\n\n    return children\n  }\n\n  // When custom separator is provided, hide default DaisyUI separator\n  const cssClass = hasCustomSeparator\n    ? `${dBreadcrumbs} text-sm [&_li::before]:!hidden ${className}`\n    : `${dBreadcrumbs} text-sm ${className}`\n\n  return (\n    <nav className={cssClass} aria-label=\"Breadcrumb\" data-testid={testId} {...rest}>\n      <ul>{renderChildren()}</ul>\n    </nav>\n  )\n}\n\nfunction BreadcrumbItem({ children, href, onClick, icon, className = '', 'data-testid': testId, ...rest }: BreadcrumbItemProps) {\n  const content = icon ? (\n    <span className=\"inline-flex items-center gap-2\">\n      {icon}\n      {children}\n    </span>\n  ) : children\n\n  if (href || onClick) {\n    return (\n      <li className={className} data-testid={testId} {...rest}>\n        <a href={href} onClick={onClick} data-testid={testId ? `${testId}-link` : undefined}>\n          {content}\n        </a>\n      </li>\n    )\n  }\n\n  return <li className={className} data-testid={testId} {...rest}>{content}</li>\n}\n\nexport const Breadcrumb = Object.assign(BreadcrumbRoot, {\n  Item: BreadcrumbItem,\n})\n"],"names":["dBreadcrumbs","BreadcrumbRoot","children","items","separator","className","testId","rest","hasCustomSeparator","separatorPadding","getTestId","suffix","renderFromItems","item","index","isLast","jsxs","React","jsx","renderChildren","childArray","result","child","cssClass","BreadcrumbItem","href","onClick","icon","content","Breadcrumb"],"mappings":"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"}

package/dist/components/Button.d.ts

@@ -17,11 +17,15 @@ type BaseButtonProps = {
     /** Icon element to display */
     icon?: React.ReactNode;
     /** Position of the icon */
+    iconPlacement?: 'start' | 'end';
+    /** @deprecated Use iconPlacement instead */
     iconPosition?: 'start' | 'end';
     /** Applies error/danger styling (shorthand for color="error") */
     danger?: boolean;
     /** Toggle button pressed state (sets aria-pressed) */
     pressed?: boolean;
+    /** Test ID for testing */
+    'data-testid'?: string;
 };
 type ButtonAsButton = BaseButtonProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {
     href?: undefined;
@@ -34,5 +38,5 @@ type ButtonAsAnchor = BaseButtonProps & Omit<React.AnchorHTMLAttributes<HTMLAnch
     disabled?: boolean;
 };
 export type ButtonProps = ButtonAsButton | ButtonAsAnchor;
-export declare const Button: React.FC<ButtonProps>;
+export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
 export {};

package/dist/components/Button.js

@@ -1,114 +1,124 @@
-import { jsx as r, jsxs as A, Fragment as E } from "react/jsx-runtime";
-import { SizeProvider as I } from "../contexts/SizeContext.js";
-import { useConfig as W } from "../providers/ConfigProvider.js";
-const X = "btn", F = "btn-primary", G = "btn-secondary", O = "btn-accent", H = "btn-info", J = "btn-success", M = "btn-warning", Q = "btn-error", R = "btn-neutral", U = "btn-outline", V = "btn-dash", Y = "btn-soft", Z = "btn-ghost", _ = "btn-link", P = "btn-xs", nn = "btn-sm", tn = "btn-lg", sn = "btn-xl", en = "btn-active", rn = "btn-square", on = "btn-circle", cn = "btn-wide", an = "btn-block", dn = "loading", ln = "loading-spinner", gn = ({
-  children: o,
-  color: y,
-  variant: l,
-  size: p,
-  active: g = !1,
-  loading: n = !1,
-  shape: i,
-  noAnimation: C = !1,
-  icon: c,
-  iconPosition: t = "start",
-  danger: k = !1,
-  pressed: b,
-  className: S = "",
-  ...a
-}) => {
-  const { componentSize: x } = W(), d = p ?? x ?? "md", m = k ? "error" : y, v = {
-    primary: F,
-    secondary: G,
-    accent: O,
-    info: H,
-    success: J,
-    warning: M,
-    error: Q,
-    neutral: R
-  }, w = {
-    solid: "",
-    // default, no extra class needed
-    outline: U,
-    dash: V,
-    soft: Y,
-    ghost: Z,
-    link: _
-  }, D = {
-    xs: P,
-    sm: nn,
-    md: "",
-    lg: tn,
-    xl: sn
-  }, z = {
-    square: rn,
-    circle: on,
-    wide: cn,
-    block: an,
-    round: "rounded-full"
-  }, u = [
-    X,
-    m && v[m],
-    l && w[l],
-    D[d],
-    g && en,
-    i && z[i],
-    C && "no-animation",
-    S
-  ].filter(Boolean).join(" "), N = o != null && o !== "" ? {
-    xs: t === "start" ? "mr-1" : "ml-1",
-    sm: t === "start" ? "mr-1" : "ml-1",
-    md: t === "start" ? "mr-1.5" : "ml-1.5",
-    lg: t === "start" ? "mr-2" : "ml-2",
-    xl: t === "start" ? "mr-2" : "ml-2"
-  }[d] : "", f = c && /* @__PURE__ */ r(I, { size: d, children: /* @__PURE__ */ r("span", { className: `inline-flex items-center ${N}`, "aria-hidden": "true", children: c }) }), B = /* @__PURE__ */ A(E, { children: [
-    n && /* @__PURE__ */ r("span", { className: `${dn} ${ln}`, "aria-hidden": "true" }),
-    !n && c && t === "start" && f,
-    o,
-    !n && c && t === "end" && f
-  ] });
-  if ("href" in a && a.href !== void 0) {
-    const { href: L, disabled: T, onKeyDown: j, onClick: q, ...$ } = a, e = T || n;
-    return /* @__PURE__ */ r(
-      "a",
+import { jsx as o, jsxs as W, Fragment as X } from "react/jsx-runtime";
+import { forwardRef as F } from "react";
+import { SizeProvider as G } from "../contexts/SizeContext.js";
+import { useConfig as M } from "../providers/ConfigProvider.js";
+const O = "btn", R = "btn-primary", H = "btn-secondary", J = "btn-accent", Q = "btn-info", U = "btn-success", V = "btn-warning", Y = "btn-error", Z = "btn-neutral", _ = "btn-outline", tt = "btn-dash", nt = "btn-soft", st = "btn-ghost", et = "btn-link", ot = "btn-xs", ct = "btn-sm", rt = "btn-md", at = "btn-lg", it = "btn-xl", dt = "btn-active", lt = "btn-square", mt = "btn-circle", bt = "btn-wide", ut = "btn-block", ft = "loading", Bt = "loading-spinner", ht = F(
+  ({
+    children: c,
+    color: g,
+    variant: d,
+    size: C,
+    active: k = !1,
+    loading: t = !1,
+    shape: l,
+    noAnimation: S = !1,
+    icon: r,
+    iconPlacement: x,
+    iconPosition: v,
+    danger: w = !1,
+    pressed: m,
+    className: D = "",
+    "data-testid": b,
+    ...a
+  }, u) => {
+    const { componentSize: z } = M(), i = C ?? z ?? "md", f = w ? "error" : g, n = x ?? v ?? "start", N = {
+      primary: R,
+      secondary: H,
+      accent: J,
+      info: Q,
+      success: U,
+      warning: V,
+      error: Y,
+      neutral: Z
+    }, P = {
+      solid: "",
+      // default, no extra class needed
+      outline: _,
+      dash: tt,
+      soft: nt,
+      ghost: st,
+      link: et
+    }, K = {
+      xs: ot,
+      sm: ct,
+      md: rt,
+      lg: at,
+      xl: it
+    }, L = {
+      square: lt,
+      circle: mt,
+      wide: bt,
+      block: ut,
+      round: "rounded-full"
+    }, B = [
+      O,
+      f && N[f],
+      d && P[d],
+      K[i],
+      k && dt,
+      l && L[l],
+      S && "no-animation",
+      D
+    ].filter(Boolean).join(" "), T = c != null && c !== "" ? {
+      xs: n === "start" ? "mr-1" : "ml-1",
+      sm: n === "start" ? "mr-1" : "ml-1",
+      md: n === "start" ? "mr-1.5" : "ml-1.5",
+      lg: n === "start" ? "mr-2" : "ml-2",
+      xl: n === "start" ? "mr-2" : "ml-2"
+    }[i] : "", h = r && /* @__PURE__ */ o(G, { size: i, children: /* @__PURE__ */ o("span", { className: `inline-flex items-center ${T}`, "aria-hidden": "true", children: r }) }), y = /* @__PURE__ */ W(X, { children: [
+      t && /* @__PURE__ */ o("span", { className: `${ft} ${Bt}`, "aria-hidden": "true" }),
+      !t && r && n === "start" && h,
+      c,
+      !t && r && n === "end" && h
+    ] });
+    if ("href" in a && a.href !== void 0) {
+      const { href: q, disabled: $, onKeyDown: A, onClick: E, ...I } = a, e = $ || t;
+      return /* @__PURE__ */ o(
+        "a",
+        {
+          ref: u,
+          href: e ? void 0 : q,
+          role: "button",
+          className: B,
+          "aria-disabled": e || void 0,
+          "aria-busy": t || void 0,
+          "aria-pressed": m,
+          tabIndex: e ? -1 : 0,
+          onKeyDown: (s) => {
+            s.key === " " && !e && (s.preventDefault(), s.currentTarget.click()), A?.(s);
+          },
+          onClick: (s) => {
+            if (e) {
+              s.preventDefault();
+              return;
+            }
+            E?.(s);
+          },
+          "data-testid": b,
+          ...I,
+          children: y
+        }
+      );
+    }
+    const { htmlType: j, ...p } = a;
+    return /* @__PURE__ */ o(
+      "button",
       {
-        href: e ? void 0 : L,
-        role: "button",
-        className: u,
-        "aria-disabled": e || void 0,
-        "aria-busy": n || void 0,
-        "aria-pressed": b,
-        tabIndex: e ? -1 : 0,
-        onKeyDown: (s) => {
-          s.key === " " && !e && (s.preventDefault(), s.currentTarget.click()), j?.(s);
-        },
-        onClick: (s) => {
-          if (e) {
-            s.preventDefault();
-            return;
-          }
-          q?.(s);
-        },
-        ...$,
-        children: B
+        ref: u,
+        type: j ?? "button",
+        className: B,
+        "aria-busy": t || void 0,
+        "aria-pressed": m,
+        disabled: t || p.disabled,
+        "data-testid": b,
+        ...p,
+        children: y
       }
     );
   }
-  const { htmlType: K, ...h } = a;
-  return /* @__PURE__ */ r(
-    "button",
-    {
-      type: K ?? "button",
-      className: u,
-      "aria-busy": n || void 0,
-      "aria-pressed": b,
-      disabled: n || h.disabled,
-      ...h,
-      children: B
-    }
-  );
-};
+);
+ht.displayName = "Button";
 export {
-  gn as Button
+  ht as Button
 };
 //# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { SizeProvider } from '../contexts/SizeContext'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnInfo = 'btn-info'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnOutline = 'btn-outline'\nconst dBtnDash = 'btn-dash'\nconst dBtnSoft = 'btn-soft'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnLink = 'btn-link'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\nconst dBtnSquare = 'btn-square'\nconst dBtnCircle = 'btn-circle'\nconst dBtnWide = 'btn-wide'\nconst dBtnBlock = 'btn-block'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\n\ntype BaseButtonProps = {\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Active/pressed visual state */\n  active?: boolean\n  /** Show loading spinner and disable button */\n  loading?: boolean\n  /** Button shape */\n  shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n  /** Disable click animation */\n  noAnimation?: boolean\n  /** Icon element to display */\n  icon?: React.ReactNode\n  /** Position of the icon */\n  iconPosition?: 'start' | 'end'\n  /** Applies error/danger styling (shorthand for color=\"error\") */\n  danger?: boolean\n  /** Toggle button pressed state (sets aria-pressed) */\n  pressed?: boolean\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n    /** Disable the link button */\n    disabled?: boolean\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button: React.FC<ButtonProps> = ({\n  children,\n  color,\n  variant,\n  size,\n  active = false,\n  loading = false,\n  shape,\n  noAnimation = false,\n  icon,\n  iconPosition = 'start',\n  danger = false,\n  pressed,\n  className = '',\n  ...props\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  // danger prop is a shorthand for color=\"error\"\n  const effectiveColor = danger ? 'error' : color\n\n  const colorClasses = {\n    primary: dBtnPrimary,\n    secondary: dBtnSecondary,\n    accent: dBtnAccent,\n    info: dBtnInfo,\n    success: dBtnSuccess,\n    warning: dBtnWarning,\n    error: dBtnError,\n    neutral: dBtnNeutral,\n  }\n\n  const variantClasses = {\n    solid: '', // default, no extra class needed\n    outline: dBtnOutline,\n    dash: dBtnDash,\n    soft: dBtnSoft,\n    ghost: dBtnGhost,\n    link: dBtnLink,\n  }\n\n  const sizeClasses = {\n    xs: dBtnXs,\n    sm: dBtnSm,\n    md: '',\n    lg: dBtnLg,\n    xl: dBtnXl,\n  }\n\n  const shapeClasses = {\n    square: dBtnSquare,\n    circle: dBtnCircle,\n    wide: dBtnWide,\n    block: dBtnBlock,\n    round: 'rounded-full',\n  }\n\n  const classes = [\n    dBtn,\n    effectiveColor && colorClasses[effectiveColor],\n    variant && variantClasses[variant],\n    sizeClasses[effectiveSize],\n    active && dBtnActive,\n    shape && shapeClasses[shape],\n    noAnimation && 'no-animation',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  // Determine icon spacing based on whether there's text content and button size\n  const hasChildren = children !== undefined && children !== null && children !== ''\n  const spacingBySize = {\n    xs: iconPosition === 'start' ? 'mr-1' : 'ml-1',\n    sm: iconPosition === 'start' ? 'mr-1' : 'ml-1',\n    md: iconPosition === 'start' ? 'mr-1.5' : 'ml-1.5',\n    lg: iconPosition === 'start' ? 'mr-2' : 'ml-2',\n    xl: iconPosition === 'start' ? 'mr-2' : 'ml-2',\n  }\n  const iconSpacing = hasChildren ? spacingBySize[effectiveSize] : ''\n\n  const iconElement = icon && (\n    <SizeProvider size={effectiveSize}>\n      <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n        {icon}\n      </span>\n    </SizeProvider>\n  )\n\n  const content = (\n    <>\n      {loading && <span className={`${dLoading} ${dLoadingSpinner}`} aria-hidden=\"true\"></span>}\n      {!loading && icon && iconPosition === 'start' && iconElement}\n      {children}\n      {!loading && icon && iconPosition === 'end' && iconElement}\n    </>\n  )\n\n  if ('href' in props && props.href !== undefined) {\n    const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n      onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n      onClick?: React.MouseEventHandler<HTMLAnchorElement>\n    }\n    const isDisabled = disabled || loading\n\n    // Handle Space key for anchor buttons (links only respond to Enter natively)\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n      if (event.key === ' ' && !isDisabled) {\n        event.preventDefault()\n        event.currentTarget.click()\n      }\n      onKeyDown?.(event)\n    }\n\n    // Prevent click when disabled\n    const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n      if (isDisabled) {\n        event.preventDefault()\n        return\n      }\n      onClick?.(event)\n    }\n\n    return (\n      <a\n        href={isDisabled ? undefined : href}\n        role=\"button\"\n        className={classes}\n        aria-disabled={isDisabled || undefined}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        tabIndex={isDisabled ? -1 : 0}\n        onKeyDown={handleKeyDown}\n        onClick={handleClick}\n        {...anchorProps}\n      >\n        {content}\n      </a>\n    )\n  }\n\n  const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n  const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n  return (\n    <button\n      type={buttonType}\n      className={classes}\n      aria-busy={loading || undefined}\n      aria-pressed={pressed}\n      disabled={loading || buttonProps.disabled}\n      {...buttonProps}\n    >\n      {content}\n    </button>\n  )\n}\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnActive","dBtnSquare","dBtnCircle","dBtnWide","dBtnBlock","dLoading","dLoadingSpinner","Button","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPosition","danger","pressed","className","props","componentSize","useConfig","effectiveSize","effectiveColor","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","SizeProvider","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../src/components/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { SizeProvider } from '../contexts/SizeContext'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnPrimary = 'btn-primary'\nconst dBtnSecondary = 'btn-secondary'\nconst dBtnAccent = 'btn-accent'\nconst dBtnInfo = 'btn-info'\nconst dBtnSuccess = 'btn-success'\nconst dBtnWarning = 'btn-warning'\nconst dBtnError = 'btn-error'\nconst dBtnNeutral = 'btn-neutral'\nconst dBtnOutline = 'btn-outline'\nconst dBtnDash = 'btn-dash'\nconst dBtnSoft = 'btn-soft'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnLink = 'btn-link'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnMd = 'btn-md'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnActive = 'btn-active'\nconst dBtnSquare = 'btn-square'\nconst dBtnCircle = 'btn-circle'\nconst dBtnWide = 'btn-wide'\nconst dBtnBlock = 'btn-block'\nconst dLoading = 'loading'\nconst dLoadingSpinner = 'loading-spinner'\n\ntype BaseButtonProps = {\n  /** Button color */\n  color?: 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error' | 'neutral'\n  /** Button style variant */\n  variant?: 'solid' | 'outline' | 'dash' | 'soft' | 'ghost' | 'link'\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Active/pressed visual state */\n  active?: boolean\n  /** Show loading spinner and disable button */\n  loading?: boolean\n  /** Button shape */\n  shape?: 'square' | 'circle' | 'wide' | 'block' | 'round'\n  /** Disable click animation */\n  noAnimation?: boolean\n  /** Icon element to display */\n  icon?: React.ReactNode\n  /** Position of the icon */\n  iconPlacement?: 'start' | 'end'\n  /** @deprecated Use iconPlacement instead */\n  iconPosition?: 'start' | 'end'\n  /** Applies error/danger styling (shorthand for color=\"error\") */\n  danger?: boolean\n  /** Toggle button pressed state (sets aria-pressed) */\n  pressed?: boolean\n  /** Test ID for testing */\n  'data-testid'?: string\n}\n\ntype ButtonAsButton = BaseButtonProps &\n  Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> & {\n    href?: undefined\n    htmlType?: 'button' | 'submit' | 'reset'\n  }\n\ntype ButtonAsAnchor = BaseButtonProps &\n  Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'type'> & {\n    href: string\n    htmlType?: undefined\n    /** Disable the link button */\n    disabled?: boolean\n  }\n\nexport type ButtonProps = ButtonAsButton | ButtonAsAnchor\n\nexport const Button = forwardRef<HTMLButtonElement | HTMLAnchorElement, ButtonProps>(\n  (\n    {\n      children,\n      color,\n      variant,\n      size,\n      active = false,\n      loading = false,\n      shape,\n      noAnimation = false,\n      icon,\n      iconPlacement,\n      iconPosition,\n      danger = false,\n      pressed,\n      className = '',\n      'data-testid': testId,\n      ...props\n    },\n    ref\n  ) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n    // danger prop is a shorthand for color=\"error\"\n    const effectiveColor = danger ? 'error' : color\n    // iconPlacement takes precedence over deprecated iconPosition\n    const effectiveIconPlacement = iconPlacement ?? iconPosition ?? 'start'\n\n    const colorClasses = {\n      primary: dBtnPrimary,\n      secondary: dBtnSecondary,\n      accent: dBtnAccent,\n      info: dBtnInfo,\n      success: dBtnSuccess,\n      warning: dBtnWarning,\n      error: dBtnError,\n      neutral: dBtnNeutral,\n    }\n\n    const variantClasses = {\n      solid: '', // default, no extra class needed\n      outline: dBtnOutline,\n      dash: dBtnDash,\n      soft: dBtnSoft,\n      ghost: dBtnGhost,\n      link: dBtnLink,\n    }\n\n    const sizeClasses = {\n      xs: dBtnXs,\n      sm: dBtnSm,\n      md: dBtnMd,\n      lg: dBtnLg,\n      xl: dBtnXl,\n    }\n\n    const shapeClasses = {\n      square: dBtnSquare,\n      circle: dBtnCircle,\n      wide: dBtnWide,\n      block: dBtnBlock,\n      round: 'rounded-full',\n    }\n\n    const classes = [\n      dBtn,\n      effectiveColor && colorClasses[effectiveColor],\n      variant && variantClasses[variant],\n      sizeClasses[effectiveSize],\n      active && dBtnActive,\n      shape && shapeClasses[shape],\n      noAnimation && 'no-animation',\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    // Determine icon spacing based on whether there's text content and button size\n    const hasChildren = children !== undefined && children !== null && children !== ''\n    const spacingBySize = {\n      xs: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      sm: effectiveIconPlacement === 'start' ? 'mr-1' : 'ml-1',\n      md: effectiveIconPlacement === 'start' ? 'mr-1.5' : 'ml-1.5',\n      lg: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n      xl: effectiveIconPlacement === 'start' ? 'mr-2' : 'ml-2',\n    }\n    const iconSpacing = hasChildren ? spacingBySize[effectiveSize] : ''\n\n    const iconElement = icon && (\n      <SizeProvider size={effectiveSize}>\n        <span className={`inline-flex items-center ${iconSpacing}`} aria-hidden=\"true\">\n          {icon}\n        </span>\n      </SizeProvider>\n    )\n\n    const content = (\n      <>\n        {loading && <span className={`${dLoading} ${dLoadingSpinner}`} aria-hidden=\"true\"></span>}\n        {!loading && icon && effectiveIconPlacement === 'start' && iconElement}\n        {children}\n        {!loading && icon && effectiveIconPlacement === 'end' && iconElement}\n      </>\n    )\n\n    if ('href' in props && props.href !== undefined) {\n      const { href, disabled, onKeyDown, onClick, ...anchorProps } = props as ButtonAsAnchor & {\n        onKeyDown?: React.KeyboardEventHandler<HTMLAnchorElement>\n        onClick?: React.MouseEventHandler<HTMLAnchorElement>\n      }\n      const isDisabled = disabled || loading\n\n      // Handle Space key for anchor buttons (links only respond to Enter natively)\n      const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n        if (event.key === ' ' && !isDisabled) {\n          event.preventDefault()\n          event.currentTarget.click()\n        }\n        onKeyDown?.(event)\n      }\n\n      // Prevent click when disabled\n      const handleClick = (event: React.MouseEvent<HTMLAnchorElement>) => {\n        if (isDisabled) {\n          event.preventDefault()\n          return\n        }\n        onClick?.(event)\n      }\n\n      return (\n        <a\n          ref={ref as React.Ref<HTMLAnchorElement>}\n          href={isDisabled ? undefined : href}\n          role=\"button\"\n          className={classes}\n          aria-disabled={isDisabled || undefined}\n          aria-busy={loading || undefined}\n          aria-pressed={pressed}\n          tabIndex={isDisabled ? -1 : 0}\n          onKeyDown={handleKeyDown}\n          onClick={handleClick}\n          data-testid={testId}\n          {...anchorProps}\n        >\n          {content}\n        </a>\n      )\n    }\n\n    const { htmlType, ...buttonProps } = props as Omit<ButtonAsButton, keyof BaseButtonProps>\n    const buttonType: 'button' | 'submit' | 'reset' = htmlType ?? 'button'\n    return (\n      <button\n        ref={ref as React.Ref<HTMLButtonElement>}\n        type={buttonType}\n        className={classes}\n        aria-busy={loading || undefined}\n        aria-pressed={pressed}\n        disabled={loading || buttonProps.disabled}\n        data-testid={testId}\n        {...buttonProps}\n      >\n        {content}\n      </button>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n"],"names":["dBtn","dBtnPrimary","dBtnSecondary","dBtnAccent","dBtnInfo","dBtnSuccess","dBtnWarning","dBtnError","dBtnNeutral","dBtnOutline","dBtnDash","dBtnSoft","dBtnGhost","dBtnLink","dBtnXs","dBtnSm","dBtnMd","dBtnLg","dBtnXl","dBtnActive","dBtnSquare","dBtnCircle","dBtnWide","dBtnBlock","dLoading","dLoadingSpinner","Button","forwardRef","children","color","variant","size","active","loading","shape","noAnimation","icon","iconPlacement","iconPosition","danger","pressed","className","testId","props","ref","componentSize","useConfig","effectiveSize","effectiveColor","effectiveIconPlacement","colorClasses","variantClasses","sizeClasses","shapeClasses","classes","iconSpacing","iconElement","jsx","SizeProvider","content","jsxs","Fragment","href","disabled","onKeyDown","onClick","anchorProps","isDisabled","event","htmlType","buttonProps"],"mappings":"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"}

package/dist/components/Chart.d.ts

@@ -15,5 +15,6 @@ export interface ChartProps {
     themed?: boolean;
     /** Additional CSS classes */
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Chart: React.FC<ChartProps>;