@aster-ui/prefixed 0.12.63 → 0.12.65

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 = 'd-btn'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnSquare = 'd-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 = 'd-btn'\nconst dBtnGhost = 'd-btn-ghost'\nconst dBtnSm = 'd-btn-sm'\nconst dBtnSquare = 'd-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  disabledDate?: (date: Date) => boolean\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  disabledDate?: (date: Date) => boolean\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 addDays(date: Date, amount: number): Date {\n  const next = new Date(date)\n  next.setDate(next.getDate() + amount)\n  return next\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,\n    disabledDate,\n    disabled = false,\n    size,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize, locale } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n  const resolvedPlaceholder = placeholder ?? locale?.DatePicker?.placeholder ?? 'Select date'\n  const todayLabel = locale?.DatePicker?.today ?? 'Today'\n  const todayDate = new Date()\n  const isTodayDisabled = disabled || disabledDate?.(todayDate)\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 [focusedDate, setFocusedDate] = useState<Date | null>(null)\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  const calendarRef = useRef<HTMLDivElement>(null)\n  const calendarId = React.useId()\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      setFocusedDate(selectedDate ?? todayDate)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen || !calendarRef.current) return\n    const focusTarget = calendarRef.current.querySelector<HTMLButtonElement>('[data-calendar-focus=\"true\"]')\n    focusTarget?.focus()\n  }, [isOpen, viewMonth, viewYear, focusedDate])\n\n  const handleDateSelect = (day: number) => {\n    const newDate = new Date(viewYear, viewMonth, day)\n    if (disabled || disabledDate?.(newDate)) return\n    setSelectedDate(newDate)\n    onChange?.(newDate)\n    setIsOpen(false)\n  }\n\n  const focusNextEnabledDate = (start: Date, delta: number) => {\n    let candidate = addDays(start, delta)\n    for (let i = 0; i < 31; i++) {\n      if (!disabledDate?.(candidate)) return candidate\n      candidate = addDays(candidate, delta)\n    }\n    return start\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!focusedDate) return\n    let nextDate = focusedDate\n\n    switch (event.key) {\n      case 'ArrowRight':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, 1)\n        break\n      case 'ArrowLeft':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, -1)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, 7)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, -7)\n        break\n      case 'Home':\n        event.preventDefault()\n        nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), 1)\n        if (disabledDate?.(nextDate)) {\n          nextDate = focusNextEnabledDate(nextDate, 1)\n        }\n        break\n      case 'End':\n        event.preventDefault()\n        nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), getDaysInMonth(focusedDate.getFullYear(), focusedDate.getMonth()))\n        if (disabledDate?.(nextDate)) {\n          nextDate = focusNextEnabledDate(nextDate, -1)\n        }\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        handleDateSelect(focusedDate.getDate())\n        return\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        return\n      default:\n        return\n    }\n\n    setFocusedDate(nextDate)\n    setViewMonth(nextDate.getMonth())\n    setViewYear(nextDate.getFullYear())\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={resolvedPlaceholder}\n        disabled={disabled}\n        size={effectiveSize}\n        readOnly\n        onClick={() => !disabled && setIsOpen(!isOpen)}\n        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen}\n        aria-controls={calendarId}\n        className=\"cursor-pointer\"\n        data-testid={getTestId('input')}\n      />\n\n      {isOpen && (\n        <div\n          ref={calendarRef}\n          id={calendarId}\n          role=\"dialog\"\n          aria-label=\"Date picker calendar\"\n          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\"\n          data-testid={getTestId('calendar')}\n        >\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\" role=\"row\">\n            {DAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n                role=\"columnheader\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\" role=\"grid\" onKeyDown={handleKeyDown}>\n            {calendarDays.map((day, index) => {\n              const dayDate = day ? new Date(viewYear, viewMonth, day) : null\n              const isDayDisabled = disabled || (!!dayDate && !!disabledDate?.(dayDate))\n              const isFocusedDay = !!dayDate && !!focusedDate && isSameDay(dayDate, focusedDate)\n\n              return (\n                <button\n                  key={index}\n                  type=\"button\"\n                  disabled={!day || isDayDisabled}\n                  aria-disabled={isDayDisabled || undefined}\n                  aria-selected={isSelectedDay(day) || undefined}\n                  role=\"gridcell\"\n                  onClick={() => day && handleDateSelect(day)}\n                  tabIndex={isFocusedDay ? 0 : -1}\n                  data-calendar-focus={isFocusedDay ? 'true' : undefined}\n                  className={`\n                    aspect-square flex items-center justify-center text-sm rounded-lg\n                    ${!day ? 'invisible' : ''}\n                    ${day && !isDayDisabled ? 'hover:bg-base-200 cursor-pointer' : ''}\n                    ${isSelectedDay(day) ? 'bg-primary text-primary-content hover:bg-primary/90' : ''}\n                    ${isToday(day) && !isSelectedDay(day) ? 'border border-primary' : ''}\n                    ${isDayDisabled ? 'text-base-content/30 cursor-not-allowed' : ''}\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                if (disabledDate?.(today)) return\n                setSelectedDate(today)\n                setViewMonth(today.getMonth())\n                setViewYear(today.getFullYear())\n                onChange?.(today)\n                setIsOpen(false)\n              }}\n              className={`${dBtn} ${dBtnGhost} ${dBtnSm}`}\n              disabled={isTodayDisabled}\n            >\n              {todayLabel}\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    disabledDate,\n    disabled = false,\n    size,\n    'data-testid': testId,\n    className = '',\n    ...rest\n  },\n  ref\n) {\n  const { componentSize, locale } = useConfig()\n  const effectiveSize = size ?? componentSize ?? 'md'\n\n  const localeRangePlaceholder = locale?.DatePicker?.rangePlaceholder\n  const [startPlaceholder, endPlaceholder] = Array.isArray(placeholder)\n    ? placeholder\n    : [\n        placeholder ?? localeRangePlaceholder?.[0] ?? 'Start date',\n        localeRangePlaceholder?.[1] ?? 'End date',\n      ]\n  const resolvedPlaceholder = Array.isArray(placeholder)\n    ? `${startPlaceholder} - ${endPlaceholder}`\n    : placeholder ?? `${startPlaceholder} - ${endPlaceholder}`\n  const todayLabel = locale?.DatePicker?.today ?? 'Today'\n  const todayDate = new Date()\n  const isTodayDisabled = disabled || disabledDate?.(todayDate)\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 [focusedDate, setFocusedDate] = useState<Date | null>(null)\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  const calendarRef = useRef<HTMLDivElement>(null)\n  const calendarId = React.useId()\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      setFocusedDate(selectedRange[0] ?? selectedRange[1] ?? todayDate)\n      return () => document.removeEventListener('mousedown', handleClickOutside)\n    }\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen || !calendarRef.current) return\n    const focusTarget = calendarRef.current.querySelector<HTMLButtonElement>('[data-calendar-focus=\"true\"]')\n    focusTarget?.focus()\n  }, [isOpen, viewMonth, viewYear, focusedDate])\n\n  const handleDateSelect = (day: number) => {\n    const newDate = new Date(viewYear, viewMonth, day)\n    if (disabled || disabledDate?.(newDate)) return\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 focusNextEnabledDate = (start: Date, delta: number) => {\n    let candidate = addDays(start, delta)\n    for (let i = 0; i < 31; i++) {\n      if (!disabledDate?.(candidate)) return candidate\n      candidate = addDays(candidate, delta)\n    }\n    return start\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (!focusedDate) return\n    let nextDate = focusedDate\n\n    switch (event.key) {\n      case 'ArrowRight':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, 1)\n        break\n      case 'ArrowLeft':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, -1)\n        break\n      case 'ArrowDown':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, 7)\n        break\n      case 'ArrowUp':\n        event.preventDefault()\n        nextDate = focusNextEnabledDate(focusedDate, -7)\n        break\n      case 'Home':\n        event.preventDefault()\n        nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), 1)\n        if (disabledDate?.(nextDate)) {\n          nextDate = focusNextEnabledDate(nextDate, 1)\n        }\n        break\n      case 'End':\n        event.preventDefault()\n        nextDate = new Date(focusedDate.getFullYear(), focusedDate.getMonth(), getDaysInMonth(focusedDate.getFullYear(), focusedDate.getMonth()))\n        if (disabledDate?.(nextDate)) {\n          nextDate = focusNextEnabledDate(nextDate, -1)\n        }\n        break\n      case 'Enter':\n      case ' ':\n        event.preventDefault()\n        handleDateSelect(focusedDate.getDate())\n        return\n      case 'Escape':\n        event.preventDefault()\n        setIsOpen(false)\n        return\n      default:\n        return\n    }\n\n    setFocusedDate(nextDate)\n    setViewMonth(nextDate.getMonth())\n    setViewYear(nextDate.getFullYear())\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        aria-haspopup=\"dialog\"\n        aria-expanded={isOpen}\n        aria-controls={calendarId}\n        className=\"cursor-pointer\"\n        data-testid={getTestId('input')}\n      />\n\n      {isOpen && (\n        <div\n          ref={calendarRef}\n          id={calendarId}\n          role=\"dialog\"\n          aria-label=\"Date range picker calendar\"\n          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\"\n          data-testid={getTestId('calendar')}\n        >\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\" role=\"row\">\n            {DAYS.map((day) => (\n              <div\n                key={day}\n                className=\"text-center text-xs font-semibold text-base-content/60 py-2\"\n                role=\"columnheader\"\n              >\n                {day}\n              </div>\n            ))}\n          </div>\n\n          {/* Calendar grid */}\n          <div className=\"grid grid-cols-7 gap-1\" role=\"grid\" onKeyDown={handleKeyDown}>\n            {calendarDays.map((day, index) => {\n              const dayDate = day ? new Date(viewYear, viewMonth, day) : null\n              const isDayDisabled = disabled || (!!dayDate && !!disabledDate?.(dayDate))\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              const isFocusedDay = !!dayDate && !!focusedDate && isSameDay(dayDate, focusedDate)\n\n              return (\n                <button\n                  key={index}\n                  type=\"button\"\n                  disabled={!day || isDayDisabled}\n                  aria-disabled={isDayDisabled || undefined}\n                  aria-selected={isStart || isEnd || isInRange || undefined}\n                  role=\"gridcell\"\n                  onClick={() => day && handleDateSelect(day)}\n                  tabIndex={isFocusedDay ? 0 : -1}\n                  data-calendar-focus={isFocusedDay ? 'true' : undefined}\n                  className={`\n                    aspect-square flex items-center justify-center text-sm rounded-lg\n                    ${!day ? 'invisible' : ''}\n                    ${day && !isDayDisabled ? 'hover:bg-base-200 cursor-pointer' : ''}\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                    ${isDayDisabled ? 'text-base-content/30 cursor-not-allowed' : ''}\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                if (disabledDate?.(today)) return\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              disabled={isTodayDisabled}\n            >\n              {todayLabel}\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","addDays","amount","next","formatRange","range","start","end","DatePickerComponent","forwardRef","value","defaultValue","onChange","placeholder","disabledDate","disabled","size","testId","className","rest","ref","componentSize","locale","useConfig","effectiveSize","resolvedPlaceholder","todayLabel","todayDate","isTodayDisabled","getTestId","suffix","selectedDate","setSelectedDate","useState","isOpen","setIsOpen","focusedDate","setFocusedDate","viewMonth","setViewMonth","viewYear","setViewYear","containerRef","useRef","calendarRef","calendarId","React","useEffect","handleClickOutside","event","handleDateSelect","newDate","focusNextEnabledDate","delta","candidate","i","handleKeyDown","nextDate","handlePrevMonth","handleNextMonth","daysInMonth","firstDayOfMonth","calendarDays","isSelectedDay","isToday","today","jsx","Input","jsxs","index","dayDate","isDayDisabled","isFocusedDay","DateRangePicker","localeRangePlaceholder","startPlaceholder","endPlaceholder","selectedRange","setSelectedRange","initialDate","nextRange","rangeStart","rangeEnd","isStart","isEnd","isInRange","DatePicker"],"mappings":"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"}

