asterui 0.12.58 → 0.12.60

package/dist/components/Autocomplete.js

@@ -1,6 +1,6 @@
 import { jsxs as M, jsx as o } from "react/jsx-runtime";
 import { useId as de, useState as k, useRef as O, useEffect as z } from "react";
-import { useConfig as ue } from "./ConfigProvider.js";
+import { useConfig as ue } from "../providers/ConfigProvider.js";
 const pe = "dropdown", fe = "dropdown-bottom", he = "dropdown-open", be = "dropdown-content", me = "menu", Ie = "input", ge = "input-xs", we = "input-sm", xe = "input-md", ye = "input-lg", ve = "input-xl", Ce = "input-neutral", ke = "input-primary", De = "input-secondary", Ne = "input-accent", $e = "input-info", je = "input-success", A = "input-warning", R = "input-error", Ee = ({ onClick: l, className: I }) => /* @__PURE__ */ o(
   "button",
   {

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 './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":";;;AAIA,MAAMA,KAAY,YACZC,KAAkB,mBAClBC,KAAgB,iBAChBC,KAAmB,oBACnBC,KAAQ,QACRC,KAAS,SACTC,KAAW,YACXC,KAAW,YACXC,KAAW,YACXC,KAAW,YACXC,KAAW,YACXC,KAAgB,iBAChBC,KAAgB,iBAChBC,KAAkB,mBAClBC,KAAe,gBACfC,KAAa,cACbC,KAAgB,iBAChBC,IAAgB,iBAChBC,IAAc,eAuCdC,KAAsF,CAAC,EAAE,SAAAC,GAAS,WAAAC,QACtG,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAF;AAAA,IACA,WAAW,oFAAoFC,KAAa,EAAE;AAAA,IAC9G,cAAW;AAAA,IACX,UAAU;AAAA,IAEV,UAAA,gBAAAC,EAAC,SAAI,WAAU,WAAU,MAAK,QAAO,SAAQ,aAAY,QAAO,gBAAe,eAAY,QACzF,UAAA,gBAAAA,EAAC,QAAA,EAAK,eAAc,SAAQ,gBAAe,SAAQ,aAAa,GAAG,GAAE,uBAAA,CAAuB,EAAA,CAC9F;AAAA,EAAA;AACF,GAGWC,KAA4C,CAAC;AAAA,EACxD,OAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAASC;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAb,IAAY;AAAA,EACZ,kBAAAc,IAAmB;AAAA,EACnB,cAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAMC;AAAA,EACN,aAAAC,IAAc;AAAA,EACd,cAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,MAAM;AACJ,QAAM,EAAE,eAAAC,EAAA,IAAkBC,GAAA,GACpBC,IAAgBf,KAAQa,KAAiB,MAEzCG,IAASC,GAAA,GACTC,IAAU,GAAGF,CAAM,UACnBG,IAAY,GAAGH,CAAM,YAGrBI,IAAgCvB,EAAW;AAAA,IAAI,CAACwB,MACpD,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA,GAGnD,CAACC,GAAYC,CAAa,IAAIC,EAAS/B,CAAY,GACnD,CAACgC,GAAcC,CAAe,IAAIF,EAASf,CAAW,GACtD,CAACkB,GAAkBC,CAAmB,IAAIJ,EAAS,EAAE,GACrDK,IAAWC,EAAyB,IAAI,GACxCC,IAAcD,EAAyB,IAAI,GAG3CE,IAAmBxB,MAAmB,QACtCyB,IAASD,IAAmBxB,IAAiBiB,GAE7CS,IAAY,CAACC,MAAqB;AACtC,IAAKH,KACHN,EAAgBS,CAAO,GAEzBzB,IAAeyB,CAAO;AAAA,EACxB;AAGA,EAAAC,EAAU,MAAM;AACd,QAAI5C,MAAU,QAAW;AACvB,YAAM6C,IAAiBjB,EAAQ,KAAK,CAACC,MAAQA,EAAI,UAAU7B,CAAK;AAChE,MAAA+B,EAAcc,GAAgB,SAAS7C,CAAK;AAAA,IAC9C;AAAA,EACF,GAAG,CAACA,GAAO4B,CAAO,CAAC;AAGnB,QAAMkB,KAAgB,CAACC,GAA4BC,MACjDD,EAAO,MAAM,cAAc,SAASC,EAAM,YAAA,CAAa,GAEnDC,IAAkBrB,EAAQ;AAAA,IAAO,CAACmB,MACtCnC,IAAeA,EAAamC,GAAQjB,CAAU,IAAIgB,GAAcC,GAAQjB,CAAU;AAAA,EAAA,GAI9EoB,IAAiBD,EAAgB,OAAO,CAAApB,MAAO,CAACA,EAAI,QAAQ,GAE5DsB,KAAoB,CAAC,MAA2C;AACpE,UAAMC,IAAgB,EAAE,OAAO;AAC/B,IAAArB,EAAcqB,CAAa,GAC3BV,EAAU,EAAI,GAEVvB,KAA4B+B,EAAe,SAAS,IACtDd,EAAoB,CAAC,IAErBA,EAAoB,EAAE,GAGxBhC,IAAWgD,CAAa,GAEpBzC,KACFT,IAAWkD,CAAa;AAAA,EAE5B,GAEMC,IAAoB,CAACN,MAA+B;AACxD,IAAIA,EAAO,aAEXhB,EAAcgB,EAAO,KAAK,GAC1BL,EAAU,EAAK,GACfN,EAAoB,EAAE,GAEtBlC,IAAW6C,EAAO,KAAK,GACvB5C,IAAW4C,EAAO,OAAOA,CAAM,GAC/BV,EAAS,SAAS,MAAA;AAAA,EACpB,GAEMiB,KAAgB,CAAC,MAA6C;AAClE,QAAI,CAACb,MAAW,EAAE,QAAQ,eAAe,EAAE,QAAQ,YAAY;AAC7D,MAAAC,EAAU,EAAI,GACVvB,KAA4B+B,EAAe,SAAS,KACtDd,EAAoB,CAAC;AAEvB;AAAA,IACF;AAEA,YAAQ,EAAE,KAAA;AAAA,MACR,KAAK;AACH,UAAE,eAAA,GACFA,EAAoB,CAACmB,MAAS;AAE5B,mBAASC,IAAID,IAAO,GAAGC,IAAIP,EAAgB,QAAQO;AACjD,gBAAI,CAACP,EAAgBO,CAAC,EAAE,SAAU,QAAOA;AAE3C,iBAAOD;AAAA,QACT,CAAC;AACD;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACFnB,EAAoB,CAACmB,MAAS;AAE5B,mBAASC,IAAID,IAAO,GAAGC,KAAK,GAAGA;AAC7B,gBAAI,CAACP,EAAgBO,CAAC,EAAE,SAAU,QAAOA;AAE3C,iBAAOD;AAAA,QACT,CAAC;AACD;AAAA,MACF,KAAK;AACH,UAAE,eAAA,GACEpB,KAAoB,KAAKc,EAAgBd,CAAgB,KAAK,CAACc,EAAgBd,CAAgB,EAAE,WACnGkB,EAAkBJ,EAAgBd,CAAgB,CAAC,IAC1C,CAACxB,KAAoBuC,EAAe,SAAS,KACtDG,EAAkBH,EAAe,CAAC,CAAC;AAErC;AAAA,MACF,KAAK;AACH,QAAAR,EAAU,EAAK,GACfN,EAAoB,EAAE,GACtBC,EAAS,SAAS,KAAA;AAClB;AAAA,IAAA;AAAA,EAEN,GAEMoB,KAAc,MAAM;AACxB,IAAAf,EAAU,EAAI,GACVvB,KAA4B+B,EAAe,SAAS,KACtDd,EAAoB,CAAC;AAAA,EAEzB,GAEMsB,KAAa,CAAC,MAAwB;AAE1C,IAAInB,EAAY,WAAWA,EAAY,QAAQ,SAAS,EAAE,aAAqB,KAG/E,WAAW,MAAMG,EAAU,EAAK,GAAG,GAAG;AAAA,EACxC,GAEMiB,KAAc,CAAC,MAAwB;AAC3C,MAAE,gBAAA,GACF5B,EAAc,EAAE,GAChB7B,IAAW,EAAE,GACba,IAAA,GACAsB,EAAS,SAAS,MAAA;AAAA,EACpB,GAEMuB,KAAc;AAAA,IAClB,IAAI9E;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,IACJ,IAAIC;AAAA,EAAA,GAoBA2E,KAAsBnD,IANN;AAAA,IACpB,OAAOhB;AAAA,IACP,SAASD;AAAA,EAAA,EAIwCiB,CAAM,IAAKD,IAjBzC;AAAA,IACnB,SAAStB;AAAA,IACT,SAASC;AAAA,IACT,WAAWC;AAAA,IACX,QAAQC;AAAA,IACR,MAAMC;AAAA,IACN,SAASC;AAAA,IACT,SAASC;AAAA,IACT,OAAOC;AAAA,EAAA,EAS0Ee,CAAK,IAAI;AAG5F,EAAAmC,EAAU,MAAM;AACd,IAAIT,KAAoB,KAAKI,EAAY,WACZA,EAAY,QAAQ,SAASJ,CAAgB,GACpD,eAAe,EAAE,OAAO,UAAA,CAAW;AAAA,EAE3D,GAAG,CAACA,CAAgB,CAAC;AAGrB,QAAM2B,IAAYhD,KAAcgB,KAAc,CAACvB,GAGzCwD,KAAY,OAAOjD,KAAe,YAAYA,EAAW,YAC3DA,EAAW,YACX,MAGEkD,IAAc,CAACC,MAAkB,GAAGzC,CAAM,WAAWyC,CAAK,IAE1DC,KAAe;AAAA,IACnB,GAAGrF,EAAM;AAAA,IACT+E,GAAYrC,CAAa;AAAA,IACzBsC;AAAA,IACAC,KAAa;AAAA,EAAA,EACb,OAAO,OAAO,EAAE,KAAK,GAAG;AAE1B,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,GAAG3F,EAAS,IAAIC,EAAe,WAAWgE,KAAU,CAAClC,IAAW7B,KAAgB,EAAE,IAAImB,CAAS;AAAA,MAC1G,cAAY4C,IAAS,SAAS;AAAA,MAC7B,GAAGrB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAA+C,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,UAAA,gBAAArE;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAKuC;AAAA,cACL,IAAIX;AAAA,cACJ,MAAK;AAAA,cACL,MAAK;AAAA,cACL,iBAAee;AAAA,cACf,iBAAc;AAAA,cACd,iBAAed;AAAA,cACf,qBAAkB;AAAA,cAClB,yBAAuBQ,KAAoB,IAAI6B,EAAY7B,CAAgB,IAAI;AAAA,cAC/E,gBAAczB,MAAW,UAAU,KAAO;AAAA,cAC1C,OAAOoB;AAAA,cACP,UAAUqB;AAAA,cACV,WAAWG;AAAA,cACX,SAASG;AAAA,cACT,QAAQC;AAAA,cACR,aAAApD;AAAA,cACA,UAAAC;AAAA,cACA,WAAW2D;AAAA,YAAA;AAAA,UAAA;AAAA,UAEZJ,KACC,gBAAAhE,EAAC,QAAA,EAAK,WAAU,kDACb,gBAAa,gBAAAA,EAACH,IAAA,EAAU,SAASgE,GAAA,CAAa,EAAA,CACjD;AAAA,QAAA,GAEJ;AAAA,QAEClB,KAAU,CAAClC,KACV,gBAAAT;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,KAAKyC;AAAA,YACL,IAAIZ;AAAA,YACJ,MAAK;AAAA,YACL,cAAW;AAAA,YACX,UAAU;AAAA,YACV,WAAW,GAAGhD,EAAgB,IAAIC,EAAK;AAAA,YAEtC,UAAAqE,EAAgB,SAAS,IACxBA,EAAgB,IAAI,CAACF,GAAQkB,MAC3B,gBAAAnE,EAAC,MAAA,EACC,UAAA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,IAAIkE,EAAYC,CAAK;AAAA,gBACrB,MAAK;AAAA,gBACL,iBAAe9B,MAAqB8B;AAAA,gBACpC,iBAAelB,EAAO;AAAA,gBACtB,aAAa,CAACqB,MAAM;AAClB,kBAAAA,EAAE,eAAA,GACFf,EAAkBN,CAAM;AAAA,gBAC1B;AAAA,gBACA,cAAc,MAAM,CAACA,EAAO,YAAYX,EAAoB6B,CAAK;AAAA,gBACjE,WAAW;AAAA,kBACTA,MAAU9B,KAAoB,CAACY,EAAO,YAAY;AAAA,kBAClDA,EAAO,YAAY;AAAA,gBAAA,EACnB,OAAO,OAAO,EAAE,KAAK,GAAG;AAAA,gBAEzB,UAAAA,EAAO;AAAA,cAAA;AAAA,YAAA,EACV,GAjBOA,EAAO,KAkBhB,CACD,IAED,gBAAAjD,EAAC,MAAA,EAAG,WAAU,YACZ,UAAA,gBAAAA,EAAC,QAAA,EAAK,WAAU,mDAAmD,aAAgB,EAAA,CACrF;AAAA,UAAA;AAAA,QAAA;AAAA,MAEJ;AAAA,IAAA;AAAA,EAAA;AAIR;"}
+{"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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"}

package/dist/components/Button.js

@@ -1,6 +1,6 @@
 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 "./ConfigProvider.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,

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 './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 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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"}