asterui 0.12.62 → 0.12.64

package/dist/components/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = 'btn-square'\n\nexport interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: string\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n]\n\nfunction formatDate(date: Date | null, format: string = 'MM/DD/YYYY'): string {\n  if (!date) return ''\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, '0')\n  const day = String(date.getDate()).padStart(2, '0')\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n  return new Date(year, month, 1).getDay()\n}\n\nexport const DatePicker = forwardRef<HTMLDivElement, DatePickerProps>(function DatePicker(\n  {\n    value,\n    defaultValue,\n    onChange,\n    format,\n    placeholder = 'Select date',\n    disabled = false,\n    size,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const [selectedDate, setSelectedDate] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewMonth, setViewMonth] = useState(\n    selectedDate ? selectedDate.getMonth() : new Date().getMonth()\n  )\n  const [viewYear, setViewYear] = useState(\n    selectedDate ? selectedDate.getFullYear() : new Date().getFullYear()\n  )\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedDate(value)\n    }\n  }, [value])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleDateSelect = (day: number) => {\n    const newDate = new Date(viewYear, viewMonth, day)\n    setSelectedDate(newDate)\n    onChange?.(newDate)\n    setIsOpen(false)\n  }\n\n  const handlePrevMonth = () => {\n    if (viewMonth === 0) {\n      setViewMonth(11)\n      setViewYear(viewYear - 1)\n    } else {\n      setViewMonth(viewMonth - 1)\n    }\n  }\n\n  const handleNextMonth = () => {\n    if (viewMonth === 11) {\n      setViewMonth(0)\n      setViewYear(viewYear + 1)\n    } else {\n      setViewMonth(viewMonth + 1)\n    }\n  }\n\n  const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n  const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n  const calendarDays: (number | null)[] = []\n  for (let i = 0; i < firstDayOfMonth; i++) {\n    calendarDays.push(null)\n  }\n  for (let i = 1; i <= daysInMonth; i++) {\n    calendarDays.push(i)\n  }\n\n  const isSelectedDay = (day: number | null): boolean => {\n    if (!day || !selectedDate) return false\n    return (\n      selectedDate.getDate() === day &&\n      selectedDate.getMonth() === viewMonth &&\n      selectedDate.getFullYear() === viewYear\n    )\n  }\n\n  const isToday = (day: number | null): boolean => {\n    if (!day) return false\n    const today = new Date()\n    return (\n      today.getDate() === day &&\n      today.getMonth() === viewMonth &&\n      today.getFullYear() === viewYear\n    )\n  }\n\n  return (\n    <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n      <Input\n        value={formatDate(selectedDate, format)}\n        placeholder={placeholder}\n        disabled={disabled}\n        size={effectiveSize}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n        data-testid={getTestId('input')}\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80\" data-testid={getTestId('calendar')}>\n          {/* Header */}\n          <div className=\"flex items-center justify-between mb-4\">\n            <button\n              type=\"button\"\n              onClick={handlePrevMonth}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n\n            <div className=\"text-base font-semibold\">\n              {MONTHS[viewMonth]} {viewYear}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={handleNextMonth}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n          </div>\n\n          {/* Days of week */}\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {DAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {calendarDays.map((day, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                disabled={!day}\n                onClick={() => day && handleDateSelect(day)}\n                className={`\n                  aspect-square flex items-center justify-center text-sm rounded-lg\n                  ${!day ? 'invisible' : 'hover:bg-base-200'}\n                  ${isSelectedDay(day) ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n                  ${isToday(day) && !isSelectedDay(day) ? 'border border-primary' : ''}\n                  ${day ? 'cursor-pointer' : ''}\n                `}\n              >\n                {day}\n              </button>\n            ))}\n          </div>\n\n          {/* Today button */}\n          <div className=\"mt-4 flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const today = new Date()\n                setSelectedDate(today)\n                setViewMonth(today.getMonth())\n                setViewYear(today.getFullYear())\n                onChange?.(today)\n                setIsOpen(false)\n              }}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DAYS","MONTHS","formatDate","date","format","year","month","day","getDaysInMonth","getFirstDayOfMonth","DatePicker","forwardRef","value","defaultValue","onChange","placeholder","disabled","size","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","selectedDate","setSelectedDate","useState","isOpen","setIsOpen","viewMonth","setViewMonth","viewYear","setViewYear","containerRef","useRef","useEffect","handleClickOutside","event","handleDateSelect","newDate","handlePrevMonth","handleNextMonth","daysInMonth","firstDayOfMonth","calendarDays","i","isSelectedDay","isToday","today","jsx","Input","jsxs","index"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../src/components/DatePicker.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, forwardRef } from 'react'\nimport { Input } from './Input'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dBtn = 'btn'\nconst dBtnGhost = 'btn-ghost'\nconst dBtnSm = 'btn-sm'\nconst dBtnSquare = 'btn-square'\n\nexport interface DatePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: Date | null\n  defaultValue?: Date | null\n  onChange?: (date: Date | null) => void\n  format?: string\n  placeholder?: string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nexport type DateRangeValue = [Date | null, Date | null]\n\nexport interface DateRangePickerProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'> {\n  value?: DateRangeValue\n  defaultValue?: DateRangeValue\n  onChange?: (range: DateRangeValue) => void\n  format?: string\n  placeholder?: [string, string] | string\n  disabled?: boolean\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Test ID prefix for child elements */\n  'data-testid'?: string\n}\n\nconst DAYS = ['Su', 'Mo', 'Tu', 'We', 'Th', 'Fr', 'Sa']\nconst MONTHS = [\n  'January',\n  'February',\n  'March',\n  'April',\n  'May',\n  'June',\n  'July',\n  'August',\n  'September',\n  'October',\n  'November',\n  'December',\n]\n\nfunction formatDate(date: Date | null, format: string = 'MM/DD/YYYY'): string {\n  if (!date) return ''\n\n  const year = date.getFullYear()\n  const month = String(date.getMonth() + 1).padStart(2, '0')\n  const day = String(date.getDate()).padStart(2, '0')\n\n  return format\n    .replace('YYYY', String(year))\n    .replace('MM', month)\n    .replace('DD', day)\n}\n\nfunction getDaysInMonth(year: number, month: number): number {\n  return new Date(year, month + 1, 0).getDate()\n}\n\nfunction getFirstDayOfMonth(year: number, month: number): number {\n  return new Date(year, month, 1).getDay()\n}\n\nfunction stripTime(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate())\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n  return a.getFullYear() === b.getFullYear()\n    && a.getMonth() === b.getMonth()\n    && a.getDate() === b.getDate()\n}\n\nfunction isBeforeDay(a: Date, b: Date): boolean {\n  return stripTime(a).getTime() < stripTime(b).getTime()\n}\n\nfunction isAfterDay(a: Date, b: Date): boolean {\n  return stripTime(a).getTime() > stripTime(b).getTime()\n}\n\nfunction formatRange(range: DateRangeValue, format: string = 'MM/DD/YYYY'): string {\n  const [start, end] = range\n  if (start && end) return `${formatDate(start, format)} - ${formatDate(end, format)}`\n  if (start) return `${formatDate(start, format)} - `\n  return ''\n}\n\nconst DatePickerComponent = forwardRef<HTMLDivElement, DatePickerProps>(function DatePicker(\n  {\n    value,\n    defaultValue,\n    onChange,\n    format,\n    placeholder = 'Select date',\n    disabled = false,\n    size,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const [selectedDate, setSelectedDate] = useState<Date | null>(\n    value || defaultValue || null\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const [viewMonth, setViewMonth] = useState(\n    selectedDate ? selectedDate.getMonth() : new Date().getMonth()\n  )\n  const [viewYear, setViewYear] = useState(\n    selectedDate ? selectedDate.getFullYear() : new Date().getFullYear()\n  )\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedDate(value)\n    }\n  }, [value])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleDateSelect = (day: number) => {\n    const newDate = new Date(viewYear, viewMonth, day)\n    setSelectedDate(newDate)\n    onChange?.(newDate)\n    setIsOpen(false)\n  }\n\n  const handlePrevMonth = () => {\n    if (viewMonth === 0) {\n      setViewMonth(11)\n      setViewYear(viewYear - 1)\n    } else {\n      setViewMonth(viewMonth - 1)\n    }\n  }\n\n  const handleNextMonth = () => {\n    if (viewMonth === 11) {\n      setViewMonth(0)\n      setViewYear(viewYear + 1)\n    } else {\n      setViewMonth(viewMonth + 1)\n    }\n  }\n\n  const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n  const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n  const calendarDays: (number | null)[] = []\n  for (let i = 0; i < firstDayOfMonth; i++) {\n    calendarDays.push(null)\n  }\n  for (let i = 1; i <= daysInMonth; i++) {\n    calendarDays.push(i)\n  }\n\n  const isSelectedDay = (day: number | null): boolean => {\n    if (!day || !selectedDate) return false\n    return (\n      selectedDate.getDate() === day &&\n      selectedDate.getMonth() === viewMonth &&\n      selectedDate.getFullYear() === viewYear\n    )\n  }\n\n  const isToday = (day: number | null): boolean => {\n    if (!day) return false\n    const today = new Date()\n    return (\n      today.getDate() === day &&\n      today.getMonth() === viewMonth &&\n      today.getFullYear() === viewYear\n    )\n  }\n\n  return (\n    <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n      <Input\n        value={formatDate(selectedDate, format)}\n        placeholder={placeholder}\n        disabled={disabled}\n        size={effectiveSize}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n        data-testid={getTestId('input')}\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80\" data-testid={getTestId('calendar')}>\n          {/* Header */}\n          <div className=\"flex items-center justify-between mb-4\">\n            <button\n              type=\"button\"\n              onClick={handlePrevMonth}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n\n            <div className=\"text-base font-semibold\">\n              {MONTHS[viewMonth]} {viewYear}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={handleNextMonth}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n          </div>\n\n          {/* Days of week */}\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {DAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {calendarDays.map((day, index) => (\n              <button\n                key={index}\n                type=\"button\"\n                disabled={!day}\n                onClick={() => day && handleDateSelect(day)}\n                className={`\n                  aspect-square flex items-center justify-center text-sm rounded-lg\n                  ${!day ? 'invisible' : 'hover:bg-base-200'}\n                  ${isSelectedDay(day) ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n                  ${isToday(day) && !isSelectedDay(day) ? 'border border-primary' : ''}\n                  ${day ? 'cursor-pointer' : ''}\n                `}\n              >\n                {day}\n              </button>\n            ))}\n          </div>\n\n          {/* Today button */}\n          <div className=\"mt-4 flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const today = new Date()\n                setSelectedDate(today)\n                setViewMonth(today.getMonth())\n                setViewYear(today.getFullYear())\n                onChange?.(today)\n                setIsOpen(false)\n              }}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nconst DateRangePicker = forwardRef<HTMLDivElement, DateRangePickerProps>(function DateRangePicker(\n  {\n    value,\n    defaultValue,\n    onChange,\n    format,\n    placeholder,\n    disabled = false,\n    size,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const [startPlaceholder, endPlaceholder] = Array.isArray(placeholder)\n    ? placeholder\n    : [placeholder ?? 'Start date', 'End date']\n  const resolvedPlaceholder = Array.isArray(placeholder)\n    ? `${startPlaceholder} - ${endPlaceholder}`\n    : placeholder ?? 'Start date - End date'\n\n  // Helper for test IDs\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n  const [selectedRange, setSelectedRange] = useState<DateRangeValue>(\n    value || defaultValue || [null, null]\n  )\n  const [isOpen, setIsOpen] = useState(false)\n  const initialDate = selectedRange[0] ?? selectedRange[1] ?? new Date()\n  const [viewMonth, setViewMonth] = useState(initialDate.getMonth())\n  const [viewYear, setViewYear] = useState(initialDate.getFullYear())\n\n  const containerRef = useRef<HTMLDivElement>(null)\n\n  useEffect(() => {\n    if (value !== undefined) {\n      setSelectedRange(value)\n    }\n  }, [value])\n\n  useEffect(() => {\n    function handleClickOutside(event: MouseEvent) {\n      if (containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setIsOpen(false)\n      }\n    }\n\n    if (isOpen) {\n      document.addEventListener('mousedown', handleClickOutside)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  const handleDateSelect = (day: number) => {\n    const newDate = new Date(viewYear, viewMonth, day)\n    let [start, end] = selectedRange\n\n    if (!start || (start && end)) {\n      start = newDate\n      end = null\n    } else if (start && !end) {\n      if (isBeforeDay(newDate, start)) {\n        end = start\n        start = newDate\n      } else {\n        end = newDate\n      }\n    }\n\n    const nextRange: DateRangeValue = [start, end]\n    setSelectedRange(nextRange)\n    onChange?.(nextRange)\n    if (start && end) {\n      setIsOpen(false)\n    }\n  }\n\n  const handlePrevMonth = () => {\n    if (viewMonth === 0) {\n      setViewMonth(11)\n      setViewYear(viewYear - 1)\n    } else {\n      setViewMonth(viewMonth - 1)\n    }\n  }\n\n  const handleNextMonth = () => {\n    if (viewMonth === 11) {\n      setViewMonth(0)\n      setViewYear(viewYear + 1)\n    } else {\n      setViewMonth(viewMonth + 1)\n    }\n  }\n\n  const daysInMonth = getDaysInMonth(viewYear, viewMonth)\n  const firstDayOfMonth = getFirstDayOfMonth(viewYear, viewMonth)\n\n  const calendarDays: (number | null)[] = []\n  for (let i = 0; i < firstDayOfMonth; i++) {\n    calendarDays.push(null)\n  }\n  for (let i = 1; i <= daysInMonth; i++) {\n    calendarDays.push(i)\n  }\n\n  const isToday = (day: number | null): boolean => {\n    if (!day) return false\n    const today = new Date()\n    return (\n      today.getDate() === day &&\n      today.getMonth() === viewMonth &&\n      today.getFullYear() === viewYear\n    )\n  }\n\n  const [rangeStart, rangeEnd] = selectedRange\n\n  return (\n    <div ref={ref || containerRef} className={`relative ${className}`} data-state={isOpen ? 'open' : 'closed'} data-testid={testId} {...rest}>\n      <Input\n        value={formatRange(selectedRange, format)}\n        placeholder={resolvedPlaceholder}\n        disabled={disabled}\n        size={effectiveSize}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        className=\"cursor-pointer\"\n        data-testid={getTestId('input')}\n      />\n\n      {isOpen && (\n        <div className=\"absolute top-full left-0 mt-2 bg-base-100 border border-base-300 rounded-lg shadow-lg p-4 z-50 w-80\" data-testid={getTestId('calendar')}>\n          {/* Header */}\n          <div className=\"flex items-center justify-between mb-4\">\n            <button\n              type=\"button\"\n              onClick={handlePrevMonth}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M12.707 5.293a1 1 0 010 1.414L9.414 10l3.293 3.293a1 1 0 01-1.414 1.414l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n\n            <div className=\"text-base font-semibold\">\n              {MONTHS[viewMonth]} {viewYear}\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={handleNextMonth}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm} ${dBtnSquare}`}\n            >\n              <svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"h-5 w-5\"\n                viewBox=\"0 0 20 20\"\n                fill=\"currentColor\"\n              >\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M7.293 14.707a1 1 0 010-1.414L10.586 10 7.293 6.707a1 1 0 011.414-1.414l4 4a1 1 0 010 1.414l-4 4a1 1 0 01-1.414 0z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </button>\n          </div>\n\n          {/* Days of week */}\n          <div className=\"grid grid-cols-7 gap-1 mb-2\">\n            {DAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\">\n            {calendarDays.map((day, index) => {\n              const dayDate = day ? new Date(viewYear, viewMonth, day) : null\n              const isStart = !!dayDate && !!rangeStart && isSameDay(dayDate, rangeStart)\n              const isEnd = !!dayDate && !!rangeEnd && isSameDay(dayDate, rangeEnd)\n              const isInRange = !!dayDate && !!rangeStart && !!rangeEnd\n                && isAfterDay(dayDate, rangeStart)\n                && isBeforeDay(dayDate, rangeEnd)\n\n              return (\n                <button\n                  key={index}\n                  type=\"button\"\n                  disabled={!day}\n                  onClick={() => day && handleDateSelect(day)}\n                  className={`\n                    aspect-square flex items-center justify-center text-sm rounded-lg\n                    ${!day ? 'invisible' : 'hover:bg-base-200'}\n                    ${isInRange ? 'bg-primary/10' : ''}\n                    ${isStart || isEnd ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n                    ${isToday(day) && !isStart && !isEnd ? 'border border-primary' : ''}\n                    ${day ? 'cursor-pointer' : ''}\n                  `}\n                >\n                  {day}\n                </button>\n              )\n            })}\n          </div>\n\n          {/* Today button */}\n          <div className=\"mt-4 flex justify-end\">\n            <button\n              type=\"button\"\n              onClick={() => {\n                const today = new Date()\n                setSelectedRange([today, today])\n                setViewMonth(today.getMonth())\n                setViewYear(today.getFullYear())\n                onChange?.([today, today])\n                setIsOpen(false)\n              }}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n            >\n              Today\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  )\n})\n\nDatePickerComponent.displayName = 'DatePicker'\nDateRangePicker.displayName = 'DatePicker.Range'\n\ntype DatePickerType = typeof DatePickerComponent & {\n  Range: typeof DateRangePicker\n}\n\nexport const DatePicker = DatePickerComponent as DatePickerType\nDatePicker.Range = DateRangePicker\n"],"names":["dBtn","dBtnGhost","dBtnSm","dBtnSquare","DAYS","MONTHS","formatDate","date","format","year","month","day","getDaysInMonth","getFirstDayOfMonth","stripTime","isSameDay","a","b","isBeforeDay","isAfterDay","formatRange","range","start","end","DatePickerComponent","forwardRef","value","defaultValue","onChange","placeholder","disabled","size","testId","className","rest","ref","componentSize","useConfig","effectiveSize","getTestId","suffix","selectedDate","setSelectedDate","useState","isOpen","setIsOpen","viewMonth","setViewMonth","viewYear","setViewYear","containerRef","useRef","useEffect","handleClickOutside","event","handleDateSelect","newDate","handlePrevMonth","handleNextMonth","daysInMonth","firstDayOfMonth","calendarDays","i","isSelectedDay","isToday","today","jsx","Input","jsxs","index","DateRangePicker","startPlaceholder","endPlaceholder","resolvedPlaceholder","selectedRange","setSelectedRange","initialDate","nextRange","rangeStart","rangeEnd","dayDate","isStart","isEnd","isInRange","DatePicker"],"mappings":";;;;AAKA,MAAMA,IAAO,OACPC,IAAY,aACZC,IAAS,UACTC,IAAa,cA4BbC,KAAO,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,GAChDC,KAAS;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAASC,EAAWC,GAAmBC,IAAiB,cAAsB;AAC5E,MAAI,CAACD,EAAM,QAAO;AAElB,QAAME,IAAOF,EAAK,YAAA,GACZG,IAAQ,OAAOH,EAAK,SAAA,IAAa,CAAC,EAAE,SAAS,GAAG,GAAG,GACnDI,IAAM,OAAOJ,EAAK,QAAA,CAAS,EAAE,SAAS,GAAG,GAAG;AAElD,SAAOC,EACJ,QAAQ,QAAQ,OAAOC,CAAI,CAAC,EAC5B,QAAQ,MAAMC,CAAK,EACnB,QAAQ,MAAMC,CAAG;AACtB;AAEA,SAASC,GAAeH,GAAcC,GAAuB;AAC3D,SAAO,IAAI,KAAKD,GAAMC,IAAQ,GAAG,CAAC,EAAE,QAAA;AACtC;AAEA,SAASG,GAAmBJ,GAAcC,GAAuB;AAC/D,SAAO,IAAI,KAAKD,GAAMC,GAAO,CAAC,EAAE,OAAA;AAClC;AAEA,SAASI,EAAUP,GAAkB;AACnC,SAAO,IAAI,KAAKA,EAAK,YAAA,GAAeA,EAAK,SAAA,GAAYA,EAAK,SAAS;AACrE;AAEA,SAASQ,EAAUC,GAASC,GAAkB;AAC5C,SAAOD,EAAE,YAAA,MAAkBC,EAAE,YAAA,KACxBD,EAAE,SAAA,MAAeC,EAAE,cACnBD,EAAE,QAAA,MAAcC,EAAE,QAAA;AACzB;AAEA,SAASC,EAAYF,GAASC,GAAkB;AAC9C,SAAOH,EAAUE,CAAC,EAAE,QAAA,IAAYF,EAAUG,CAAC,EAAE,QAAA;AAC/C;AAEA,SAASE,GAAWH,GAASC,GAAkB;AAC7C,SAAOH,EAAUE,CAAC,EAAE,QAAA,IAAYF,EAAUG,CAAC,EAAE,QAAA;AAC/C;AAEA,SAASG,GAAYC,GAAuBb,IAAiB,cAAsB;AACjF,QAAM,CAACc,GAAOC,CAAG,IAAIF;AACrB,SAAIC,KAASC,IAAY,GAAGjB,EAAWgB,GAAOd,CAAM,CAAC,MAAMF,EAAWiB,GAAKf,CAAM,CAAC,KAC9Ec,IAAc,GAAGhB,EAAWgB,GAAOd,CAAM,CAAC,QACvC;AACT;AAEA,MAAMgB,KAAsBC,EAA4C,SACtE;AAAA,EACE,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAApB;AAAA,EACA,aAAAqB,IAAc;AAAA,EACd,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,eAAeC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GACAC,GACA;AACA,QAAM,EAAE,eAAAC,EAAA,IAAkBC,GAAA,GACpBC,IAAgBP,KAAQK,KAAiB,MAGzCG,IAAY,CAACC,MAAoBR,IAAS,GAAGA,CAAM,IAAIQ,CAAM,KAAK,QAClE,CAACC,GAAcC,CAAe,IAAIC;AAAA,IACtCjB,KAASC,KAAgB;AAAA,EAAA,GAErB,CAACiB,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpC,CAACG,GAAWC,CAAY,IAAIJ;AAAA,IAChCF,IAAeA,EAAa,SAAA,KAAa,oBAAI,KAAA,GAAO,SAAA;AAAA,EAAS,GAEzD,CAACO,GAAUC,CAAW,IAAIN;AAAA,IAC9BF,IAAeA,EAAa,YAAA,KAAgB,oBAAI,KAAA,GAAO,YAAA;AAAA,EAAY,GAG/DS,IAAeC,GAAuB,IAAI;AAEhD,EAAAC,EAAU,MAAM;AACd,IAAI1B,MAAU,UACZgB,EAAgBhB,CAAK;AAAA,EAEzB,GAAG,CAACA,CAAK,CAAC,GAEV0B,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MAAIJ,EAAa,WAAW,CAACA,EAAa,QAAQ,SAASI,EAAM,MAAc,KAC7ET,EAAU,EAAK;AAAA,IAEnB;AAEA,QAAID;AACF,sBAAS,iBAAiB,aAAaS,CAAkB,GAClD,MAAM,SAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAE7E,GAAG,CAACT,CAAM,CAAC;AAEX,QAAMW,IAAmB,CAAC5C,MAAgB;AACxC,UAAM6C,IAAU,IAAI,KAAKR,GAAUF,GAAWnC,CAAG;AACjD,IAAA+B,EAAgBc,CAAO,GACvB5B,IAAW4B,CAAO,GAClBX,EAAU,EAAK;AAAA,EACjB,GAEMY,IAAkB,MAAM;AAC5B,IAAIX,MAAc,KAChBC,EAAa,EAAE,GACfE,EAAYD,IAAW,CAAC,KAExBD,EAAaD,IAAY,CAAC;AAAA,EAE9B,GAEMY,IAAkB,MAAM;AAC5B,IAAIZ,MAAc,MAChBC,EAAa,CAAC,GACdE,EAAYD,IAAW,CAAC,KAExBD,EAAaD,IAAY,CAAC;AAAA,EAE9B,GAEMa,IAAc/C,GAAeoC,GAAUF,CAAS,GAChDc,IAAkB/C,GAAmBmC,GAAUF,CAAS,GAExDe,IAAkC,CAAA;AACxC,WAASC,IAAI,GAAGA,IAAIF,GAAiBE;AACnC,IAAAD,EAAa,KAAK,IAAI;AAExB,WAASC,IAAI,GAAGA,KAAKH,GAAaG;AAChC,IAAAD,EAAa,KAAKC,CAAC;AAGrB,QAAMC,IAAgB,CAACpD,MACjB,CAACA,KAAO,CAAC8B,IAAqB,KAEhCA,EAAa,cAAc9B,KAC3B8B,EAAa,eAAeK,KAC5BL,EAAa,YAAA,MAAkBO,GAI7BgB,IAAU,CAACrD,MAAgC;AAC/C,QAAI,CAACA,EAAK,QAAO;AACjB,UAAMsD,wBAAY,KAAA;AAClB,WACEA,EAAM,cAActD,KACpBsD,EAAM,eAAenB,KACrBmB,EAAM,YAAA,MAAkBjB;AAAA,EAE5B;AAEA,2BACG,OAAA,EAAI,KAAKb,KAAOe,GAAc,WAAW,YAAYjB,CAAS,IAAI,cAAYW,IAAS,SAAS,UAAU,eAAaZ,GAAS,GAAGE,GAClI,UAAA;AAAA,IAAA,gBAAAgC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO7D,EAAWmC,GAAcjC,CAAM;AAAA,QACtC,aAAAqB;AAAA,QACA,UAAAC;AAAA,QACA,MAAMQ;AAAA,QACN,UAAQ;AAAA,QACR,SAAS,MAAM,CAACR,KAAYe,EAAU,CAACD,CAAM;AAAA,QAC7C,WAAU;AAAA,QACV,eAAaL,EAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAG/BK,uBACE,OAAA,EAAI,WAAU,uGAAsG,eAAaL,EAAU,UAAU,GAEpJ,UAAA;AAAA,MAAA,gBAAA6B,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAST;AAAA,YACT,WAAW,GAAGzD,CAAI,IAAIC,CAAS,IAAIC,CAAM,IAAIC,CAAU;AAAA,YAEvD,UAAA,gBAAA+D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBAEL,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGF,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,UAAA/D,GAAOyC,CAAS;AAAA,UAAE;AAAA,UAAEE;AAAA,QAAA,GACvB;AAAA,QAEA,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASR;AAAA,YACT,WAAW,GAAG1D,CAAI,IAAIC,CAAS,IAAIC,CAAM,IAAIC,CAAU;AAAA,YAEvD,UAAA,gBAAA+D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBAEL,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,GACF;AAAA,wBAGC,OAAA,EAAI,WAAU,+BACZ,UAAA9D,GAAK,IAAI,CAACO,MACT,gBAAAuD;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAET,UAAAvD;AAAA,QAAA;AAAA,QAHIA;AAAA,MAAA,CAKR,GACH;AAAA,MAGA,gBAAAuD,EAAC,SAAI,WAAU,0BACZ,YAAa,IAAI,CAACvD,GAAK0D,MACtB,gBAAAH;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,UAAU,CAACvD;AAAA,UACX,SAAS,MAAMA,KAAO4C,EAAiB5C,CAAG;AAAA,UAC1C,WAAW;AAAA;AAAA,oBAENA,IAAoB,sBAAd,WAAiC;AAAA,oBACxCoD,EAAcpD,CAAG,IAAI,wDAAwD,EAAE;AAAA,oBAC/EqD,EAAQrD,CAAG,KAAK,CAACoD,EAAcpD,CAAG,IAAI,0BAA0B,EAAE;AAAA,oBAClEA,IAAM,mBAAmB,EAAE;AAAA;AAAA,UAG9B,UAAAA;AAAA,QAAA;AAAA,QAZI0D;AAAA,MAAA,CAcR,GACH;AAAA,MAGA,gBAAAH,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM;AACb,kBAAMD,wBAAY,KAAA;AAClB,YAAAvB,EAAgBuB,CAAK,GACrBlB,EAAakB,EAAM,UAAU,GAC7BhB,EAAYgB,EAAM,aAAa,GAC/BrC,IAAWqC,CAAK,GAChBpB,EAAU,EAAK;AAAA,UACjB;AAAA,UACA,WAAW,GAAG7C,CAAI,IAAIC,CAAS,IAAIC,CAAM;AAAA,UAC1C,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC,GAEKoE,KAAkB7C,EAAiD,SACvE;AAAA,EACE,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAApB;AAAA,EACA,aAAAqB;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,MAAAC;AAAA,EACA,eAAeC;AAAA,EACf,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GACAC,GACA;AACA,QAAM,EAAE,eAAAC,EAAA,IAAkBC,GAAA,GACpBC,IAAgBP,KAAQK,KAAiB,MAEzC,CAACmC,GAAkBC,CAAc,IAAI,MAAM,QAAQ3C,CAAW,IAChEA,IACA,CAACA,KAAe,cAAc,UAAU,GACtC4C,IAAsB,MAAM,QAAQ5C,CAAW,IACjD,GAAG0C,CAAgB,MAAMC,CAAc,KACvC3C,KAAe,yBAGbU,IAAY,CAACC,MAAoBR,IAAS,GAAGA,CAAM,IAAIQ,CAAM,KAAK,QAClE,CAACkC,GAAeC,CAAgB,IAAIhC;AAAA,IACxCjB,KAASC,KAAgB,CAAC,MAAM,IAAI;AAAA,EAAA,GAEhC,CAACiB,GAAQC,CAAS,IAAIF,EAAS,EAAK,GACpCiC,IAAcF,EAAc,CAAC,KAAKA,EAAc,CAAC,yBAAS,KAAA,GAC1D,CAAC5B,GAAWC,CAAY,IAAIJ,EAASiC,EAAY,UAAU,GAC3D,CAAC5B,GAAUC,CAAW,IAAIN,EAASiC,EAAY,aAAa,GAE5D1B,IAAeC,GAAuB,IAAI;AAEhD,EAAAC,EAAU,MAAM;AACd,IAAI1B,MAAU,UACZiD,EAAiBjD,CAAK;AAAA,EAE1B,GAAG,CAACA,CAAK,CAAC,GAEV0B,EAAU,MAAM;AACd,aAASC,EAAmBC,GAAmB;AAC7C,MAAIJ,EAAa,WAAW,CAACA,EAAa,QAAQ,SAASI,EAAM,MAAc,KAC7ET,EAAU,EAAK;AAAA,IAEnB;AAEA,QAAID;AACF,sBAAS,iBAAiB,aAAaS,CAAkB,GAClD,MAAM,SAAS,oBAAoB,aAAaA,CAAkB;AAAA,EAE7E,GAAG,CAACT,CAAM,CAAC;AAEX,QAAMW,IAAmB,CAAC5C,MAAgB;AACxC,UAAM6C,IAAU,IAAI,KAAKR,GAAUF,GAAWnC,CAAG;AACjD,QAAI,CAACW,GAAOC,CAAG,IAAImD;AAEnB,IAAI,CAACpD,KAAUA,KAASC,KACtBD,IAAQkC,GACRjC,IAAM,QACGD,KAAS,CAACC,MACfL,EAAYsC,GAASlC,CAAK,KAC5BC,IAAMD,GACNA,IAAQkC,KAERjC,IAAMiC;AAIV,UAAMqB,IAA4B,CAACvD,GAAOC,CAAG;AAC7C,IAAAoD,EAAiBE,CAAS,GAC1BjD,IAAWiD,CAAS,GAChBvD,KAASC,KACXsB,EAAU,EAAK;AAAA,EAEnB,GAEMY,IAAkB,MAAM;AAC5B,IAAIX,MAAc,KAChBC,EAAa,EAAE,GACfE,EAAYD,IAAW,CAAC,KAExBD,EAAaD,IAAY,CAAC;AAAA,EAE9B,GAEMY,IAAkB,MAAM;AAC5B,IAAIZ,MAAc,MAChBC,EAAa,CAAC,GACdE,EAAYD,IAAW,CAAC,KAExBD,EAAaD,IAAY,CAAC;AAAA,EAE9B,GAEMa,IAAc/C,GAAeoC,GAAUF,CAAS,GAChDc,IAAkB/C,GAAmBmC,GAAUF,CAAS,GAExDe,IAAkC,CAAA;AACxC,WAASC,IAAI,GAAGA,IAAIF,GAAiBE;AACnC,IAAAD,EAAa,KAAK,IAAI;AAExB,WAASC,IAAI,GAAGA,KAAKH,GAAaG;AAChC,IAAAD,EAAa,KAAKC,CAAC;AAGrB,QAAME,KAAU,CAACrD,MAAgC;AAC/C,QAAI,CAACA,EAAK,QAAO;AACjB,UAAMsD,wBAAY,KAAA;AAClB,WACEA,EAAM,cAActD,KACpBsD,EAAM,eAAenB,KACrBmB,EAAM,YAAA,MAAkBjB;AAAA,EAE5B,GAEM,CAAC8B,GAAYC,CAAQ,IAAIL;AAE/B,2BACG,OAAA,EAAI,KAAKvC,KAAOe,GAAc,WAAW,YAAYjB,CAAS,IAAI,cAAYW,IAAS,SAAS,UAAU,eAAaZ,GAAS,GAAGE,GAClI,UAAA;AAAA,IAAA,gBAAAgC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO/C,GAAYsD,GAAelE,CAAM;AAAA,QACxC,aAAaiE;AAAA,QACb,UAAA3C;AAAA,QACA,MAAMQ;AAAA,QACN,UAAQ;AAAA,QACR,SAAS,MAAM,CAACR,KAAYe,EAAU,CAACD,CAAM;AAAA,QAC7C,WAAU;AAAA,QACV,eAAaL,EAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAG/BK,uBACE,OAAA,EAAI,WAAU,uGAAsG,eAAaL,EAAU,UAAU,GAEpJ,UAAA;AAAA,MAAA,gBAAA6B,EAAC,OAAA,EAAI,WAAU,0CACb,UAAA;AAAA,QAAA,gBAAAF;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAAST;AAAA,YACT,WAAW,GAAGzD,CAAI,IAAIC,CAAS,IAAIC,CAAM,IAAIC,CAAU;AAAA,YAEvD,UAAA,gBAAA+D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBAEL,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,QAGF,gBAAAE,EAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,UAAA/D,GAAOyC,CAAS;AAAA,UAAE;AAAA,UAAEE;AAAA,QAAA,GACvB;AAAA,QAEA,gBAAAkB;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASR;AAAA,YACT,WAAW,GAAG1D,CAAI,IAAIC,CAAS,IAAIC,CAAM,IAAIC,CAAU;AAAA,YAEvD,UAAA,gBAAA+D;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAM;AAAA,gBACN,WAAU;AAAA,gBACV,SAAQ;AAAA,gBACR,MAAK;AAAA,gBAEL,UAAA,gBAAAA;AAAA,kBAAC;AAAA,kBAAA;AAAA,oBACC,UAAS;AAAA,oBACT,GAAE;AAAA,oBACF,UAAS;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACX;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MACF,GACF;AAAA,wBAGC,OAAA,EAAI,WAAU,+BACZ,UAAA9D,GAAK,IAAI,CAACO,MACT,gBAAAuD;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,WAAU;AAAA,UAET,UAAAvD;AAAA,QAAA;AAAA,QAHIA;AAAA,MAAA,CAKR,GACH;AAAA,MAGA,gBAAAuD,EAAC,SAAI,WAAU,0BACZ,YAAa,IAAI,CAACvD,GAAK0D,MAAU;AAChC,cAAMW,IAAUrE,IAAM,IAAI,KAAKqC,GAAUF,GAAWnC,CAAG,IAAI,MACrDsE,IAAU,CAAC,CAACD,KAAW,CAAC,CAACF,KAAc/D,EAAUiE,GAASF,CAAU,GACpEI,IAAQ,CAAC,CAACF,KAAW,CAAC,CAACD,KAAYhE,EAAUiE,GAASD,CAAQ,GAC9DI,KAAY,CAAC,CAACH,KAAW,CAAC,CAACF,KAAc,CAAC,CAACC,KAC5C5D,GAAW6D,GAASF,CAAU,KAC9B5D,EAAY8D,GAASD,CAAQ;AAElC,eACE,gBAAAb;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,UAAU,CAACvD;AAAA,YACX,SAAS,MAAMA,KAAO4C,EAAiB5C,CAAG;AAAA,YAC1C,WAAW;AAAA;AAAA,sBAENA,IAAoB,sBAAd,WAAiC;AAAA,sBACxCwE,KAAY,kBAAkB,EAAE;AAAA,sBAChCF,KAAWC,IAAQ,wDAAwD,EAAE;AAAA,sBAC7ElB,GAAQrD,CAAG,KAAK,CAACsE,KAAW,CAACC,IAAQ,0BAA0B,EAAE;AAAA,sBACjEvE,IAAM,mBAAmB,EAAE;AAAA;AAAA,YAG9B,UAAAA;AAAA,UAAA;AAAA,UAbI0D;AAAA,QAAA;AAAA,MAgBX,CAAC,EAAA,CACH;AAAA,MAGA,gBAAAH,EAAC,OAAA,EAAI,WAAU,yBACb,UAAA,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS,MAAM;AACb,kBAAMD,wBAAY,KAAA;AAClB,YAAAU,EAAiB,CAACV,GAAOA,CAAK,CAAC,GAC/BlB,EAAakB,EAAM,UAAU,GAC7BhB,EAAYgB,EAAM,aAAa,GAC/BrC,IAAW,CAACqC,GAAOA,CAAK,CAAC,GACzBpB,EAAU,EAAK;AAAA,UACjB;AAAA,UACA,WAAW,GAAG7C,CAAI,IAAIC,CAAS,IAAIC,CAAM;AAAA,UAC1C,UAAA;AAAA,QAAA;AAAA,MAAA,EAED,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ,CAAC;AAEDsB,GAAoB,cAAc;AAClC8C,GAAgB,cAAc;AAMvB,MAAMc,KAAa5D;AAC1B4D,GAAW,QAAQd;"}