package/dist/components/Menu.d.ts

@@ -61,7 +61,7 @@ export interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {
 export interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {
 }
 declare function MenuRoot({ children, items, mode, size, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, openKeys: controlledOpenKeys, defaultOpenKeys, onSelect, onOpenChange, className, 'data-testid': testId, ...rest }: MenuProps): import("react/jsx-runtime").JSX.Element;
-declare function MenuItem({ children, icon, disabled, onClick, active, className, _key, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function MenuItem({ children, icon, disabled, onClick, onKeyDown, active, className, _key, tabIndex, ...rest }: MenuItemProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuSubMenu({ children, label, title, icon, disabled, className, _key, ...rest }: MenuSubMenuProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuTitle({ children, className, ...rest }: MenuTitleProps): import("react/jsx-runtime").JSX.Element;
 declare function MenuDivider({ className, ...rest }: MenuDividerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Menu.js

@@ -1,162 +1,168 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import v, { useState as j, useCallback as I, createContext as A, useId as F, useContext as k } from "react";
-const G = "d-menu", T = "d-menu-vertical", J = "d-menu-horizontal", Q = "d-menu-xs", U = "d-menu-sm", Y = "d-menu-md", Z = "d-menu-lg", $ = "d-menu-xl", C = "d-menu-icon", _ = "d-menu-title", K = A(null);
+import { jsx as n, jsxs as g } from "react/jsx-runtime";
+import v, { useState as S, useCallback as j, createContext as A, useId as F, useContext as D } from "react";
+const G = "d-menu", T = "d-menu-vertical", J = "d-menu-horizontal", Q = "d-menu-xs", U = "d-menu-sm", Y = "d-menu-md", Z = "d-menu-lg", $ = "d-menu-xl", K = "d-menu-icon", _ = "d-menu-title", k = A(null);
 function ee() {
-  const e = k(K);
+  const e = D(k);
   if (!e)
     throw new Error("Menu components must be used within a Menu");
   return e;
 }
-function O(e, t, s, o, r) {
-  return e.divider ? /* @__PURE__ */ n(w, {}, e.key) : e.title ? /* @__PURE__ */ n(B, { children: e.label }, e.key) : e.children && e.children.length > 0 ? /* @__PURE__ */ n(S, { _key: e.key, label: e.label, icon: e.icon, disabled: e.disabled, children: e.children.map((m) => O(m)) }, e.key) : /* @__PURE__ */ n(N, { _key: e.key, icon: e.icon, disabled: e.disabled, children: e.label }, e.key);
+function w(e, s, t, l, o) {
+  return e.divider ? /* @__PURE__ */ n(B, {}, e.key) : e.title ? /* @__PURE__ */ n(O, { children: e.label }, e.key) : e.children && e.children.length > 0 ? /* @__PURE__ */ n(N, { _key: e.key, label: e.label, icon: e.icon, disabled: e.disabled, children: e.children.map((m) => w(m)) }, e.key) : /* @__PURE__ */ n(I, { _key: e.key, icon: e.icon, disabled: e.disabled, children: e.label }, e.key);
 }
 function ne({
   children: e,
-  items: t,
-  mode: s = "vertical",
-  size: o,
-  selectedKeys: r,
+  items: s,
+  mode: t = "vertical",
+  size: l,
+  selectedKeys: o,
   defaultSelectedKeys: m = [],
-  openKeys: l,
-  defaultOpenKeys: p = [],
-  onSelect: i,
+  openKeys: i,
+  defaultOpenKeys: d = [],
+  onSelect: f,
   onOpenChange: a,
-  className: u = "",
-  "data-testid": f,
-  ...b
+  className: r = "",
+  "data-testid": p,
+  ...h
 }) {
-  const [x, h] = j(m), [D, z] = j(p), E = r ?? x, M = l ?? D, V = I(
+  const [b, y] = S(m), [M, E] = S(d), z = o ?? b, x = i ?? M, V = j(
     (c) => {
-      r === void 0 && h([c]), i?.(c);
+      o === void 0 && y([c]), f?.(c);
     },
-    [r, i]
-  ), L = I(
+    [o, f]
+  ), L = j(
     (c) => {
-      const d = M.includes(c) ? M.filter((g) => g !== c) : [...M, c];
-      l === void 0 && z(d), a?.(d);
+      const u = x.includes(c) ? x.filter((C) => C !== c) : [...x, c];
+      i === void 0 && E(u), a?.(u);
     },
-    [M, l, a]
-  ), R = {
+    [x, i, a]
+  ), P = {
     vertical: T,
     horizontal: J,
     inline: T
-  }, X = {
+  }, R = {
     xs: Q,
     sm: U,
     md: Y,
     lg: Z,
     xl: $
-  }, H = [G, R[s], o && X[o], u].filter(Boolean).join(" "), P = {
-    mode: s,
-    selectedKeys: E,
-    openKeys: M,
+  }, X = [G, P[t], l && R[l], r].filter(Boolean).join(" "), H = {
+    mode: t,
+    selectedKeys: z,
+    openKeys: x,
     onSelect: V,
     onToggleOpen: L
-  }, W = (c) => v.Children.map(c, (d) => {
-    if (v.isValidElement(d)) {
-      const g = d.key != null ? String(d.key) : void 0;
-      if (d.type === N || d.type === S)
-        return v.cloneElement(d, { _key: g });
+  }, W = (c) => v.Children.map(c, (u) => {
+    if (v.isValidElement(u)) {
+      const C = u.key != null ? String(u.key) : void 0;
+      if (u.type === I || u.type === N)
+        return v.cloneElement(u, { _key: C });
     }
-    return d;
-  }), q = t && t.length > 0 ? t.map((c) => O(c)) : W(e);
-  return /* @__PURE__ */ n(K.Provider, { value: P, children: /* @__PURE__ */ n("ul", { className: H, "data-testid": f, ...b, children: q }) });
+    return u;
+  }), q = s && s.length > 0 ? s.map((c) => w(c)) : W(e);
+  return /* @__PURE__ */ n(k.Provider, { value: H, children: /* @__PURE__ */ n("ul", { className: X, "data-testid": p, role: "menu", ...h, children: q }) });
 }
-function N({
+function I({
   children: e,
-  icon: t,
-  disabled: s = !1,
-  onClick: o,
-  active: r,
-  className: m = "",
-  _key: l,
-  ...p
+  icon: s,
+  disabled: t = !1,
+  onClick: l,
+  onKeyDown: o,
+  active: m,
+  className: i = "",
+  _key: d,
+  tabIndex: f,
+  ...a
 }) {
-  const i = k(K), a = l && i ? i.selectedKeys.includes(l) : r, u = () => {
-    s || (l && i && i.onSelect(l), o?.());
-  }, f = [
-    a && "active bg-primary text-primary-content",
-    s && "disabled",
-    m
+  const r = D(k), p = d && r ? r.selectedKeys.includes(d) : m, h = () => {
+    t || (d && r && r.onSelect(d), l?.());
+  }, b = (M) => {
+    o?.(M), !(M.defaultPrevented || t) && (M.key === "Enter" || M.key === " ") && (M.preventDefault(), h());
+  }, y = [
+    p && "active bg-primary text-primary-content",
+    t && "disabled",
+    i
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ y(
+  return /* @__PURE__ */ n("li", { children: /* @__PURE__ */ g(
     "a",
     {
-      className: f,
-      onClick: u,
-      "aria-disabled": s,
+      className: y,
+      onClick: h,
+      onKeyDown: b,
+      tabIndex: t ? -1 : f ?? 0,
+      "aria-disabled": t,
       role: "menuitem",
-      "data-state": a ? "active" : "inactive",
-      ...p,
+      "data-state": p ? "active" : "inactive",
+      ...a,
       children: [
-        t && /* @__PURE__ */ n("span", { className: C, children: t }),
+        s && /* @__PURE__ */ n("span", { className: K, children: s }),
         e
       ]
     }
   ) });
 }
-function S({
+function N({
   children: e,
-  label: t,
-  title: s,
-  icon: o,
-  disabled: r = !1,
+  label: s,
+  title: t,
+  icon: l,
+  disabled: o = !1,
   className: m = "",
-  _key: l,
-  ...p
+  _key: i,
+  ...d
 }) {
-  const i = ee(), a = l ? i.openKeys.includes(l) : !1, u = F(), f = t ?? s, b = () => {
-    r || !l || i.onToggleOpen(l);
-  }, x = [r && "disabled", m].filter(Boolean).join(" ");
-  return i.mode === "inline" ? /* @__PURE__ */ n("li", { className: x, "data-state": a ? "open" : "closed", ...p, children: /* @__PURE__ */ y("details", { open: a, children: [
-    /* @__PURE__ */ y(
+  const f = ee(), a = i ? f.openKeys.includes(i) : !1, r = F(), p = s ?? t, h = () => {
+    o || !i || f.onToggleOpen(i);
+  }, b = [o && "disabled", m].filter(Boolean).join(" ");
+  return f.mode === "inline" ? /* @__PURE__ */ n("li", { className: b, "data-state": a ? "open" : "closed", ...d, children: /* @__PURE__ */ g("details", { open: a, children: [
+    /* @__PURE__ */ g(
       "summary",
       {
-        onClick: (h) => {
-          h.preventDefault(), b();
+        onClick: (y) => {
+          y.preventDefault(), h();
         },
         "aria-expanded": a,
-        "aria-controls": u,
-        "aria-disabled": r,
+        "aria-controls": r,
+        "aria-disabled": o,
         children: [
-          o && /* @__PURE__ */ n("span", { className: C, children: o }),
-          f
+          l && /* @__PURE__ */ n("span", { className: K, children: l }),
+          p
         ]
       }
     ),
-    /* @__PURE__ */ n("ul", { id: u, role: "menu", children: e })
-  ] }) }) : /* @__PURE__ */ n("li", { className: x, "data-state": a ? "open" : "closed", ...p, children: /* @__PURE__ */ y("details", { open: a, children: [
-    /* @__PURE__ */ y(
+    /* @__PURE__ */ n("ul", { id: r, role: "menu", children: e })
+  ] }) }) : /* @__PURE__ */ n("li", { className: b, "data-state": a ? "open" : "closed", ...d, children: /* @__PURE__ */ g("details", { open: a, children: [
+    /* @__PURE__ */ g(
       "summary",
       {
-        onClick: (h) => {
-          h.preventDefault(), b();
+        onClick: (y) => {
+          y.preventDefault(), h();
         },
         "aria-expanded": a,
-        "aria-controls": u,
-        "aria-disabled": r,
+        "aria-controls": r,
+        "aria-disabled": o,
         children: [
-          o && /* @__PURE__ */ n("span", { className: C, children: o }),
-          f
+          l && /* @__PURE__ */ n("span", { className: K, children: l }),
+          p
         ]
       }
     ),
-    /* @__PURE__ */ n("ul", { id: u, role: "menu", children: e })
+    /* @__PURE__ */ n("ul", { id: r, role: "menu", children: e })
   ] }) });
 }
-function B({ children: e, className: t = "", ...s }) {
-  const o = [_, t].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { className: o, ...s, children: e });
+function O({ children: e, className: s = "", ...t }) {
+  const l = [_, s].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { className: l, ...t, children: e });
 }
-function w({ className: e = "", ...t }) {
-  const s = ["border-t border-base-300 my-1", e].filter(Boolean).join(" ");
-  return /* @__PURE__ */ n("li", { className: s, role: "separator", ...t });
+function B({ className: e = "", ...s }) {
+  const t = ["border-t border-base-300 my-1", e].filter(Boolean).join(" ");
+  return /* @__PURE__ */ n("li", { className: t, role: "separator", ...s });
 }
 const le = Object.assign(ne, {
-  Item: N,
-  SubMenu: S,
-  Title: B,
-  Divider: w
+  Item: I,
+  SubMenu: N,
+  Title: O,
+  Divider: B
 });
 export {
   le as Menu

package/dist/components/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\n// DaisyUI classes\nconst dMenu = 'd-menu'\nconst dMenuVertical = 'd-menu-vertical'\nconst dMenuHorizontal = 'd-menu-horizontal'\nconst dMenuXs = 'd-menu-xs'\nconst dMenuSm = 'd-menu-sm'\nconst dMenuMd = 'd-menu-md'\nconst dMenuLg = 'd-menu-lg'\nconst dMenuXl = 'd-menu-xl'\nconst dMenuIcon = 'd-menu-icon'\nconst dMenuTitle = 'd-menu-title'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n  /** Test ID for the menu element */\n  'data-testid'?: string\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use key and selectedKeys instead */\n  active?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} _key={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} _key={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: dMenuVertical,\n    horizontal: dMenuHorizontal,\n    inline: dMenuVertical,\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: dMenuXs,\n    sm: dMenuSm,\n    md: dMenuMd,\n    lg: dMenuLg,\n    xl: dMenuXl,\n  }\n\n  const menuClasses = [dMenu, modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === MenuItem || child.type === MenuSubMenu) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : cloneChildrenWithKeys(children)\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} data-testid={testId} {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  icon,\n  disabled = false,\n  onClick,\n  active,\n  className = '',\n  _key,\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = _key && context ? context.selectedKeys.includes(_key) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (_key && context) {\n      context.onSelect(_key)\n    }\n    onClick?.()\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className={dMenuIcon}>{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = _key ? context.openKeys.includes(_key) : false\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled || !_key) return\n    context.onToggleOpen(_key)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className={dMenuIcon}>{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className={dMenuIcon}>{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = [dMenuTitle, className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["dMenu","dMenuVertical","dMenuHorizontal","dMenuXs","dMenuSm","dMenuMd","dMenuLg","dMenuXl","dMenuIcon","dMenuTitle","MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","testId","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","cloneChildrenWithKeys","React","childKey","content","icon","disabled","onClick","active","_key","isSelected","handleClick","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}
+{"version":3,"file":"Menu.js","sources":["../../src/components/Menu.tsx"],"sourcesContent":["import React, { createContext, useContext, useState, useCallback, useId } from 'react'\n\n// DaisyUI classes\nconst dMenu = 'd-menu'\nconst dMenuVertical = 'd-menu-vertical'\nconst dMenuHorizontal = 'd-menu-horizontal'\nconst dMenuXs = 'd-menu-xs'\nconst dMenuSm = 'd-menu-sm'\nconst dMenuMd = 'd-menu-md'\nconst dMenuLg = 'd-menu-lg'\nconst dMenuXl = 'd-menu-xl'\nconst dMenuIcon = 'd-menu-icon'\nconst dMenuTitle = 'd-menu-title'\n\nexport type MenuMode = 'vertical' | 'horizontal' | 'inline'\nexport type MenuSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'\n\nexport interface MenuItem {\n  key: string\n  label: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  children?: MenuItem[]\n  divider?: boolean\n  title?: boolean // For section titles\n}\n\nexport interface MenuProps extends Omit<React.HTMLAttributes<HTMLUListElement>, 'onSelect'> {\n  /** Menu items (compound pattern) */\n  children?: React.ReactNode\n  /** Menu items (data-driven pattern) */\n  items?: MenuItem[]\n  /** Menu display mode */\n  mode?: MenuMode\n  /** Menu size */\n  size?: MenuSize\n  /** Controlled selected keys */\n  selectedKeys?: string[]\n  /** Default selected keys (uncontrolled) */\n  defaultSelectedKeys?: string[]\n  /** Controlled open submenu keys */\n  openKeys?: string[]\n  /** Default open submenu keys (uncontrolled) */\n  defaultOpenKeys?: string[]\n  /** Callback when item is selected */\n  onSelect?: (key: string) => void\n  /** Callback when submenu open state changes */\n  onOpenChange?: (openKeys: string[]) => void\n  /** Test ID for the menu element */\n  'data-testid'?: string\n}\n\nexport interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLAnchorElement>, 'onClick'> {\n  children: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  onClick?: () => void\n  /** @deprecated Use key and selectedKeys instead */\n  active?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuSubMenuProps extends Omit<React.HTMLAttributes<HTMLLIElement>, 'title'> {\n  children: React.ReactNode\n  /** Submenu label */\n  label?: React.ReactNode\n  /** Submenu title (alias for label) */\n  title?: React.ReactNode\n  icon?: React.ReactNode\n  disabled?: boolean\n  /** @internal */\n  _key?: string\n}\n\nexport interface MenuTitleProps extends React.HTMLAttributes<HTMLLIElement> {\n  children: React.ReactNode\n}\n\nexport interface MenuDividerProps extends React.HTMLAttributes<HTMLLIElement> {}\n\ninterface MenuContextValue {\n  mode: MenuMode\n  selectedKeys: string[]\n  openKeys: string[]\n  onSelect: (key: string) => void\n  onToggleOpen: (key: string) => void\n}\n\nconst MenuContext = createContext<MenuContextValue | null>(null)\n\nfunction useMenuContext() {\n  const context = useContext(MenuContext)\n  if (!context) {\n    throw new Error('Menu components must be used within a Menu')\n  }\n  return context\n}\n\n// Internal component for rendering data-driven menu items\nfunction renderMenuItem(item: MenuItem, onSelect: (key: string) => void, selectedKeys: string[], openKeys: string[], onToggleOpen: (key: string) => void): React.ReactNode {\n  if (item.divider) {\n    return <MenuDivider key={item.key} />\n  }\n\n  if (item.title) {\n    return <MenuTitle key={item.key}>{item.label}</MenuTitle>\n  }\n\n  if (item.children && item.children.length > 0) {\n    return (\n      <MenuSubMenu key={item.key} _key={item.key} label={item.label} icon={item.icon} disabled={item.disabled}>\n        {item.children.map((child) => renderMenuItem(child, onSelect, selectedKeys, openKeys, onToggleOpen))}\n      </MenuSubMenu>\n    )\n  }\n\n  return (\n    <MenuItem key={item.key} _key={item.key} icon={item.icon} disabled={item.disabled}>\n      {item.label}\n    </MenuItem>\n  )\n}\n\nfunction MenuRoot({\n  children,\n  items,\n  mode = 'vertical',\n  size,\n  selectedKeys: controlledSelectedKeys,\n  defaultSelectedKeys = [],\n  openKeys: controlledOpenKeys,\n  defaultOpenKeys = [],\n  onSelect,\n  onOpenChange,\n  className = '',\n  'data-testid': testId,\n  ...rest\n}: MenuProps) {\n  const [internalSelectedKeys, setInternalSelectedKeys] = useState<string[]>(defaultSelectedKeys)\n  const [internalOpenKeys, setInternalOpenKeys] = useState<string[]>(defaultOpenKeys)\n\n  const selectedKeys = controlledSelectedKeys ?? internalSelectedKeys\n  const openKeys = controlledOpenKeys ?? internalOpenKeys\n\n  const handleSelect = useCallback(\n    (key: string) => {\n      if (controlledSelectedKeys === undefined) {\n        setInternalSelectedKeys([key])\n      }\n      onSelect?.(key)\n    },\n    [controlledSelectedKeys, onSelect]\n  )\n\n  const handleToggleOpen = useCallback(\n    (key: string) => {\n      const newOpenKeys = openKeys.includes(key)\n        ? openKeys.filter((k) => k !== key)\n        : [...openKeys, key]\n\n      if (controlledOpenKeys === undefined) {\n        setInternalOpenKeys(newOpenKeys)\n      }\n      onOpenChange?.(newOpenKeys)\n    },\n    [openKeys, controlledOpenKeys, onOpenChange]\n  )\n\n  const modeClasses: Record<MenuMode, string> = {\n    vertical: dMenuVertical,\n    horizontal: dMenuHorizontal,\n    inline: dMenuVertical,\n  }\n\n  const sizeClasses: Record<MenuSize, string> = {\n    xs: dMenuXs,\n    sm: dMenuSm,\n    md: dMenuMd,\n    lg: dMenuLg,\n    xl: dMenuXl,\n  }\n\n  const menuClasses = [dMenu, modeClasses[mode], size && sizeClasses[size], className].filter(Boolean).join(' ')\n\n  const contextValue = {\n    mode,\n    selectedKeys,\n    openKeys,\n    onSelect: handleSelect,\n    onToggleOpen: handleToggleOpen,\n  }\n\n  // Clone children to extract keys\n  const cloneChildrenWithKeys = (children: React.ReactNode): React.ReactNode => {\n    return React.Children.map(children, (child) => {\n      if (React.isValidElement(child)) {\n        const childKey = child.key != null ? String(child.key) : undefined\n        if (child.type === MenuItem || child.type === MenuSubMenu) {\n          return React.cloneElement(child as React.ReactElement<any>, { _key: childKey })\n        }\n      }\n      return child\n    })\n  }\n\n  // Render data-driven items if provided\n  const content = items && items.length > 0\n    ? items.map((item) => renderMenuItem(item, handleSelect, selectedKeys, openKeys, handleToggleOpen))\n    : cloneChildrenWithKeys(children)\n\n  return (\n    <MenuContext.Provider value={contextValue}>\n      <ul className={menuClasses} data-testid={testId} role=\"menu\" {...rest}>{content}</ul>\n    </MenuContext.Provider>\n  )\n}\n\nfunction MenuItem({\n  children,\n  icon,\n  disabled = false,\n  onClick,\n  onKeyDown,\n  active,\n  className = '',\n  _key,\n  tabIndex,\n  ...rest\n}: MenuItemProps) {\n  const context = useContext(MenuContext)\n\n  // Support both old active prop and new key-based selection\n  const isSelected = _key && context ? context.selectedKeys.includes(_key) : active\n\n  const handleClick = () => {\n    if (disabled) return\n    if (_key && context) {\n      context.onSelect(_key)\n    }\n    onClick?.()\n  }\n\n  const handleKeyDown = (event: React.KeyboardEvent<HTMLAnchorElement>) => {\n    onKeyDown?.(event)\n    if (event.defaultPrevented || disabled) return\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n\n  const itemClasses = [\n    isSelected && 'active bg-primary text-primary-content',\n    disabled && 'disabled',\n    className,\n  ]\n    .filter(Boolean)\n    .join(' ')\n\n  return (\n    <li>\n      <a\n        className={itemClasses}\n        onClick={handleClick}\n        onKeyDown={handleKeyDown}\n        tabIndex={disabled ? -1 : tabIndex ?? 0}\n        aria-disabled={disabled}\n        role=\"menuitem\"\n        data-state={isSelected ? 'active' : 'inactive'}\n        {...rest}\n      >\n        {icon && <span className={dMenuIcon}>{icon}</span>}\n        {children}\n      </a>\n    </li>\n  )\n}\n\nfunction MenuSubMenu({\n  children,\n  label,\n  title,\n  icon,\n  disabled = false,\n  className = '',\n  _key,\n  ...rest\n}: MenuSubMenuProps) {\n  const context = useMenuContext()\n  const isOpen = _key ? context.openKeys.includes(_key) : false\n  const submenuId = useId()\n\n  // Support both label and title (title as alias for backwards compatibility)\n  const displayLabel = label ?? title\n\n  const handleToggle = () => {\n    if (disabled || !_key) return\n    context.onToggleOpen(_key)\n  }\n\n  const submenuClasses = [disabled && 'disabled', className].filter(Boolean).join(' ')\n\n  // For inline mode, use collapsible details/summary\n  if (context.mode === 'inline') {\n    return (\n      <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n        <details open={isOpen}>\n          <summary\n            onClick={(e) => {\n              e.preventDefault()\n              handleToggle()\n            }}\n            aria-expanded={isOpen}\n            aria-controls={submenuId}\n            aria-disabled={disabled}\n          >\n            {icon && <span className={dMenuIcon}>{icon}</span>}\n            {displayLabel}\n          </summary>\n          <ul id={submenuId} role=\"menu\">\n            {children}\n          </ul>\n        </details>\n      </li>\n    )\n  }\n\n  // For vertical/horizontal, use nested menu (dropdown style)\n  return (\n    <li className={submenuClasses} data-state={isOpen ? 'open' : 'closed'} {...rest}>\n      <details open={isOpen}>\n        <summary\n          onClick={(e) => {\n            e.preventDefault()\n            handleToggle()\n          }}\n          aria-expanded={isOpen}\n          aria-controls={submenuId}\n          aria-disabled={disabled}\n        >\n          {icon && <span className={dMenuIcon}>{icon}</span>}\n          {displayLabel}\n        </summary>\n        <ul id={submenuId} role=\"menu\">\n          {children}\n        </ul>\n      </details>\n    </li>\n  )\n}\n\nfunction MenuTitle({ children, className = '', ...rest }: MenuTitleProps) {\n  const titleClasses = [dMenuTitle, className].filter(Boolean).join(' ')\n\n  return <li className={titleClasses} {...rest}>{children}</li>\n}\n\nfunction MenuDivider({ className = '', ...rest }: MenuDividerProps) {\n  const dividerClasses = ['border-t border-base-300 my-1', className].filter(Boolean).join(' ')\n\n  return <li className={dividerClasses} role=\"separator\" {...rest} />\n}\n\nexport const Menu = Object.assign(MenuRoot, {\n  Item: MenuItem,\n  SubMenu: MenuSubMenu,\n  Title: MenuTitle,\n  Divider: MenuDivider,\n})\n"],"names":["dMenu","dMenuVertical","dMenuHorizontal","dMenuXs","dMenuSm","dMenuMd","dMenuLg","dMenuXl","dMenuIcon","dMenuTitle","MenuContext","createContext","useMenuContext","context","useContext","renderMenuItem","item","onSelect","selectedKeys","openKeys","onToggleOpen","jsx","MenuDivider","MenuTitle","MenuSubMenu","child","MenuItem","MenuRoot","children","items","mode","size","controlledSelectedKeys","defaultSelectedKeys","controlledOpenKeys","defaultOpenKeys","onOpenChange","className","testId","rest","internalSelectedKeys","setInternalSelectedKeys","useState","internalOpenKeys","setInternalOpenKeys","handleSelect","useCallback","key","handleToggleOpen","newOpenKeys","k","modeClasses","sizeClasses","menuClasses","contextValue","cloneChildrenWithKeys","React","childKey","content","icon","disabled","onClick","onKeyDown","active","_key","tabIndex","isSelected","handleClick","handleKeyDown","event","itemClasses","jsxs","label","title","isOpen","submenuId","useId","displayLabel","handleToggle","submenuClasses","e","titleClasses","dividerClasses","Menu"],"mappings":"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"}

package/dist/components/Modal.js

@@ -1,4 +1,4 @@
-import { jsxs as f, jsx as t, Fragment as Ce } from "react/jsx-runtime";
+import { jsxs as f, jsx as t, Fragment as ge } from "react/jsx-runtime";
 import B, { forwardRef as Me, useRef as k, useId as V, useImperativeHandle as Ne, useEffect as X } from "react";
 import { createRoot as Te } from "react-dom/client";
 import { useConfig as oe } from "../providers/ConfigProvider.js";
@@ -21,7 +21,7 @@ const Be = "d-modal", Y = "d-modal-top", Z = "d-modal-middle", _ = "d-modal-bott
   afterClose: a,
   initialFocus: h,
   alertDialog: O = !1,
-  confirmLoading: C,
+  confirmLoading: g,
   okButtonProps: I,
   cancelButtonProps: se,
   closeIcon: le,
@@ -32,7 +32,7 @@ const Be = "d-modal", Y = "d-modal-top", Z = "d-modal-middle", _ = "d-modal-bott
   style: ae,
   ...de
 }, ce) {
-  const { locale: D } = oe(), M = k(null), P = k(null), H = k(null), K = k(null), F = k(null), [ie, E] = B.useState(!1), [me, q] = B.useState(c || !S), G = V(), J = V(), j = C ?? ie, ue = $ ?? D.Modal?.okText ?? "OK", he = m ?? D.Modal?.cancelText ?? "Cancel";
+  const { locale: D } = oe(), M = k(null), P = k(null), H = k(null), K = k(null), F = k(null), [ie, E] = B.useState(!1), [me, q] = B.useState(c || !S), G = V(), J = V(), j = g ?? ie, ue = $ ?? D.Modal?.okText ?? "OK", he = m ?? D.Modal?.cancelText ?? "Cancel";
   Ne(ce, () => M.current, []);
   const N = R || i;
   X(() => {
@@ -111,11 +111,11 @@ const Be = "d-modal", Y = "d-modal-top", Z = "d-modal-middle", _ = "d-modal-bott
     return o;
   })(), w && fe[w], re].filter(Boolean).join(" "), ve = async () => {
     if (r) {
-      C === void 0 && E(!0);
+      g === void 0 && E(!0);
       try {
-        await r(), C === void 0 && E(!1);
+        await r(), g === void 0 && E(!1);
       } catch (o) {
-        throw C === void 0 && E(!1), o;
+        throw g === void 0 && E(!1), o;
       }
     }
   }, we = () => {
@@ -123,7 +123,7 @@ const Be = "d-modal", Y = "d-modal-top", Z = "d-modal-middle", _ = "d-modal-bott
   }, ke = u ? { width: typeof u == "number" ? `${u}px` : u, maxWidth: "90vw" } : {}, xe = {
     ...ae,
     ...z !== void 0 ? { zIndex: z } : {}
-  }, ye = !l && (r || i), ge = l != null, p = (o) => A ? `${A}-${o}` : void 0;
+  }, ye = !l && (r || i), Ce = l != null, p = (o) => A ? `${A}-${o}` : void 0;
   return me ? /* @__PURE__ */ f(
     "dialog",
     {
@@ -167,9 +167,18 @@ const Be = "d-modal", Y = "d-modal-top", Z = "d-modal-middle", _ = "d-modal-bott
               }
             )
           ] }),
-          ge && /* @__PURE__ */ t("div", { className: ee, children: l })
+          Ce && /* @__PURE__ */ t("div", { className: ee, children: l })
         ] }),
-        v && b && /* @__PURE__ */ t("form", { method: "dialog", className: Se, "data-testid": p("backdrop"), children: /* @__PURE__ */ t("button", { ref: K, onClick: we, "data-testid": p("close-button"), children: le || /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" }) }) })
+        v && b && /* @__PURE__ */ t("form", { method: "dialog", className: Se, "data-testid": p("backdrop"), children: /* @__PURE__ */ t(
+          "button",
+          {
+            ref: K,
+            onClick: we,
+            "data-testid": p("close-button"),
+            "aria-label": "Close modal",
+            children: le || /* @__PURE__ */ t("span", { className: "sr-only", children: "Close modal" })
+          }
+        ) })
       ]
     }
   ) : null;
@@ -304,7 +313,7 @@ function y(e) {
         ] }) : e.title,
         okText: a,
         cancelText: h,
-        footer: e.showCancel ? /* @__PURE__ */ f(Ce, { children: [
+        footer: e.showCancel ? /* @__PURE__ */ f(ge, { children: [
           /* @__PURE__ */ t("button", { className: x, onClick: w, children: h }),
           /* @__PURE__ */ t(
             "button",
@@ -350,13 +359,13 @@ function Pe(e) {
 function He(e) {
   return y({ ...e, type: "error", showCancel: !1 });
 }
-const g = ne;
-g.confirm = Ie;
-g.info = ze;
-g.success = De;
-g.warning = Pe;
-g.error = He;
+const C = ne;
+C.confirm = Ie;
+C.info = ze;
+C.success = De;
+C.warning = Pe;
+C.error = He;
 export {
-  g as Modal
+  C as Modal
 };
 //# sourceMappingURL=Modal.js.map