package/dist/components/Dock.d.ts

@@ -28,6 +28,7 @@ export interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
     className?: string;
     /** Accessible label for the dock */
     'aria-label'?: string;
+    'data-testid'?: string;
 }
 export interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     /** Whether this item is active */
@@ -36,6 +37,7 @@ export interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElem
     children: React.ReactNode;
     /** Additional CSS classes */
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Dock: React.ForwardRefExoticComponent<DockProps & React.RefAttributes<HTMLDivElement>> & {
     Item: React.ForwardRefExoticComponent<DockItemProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/components/Dock.js

@@ -1,60 +1,84 @@
-import { jsx as s, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { useConfig as N } from "../providers/ConfigProvider.js";
-const g = "dock", h = "dock-xs", j = "dock-sm", z = "dock-md", C = "dock-lg", x = "dock-xl", D = "dock-active", y = "dock-label", f = m(
-  ({ active: c, children: l, className: a = "", ...t }, n) => {
-    const d = [c && D, a].filter(Boolean).join(" ");
-    return /* @__PURE__ */ s(
+import { jsx as c, jsxs as g } from "react/jsx-runtime";
+import { forwardRef as D } from "react";
+import { useConfig as h } from "../providers/ConfigProvider.js";
+const j = "dock", z = "dock-xs", C = "dock-sm", y = "dock-md", S = "dock-lg", x = "dock-xl", f = "dock-active", L = "dock-label", u = D(
+  ({ active: s, children: d, className: e = "", "data-testid": i, ...n }, r) => {
+    const a = [s && f, e].filter(Boolean).join(" ");
+    return /* @__PURE__ */ c(
       "button",
       {
-        ref: n,
-        className: d || void 0,
+        ref: r,
+        className: a || void 0,
         type: "button",
-        "aria-pressed": c,
-        ...t,
-        children: l
+        "aria-pressed": s,
+        "data-testid": i,
+        ...n,
+        children: d
       }
     );
   }
 );
-f.displayName = "Dock.Item";
-const u = m(
-  ({ items: c, size: l, activeIndex: a, onChange: t, children: n, className: d = "", ...e }, r) => {
-    const { componentSize: v } = N(), k = [g, {
-      xs: h,
-      sm: j,
-      md: z,
-      lg: C,
+u.displayName = "Dock.Item";
+const v = D(
+  ({ items: s, size: d, activeIndex: e, onChange: i, children: n, className: r = "", "data-testid": a, ...t }, k) => {
+    const { componentSize: p } = h(), b = [j, {
+      xs: z,
+      sm: C,
+      md: y,
+      lg: S,
       xl: x
-    }[l ?? v ?? "md"], d].filter(Boolean).join(" ");
-    return c ? /* @__PURE__ */ s("div", { ref: r, className: k, role: "toolbar", "aria-label": e["aria-label"] || "Dock", ...e, children: c.map((o, i) => {
-      const b = a !== void 0 ? a === i : o.active;
-      return /* @__PURE__ */ p(
-        "button",
-        {
-          type: "button",
-          className: b ? D : void 0,
-          disabled: o.disabled,
-          "aria-pressed": b,
-          "aria-label": o.ariaLabel || o.label,
-          onClick: () => {
-            o.onClick?.(), t?.(i);
-          },
-          children: [
-            /* @__PURE__ */ s("span", { "aria-hidden": "true", children: o.icon }),
-            o.label && /* @__PURE__ */ s("span", { className: y, children: o.label })
-          ]
-        },
-        i
-      );
-    }) }) : /* @__PURE__ */ s("div", { ref: r, className: k, role: "toolbar", "aria-label": e["aria-label"] || "Dock", ...e, children: n });
+    }[d ?? p ?? "md"], r].filter(Boolean).join(" "), N = (o) => a ? `${a}-${o}` : void 0;
+    return s ? /* @__PURE__ */ c(
+      "div",
+      {
+        ref: k,
+        className: b,
+        role: "toolbar",
+        "aria-label": t["aria-label"] || "Dock",
+        "data-testid": a,
+        ...t,
+        children: s.map((o, l) => {
+          const m = e !== void 0 ? e === l : o.active;
+          return /* @__PURE__ */ g(
+            "button",
+            {
+              type: "button",
+              className: m ? f : void 0,
+              disabled: o.disabled,
+              "aria-pressed": m,
+              "aria-label": o.ariaLabel || o.label,
+              "data-testid": N(`item-${l}`),
+              onClick: () => {
+                o.onClick?.(), i?.(l);
+              },
+              children: [
+                /* @__PURE__ */ c("span", { "aria-hidden": "true", children: o.icon }),
+                o.label && /* @__PURE__ */ c("span", { className: L, children: o.label })
+              ]
+            },
+            l
+          );
+        })
+      }
+    ) : /* @__PURE__ */ c(
+      "div",
+      {
+        ref: k,
+        className: b,
+        role: "toolbar",
+        "aria-label": t["aria-label"] || "Dock",
+        "data-testid": a,
+        ...t,
+        children: n
+      }
+    );
   }
 );
-u.displayName = "Dock";
-const R = Object.assign(u, {
-  Item: f
+v.displayName = "Dock";
+const w = Object.assign(v, {
+  Item: u
 });
 export {
-  R as Dock
+  w as Dock
 };
 //# sourceMappingURL=Dock.js.map

package/dist/components/Dock.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dock.js","sources":["../../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDock = 'dock'\nconst dDockXs = 'dock-xs'\nconst dDockSm = 'dock-sm'\nconst dDockMd = 'dock-md'\nconst dDockLg = 'dock-lg'\nconst dDockXl = 'dock-xl'\nconst dDockActive = 'dock-active'\nconst dDockLabel = 'dock-label'\n\nexport interface DockItemConfig {\n  /** Icon element */\n  icon: React.ReactNode\n  /** Label text */\n  label?: string\n  /** Accessible label for screen readers (required if no label provided) */\n  ariaLabel?: string\n  /** Whether this item is active */\n  active?: boolean\n  /** Whether this item is disabled */\n  disabled?: boolean\n  /** Click handler for this item */\n  onClick?: () => void\n}\n\nexport interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Dock items configuration */\n  items?: DockItemConfig[]\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Controlled active index */\n  activeIndex?: number\n  /** Callback when an item is clicked */\n  onChange?: (index: number) => void\n  /** Children (alternative to items prop) */\n  children?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Accessible label for the dock */\n  'aria-label'?: string\n}\n\nexport interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Whether this item is active */\n  active?: boolean\n  /** Children (icon and optional label) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n}\n\nconst DockItem = forwardRef<HTMLButtonElement, DockItemProps>(\n  ({ active, children, className = '', ...props }, ref) => {\n    const classes = [active && dDockActive, className].filter(Boolean).join(' ')\n\n    return (\n      <button\n        ref={ref}\n        className={classes || undefined}\n        type=\"button\"\n        aria-pressed={active}\n        {...props}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n\nDockItem.displayName = 'Dock.Item'\n\nconst DockRoot = forwardRef<HTMLDivElement, DockProps>(\n  ({ items, size, activeIndex, onChange, children, className = '', ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dDockXs,\n      sm: dDockSm,\n      md: dDockMd,\n      lg: dDockLg,\n      xl: dDockXl,\n    }\n\n    const classes = [dDock, sizeClasses[effectiveSize], className].filter(Boolean).join(' ')\n\n    // If items array is provided, render from config\n    if (items) {\n      return (\n        <div ref={ref} className={classes} role=\"toolbar\" aria-label={props['aria-label'] || 'Dock'} {...props}>\n          {items.map((item, index) => {\n            const isActive = activeIndex !== undefined ? activeIndex === index : item.active\n\n            return (\n              <button\n                key={index}\n                type=\"button\"\n                className={isActive ? dDockActive : undefined}\n                disabled={item.disabled}\n                aria-pressed={isActive}\n                aria-label={item.ariaLabel || item.label}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                <span aria-hidden=\"true\">{item.icon}</span>\n                {item.label && <span className={dDockLabel}>{item.label}</span>}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    // Otherwise render children\n    return (\n      <div ref={ref} className={classes} role=\"toolbar\" aria-label={props['aria-label'] || 'Dock'} {...props}>\n        {children}\n      </div>\n    )\n  }\n)\n\nDockRoot.displayName = 'Dock'\n\nexport const Dock = Object.assign(DockRoot, {\n  Item: DockItem,\n})\n"],"names":["dDock","dDockXs","dDockSm","dDockMd","dDockLg","dDockXl","dDockActive","dDockLabel","DockItem","forwardRef","active","children","className","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","componentSize","useConfig","item","index","isActive","jsxs","Dock"],"mappings":";;;AAIA,MAAMA,IAAQ,QACRC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAc,eACdC,IAAa,cA2CbC,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACvD,UAAMC,IAAU,CAACL,KAAUJ,GAAaM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3E,WACE,gBAAAI;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWC,KAAW;AAAA,QACtB,MAAK;AAAA,QACL,gBAAcL;AAAA,QACb,GAAGG;AAAA,QAEH,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAH,EAAS,cAAc;AAEvB,MAAMS,IAAWR;AAAA,EACf,CAAC,EAAE,OAAAS,GAAO,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAV,GAAU,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AACnF,UAAM,EAAE,eAAAQ,EAAA,IAAkBC,EAAA,GAWpBR,IAAU,CAACf,GARG;AAAA,MAClB,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,EAPgBc,KAAQG,KAAiB,IAUE,GAAGV,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAGvF,WAAIM,sBAEC,OAAA,EAAI,KAAAJ,GAAU,WAAWC,GAAS,MAAK,WAAU,cAAYF,EAAM,YAAY,KAAK,QAAS,GAAGA,GAC9F,YAAM,IAAI,CAACW,GAAMC,MAAU;AAC1B,YAAMC,IAAWN,MAAgB,SAAYA,MAAgBK,IAAQD,EAAK;AAE1E,aACE,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAEC,MAAK;AAAA,UACL,WAAWD,IAAWpB,IAAc;AAAA,UACpC,UAAUkB,EAAK;AAAA,UACf,gBAAcE;AAAA,UACd,cAAYF,EAAK,aAAaA,EAAK;AAAA,UACnC,SAAS,MAAM;AACb,YAAAA,EAAK,UAAA,GACLH,IAAWI,CAAK;AAAA,UAClB;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAT,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAQ,EAAK,MAAK;AAAA,YACnCA,EAAK,SAAS,gBAAAR,EAAC,UAAK,WAAWT,GAAa,YAAK,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,QAZnDkB;AAAA,MAAA;AAAA,IAeX,CAAC,EAAA,CACH,IAMF,gBAAAT,EAAC,OAAA,EAAI,KAAAF,GAAU,WAAWC,GAAS,MAAK,WAAU,cAAYF,EAAM,YAAY,KAAK,QAAS,GAAGA,GAC9F,UAAAF,GACH;AAAA,EAEJ;AACF;AAEAM,EAAS,cAAc;AAEhB,MAAMW,IAAO,OAAO,OAAOX,GAAU;AAAA,EAC1C,MAAMT;AACR,CAAC;"}
+{"version":3,"file":"Dock.js","sources":["../../src/components/Dock.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dDock = 'dock'\nconst dDockXs = 'dock-xs'\nconst dDockSm = 'dock-sm'\nconst dDockMd = 'dock-md'\nconst dDockLg = 'dock-lg'\nconst dDockXl = 'dock-xl'\nconst dDockActive = 'dock-active'\nconst dDockLabel = 'dock-label'\n\nexport interface DockItemConfig {\n  /** Icon element */\n  icon: React.ReactNode\n  /** Label text */\n  label?: string\n  /** Accessible label for screen readers (required if no label provided) */\n  ariaLabel?: string\n  /** Whether this item is active */\n  active?: boolean\n  /** Whether this item is disabled */\n  disabled?: boolean\n  /** Click handler for this item */\n  onClick?: () => void\n}\n\nexport interface DockProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {\n  /** Dock items configuration */\n  items?: DockItemConfig[]\n  /** Size variant */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Controlled active index */\n  activeIndex?: number\n  /** Callback when an item is clicked */\n  onChange?: (index: number) => void\n  /** Children (alternative to items prop) */\n  children?: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n  /** Accessible label for the dock */\n  'aria-label'?: string\n  'data-testid'?: string\n}\n\nexport interface DockItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Whether this item is active */\n  active?: boolean\n  /** Children (icon and optional label) */\n  children: React.ReactNode\n  /** Additional CSS classes */\n  className?: string\n  'data-testid'?: string\n}\n\nconst DockItem = forwardRef<HTMLButtonElement, DockItemProps>(\n  ({ active, children, className = '', 'data-testid': testId, ...props }, ref) => {\n    const classes = [active && dDockActive, className].filter(Boolean).join(' ')\n\n    return (\n      <button\n        ref={ref}\n        className={classes || undefined}\n        type=\"button\"\n        aria-pressed={active}\n        data-testid={testId}\n        {...props}\n      >\n        {children}\n      </button>\n    )\n  }\n)\n\nDockItem.displayName = 'Dock.Item'\n\nconst DockRoot = forwardRef<HTMLDivElement, DockProps>(\n  ({ items, size, activeIndex, onChange, children, className = '', 'data-testid': testId, ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dDockXs,\n      sm: dDockSm,\n      md: dDockMd,\n      lg: dDockLg,\n      xl: dDockXl,\n    }\n\n    const classes = [dDock, sizeClasses[effectiveSize], className].filter(Boolean).join(' ')\n    const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n    // If items array is provided, render from config\n    if (items) {\n      return (\n        <div\n          ref={ref}\n          className={classes}\n          role=\"toolbar\"\n          aria-label={props['aria-label'] || 'Dock'}\n          data-testid={testId}\n          {...props}\n        >\n          {items.map((item, index) => {\n            const isActive = activeIndex !== undefined ? activeIndex === index : item.active\n\n            return (\n              <button\n                key={index}\n                type=\"button\"\n                className={isActive ? dDockActive : undefined}\n                disabled={item.disabled}\n                aria-pressed={isActive}\n                aria-label={item.ariaLabel || item.label}\n                data-testid={getTestId(`item-${index}`)}\n                onClick={() => {\n                  item.onClick?.()\n                  onChange?.(index)\n                }}\n              >\n                <span aria-hidden=\"true\">{item.icon}</span>\n                {item.label && <span className={dDockLabel}>{item.label}</span>}\n              </button>\n            )\n          })}\n        </div>\n      )\n    }\n\n    // Otherwise render children\n    return (\n      <div\n        ref={ref}\n        className={classes}\n        role=\"toolbar\"\n        aria-label={props['aria-label'] || 'Dock'}\n        data-testid={testId}\n        {...props}\n      >\n        {children}\n      </div>\n    )\n  }\n)\n\nDockRoot.displayName = 'Dock'\n\nexport const Dock = Object.assign(DockRoot, {\n  Item: DockItem,\n})\n"],"names":["dDock","dDockXs","dDockSm","dDockMd","dDockLg","dDockXl","dDockActive","dDockLabel","DockItem","forwardRef","active","children","className","testId","props","ref","classes","jsx","DockRoot","items","size","activeIndex","onChange","componentSize","useConfig","getTestId","suffix","item","index","isActive","jsxs","Dock"],"mappings":";;;AAIA,MAAMA,IAAQ,QACRC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAU,WACVC,IAAc,eACdC,IAAa,cA6CbC,IAAWC;AAAA,EACf,CAAC,EAAE,QAAAC,GAAQ,UAAAC,GAAU,WAAAC,IAAY,IAAI,eAAeC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAC9E,UAAMC,IAAU,CAACN,KAAUJ,GAAaM,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE3E,WACE,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWC,KAAW;AAAA,QACtB,MAAK;AAAA,QACL,gBAAcN;AAAA,QACd,eAAaG;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAH,EAAS,cAAc;AAEvB,MAAMU,IAAWT;AAAA,EACf,CAAC,EAAE,OAAAU,GAAO,MAAAC,GAAM,aAAAC,GAAa,UAAAC,GAAU,UAAAX,GAAU,WAAAC,IAAY,IAAI,eAAeC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AAC1G,UAAM,EAAE,eAAAQ,EAAA,IAAkBC,EAAA,GAWpBR,IAAU,CAAChB,GARG;AAAA,MAClB,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,EAPgBe,KAAQG,KAAiB,IAUE,GAAGX,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACjFa,IAAY,CAACC,MAAoBb,IAAS,GAAGA,CAAM,IAAIa,CAAM,KAAK;AAGxE,WAAIP,IAEA,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWC;AAAA,QACX,MAAK;AAAA,QACL,cAAYF,EAAM,YAAY,KAAK;AAAA,QACnC,eAAaD;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAAK,EAAM,IAAI,CAACQ,GAAMC,MAAU;AAC1B,gBAAMC,IAAWR,MAAgB,SAAYA,MAAgBO,IAAQD,EAAK;AAE1E,iBACE,gBAAAG;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,MAAK;AAAA,cACL,WAAWD,IAAWvB,IAAc;AAAA,cACpC,UAAUqB,EAAK;AAAA,cACf,gBAAcE;AAAA,cACd,cAAYF,EAAK,aAAaA,EAAK;AAAA,cACnC,eAAaF,EAAU,QAAQG,CAAK,EAAE;AAAA,cACtC,SAAS,MAAM;AACb,gBAAAD,EAAK,UAAA,GACLL,IAAWM,CAAK;AAAA,cAClB;AAAA,cAEA,UAAA;AAAA,gBAAA,gBAAAX,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAU,EAAK,MAAK;AAAA,gBACnCA,EAAK,SAAS,gBAAAV,EAAC,UAAK,WAAWV,GAAa,YAAK,MAAA,CAAM;AAAA,cAAA;AAAA,YAAA;AAAA,YAbnDqB;AAAA,UAAA;AAAA,QAgBX,CAAC;AAAA,MAAA;AAAA,IAAA,IAOL,gBAAAX;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAF;AAAA,QACA,WAAWC;AAAA,QACX,MAAK;AAAA,QACL,cAAYF,EAAM,YAAY,KAAK;AAAA,QACnC,eAAaD;AAAA,QACZ,GAAGC;AAAA,QAEH,UAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AACF;AAEAO,EAAS,cAAc;AAEhB,MAAMa,IAAO,OAAO,OAAOb,GAAU;AAAA,EAC1C,MAAMV;AACR,CAAC;"}

package/dist/components/FileInput.d.ts

@@ -5,5 +5,6 @@ export interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInput
     ghost?: boolean;
     bordered?: boolean;
     className?: string;
+    'data-testid'?: string;
 }
 export declare const FileInput: React.ForwardRefExoticComponent<FileInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/FileInput.js

@@ -1,38 +1,38 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as I } from "react";
-import { useConfig as m } from "../providers/ConfigProvider.js";
-const F = "file-input", g = "file-input-xs", y = "file-input-sm", x = "file-input-md", S = "file-input-lg", w = "file-input-xl", C = "file-input-neutral", z = "file-input-primary", N = "file-input-secondary", h = "file-input-accent", j = "file-input-info", X = "file-input-success", v = "file-input-warning", A = "file-input-error", e = "file-input-ghost", B = I(
-  ({ size: i, color: n, ghost: s = !1, bordered: l = !0, className: o = "", ...u }, p) => {
-    const { componentSize: c } = m(), t = i ?? c ?? "md", r = {
-      xs: g,
-      sm: y,
-      md: x,
-      lg: S,
-      xl: w
-    }, f = {
-      neutral: C,
-      primary: z,
-      secondary: N,
-      accent: h,
-      info: j,
-      success: X,
-      warning: v,
-      error: A
-    }, a = [
-      F,
+import { jsx as I } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { useConfig as F } from "../providers/ConfigProvider.js";
+const g = "file-input", y = "file-input-xs", x = "file-input-sm", S = "file-input-md", w = "file-input-lg", C = "file-input-xl", z = "file-input-neutral", N = "file-input-primary", h = "file-input-secondary", j = "file-input-accent", X = "file-input-info", v = "file-input-success", A = "file-input-warning", B = "file-input-error", e = "file-input-ghost", E = m(
+  ({ size: i, color: t, ghost: s = !1, bordered: l = !0, className: o = "", "data-testid": u, ...p }, c) => {
+    const { componentSize: r } = F(), n = i ?? r ?? "md", f = {
+      xs: y,
+      sm: x,
+      md: S,
+      lg: w,
+      xl: C
+    }, a = {
+      neutral: z,
+      primary: N,
+      secondary: h,
+      accent: j,
+      info: X,
+      success: v,
+      warning: A,
+      error: B
+    }, d = [
+      g,
       "w-full",
       // In DaisyUI 5, borders are on by default. Use ghost to remove them.
       !l && e,
       s && e,
-      t && r[t],
       n && f[n],
+      t && a[t],
       o
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ d("input", { ref: p, type: "file", className: a, ...u });
+    return /* @__PURE__ */ I("input", { ref: c, type: "file", className: d, "data-testid": u, ...p });
   }
 );
-B.displayName = "FileInput";
+E.displayName = "FileInput";
 export {
-  B as FileInput
+  E as FileInput
 };
 //# sourceMappingURL=FileInput.js.map

package/dist/components/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sources":["../../src/components/FileInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dFileInput = 'file-input'\nconst dFileInputXs = 'file-input-xs'\nconst dFileInputSm = 'file-input-sm'\nconst dFileInputMd = 'file-input-md'\nconst dFileInputLg = 'file-input-lg'\nconst dFileInputXl = 'file-input-xl'\nconst dFileInputNeutral = 'file-input-neutral'\nconst dFileInputPrimary = 'file-input-primary'\nconst dFileInputSecondary = 'file-input-secondary'\nconst dFileInputAccent = 'file-input-accent'\nconst dFileInputInfo = 'file-input-info'\nconst dFileInputSuccess = 'file-input-success'\nconst dFileInputWarning = 'file-input-warning'\nconst dFileInputError = 'file-input-error'\nconst dFileInputGhost = 'file-input-ghost'\n\nexport interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n  ({ size, color, ghost = false, bordered = true, className = '', ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dFileInputXs,\n      sm: dFileInputSm,\n      md: dFileInputMd,\n      lg: dFileInputLg,\n      xl: dFileInputXl,\n    }\n\n    const colorClasses = {\n      neutral: dFileInputNeutral,\n      primary: dFileInputPrimary,\n      secondary: dFileInputSecondary,\n      accent: dFileInputAccent,\n      info: dFileInputInfo,\n      success: dFileInputSuccess,\n      warning: dFileInputWarning,\n      error: dFileInputError,\n    }\n\n    const fileInputClasses = [\n      dFileInput,\n      'w-full',\n      // In DaisyUI 5, borders are on by default. Use ghost to remove them.\n      !bordered && dFileInputGhost,\n      ghost && dFileInputGhost,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <input ref={ref} type=\"file\" className={fileInputClasses} {...props} />\n  }\n)\n\nFileInput.displayName = 'FileInput'\n"],"names":["dFileInput","dFileInputXs","dFileInputSm","dFileInputMd","dFileInputLg","dFileInputXl","dFileInputNeutral","dFileInputPrimary","dFileInputSecondary","dFileInputAccent","dFileInputInfo","dFileInputSuccess","dFileInputWarning","dFileInputError","dFileInputGhost","FileInput","forwardRef","size","color","ghost","bordered","className","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","colorClasses","fileInputClasses","jsx"],"mappings":";;;AAIA,MAAMA,IAAa,cACbC,IAAe,iBACfC,IAAe,iBACfC,IAAe,iBACfC,IAAe,iBACfC,IAAe,iBACfC,IAAoB,sBACpBC,IAAoB,sBACpBC,IAAsB,wBACtBC,IAAmB,qBACnBC,IAAiB,mBACjBC,IAAoB,sBACpBC,IAAoB,sBACpBC,IAAkB,oBAClBC,IAAkB,oBAUXC,IAAYC;AAAA,EACvB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,IAAQ,IAAO,UAAAC,IAAW,IAAM,WAAAC,IAAY,IAAI,GAAGC,EAAA,GAASC,MAAQ;AAClF,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBT,KAAQO,KAAiB,MAEzCG,IAAc;AAAA,MAClB,IAAI1B;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAGAuB,IAAe;AAAA,MACnB,SAAStB;AAAA,MACT,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,MAAMC;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,GAGHgB,IAAmB;AAAA,MACvB7B;AAAA,MACA;AAAA;AAAA,MAEA,CAACoB,KAAYN;AAAA,MACbK,KAASL;AAAA,MACTY,KAAiBC,EAAYD,CAAa;AAAA,MAC1CR,KAASU,EAAaV,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WAAO,gBAAAS,EAAC,WAAM,KAAAP,GAAU,MAAK,QAAO,WAAWM,GAAmB,GAAGP,GAAO;AAAA,EAC9E;AACF;AAEAP,EAAU,cAAc;"}
+{"version":3,"file":"FileInput.js","sources":["../../src/components/FileInput.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dFileInput = 'file-input'\nconst dFileInputXs = 'file-input-xs'\nconst dFileInputSm = 'file-input-sm'\nconst dFileInputMd = 'file-input-md'\nconst dFileInputLg = 'file-input-lg'\nconst dFileInputXl = 'file-input-xl'\nconst dFileInputNeutral = 'file-input-neutral'\nconst dFileInputPrimary = 'file-input-primary'\nconst dFileInputSecondary = 'file-input-secondary'\nconst dFileInputAccent = 'file-input-accent'\nconst dFileInputInfo = 'file-input-info'\nconst dFileInputSuccess = 'file-input-success'\nconst dFileInputWarning = 'file-input-warning'\nconst dFileInputError = 'file-input-error'\nconst dFileInputGhost = 'file-input-ghost'\n\nexport interface FileInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  color?: 'neutral' | 'primary' | 'secondary' | 'accent' | 'info' | 'success' | 'warning' | 'error'\n  ghost?: boolean\n  bordered?: boolean\n  className?: string\n  'data-testid'?: string\n}\n\nexport const FileInput = forwardRef<HTMLInputElement, FileInputProps>(\n  ({ size, color, ghost = false, bordered = true, className = '', 'data-testid': testId, ...props }, ref) => {\n    const { componentSize } = useConfig()\n    const effectiveSize = size ?? componentSize ?? 'md'\n\n    const sizeClasses = {\n      xs: dFileInputXs,\n      sm: dFileInputSm,\n      md: dFileInputMd,\n      lg: dFileInputLg,\n      xl: dFileInputXl,\n    }\n\n    const colorClasses = {\n      neutral: dFileInputNeutral,\n      primary: dFileInputPrimary,\n      secondary: dFileInputSecondary,\n      accent: dFileInputAccent,\n      info: dFileInputInfo,\n      success: dFileInputSuccess,\n      warning: dFileInputWarning,\n      error: dFileInputError,\n    }\n\n    const fileInputClasses = [\n      dFileInput,\n      'w-full',\n      // In DaisyUI 5, borders are on by default. Use ghost to remove them.\n      !bordered && dFileInputGhost,\n      ghost && dFileInputGhost,\n      effectiveSize && sizeClasses[effectiveSize],\n      color && colorClasses[color],\n      className,\n    ]\n      .filter(Boolean)\n      .join(' ')\n\n    return <input ref={ref} type=\"file\" className={fileInputClasses} data-testid={testId} {...props} />\n  }\n)\n\nFileInput.displayName = 'FileInput'\n"],"names":["dFileInput","dFileInputXs","dFileInputSm","dFileInputMd","dFileInputLg","dFileInputXl","dFileInputNeutral","dFileInputPrimary","dFileInputSecondary","dFileInputAccent","dFileInputInfo","dFileInputSuccess","dFileInputWarning","dFileInputError","dFileInputGhost","FileInput","forwardRef","size","color","ghost","bordered","className","testId","props","ref","componentSize","useConfig","effectiveSize","sizeClasses","colorClasses","fileInputClasses","jsx"],"mappings":";;;AAIA,MAAMA,IAAa,cACbC,IAAe,iBACfC,IAAe,iBACfC,IAAe,iBACfC,IAAe,iBACfC,IAAe,iBACfC,IAAoB,sBACpBC,IAAoB,sBACpBC,IAAsB,wBACtBC,IAAmB,qBACnBC,IAAiB,mBACjBC,IAAoB,sBACpBC,IAAoB,sBACpBC,IAAkB,oBAClBC,IAAkB,oBAWXC,IAAYC;AAAA,EACvB,CAAC,EAAE,MAAAC,GAAM,OAAAC,GAAO,OAAAC,IAAQ,IAAO,UAAAC,IAAW,IAAM,WAAAC,IAAY,IAAI,eAAeC,GAAQ,GAAGC,EAAA,GAASC,MAAQ;AACzG,UAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBV,KAAQQ,KAAiB,MAEzCG,IAAc;AAAA,MAClB,IAAI3B;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,MACJ,IAAIC;AAAA,IAAA,GAGAwB,IAAe;AAAA,MACnB,SAASvB;AAAA,MACT,SAASC;AAAA,MACT,WAAWC;AAAA,MACX,QAAQC;AAAA,MACR,MAAMC;AAAA,MACN,SAASC;AAAA,MACT,SAASC;AAAA,MACT,OAAOC;AAAA,IAAA,GAGHiB,IAAmB;AAAA,MACvB9B;AAAA,MACA;AAAA;AAAA,MAEA,CAACoB,KAAYN;AAAA,MACbK,KAASL;AAAA,MACTa,KAAiBC,EAAYD,CAAa;AAAA,MAC1CT,KAASW,EAAaX,CAAK;AAAA,MAC3BG;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAEX,WAAO,gBAAAU,EAAC,SAAA,EAAM,KAAAP,GAAU,MAAK,QAAO,WAAWM,GAAkB,eAAaR,GAAS,GAAGC,EAAA,CAAO;AAAA,EACnG;AACF;AAEAR,EAAU,cAAc;"}

package/dist/components/Filter.d.ts

@@ -23,5 +23,6 @@ export interface FilterProps {
     resetLabel?: React.ReactNode;
     /** Additional CSS classes for container */
     className?: string;
+    'data-testid'?: string;
 }
 export declare const Filter: React.FC<FilterProps>;

package/dist/components/Filter.js

@@ -1,57 +1,60 @@
-import { jsxs as N, jsx as r } from "react/jsx-runtime";
-import { useId as I, useState as R } from "react";
-import { useConfig as $ } from "../providers/ConfigProvider.js";
-const q = "filter", i = "btn", F = "btn-xs", V = "btn-sm", X = "btn-lg", k = "btn-xl", O = "btn-square", c = {
-  xs: F,
-  sm: V,
+import { jsxs as R, jsx as d } from "react/jsx-runtime";
+import { useId as q, useState as F } from "react";
+import { useConfig as I } from "../providers/ConfigProvider.js";
+const V = "filter", c = "btn", X = "btn-xs", k = "btn-sm", O = "btn-lg", T = "btn-xl", A = "btn-square", m = {
+  xs: X,
+  sm: k,
   md: "",
-  lg: X,
-  xl: k
-}, G = ({
-  options: d,
-  value: t,
-  defaultValue: m,
-  onChange: s,
-  name: u,
-  size: f,
-  showReset: b = !0,
-  resetLabel: n = "×",
-  className: v = ""
+  lg: O,
+  xl: T
+}, H = ({
+  options: u,
+  value: e,
+  defaultValue: f,
+  onChange: n,
+  name: v,
+  size: b,
+  showReset: g = !0,
+  resetLabel: a = "×",
+  className: B = "",
+  "data-testid": s
 }) => {
-  const { componentSize: g } = $(), l = f ?? g ?? "md", B = I(), p = u || `filter-${B}`, [x, a] = R(m), C = t !== void 0 ? t : x, o = t !== void 0, h = d.map(
-    (e) => typeof e == "string" ? { label: e, value: e } : e
-  ), S = (e) => {
-    o || a(e), s?.(e);
-  }, j = () => {
-    o || a(void 0), s?.(void 0);
-  }, y = [i, c[l]].filter(Boolean).join(" "), z = [i, O, c[l]].filter(Boolean).join(" ");
-  return /* @__PURE__ */ N("form", { className: `${q} ${v}`.trim(), onReset: j, children: [
-    b && /* @__PURE__ */ r(
+  const { componentSize: p } = I(), l = b ?? p ?? "md", x = q(), C = v || `filter-${x}`, [$, o] = F(f), h = e !== void 0 ? e : $, i = e !== void 0, S = u.map(
+    (t) => typeof t == "string" ? { label: t, value: t } : t
+  ), j = (t) => {
+    i || o(t), n?.(t);
+  }, y = () => {
+    i || o(void 0), n?.(void 0);
+  }, z = [c, m[l]].filter(Boolean).join(" "), N = [c, A, m[l]].filter(Boolean).join(" "), r = (t) => s ? `${s}-${t}` : void 0;
+  return /* @__PURE__ */ R("form", { className: `${V} ${B}`.trim(), onReset: y, "data-testid": s, children: [
+    g && /* @__PURE__ */ d(
       "input",
       {
-        className: z,
+        className: N,
         type: "reset",
-        value: typeof n == "string" ? n : void 0,
-        "aria-label": "Reset filter"
+        value: typeof a == "string" ? a : void 0,
+        "aria-label": "Reset filter",
+        "data-testid": r("reset")
       }
     ),
-    h.map((e) => /* @__PURE__ */ r(
+    S.map((t) => /* @__PURE__ */ d(
       "input",
       {
-        className: y,
+        className: z,
         type: "radio",
-        name: p,
-        value: e.value,
-        "aria-label": e.label,
-        checked: C === e.value,
-        onChange: () => S(e.value),
-        disabled: e.disabled
+        name: C,
+        value: t.value,
+        "aria-label": t.label,
+        checked: h === t.value,
+        onChange: () => j(t.value),
+        disabled: t.disabled,
+        "data-testid": r(`option-${t.value}`)
       },
-      e.value
+      t.value
     ))
   ] });
 };
 export {
-  G as Filter
+  H as Filter
 };
 //# sourceMappingURL=Filter.js.map

package/dist/components/Filter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Filter.js","sources":["../../src/components/Filter.tsx"],"sourcesContent":["import React, { useState, useId } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dFilter = 'filter'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnSquare = 'btn-square'\n\nexport interface FilterOption {\n  label: string\n  value: string\n  disabled?: boolean\n}\n\nexport interface FilterProps {\n  /** Filter options */\n  options: (string | FilterOption)[]\n  /** Controlled value */\n  value?: string\n  /** Default value for uncontrolled mode */\n  defaultValue?: string\n  /** Change handler */\n  onChange?: (value: string | undefined) => void\n  /** Radio group name (auto-generated if not provided) */\n  name?: string\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show reset button */\n  showReset?: boolean\n  /** Reset button label */\n  resetLabel?: React.ReactNode\n  /** Additional CSS classes for container */\n  className?: string\n}\n\nconst sizeClasses: Record<string, string> = {\n  xs: dBtnXs,\n  sm: dBtnSm,\n  md: '',\n  lg: dBtnLg,\n  xl: dBtnXl,\n}\n\nexport const Filter: React.FC<FilterProps> = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  size,\n  showReset = true,\n  resetLabel = '×',\n  className = '',\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const autoId = useId()\n  const groupName = name || `filter-${autoId}`\n\n  const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n  const isControlled = value !== undefined\n\n  const normalizedOptions: FilterOption[] = options.map((opt) =>\n    typeof opt === 'string' ? { label: opt, value: opt } : opt\n  )\n\n  const handleChange = (newValue: string) => {\n    if (!isControlled) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const handleReset = () => {\n    if (!isControlled) {\n      setInternalValue(undefined)\n    }\n    onChange?.(undefined)\n  }\n\n  const buttonClasses = [dBtn, sizeClasses[effectiveSize]].filter(Boolean).join(' ')\n  const resetClasses = [dBtn, dBtnSquare, sizeClasses[effectiveSize]].filter(Boolean).join(' ')\n\n  return (\n    <form className={`${dFilter} ${className}`.trim()} onReset={handleReset}>\n      {showReset && (\n        <input\n          className={resetClasses}\n          type=\"reset\"\n          value={typeof resetLabel === 'string' ? resetLabel : undefined}\n          aria-label=\"Reset filter\"\n        />\n      )}\n      {normalizedOptions.map((option) => (\n        <input\n          key={option.value}\n          className={buttonClasses}\n          type=\"radio\"\n          name={groupName}\n          value={option.value}\n          aria-label={option.label}\n          checked={currentValue === option.value}\n          onChange={() => handleChange(option.value)}\n          disabled={option.disabled}\n        />\n      ))}\n    </form>\n  )\n}\n"],"names":["dFilter","dBtn","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnSquare","sizeClasses","Filter","options","value","defaultValue","onChange","name","size","showReset","resetLabel","className","componentSize","useConfig","effectiveSize","autoId","useId","groupName","internalValue","setInternalValue","useState","currentValue","isControlled","normalizedOptions","opt","handleChange","newValue","handleReset","buttonClasses","resetClasses","jsxs","jsx","option"],"mappings":";;;AAIA,MAAMA,IAAU,UACVC,IAAO,OACPC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAa,cA6BbC,IAAsC;AAAA,EAC1C,IAAIL;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAI;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AACN,GAEaG,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AACd,MAAM;AACJ,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBN,KAAQI,KAAiB,MAEzCG,IAASC,EAAA,GACTC,IAAYV,KAAQ,UAAUQ,CAAM,IAEpC,CAACG,GAAeC,CAAgB,IAAIC,EAA6Bf,CAAY,GAC7EgB,IAAejB,MAAU,SAAYA,IAAQc,GAC7CI,IAAelB,MAAU,QAEzBmB,IAAoCpB,EAAQ;AAAA,IAAI,CAACqB,MACrD,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA,GAGnDC,IAAe,CAACC,MAAqB;AACzC,IAAKJ,KACHH,EAAiBO,CAAQ,GAE3BpB,IAAWoB,CAAQ;AAAA,EACrB,GAEMC,IAAc,MAAM;AACxB,IAAKL,KACHH,EAAiB,MAAS,GAE5Bb,IAAW,MAAS;AAAA,EACtB,GAEMsB,IAAgB,CAACjC,GAAMM,EAAYa,CAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC3Ee,IAAe,CAAClC,GAAMK,GAAYC,EAAYa,CAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;AAE5F,SACE,gBAAAgB,EAAC,QAAA,EAAK,WAAW,GAAGpC,CAAO,IAAIiB,CAAS,GAAG,KAAA,GAAQ,SAASgB,GACzD,UAAA;AAAA,IAAAlB,KACC,gBAAAsB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWF;AAAA,QACX,MAAK;AAAA,QACL,OAAO,OAAOnB,KAAe,WAAWA,IAAa;AAAA,QACrD,cAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGda,EAAkB,IAAI,CAACS,MACtB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWH;AAAA,QACX,MAAK;AAAA,QACL,MAAMX;AAAA,QACN,OAAOe,EAAO;AAAA,QACd,cAAYA,EAAO;AAAA,QACnB,SAASX,MAAiBW,EAAO;AAAA,QACjC,UAAU,MAAMP,EAAaO,EAAO,KAAK;AAAA,QACzC,UAAUA,EAAO;AAAA,MAAA;AAAA,MARZA,EAAO;AAAA,IAAA,CAUf;AAAA,EAAA,GACH;AAEJ;"}
+{"version":3,"file":"Filter.js","sources":["../../src/components/Filter.tsx"],"sourcesContent":["import React, { useState, useId } from 'react'\nimport { useConfig } from '../providers/ConfigProvider'\n\n// DaisyUI classes\nconst dFilter = 'filter'\nconst dBtn = 'btn'\nconst dBtnXs = 'btn-xs'\nconst dBtnSm = 'btn-sm'\nconst dBtnLg = 'btn-lg'\nconst dBtnXl = 'btn-xl'\nconst dBtnSquare = 'btn-square'\n\nexport interface FilterOption {\n  label: string\n  value: string\n  disabled?: boolean\n}\n\nexport interface FilterProps {\n  /** Filter options */\n  options: (string | FilterOption)[]\n  /** Controlled value */\n  value?: string\n  /** Default value for uncontrolled mode */\n  defaultValue?: string\n  /** Change handler */\n  onChange?: (value: string | undefined) => void\n  /** Radio group name (auto-generated if not provided) */\n  name?: string\n  /** Button size */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n  /** Show reset button */\n  showReset?: boolean\n  /** Reset button label */\n  resetLabel?: React.ReactNode\n  /** Additional CSS classes for container */\n  className?: string\n  'data-testid'?: string\n}\n\nconst sizeClasses: Record<string, string> = {\n  xs: dBtnXs,\n  sm: dBtnSm,\n  md: '',\n  lg: dBtnLg,\n  xl: dBtnXl,\n}\n\nexport const Filter: React.FC<FilterProps> = ({\n  options,\n  value,\n  defaultValue,\n  onChange,\n  name,\n  size,\n  showReset = true,\n  resetLabel = '×',\n  className = '',\n  'data-testid': testId,\n}) => {\n  const { componentSize } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const autoId = useId()\n  const groupName = name || `filter-${autoId}`\n\n  const [internalValue, setInternalValue] = useState<string | undefined>(defaultValue)\n  const currentValue = value !== undefined ? value : internalValue\n  const isControlled = value !== undefined\n\n  const normalizedOptions: FilterOption[] = options.map((opt) =>\n    typeof opt === 'string' ? { label: opt, value: opt } : opt\n  )\n\n  const handleChange = (newValue: string) => {\n    if (!isControlled) {\n      setInternalValue(newValue)\n    }\n    onChange?.(newValue)\n  }\n\n  const handleReset = () => {\n    if (!isControlled) {\n      setInternalValue(undefined)\n    }\n    onChange?.(undefined)\n  }\n\n  const buttonClasses = [dBtn, sizeClasses[effectiveSize]].filter(Boolean).join(' ')\n  const resetClasses = [dBtn, dBtnSquare, sizeClasses[effectiveSize]].filter(Boolean).join(' ')\n  const getTestId = (suffix: string) => (testId ? `${testId}-${suffix}` : undefined)\n\n  return (\n    <form className={`${dFilter} ${className}`.trim()} onReset={handleReset} data-testid={testId}>\n      {showReset && (\n        <input\n          className={resetClasses}\n          type=\"reset\"\n          value={typeof resetLabel === 'string' ? resetLabel : undefined}\n          aria-label=\"Reset filter\"\n          data-testid={getTestId('reset')}\n        />\n      )}\n      {normalizedOptions.map((option) => (\n        <input\n          key={option.value}\n          className={buttonClasses}\n          type=\"radio\"\n          name={groupName}\n          value={option.value}\n          aria-label={option.label}\n          checked={currentValue === option.value}\n          onChange={() => handleChange(option.value)}\n          disabled={option.disabled}\n          data-testid={getTestId(`option-${option.value}`)}\n        />\n      ))}\n    </form>\n  )\n}\n"],"names":["dFilter","dBtn","dBtnXs","dBtnSm","dBtnLg","dBtnXl","dBtnSquare","sizeClasses","Filter","options","value","defaultValue","onChange","name","size","showReset","resetLabel","className","testId","componentSize","useConfig","effectiveSize","autoId","useId","groupName","internalValue","setInternalValue","useState","currentValue","isControlled","normalizedOptions","opt","handleChange","newValue","handleReset","buttonClasses","resetClasses","getTestId","suffix","jsxs","jsx","option"],"mappings":";;;AAIA,MAAMA,IAAU,UACVC,IAAO,OACPC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAS,UACTC,IAAa,cA8BbC,IAAsC;AAAA,EAC1C,IAAIL;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAI;AAAA,EACJ,IAAIC;AAAA,EACJ,IAAIC;AACN,GAEaG,IAAgC,CAAC;AAAA,EAC5C,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,eAAeC;AACjB,MAAM;AACJ,QAAM,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GACpBC,IAAgBP,KAAQK,KAAiB,MAEzCG,IAASC,EAAA,GACTC,IAAYX,KAAQ,UAAUS,CAAM,IAEpC,CAACG,GAAeC,CAAgB,IAAIC,EAA6BhB,CAAY,GAC7EiB,IAAelB,MAAU,SAAYA,IAAQe,GAC7CI,IAAenB,MAAU,QAEzBoB,IAAoCrB,EAAQ;AAAA,IAAI,CAACsB,MACrD,OAAOA,KAAQ,WAAW,EAAE,OAAOA,GAAK,OAAOA,MAAQA;AAAA,EAAA,GAGnDC,IAAe,CAACC,MAAqB;AACzC,IAAKJ,KACHH,EAAiBO,CAAQ,GAE3BrB,IAAWqB,CAAQ;AAAA,EACrB,GAEMC,IAAc,MAAM;AACxB,IAAKL,KACHH,EAAiB,MAAS,GAE5Bd,IAAW,MAAS;AAAA,EACtB,GAEMuB,IAAgB,CAAClC,GAAMM,EAAYc,CAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GAC3Ee,IAAe,CAACnC,GAAMK,GAAYC,EAAYc,CAAa,CAAC,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,GACtFgB,IAAY,CAACC,MAAoBpB,IAAS,GAAGA,CAAM,IAAIoB,CAAM,KAAK;AAExE,SACE,gBAAAC,EAAC,QAAA,EAAK,WAAW,GAAGvC,CAAO,IAAIiB,CAAS,GAAG,KAAA,GAAQ,SAASiB,GAAa,eAAahB,GACnF,UAAA;AAAA,IAAAH,KACC,gBAAAyB;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWJ;AAAA,QACX,MAAK;AAAA,QACL,OAAO,OAAOpB,KAAe,WAAWA,IAAa;AAAA,QACrD,cAAW;AAAA,QACX,eAAaqB,EAAU,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjCP,EAAkB,IAAI,CAACW,MACtB,gBAAAD;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWL;AAAA,QACX,MAAK;AAAA,QACL,MAAMX;AAAA,QACN,OAAOiB,EAAO;AAAA,QACd,cAAYA,EAAO;AAAA,QACnB,SAASb,MAAiBa,EAAO;AAAA,QACjC,UAAU,MAAMT,EAAaS,EAAO,KAAK;AAAA,QACzC,UAAUA,EAAO;AAAA,QACjB,eAAaJ,EAAU,UAAUI,EAAO,KAAK,EAAE;AAAA,MAAA;AAAA,MAT1CA,EAAO;AAAA,IAAA,CAWf;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/Flex.d.ts

@@ -10,5 +10,6 @@ export interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
     minHeight?: 'screen' | 'full' | 'fit' | 'min' | 'max';
     minWidth?: 'full' | 'fit' | 'min' | 'max';
     children?: React.ReactNode;
+    'data-testid'?: string;
 }
 export declare const Flex: React.FC<FlexProps>;