se-design 1.0.61-dev → 1.0.62-dev

package/dist/index50.js.map

@@ -1 +1 @@
-{"version":3,"file":"index50.js","sources":["../src/components/DatePicker/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { Dropdown } from '../Dropdown';\n\nimport './style.scss';\n\nexport interface DateRange {\n  startDate: Date | null;\n  endDate: Date | null;\n}\n\nexport interface DatePickerProps {\n  title?: string;\n  isOpen?: boolean;\n  initialStartDate?: Date;\n  initialEndDate?: Date;\n  onApply?: (dateRange: DateRange) => void;\n  onClose?: () => void;\n  shouldAllowFutureDateSelection?: boolean;\n  maxDays?: number;\n  disablePastDates?: boolean;\n  singleDateSelection?: boolean;\n  minYearOption?: number;\n  showQuickActions?: boolean;\n  className?: string;\n  automationId?: string;\n  showHeader?: boolean;\n  showSingleMonth?: boolean;\n  labels?: {\n    title?: string;\n    clear?: string;\n    apply?: string;\n  };\n}\n\nconst weekDays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst quickActions = ['Today', 'Yesterday', 'This Week', 'Last Week', 'This Month', 'Last Month'];\n\nconst months = [\n  { value: 'january', label: 'January' },\n  { value: 'february', label: 'February' },\n  { value: 'march', label: 'March' },\n  { value: 'april', label: 'April' },\n  { value: 'may', label: 'May' },\n  { value: 'june', label: 'June' },\n  { value: 'july', label: 'July' },\n  { value: 'august', label: 'August' },\n  { value: 'september', label: 'September' },\n  { value: 'october', label: 'October' },\n  { value: 'november', label: 'November' },\n  { value: 'december', label: 'December' }\n];\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  title = 'Select modified date',\n  // isOpen = true,\n  showHeader = true,\n  initialStartDate,\n  initialEndDate,\n  onApply = () => {},\n  onClose,\n  shouldAllowFutureDateSelection = false,\n  maxDays,\n  disablePastDates = false,\n  singleDateSelection = false,\n  minYearOption,\n  showQuickActions = false,\n  showSingleMonth = false,\n  className = '',\n  automationId = 'datepicker',\n  labels = {\n    clear: 'Clear',\n    apply: 'Apply'\n  }\n}) => {\n  const getDefaultDateRange = (): DateRange => {\n    // If initial start and end dates are provided, use them\n    if (initialStartDate && initialEndDate) {\n      return {\n        startDate: initialStartDate,\n        endDate: initialEndDate\n      };\n    }\n\n    // If no initial dates are provided, use today's date\n    const endDate = new Date();\n    endDate.setHours(23, 59, 59, 999); // End of today\n\n    const startDate = new Date();\n    startDate.setHours(0, 0, 0, 0); // Start of today\n\n    return { startDate, endDate };\n  };\n\n  const getDefaultMonths = (): [Date, Date] => {\n    const today = new Date();\n    const lastMonth = new Date();\n\n    // Set both to first day of their respective months\n    today.setDate(1);\n    lastMonth.setDate(1);\n\n    if (!showSingleMonth) {\n      lastMonth.setMonth(lastMonth.getMonth() - 1);\n    }\n\n    today.setHours(0, 0, 0, 0);\n    lastMonth.setHours(0, 0, 0, 0);\n\n    return [lastMonth, today];\n  };\n\n  const [selectedRange, setSelectedRange] = useState<DateRange>(getDefaultDateRange);\n  const [defaultMonths, _] = useState(getDefaultMonths);\n  const [leftMonth, setLeftMonth] = useState(() => defaultMonths[0]);\n  const [rightMonth, setRightMonth] = useState(() => defaultMonths[1]);\n\n  const getDaysInMonth = (year: number, month: number) => {\n    return new Date(year, month + 1, 0).getDate();\n  };\n\n  const getFirstDayOfMonth = (year: number, month: number) => {\n    return new Date(year, month, 1).getDay();\n  };\n\n  const generateCalendarDays = (year: number, month: number) => {\n    const daysInMonth = getDaysInMonth(year, month);\n    const firstDay = getFirstDayOfMonth(year, month);\n    const days = [];\n\n    // Add empty cells for days before the first day of the month\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null);\n    }\n\n    // Add the days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      const date = new Date(year, month, day);\n      date.setHours(0, 0, 0, 0); // Normalize to start of day for consistent comparisons\n      days.push(date);\n    }\n\n    return days;\n  };\n\n  const isSameDay = (date1: Date, date2: Date): boolean => {\n    return (\n      date1.getDate() === date2.getDate() &&\n      date1.getMonth() === date2.getMonth() &&\n      date1.getFullYear() === date2.getFullYear()\n    );\n  };\n\n  const isDateInRange = (date: Date) => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n\n    const compareDate = new Date(date);\n    compareDate.setHours(12, 0, 0, 0); // Noon to avoid any timezone issues\n\n    const startDate = new Date(selectedRange.startDate);\n    startDate.setHours(0, 0, 0, 0);\n\n    const endDate = new Date(selectedRange.endDate);\n    endDate.setHours(23, 59, 59, 999);\n\n    return compareDate >= startDate && compareDate <= endDate;\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getDate() === today.getDate() &&\n      date.getMonth() === today.getMonth() &&\n      date.getFullYear() === today.getFullYear()\n    );\n  };\n\n  const isDateDisabled = (date: Date | null) => {\n    if (!date) return true;\n\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    const dateToCheck = new Date(date);\n    dateToCheck.setHours(0, 0, 0, 0);\n\n    // If disablePastDates is true, disable dates before today\n    if (disablePastDates && dateToCheck < today) {\n      return true;\n    }\n\n    // If maxDays is specified, disable dates after maxDays from today\n    if (maxDays !== undefined && maxDays !== null) {\n      const maxDate = new Date(today);\n      maxDate.setDate(maxDate.getDate() + maxDays);\n      maxDate.setHours(0, 0, 0, 0); // Normalize to start of day\n      // Disable all dates after maxDays (dates strictly after maxDate should be disabled)\n      // Dates up to and including maxDate (today + maxDays) are allowed\n      if (dateToCheck > maxDate) {\n        return true;\n      }\n      // If maxDays is set, we're done checking - don't check shouldAllowFutureDateSelection\n      return false;\n    }\n\n    // If shouldAllowFutureDateSelection is false and maxDays is not specified, disable dates after today\n    if (!shouldAllowFutureDateSelection) {\n      return dateToCheck > today;\n    }\n\n    return false;\n  };\n\n  const handleDateClick = (date: Date) => {\n    if (isDateDisabled(date)) return;\n\n    const clickedDate = new Date(date);\n    clickedDate.setHours(12, 0, 0, 0); // Set to noon to avoid timezone issues\n\n    // Single date selection mode - immediately apply on click\n    if (singleDateSelection) {\n      setSelectedRange({ startDate: clickedDate, endDate: clickedDate });\n      onApply({ startDate: clickedDate, endDate: clickedDate });\n      onClose?.();\n      return;\n    }\n\n    // Range selection mode (original behavior)\n    if (!selectedRange.startDate || selectedRange.endDate) {\n      // No dates selected yet, or both dates are selected - start new selection\n      setSelectedRange({ startDate: clickedDate, endDate: null });\n    } else {\n      // Only start date is selected, set end date\n      const currentStart = new Date(selectedRange.startDate);\n      currentStart.setHours(12, 0, 0, 0);\n\n      const endDate = clickedDate > currentStart ? clickedDate : currentStart;\n      const startDate = clickedDate > currentStart ? currentStart : clickedDate;\n\n      setSelectedRange({ startDate, endDate });\n    }\n  };\n\n  const handleMonthNavigation = (date: Date, increment: boolean) => {\n    const newDate = new Date(date);\n    newDate.setMonth(newDate.getMonth() + (increment ? 1 : -1));\n    return newDate;\n  };\n\n  const ensureDateInCorrectOrder = (leftDate: Date, rightDate: Date): [Date, Date] => {\n    if (leftDate.getTime() > rightDate.getTime()) {\n      return [rightDate, leftDate];\n    }\n    return [leftDate, rightDate];\n  };\n\n  const handleMonthChange = (newDate: Date, isLeftCalendar: boolean) => {\n    // For single month view, we only need to set the left month\n    if (showSingleMonth) {\n      setLeftMonth(newDate);\n      return;\n    }\n\n    // For double month view, we need to ensure the dates are in the correct order\n    if (isLeftCalendar) {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(newDate, rightMonth);\n      setLeftMonth(newLeft);\n      if (newRight !== rightMonth) {\n        setRightMonth(newRight);\n      }\n    } else {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(leftMonth, newDate);\n      if (newLeft !== leftMonth) {\n        setLeftMonth(newLeft);\n      }\n      setRightMonth(newRight);\n    }\n  };\n\n  const isStartDate = (date: Date): boolean => {\n    if (!selectedRange?.startDate) return false;\n    return isSameDay(date, selectedRange.startDate);\n  };\n\n  const isEndDate = (date: Date): boolean => {\n    if (!selectedRange?.endDate) return false;\n    return isSameDay(date, selectedRange?.endDate);\n  };\n\n  const isSameStartAndEndDate = (date: Date): boolean => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n    return isSameDay(selectedRange.startDate, selectedRange.endDate) && isSameDay(date, selectedRange.startDate);\n  };\n\n  const getYearOptions = (currentYear: number, calendarYear: number) => {\n    const startYear = minYearOption || currentYear - 10;\n    let endYear = shouldAllowFutureDateSelection ? currentYear + 10 : currentYear;\n\n    // If maxDays is specified, calculate the maximum year\n    if (maxDays) {\n      const today = new Date();\n      const maxDate = new Date(today);\n      maxDate.setDate(maxDate.getDate() + maxDays);\n      const maxYear = maxDate.getFullYear();\n      // Use the smaller of the two limits\n      endYear = Math.min(endYear, maxYear);\n    }\n\n    endYear = Math.max(endYear, calendarYear);\n\n    const yearCount = endYear - startYear + 1;\n\n    return Array.from({ length: yearCount }, (_, i) => ({\n      value: startYear + i,\n      label: (startYear + i).toString()\n    })).filter((year) => {\n      if (year.value === calendarYear) {\n        return true;\n      }\n      if (!shouldAllowFutureDateSelection && year.value > currentYear) {\n        return false;\n      }\n      // If maxDays is specified, filter out years beyond maxDate\n      if (maxDays) {\n        const today = new Date();\n        const maxDate = new Date(today);\n        maxDate.setDate(maxDate.getDate() + maxDays);\n        return year.value <= maxDate.getFullYear();\n      }\n      return true;\n    });\n  };\n\n  const handleClear = () => {\n    const today = new Date();\n    const startDate = new Date();\n\n    // Set start date to beginning of today\n    startDate.setHours(0, 0, 0, 0);\n\n    // Set end date to end of today\n    today.setHours(23, 59, 59, 999);\n\n    const defaultRange = { startDate, endDate: today };\n    setSelectedRange(defaultRange);\n  };\n\n  const getStartOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(0, 0, 0, 0);\n    return newDate;\n  };\n\n  const getEndOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(23, 59, 59, 999);\n    return newDate;\n  };\n\n  const handleQuickAction = (action: string) => {\n    const today = new Date();\n    let startDate = new Date();\n    let endDate = new Date();\n\n    switch (action) {\n      case 'Today':\n        startDate = getStartOfDay(today);\n        endDate = getEndOfDay(today);\n        break;\n      case 'Yesterday':\n        startDate = getStartOfDay(new Date(today.setDate(today.getDate() - 1)));\n        endDate = getEndOfDay(new Date(today));\n        break;\n      case 'This Week':\n        const firstDayOfWeek = new Date(today.setDate(today.getDate() - today.getDay()));\n        startDate = getStartOfDay(firstDayOfWeek);\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Week':\n        const lastWeekStart = new Date(today.setDate(today.getDate() - today.getDay() - 7));\n        const lastWeekEnd = new Date(today.setDate(lastWeekStart.getDate() + 6));\n        startDate = getStartOfDay(lastWeekStart);\n        endDate = getEndOfDay(lastWeekEnd);\n        break;\n      case 'This Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth(), 1));\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth() - 1, 1));\n        endDate = getEndOfDay(new Date(today.getFullYear(), today.getMonth(), 0));\n        break;\n    }\n\n    setSelectedRange({ startDate, endDate });\n  };\n\n  const renderQuickActions = () => {\n    return (\n      <div className=\"w-[147px] p-4 border-r border-[var(--color-gray-200)]\">\n        <div className=\"flex flex-col gap-3\">\n          {quickActions.map((action) => (\n            <Button key={action} label={action} type=\"link\" onClick={() => handleQuickAction(action)} />\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const handleApply = () => {\n    const { startDate = null, endDate = null } = selectedRange;\n\n    if (startDate && endDate) {\n      onApply({ startDate, endDate });\n      return;\n    }\n\n    if (startDate || endDate) {\n      const selectedDate = startDate || endDate;\n      onApply({ startDate: selectedDate, endDate: selectedDate });\n    }\n  };\n\n  const renderCalendar = (date: Date) => {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const days = generateCalendarDays(year, month);\n    const currentYear = new Date().getFullYear();\n    const isLeftCalendar = date.getTime() === leftMonth.getTime();\n    const yearOptions = getYearOptions(currentYear, year);\n\n    return (\n      <div className=\"se-design-calendar-container w-fit p-4\">\n        <div className=\"flex justify-between items-center\">\n          <Icon\n            name=\"chevron\"\n            rotation=\"90\"\n            size={16}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, false);\n              // Check if navigating back would go before today when disablePastDates is true\n              if (disablePastDates) {\n                const today = new Date();\n                today.setHours(0, 0, 0, 0);\n                if (newDate < today && newDate.getMonth() !== today.getMonth()) {\n                  return; // Don't navigate to past months\n                }\n              }\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            className={`datepicker-navigation-icon ${\n              disablePastDates &&\n              date.getMonth() === new Date().getMonth() &&\n              date.getFullYear() === new Date().getFullYear()\n                ? 'disabled'\n                : ''\n            }`}\n            automationId={`${automationId}-previous-month`}\n          />\n\n          <div className=\"flex gap-2\" onClick={(e) => e.stopPropagation()}>\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={months}\n              defaultSelectedValue={months[month]}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setMonth(months.findIndex((m) => m.value === selectedOption.value));\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[124px] dropdown-option-container\"\n            />\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={yearOptions}\n              defaultSelectedValue={yearOptions.find((y) => y.value === year)}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setFullYear(selectedOption.value);\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[104px] dropdown-option-container\"\n            />\n          </div>\n\n          <Icon\n            name=\"chevron\"\n            rotation=\"270\"\n            size={16}\n            className={`datepicker-navigation-icon ${\n              (!shouldAllowFutureDateSelection &&\n                month === new Date().getMonth() &&\n                year === new Date().getFullYear()) ||\n              (maxDays !== undefined &&\n                (() => {\n                  const today = new Date();\n                  const maxDate = new Date(today);\n                  maxDate.setDate(maxDate.getDate() + maxDays);\n                  return date.getMonth() === maxDate.getMonth() && date.getFullYear() === maxDate.getFullYear();\n                })())\n                ? 'disabled'\n                : ''\n            }`}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, true);\n              // Check if the new date would exceed maxDays\n              if (maxDays !== undefined) {\n                const today = new Date();\n                const maxDate = new Date(today);\n                maxDate.setDate(maxDate.getDate() + maxDays);\n                if (newDate > maxDate) {\n                  return;\n                }\n              }\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            automationId={`${automationId}-next-month`}\n          />\n        </div>\n        <div className=\"grid grid-cols-7 gap-2 mt-3\">\n          {weekDays.map((day, index) => (\n            <div key={`${day}-${index}`} className=\"datepicker-weekdays\">\n              {day}\n            </div>\n          ))}\n          {days.map((date, index) => {\n            const isStart = date && isStartDate(date);\n            const isEnd = date && isEndDate(date);\n            const isSameStartEnd = date && isSameStartAndEndDate(date);\n            const inRange = date && !isStart && !isEnd && isDateInRange(date);\n            const todayDate = date && isToday(date);\n            const disabled = isDateDisabled(date);\n            const dateValue = date?.getDate();\n\n            return (\n              <div\n                key={`${date}-${index}`}\n                onClick={() => !disabled && date && handleDateClick(date)}\n                className={`\n                  relative h-10 w-10 flex items-center justify-center transition-colors rounded-md\n                  ${\n                    disabled ? 'cursor-not-allowed text-[var(--color-gray-600)] hover:bg-transparent' : 'cursor-pointer'\n                  }\n                  ${\n                    isSameStartEnd\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${\n                    !isSameStartEnd && isStart\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${\n                    !isSameStartEnd && isEnd\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${!isStart && !isEnd && inRange ? 'bg-[var(--color-blue-100)] text-[var(--color-blue-600)]' : ''}\n                  ${!isStart && !isEnd && !inRange && !disabled ? 'hover:bg-[var(--color-blue-100)]' : ''}\n                  ${todayDate && !isStart && !isEnd ? 'text-[var(--color-blue-500)]' : ''}\n                  ${!disabled && !isStart && !isEnd && !todayDate ? 'text-[var(--color-gray-700)]' : ''}\n                `}\n                data-automation-id={`${automationId}-date-${dateValue}`}\n              >\n                {date ? (\n                  <>\n                    {dateValue}\n                    {!isSameStartEnd && (isStart || isEnd) && (\n                      <div\n                        className={`absolute top-0 bottom-0 ${isStart ? 'right-[-8px]' : 'left-[-8px]'} w-[8px]\n                        bg-[var(--color-blue-100)] -z-10`}\n                      />\n                    )}\n                  </>\n                ) : (\n                  ''\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`se-design-datepicker-container flex flex-col bg-[var(--color-white)] rounded-md shadow-md w-max ${className}`}\n    >\n      {showHeader && (\n        <div className=\"se-design-datepicker-header flex justify-between items-center border-b border-[var(--color-gray-200)] p-4\">\n          <h2 className=\"datepicker-title\">{title}</h2>\n          {onClose && (\n            <Icon\n              name=\"close\"\n              size={16}\n              onClick={onClose}\n              className=\"cursor-pointer\"\n              automationId={`${automationId}-close`}\n            />\n          )}\n        </div>\n      )}\n      <div className=\"se-design-datepicker-content flex\">\n        {showQuickActions && renderQuickActions()}\n        <div className=\"flex\">\n          {showSingleMonth ? (\n            renderCalendar(leftMonth)\n          ) : (\n            <>\n              {renderCalendar(leftMonth)}\n              <div className=\"h-full w-[1px] border-r border-[var(--color-gray-200)]\"></div>\n              {renderCalendar(rightMonth)}\n            </>\n          )}\n        </div>\n      </div>\n      {!singleDateSelection && (\n        <div className=\"se-design-datepicker-footer flex justify-end items-center gap-5 p-4 border-t border-[var(--color-gray-200)]\">\n          <Button\n            label={labels?.clear || 'Clear'}\n            type=\"link\"\n            onClick={handleClear}\n            data-automation-id={`${automationId}-clear-button`}\n          />\n          <Button\n            label={labels?.apply || 'Apply'}\n            type=\"primary\"\n            onClick={handleApply}\n            data-automation-id={`${automationId}-apply-button`}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["React__default","useState","Button","Icon","Dropdown","weekDays","quickActions","months","value","label","DatePicker","title","showHeader","initialStartDate","initialEndDate","onApply","onClose","shouldAllowFutureDateSelection","maxDays","disablePastDates","singleDateSelection","minYearOption","showQuickActions","showSingleMonth","className","automationId","labels","clear","apply","getDefaultDateRange","startDate","endDate","Date","setHours","getDefaultMonths","today","lastMonth","setDate","setMonth","getMonth","selectedRange","setSelectedRange","defaultMonths","leftMonth","setLeftMonth","rightMonth","setRightMonth","getDaysInMonth","year","month","getDate","getFirstDayOfMonth","getDay","generateCalendarDays","daysInMonth","firstDay","days","i","push","day","date","isSameDay","date1","date2","getFullYear","isDateInRange","compareDate","isToday","isDateDisabled","dateToCheck","maxDate","handleDateClick","clickedDate","currentStart","handleMonthNavigation","increment","newDate","ensureDateInCorrectOrder","leftDate","rightDate","getTime","handleMonthChange","isLeftCalendar","newLeft","newRight","isStartDate","isEndDate","isSameStartAndEndDate","getYearOptions","currentYear","calendarYear","startYear","endYear","maxYear","Math","min","max","yearCount","Array","from","length","_","toString","filter","handleClear","getStartOfDay","getEndOfDay","handleQuickAction","action","firstDayOfWeek","lastWeekStart","lastWeekEnd","renderQuickActions","React","createElement","map","key","type","onClick","handleApply","selectedDate","renderCalendar","yearOptions","name","rotation","size","e","stopPropagation","dropDownOptions","defaultSelectedValue","selectBy","optionsUniqueBy","displaySelected","onOptionClick","selectedOption","findIndex","m","find","y","setFullYear","undefined","index","isStart","isEnd","isSameStartEnd","inRange","todayDate","disabled","dateValue","Fragment"],"mappings":"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"}
+{"version":3,"file":"index50.js","sources":["../src/components/DatePicker/index.tsx"],"sourcesContent":["import React, { useState } from 'react';\n\nimport { Button } from '../Button';\nimport { Icon } from '../Icon';\nimport { Dropdown } from '../Dropdown';\n\nimport './style.scss';\n\nexport interface DateRange {\n  startDate: Date | null;\n  endDate: Date | null;\n}\n\nexport interface DatePickerProps {\n  title?: string;\n  isOpen?: boolean;\n  initialStartDate?: Date;\n  initialEndDate?: Date;\n  onApply?: (dateRange: DateRange) => void;\n  onClose?: () => void;\n  shouldAllowFutureDateSelection?: boolean;\n  maxDays?: number;\n  disablePastDates?: boolean;\n  singleDateSelection?: boolean;\n  minYearOption?: number;\n  showQuickActions?: boolean;\n  className?: string;\n  automationId?: string;\n  showHeader?: boolean;\n  showSingleMonth?: boolean;\n  labels?: {\n    title?: string;\n    clear?: string;\n    apply?: string;\n  };\n}\n\nconst weekDays = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];\nconst quickActions = ['Today', 'Yesterday', 'This Week', 'Last Week', 'This Month', 'Last Month'];\n\nconst months = [\n  { value: 'january', label: 'January' },\n  { value: 'february', label: 'February' },\n  { value: 'march', label: 'March' },\n  { value: 'april', label: 'April' },\n  { value: 'may', label: 'May' },\n  { value: 'june', label: 'June' },\n  { value: 'july', label: 'July' },\n  { value: 'august', label: 'August' },\n  { value: 'september', label: 'September' },\n  { value: 'october', label: 'October' },\n  { value: 'november', label: 'November' },\n  { value: 'december', label: 'December' }\n];\n\nexport const DatePicker: React.FC<DatePickerProps> = ({\n  title = 'Select modified date',\n  // isOpen = true,\n  showHeader = true,\n  initialStartDate,\n  initialEndDate,\n  onApply = () => {},\n  onClose,\n  shouldAllowFutureDateSelection = false,\n  maxDays,\n  disablePastDates = false,\n  singleDateSelection = false,\n  minYearOption,\n  showQuickActions = false,\n  showSingleMonth = false,\n  className = '',\n  automationId = 'datepicker',\n  labels = {\n    clear: 'Clear',\n    apply: 'Apply'\n  }\n}) => {\n  const getDefaultDateRange = (): DateRange => {\n    // If initial start and end dates are provided, use them\n    if (initialStartDate && initialEndDate) {\n      return {\n        startDate: initialStartDate,\n        endDate: initialEndDate\n      };\n    }\n\n    // If no initial dates are provided, use today's date\n    const endDate = new Date();\n    endDate.setHours(23, 59, 59, 999); // End of today\n\n    const startDate = new Date();\n    startDate.setHours(0, 0, 0, 0); // Start of today\n\n    return { startDate, endDate };\n  };\n\n  const getDefaultMonths = (): [Date, Date] => {\n    const today = new Date();\n    const lastMonth = new Date();\n\n    // Set both to first day of their respective months\n    today.setDate(1);\n    lastMonth.setDate(1);\n\n    if (!showSingleMonth) {\n      lastMonth.setMonth(lastMonth.getMonth() - 1);\n    }\n\n    today.setHours(0, 0, 0, 0);\n    lastMonth.setHours(0, 0, 0, 0);\n\n    return [lastMonth, today];\n  };\n\n  const [selectedRange, setSelectedRange] = useState<DateRange>(getDefaultDateRange);\n  const [defaultMonths, _] = useState(getDefaultMonths);\n  const [leftMonth, setLeftMonth] = useState(() => defaultMonths[0]);\n  const [rightMonth, setRightMonth] = useState(() => defaultMonths[1]);\n\n  const getDaysInMonth = (year: number, month: number) => {\n    return new Date(year, month + 1, 0).getDate();\n  };\n\n  const getFirstDayOfMonth = (year: number, month: number) => {\n    return new Date(year, month, 1).getDay();\n  };\n\n  const generateCalendarDays = (year: number, month: number) => {\n    const daysInMonth = getDaysInMonth(year, month);\n    const firstDay = getFirstDayOfMonth(year, month);\n    const days = [];\n\n    // Add empty cells for days before the first day of the month\n    for (let i = 0; i < firstDay; i++) {\n      days.push(null);\n    }\n\n    // Add the days of the month\n    for (let day = 1; day <= daysInMonth; day++) {\n      const date = new Date(year, month, day);\n      date.setHours(0, 0, 0, 0); // Normalize to start of day for consistent comparisons\n      days.push(date);\n    }\n\n    return days;\n  };\n\n  const isSameDay = (date1: Date, date2: Date): boolean => {\n    return (\n      date1.getDate() === date2.getDate() &&\n      date1.getMonth() === date2.getMonth() &&\n      date1.getFullYear() === date2.getFullYear()\n    );\n  };\n\n  const isDateInRange = (date: Date) => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n\n    const compareDate = new Date(date);\n    compareDate.setHours(12, 0, 0, 0); // Noon to avoid any timezone issues\n\n    const startDate = new Date(selectedRange.startDate);\n    startDate.setHours(0, 0, 0, 0);\n\n    const endDate = new Date(selectedRange.endDate);\n    endDate.setHours(23, 59, 59, 999);\n\n    return compareDate >= startDate && compareDate <= endDate;\n  };\n\n  const isToday = (date: Date) => {\n    const today = new Date();\n    return (\n      date.getDate() === today.getDate() &&\n      date.getMonth() === today.getMonth() &&\n      date.getFullYear() === today.getFullYear()\n    );\n  };\n\n  const isDateDisabled = (date: Date | null) => {\n    if (!date) return true;\n\n    const today = new Date();\n    today.setHours(0, 0, 0, 0);\n    const dateToCheck = new Date(date);\n    dateToCheck.setHours(0, 0, 0, 0);\n\n    // If disablePastDates is true, disable dates before today\n    if (disablePastDates && dateToCheck < today) {\n      return true;\n    }\n\n    // If maxDays is specified, disable dates after maxDays from today\n    if (maxDays !== undefined && maxDays !== null) {\n      const maxDate = new Date(today);\n      maxDate.setDate(maxDate.getDate() + maxDays);\n      maxDate.setHours(0, 0, 0, 0); // Normalize to start of day\n      // Disable all dates after maxDays (dates strictly after maxDate should be disabled)\n      // Dates up to and including maxDate (today + maxDays) are allowed\n      if (dateToCheck > maxDate) {\n        return true;\n      }\n      // If maxDays is set, we're done checking - don't check shouldAllowFutureDateSelection\n      return false;\n    }\n\n    // If shouldAllowFutureDateSelection is false and maxDays is not specified, disable dates after today\n    if (!shouldAllowFutureDateSelection) {\n      return dateToCheck > today;\n    }\n\n    return false;\n  };\n\n  const handleDateClick = (date: Date) => {\n    if (isDateDisabled(date)) return;\n\n    const clickedDate = new Date(date);\n    clickedDate.setHours(12, 0, 0, 0); // Set to noon to avoid timezone issues\n\n    // Single date selection mode - immediately apply on click\n    if (singleDateSelection) {\n      setSelectedRange({ startDate: clickedDate, endDate: clickedDate });\n      onApply({ startDate: clickedDate, endDate: clickedDate });\n      onClose?.();\n      return;\n    }\n\n    // Range selection mode (original behavior)\n    if (!selectedRange.startDate || selectedRange.endDate) {\n      // No dates selected yet, or both dates are selected - start new selection\n      setSelectedRange({ startDate: clickedDate, endDate: null });\n    } else {\n      // Only start date is selected, set end date\n      const currentStart = new Date(selectedRange.startDate);\n      currentStart.setHours(12, 0, 0, 0);\n\n      const endDate = clickedDate > currentStart ? clickedDate : currentStart;\n      const startDate = clickedDate > currentStart ? currentStart : clickedDate;\n\n      setSelectedRange({ startDate, endDate });\n    }\n  };\n\n  const handleMonthNavigation = (date: Date, increment: boolean) => {\n    const newDate = new Date(date);\n    newDate.setMonth(newDate.getMonth() + (increment ? 1 : -1));\n    return newDate;\n  };\n\n  const ensureDateInCorrectOrder = (leftDate: Date, rightDate: Date): [Date, Date] => {\n    if (leftDate.getTime() > rightDate.getTime()) {\n      return [rightDate, leftDate];\n    }\n    return [leftDate, rightDate];\n  };\n\n  const handleMonthChange = (newDate: Date, isLeftCalendar: boolean) => {\n    // For single month view, we only need to set the left month\n    if (showSingleMonth) {\n      setLeftMonth(newDate);\n      return;\n    }\n\n    // For double month view, we need to ensure the dates are in the correct order\n    if (isLeftCalendar) {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(newDate, rightMonth);\n      setLeftMonth(newLeft);\n      if (newRight !== rightMonth) {\n        setRightMonth(newRight);\n      }\n    } else {\n      const [newLeft, newRight] = ensureDateInCorrectOrder(leftMonth, newDate);\n      if (newLeft !== leftMonth) {\n        setLeftMonth(newLeft);\n      }\n      setRightMonth(newRight);\n    }\n  };\n\n  const isStartDate = (date: Date): boolean => {\n    if (!selectedRange?.startDate) return false;\n    return isSameDay(date, selectedRange.startDate);\n  };\n\n  const isEndDate = (date: Date): boolean => {\n    if (!selectedRange?.endDate) return false;\n    return isSameDay(date, selectedRange?.endDate);\n  };\n\n  const isSameStartAndEndDate = (date: Date): boolean => {\n    if (!selectedRange.startDate || !selectedRange.endDate) return false;\n    return isSameDay(selectedRange.startDate, selectedRange.endDate) && isSameDay(date, selectedRange.startDate);\n  };\n\n  const getYearOptions = (currentYear: number, calendarYear: number) => {\n    const startYear = minYearOption || currentYear - 10;\n    let endYear = shouldAllowFutureDateSelection ? currentYear + 10 : currentYear;\n\n    // If maxDays is specified, calculate the maximum year\n    if (maxDays) {\n      const today = new Date();\n      const maxDate = new Date(today);\n      maxDate.setDate(maxDate.getDate() + maxDays);\n      const maxYear = maxDate.getFullYear();\n      // Use the smaller of the two limits\n      endYear = Math.min(endYear, maxYear);\n    }\n\n    endYear = Math.max(endYear, calendarYear);\n\n    const yearCount = endYear - startYear + 1;\n\n    return Array.from({ length: yearCount }, (_, i) => ({\n      value: startYear + i,\n      label: (startYear + i).toString()\n    })).filter((year) => {\n      if (year.value === calendarYear) {\n        return true;\n      }\n      if (!shouldAllowFutureDateSelection && year.value > currentYear) {\n        return false;\n      }\n      // If maxDays is specified, filter out years beyond maxDate\n      if (maxDays) {\n        const today = new Date();\n        const maxDate = new Date(today);\n        maxDate.setDate(maxDate.getDate() + maxDays);\n        return year.value <= maxDate.getFullYear();\n      }\n      return true;\n    });\n  };\n\n  const handleClear = () => {\n    const today = new Date();\n    const startDate = new Date();\n\n    // Set start date to beginning of today\n    startDate.setHours(0, 0, 0, 0);\n\n    // Set end date to end of today\n    today.setHours(23, 59, 59, 999);\n\n    const defaultRange = { startDate, endDate: today };\n    setSelectedRange(defaultRange);\n  };\n\n  const getStartOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(0, 0, 0, 0);\n    return newDate;\n  };\n\n  const getEndOfDay = (date: Date) => {\n    const newDate = new Date(date);\n    newDate.setHours(23, 59, 59, 999);\n    return newDate;\n  };\n\n  const handleQuickAction = (action: string) => {\n    const today = new Date();\n    let startDate = new Date();\n    let endDate = new Date();\n\n    switch (action) {\n      case 'Today':\n        startDate = getStartOfDay(today);\n        endDate = getEndOfDay(today);\n        break;\n      case 'Yesterday':\n        startDate = getStartOfDay(new Date(today.setDate(today.getDate() - 1)));\n        endDate = getEndOfDay(new Date(today));\n        break;\n      case 'This Week':\n        const firstDayOfWeek = new Date(today.setDate(today.getDate() - today.getDay()));\n        startDate = getStartOfDay(firstDayOfWeek);\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Week':\n        const lastWeekStart = new Date(today.setDate(today.getDate() - today.getDay() - 7));\n        const lastWeekEnd = new Date(today.setDate(lastWeekStart.getDate() + 6));\n        startDate = getStartOfDay(lastWeekStart);\n        endDate = getEndOfDay(lastWeekEnd);\n        break;\n      case 'This Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth(), 1));\n        endDate = getEndOfDay(new Date());\n        break;\n      case 'Last Month':\n        startDate = getStartOfDay(new Date(today.getFullYear(), today.getMonth() - 1, 1));\n        endDate = getEndOfDay(new Date(today.getFullYear(), today.getMonth(), 0));\n        break;\n    }\n\n    setSelectedRange({ startDate, endDate });\n  };\n\n  const renderQuickActions = () => {\n    return (\n      <div className=\"w-[147px] p-4 border-r border-[var(--color-gray-200)]\">\n        <div className=\"flex flex-col gap-3\">\n          {quickActions.map((action) => (\n            <Button key={action} label={action} type=\"link\" onClick={() => handleQuickAction(action)} />\n          ))}\n        </div>\n      </div>\n    );\n  };\n\n  const handleApply = () => {\n    const { startDate = null, endDate = null } = selectedRange;\n\n    if (startDate && endDate) {\n      onApply({ startDate, endDate });\n      return;\n    }\n\n    if (startDate || endDate) {\n      const selectedDate = startDate || endDate;\n      onApply({ startDate: selectedDate, endDate: selectedDate });\n    }\n  };\n\n  const renderCalendar = (date: Date) => {\n    const year = date.getFullYear();\n    const month = date.getMonth();\n    const days = generateCalendarDays(year, month);\n    const currentYear = new Date().getFullYear();\n    const isLeftCalendar = date.getTime() === leftMonth.getTime();\n    const yearOptions = getYearOptions(currentYear, year);\n\n    return (\n      <div className=\"se-design-calendar-container w-fit p-4\">\n        <div className=\"flex justify-between items-center\">\n          <Icon\n            name=\"chevron\"\n            rotation=\"90\"\n            size={16}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, false);\n              // Check if navigating back would go before today when disablePastDates is true\n              if (disablePastDates) {\n                const today = new Date();\n                today.setHours(0, 0, 0, 0);\n                if (newDate < today && newDate.getMonth() !== today.getMonth()) {\n                  return; // Don't navigate to past months\n                }\n              }\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            className={`datepicker-navigation-icon ${\n              disablePastDates &&\n              date.getMonth() === new Date().getMonth() &&\n              date.getFullYear() === new Date().getFullYear()\n                ? 'disabled'\n                : ''\n            }`}\n            automationId={`${automationId}-previous-month`}\n          />\n\n          <div className=\"flex gap-2\" onClick={(e) => e.stopPropagation()}>\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={months}\n              defaultSelectedValue={months[month]}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setMonth(months.findIndex((m) => m.value === selectedOption.value));\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[124px] dropdown-option-container\"\n            />\n            <Dropdown\n              type=\"select\"\n              dropDownOptions={yearOptions}\n              defaultSelectedValue={yearOptions.find((y) => y.value === year)}\n              selectBy=\"label\"\n              optionsUniqueBy=\"value\"\n              displaySelected={true}\n              onOptionClick={(selectedOption) => {\n                const newDate = new Date(date);\n                newDate.setFullYear(selectedOption.value);\n                handleMonthChange(newDate, isLeftCalendar);\n              }}\n              className=\"w-[104px] dropdown-option-container\"\n            />\n          </div>\n\n          <Icon\n            name=\"chevron\"\n            rotation=\"270\"\n            size={16}\n            className={`datepicker-navigation-icon ${\n              (!shouldAllowFutureDateSelection &&\n                month === new Date().getMonth() &&\n                year === new Date().getFullYear()) ||\n              (maxDays !== undefined &&\n                (() => {\n                  const today = new Date();\n                  const maxDate = new Date(today);\n                  maxDate.setDate(maxDate.getDate() + maxDays);\n                  return date.getMonth() === maxDate.getMonth() && date.getFullYear() === maxDate.getFullYear();\n                })())\n                ? 'disabled'\n                : ''\n            }`}\n            onClick={() => {\n              const newDate = handleMonthNavigation(date, true);\n              // Check if the new date would exceed maxDays\n              if (maxDays !== undefined) {\n                const today = new Date();\n                const maxDate = new Date(today);\n                maxDate.setDate(maxDate.getDate() + maxDays);\n                if (newDate > maxDate) {\n                  return;\n                }\n              }\n              handleMonthChange(newDate, isLeftCalendar);\n            }}\n            automationId={`${automationId}-next-month`}\n          />\n        </div>\n        <div className=\"grid grid-cols-7 gap-2 mt-3\">\n          {weekDays.map((day, index) => (\n            <div key={`${day}-${index}`} className=\"datepicker-weekdays\">\n              {day}\n            </div>\n          ))}\n          {days.map((date, index) => {\n            const isStart = date && isStartDate(date);\n            const isEnd = date && isEndDate(date);\n            const isSameStartEnd = date && isSameStartAndEndDate(date);\n            const inRange = date && !isStart && !isEnd && isDateInRange(date);\n            const todayDate = date && isToday(date);\n            const disabled = isDateDisabled(date);\n            const dateValue = date?.getDate();\n\n            return (\n              <div\n                key={`${date}-${index}`}\n                onClick={() => !disabled && date && handleDateClick(date)}\n                className={`\n                  relative h-10 w-10 flex items-center justify-center transition-colors rounded-md\n                  ${\n                    disabled ? 'cursor-not-allowed text-[var(--color-gray-600)] hover:bg-transparent' : 'cursor-pointer'\n                  }\n                  ${\n                    isSameStartEnd\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${\n                    !isSameStartEnd && isStart\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${\n                    !isSameStartEnd && isEnd\n                      ? 'bg-[var(--color-blue-500)] text-[var(--color-white)] hover:bg-[var(--color-blue-600)]'\n                      : ''\n                  }\n                  ${!isStart && !isEnd && inRange ? 'bg-[var(--color-blue-100)] text-[var(--color-blue-600)]' : ''}\n                  ${!isStart && !isEnd && !inRange && !disabled ? 'hover:bg-[var(--color-blue-100)]' : ''}\n                  ${todayDate && !isStart && !isEnd ? 'text-[var(--color-blue-500)] bg-[var(--color-blue-100)]' : ''}\n                  ${!disabled && !isStart && !isEnd && !todayDate ? 'text-[var(--color-gray-700)]' : ''}\n                `}\n                data-automation-id={`${automationId}-date-${dateValue}`}\n              >\n                {date ? (\n                  <>\n                    {dateValue}\n                    {!isSameStartEnd && (isStart || isEnd) && (\n                      <div\n                        className={`absolute top-0 bottom-0 ${isStart ? 'right-[-8px]' : 'left-[-8px]'} w-[8px]\n                        bg-[var(--color-blue-100)] -z-10`}\n                      />\n                    )}\n                  </>\n                ) : (\n                  ''\n                )}\n              </div>\n            );\n          })}\n        </div>\n      </div>\n    );\n  };\n\n  return (\n    <div\n      className={`se-design-datepicker-container flex flex-col bg-[var(--color-white)] rounded-md shadow-md w-max ${className}`}\n    >\n      {showHeader && (\n        <div className=\"se-design-datepicker-header flex justify-between items-center border-b border-[var(--color-gray-200)] p-4\">\n          <h2 className=\"datepicker-title\">{title}</h2>\n          {onClose && (\n            <Icon\n              name=\"close\"\n              size={16}\n              onClick={onClose}\n              className=\"cursor-pointer\"\n              automationId={`${automationId}-close`}\n            />\n          )}\n        </div>\n      )}\n      <div className=\"se-design-datepicker-content flex\">\n        {showQuickActions && renderQuickActions()}\n        <div className=\"flex\">\n          {showSingleMonth ? (\n            renderCalendar(leftMonth)\n          ) : (\n            <>\n              {renderCalendar(leftMonth)}\n              <div className=\"h-full w-[1px] border-r border-[var(--color-gray-200)]\"></div>\n              {renderCalendar(rightMonth)}\n            </>\n          )}\n        </div>\n      </div>\n      {!singleDateSelection && (\n        <div className=\"se-design-datepicker-footer flex justify-end items-center gap-5 p-4 border-t border-[var(--color-gray-200)]\">\n          <Button\n            label={labels?.clear || 'Clear'}\n            type=\"ghost\"\n            onClick={handleClear}\n            data-automation-id={`${automationId}-clear-button`}\n          />\n          <Button\n            label={labels?.apply || 'Apply'}\n            type=\"primary\"\n            onClick={handleApply}\n            data-automation-id={`${automationId}-apply-button`}\n          />\n        </div>\n      )}\n    </div>\n  );\n};\n"],"names":["React__default","useState","Button","Icon","Dropdown","weekDays","quickActions","months","value","label","DatePicker","title","showHeader","initialStartDate","initialEndDate","onApply","onClose","shouldAllowFutureDateSelection","maxDays","disablePastDates","singleDateSelection","minYearOption","showQuickActions","showSingleMonth","className","automationId","labels","clear","apply","getDefaultDateRange","startDate","endDate","Date","setHours","getDefaultMonths","today","lastMonth","setDate","setMonth","getMonth","selectedRange","setSelectedRange","defaultMonths","leftMonth","setLeftMonth","rightMonth","setRightMonth","getDaysInMonth","year","month","getDate","getFirstDayOfMonth","getDay","generateCalendarDays","daysInMonth","firstDay","days","i","push","day","date","isSameDay","date1","date2","getFullYear","isDateInRange","compareDate","isToday","isDateDisabled","dateToCheck","maxDate","handleDateClick","clickedDate","currentStart","handleMonthNavigation","increment","newDate","ensureDateInCorrectOrder","leftDate","rightDate","getTime","handleMonthChange","isLeftCalendar","newLeft","newRight","isStartDate","isEndDate","isSameStartAndEndDate","getYearOptions","currentYear","calendarYear","startYear","endYear","maxYear","Math","min","max","yearCount","Array","from","length","_","toString","filter","handleClear","getStartOfDay","getEndOfDay","handleQuickAction","action","firstDayOfWeek","lastWeekStart","lastWeekEnd","renderQuickActions","React","createElement","map","key","type","onClick","handleApply","selectedDate","renderCalendar","yearOptions","name","rotation","size","e","stopPropagation","dropDownOptions","defaultSelectedValue","selectBy","optionsUniqueBy","displaySelected","onOptionClick","selectedOption","findIndex","m","find","y","setFullYear","undefined","index","isStart","isEnd","isSameStartEnd","inRange","todayDate","disabled","dateValue","Fragment"],"mappings":"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"}

package/dist/index54.js

@@ -1,4 +1,4 @@
-import i from "react";
+import d from "react";
 /* empty css         */
 const n = ({
   element: e,
@@ -6,7 +6,7 @@ const n = ({
   baseColor: r,
   highlightColor: s
 }) => {
-  const d = {
+  const t = {
     width: typeof e.width == "number" ? `${e.width}px` : e.width,
     height: typeof e.height == "number" ? `${e.height}px` : e.height,
     borderRadius: e.borderRadius ? typeof e.borderRadius == "number" ? `${e.borderRadius}px` : e.borderRadius : void 0,
@@ -15,12 +15,12 @@ const n = ({
     "--shimmer-base-color": r,
     "--shimmer-highlight-color": s
   }, m = `se-design-shimmer-element se-design-shimmer-${e.type}`;
-  return /* @__PURE__ */ i.createElement("div", {
+  return /* @__PURE__ */ d.createElement("div", {
     className: m,
-    style: d
-  }, e.children && e.children.map((t, p) => /* @__PURE__ */ i.createElement(n, {
+    style: t
+  }, e.children && e.children.map((i, p) => /* @__PURE__ */ d.createElement(n, {
     key: p,
-    element: t,
+    element: i,
     animationDuration: a,
     baseColor: r,
     highlightColor: s
@@ -31,18 +31,18 @@ const n = ({
   baseColor: r,
   highlightColor: s
 }) => {
-  const d = {
+  const t = {
     display: "flex",
     flexDirection: e.direction || "column",
     gap: typeof e.gap == "number" ? `${e.gap}px` : e.gap,
     padding: e.padding,
     margin: e.margin
   };
-  return /* @__PURE__ */ i.createElement("div", {
+  return /* @__PURE__ */ d.createElement("div", {
     className: `se-design-shimmer-container ${e.className || ""}`,
-    style: d
-  }, e.children.map((m, t) => /* @__PURE__ */ i.createElement(n, {
-    key: t,
+    style: t
+  }, e.children.map((m, i) => /* @__PURE__ */ d.createElement(n, {
+    key: i,
     element: m,
     animationDuration: a,
     baseColor: r,
@@ -53,36 +53,35 @@ const n = ({
   className: a = "",
   animationDuration: r = 1.5,
   baseColor: s = "#f0f0f0",
-  highlightColor: d = "#e0e0e0",
+  highlightColor: t = "#e0e0e0",
   width: m,
-  height: t
+  height: i
 }) => {
   const p = {
     width: m ? typeof m == "number" ? `${m}px` : m : "100%",
-    height: t ? typeof t == "number" ? `${t}px` : t : "auto",
+    height: i ? typeof i == "number" ? `${i}px` : i : "auto",
     "--shimmer-duration": `${r}s`,
     "--shimmer-base-color": s,
-    "--shimmer-highlight-color": d
+    "--shimmer-highlight-color": t
   };
-  return /* @__PURE__ */ i.createElement("div", {
+  return /* @__PURE__ */ d.createElement("div", {
     className: `se-design-shimmer-loader ${a}`,
     style: p
-  }, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ i.createElement(h, {
+  }, e.map((c, o) => c.type === "container" ? /* @__PURE__ */ d.createElement(h, {
     key: o,
     container: c,
     animationDuration: r,
     baseColor: s,
-    highlightColor: d
-  }) : /* @__PURE__ */ i.createElement(n, {
+    highlightColor: t
+  }) : /* @__PURE__ */ d.createElement(n, {
     key: o,
     element: c,
     animationDuration: r,
     baseColor: s,
-    highlightColor: d
+    highlightColor: t
   })));
 };
 export {
-  f as ShimmerLoader,
-  f as default
+  f as ShimmerLoader
 };
 //# sourceMappingURL=index54.js.map

package/dist/index56.js

@@ -1,5 +1,5 @@
 import p, { useState as A, useRef as O, useEffect as j } from "react";
-import { useStableId as W } from "./index184.js";
+import { useStableId as W } from "./index185.js";
 /* empty css         */
 const M = ({
   length: n = 6,
@@ -131,7 +131,7 @@ const M = ({
               outline-none
               transition-colors
               disabled:bg-gray-50 disabled:cursor-not-allowed
-              ${i ? "border-[var(--color-gray-300)] text-gray-400" : I ? "border-[var(--color-red-400)] text-gray-900 focus:border-[var(--color-red-400)] focus:ring-1 focus:ring-[var(--color-red-400)]" : "border-[var(--color-gray-300)] text-gray-900 focus:border-[var(--color-blue-500)] focus:ring-1 focus:ring-[var(--color-blue-500)]"}
+              ${i ? "border-[var(--color-gray-300)] text-gray-400" : I ? "border-[var(--color-red-500)] text-gray-900 focus:border-[var(--color-red-500)] focus:ring-1 focus:ring-[var(--color-red-500)]" : "border-[var(--color-gray-600)] text-gray-900 focus:border-[var(--color-blue-500)] focus:ring-1 focus:ring-[var(--color-blue-500)]"}
             `,
     style: {
       gap: "var(--Spacer-6px, 6px)"

package/dist/index56.js.map

@@ -1 +1 @@
-{"version":3,"file":"index56.js","sources":["../src/components/OTPInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, KeyboardEvent, ChangeEvent, ClipboardEvent, FC } from 'react';\nimport { useStableId } from '../../utils/useStableId';\nimport './style.scss';\n\nexport interface OTPInputProps {\n  length?: number;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  label?: string;\n  disabled?: boolean;\n  className?: string;\n  autoFocus?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  validateOnBlur?: boolean;\n  onValidate?: (value: string) => boolean | string;\n  id?: string;\n}\n\nexport const OTPInput: FC<OTPInputProps> = ({\n  length = 6,\n  onChange,\n  onComplete,\n  label,\n  disabled = false,\n  className = '',\n  autoFocus = true,\n  error = false,\n  errorMessage,\n  validateOnBlur = false,\n  onValidate,\n  id\n}) => {\n  const [values, setValues] = useState<string[]>(Array(length).fill(''));\n  const [internalError, setInternalError] = useState<string | null>(null);\n  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n  const isBackspacePressed = useRef<boolean>(false);\n  \n  // Generate stable IDs for ARIA attributes\n  const baseId = useStableId(id, 'se-otp-input');\n  const labelId = `${baseId}-label`;\n  const errorId = `${baseId}-error`;\n\n  // Helper: Check if a string is a single digit\n  const isDigit = (char: string): boolean => /^\\d$/.test(char);\n\n  // Helper: Check if OTP is complete\n  const isComplete = (otpValue: string): boolean => {\n    return otpValue.length === length && values.every((val) => val !== '');\n  };\n\n  // Helper: Update value at specific index\n  const updateValue = (index: number, value: string, shouldFocusNext = false) => {\n    const newValues = [...values];\n    newValues[index] = value;\n    setValues(newValues);\n\n    if (shouldFocusNext && value && index < length - 1) {\n      focusInput(index + 1);\n    }\n  };\n\n  // Helper: Clear value at specific index\n  const clearValue = (index: number) => {\n    updateValue(index, '');\n  };\n\n  // Helper: Focus input at index\n  const focusInput = (index: number) => {\n    inputRefs.current[index]?.focus();\n  };\n\n  useEffect(() => {\n    if (autoFocus && inputRefs.current[0] && !disabled) {\n      focusInput(0);\n    }\n  }, [autoFocus, disabled]);\n\n  // Internal validation\n  const validateOTP = (otpValue: string): string | null => {\n    // Empty validation\n    if (otpValue.length === 0) {\n      return errorMessage || 'Please enter the verification code';\n    }\n\n    // Incomplete validation\n    if (otpValue.length < length || !isComplete(otpValue)) {\n      return errorMessage || 'Please enter all digits';\n    }\n\n    // Custom validation\n    if (onValidate) {\n      const validationResult = onValidate(otpValue);\n      if (validationResult === false) {\n        return errorMessage || 'Invalid verification code';\n      }\n      if (typeof validationResult === 'string') {\n        return validationResult;\n      }\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    const otpValue = values.join('');\n    onChange?.(otpValue);\n\n    // Clear error when user starts typing\n    if (internalError && otpValue.length > 0) {\n      setInternalError(null);\n    }\n\n    if (isComplete(otpValue)) {\n      // Validate on complete\n      if (onValidate) {\n        const validationResult = onValidate(otpValue);\n        if (validationResult === false || typeof validationResult === 'string') {\n          const errorMsg =\n            typeof validationResult === 'string' ? validationResult : errorMessage || 'Invalid verification code';\n          setInternalError(errorMsg);\n        } else {\n          setInternalError(null);\n        }\n      }\n      onComplete?.(otpValue);\n    }\n  }, [values, length, onChange, onComplete, onValidate, errorMessage]);\n\n  const handleChange = (index: number, value: string) => {\n    // Only allow single digit or empty\n    if (value && !isDigit(value)) {\n      return;\n    }\n\n    updateValue(index, value, true);\n  };\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    const currentValue = values[index];\n\n    // Handle backspace\n    if (e.key === 'Backspace') {\n      isBackspacePressed.current = true;\n      if (currentValue) {\n        clearValue(index);\n      } else if (index > 0) {\n        clearValue(index - 1);\n        focusInput(index - 1);\n      }\n      // Reset backspace flag after a short delay\n      setTimeout(() => {\n        isBackspacePressed.current = false;\n      }, 100);\n      e.preventDefault();\n      return;\n    }\n\n    // Handle delete\n    if (e.key === 'Delete') {\n      isBackspacePressed.current = true;\n      clearValue(index);\n      // Reset backspace flag after a short delay\n      setTimeout(() => {\n        isBackspacePressed.current = false;\n      }, 100);\n      e.preventDefault();\n      return;\n    }\n\n    // Handle navigation keys\n    const navigationHandlers: Record<string, () => void> = {\n      ArrowLeft: () => index > 0 && focusInput(index - 1),\n      ArrowRight: () => index < length - 1 && focusInput(index + 1),\n      Home: () => focusInput(0),\n      End: () => focusInput(length - 1)\n    };\n\n    if (navigationHandlers[e.key]) {\n      navigationHandlers[e.key]();\n      e.preventDefault();\n      return;\n    }\n\n    // Allow digits, but prevent if already filled\n    if (isDigit(e.key)) {\n      if (currentValue) {\n        updateValue(index, e.key, true);\n      }\n    }\n  };\n\n  const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    e.preventDefault();\n    const pastedData = e.clipboardData.getData('text/plain').trim();\n\n    // Extract only digits\n    const digits = pastedData.replace(/\\D/g, '').slice(0, length);\n\n    if (digits.length > 0) {\n      const newValues = [...values];\n\n      // Fill inputs starting from the current index\n      const startIndex = inputRefs.current.findIndex((ref) => ref === document.activeElement);\n      const actualStartIndex = startIndex >= 0 ? startIndex : 0;\n\n      for (let i = 0; i < digits.length && actualStartIndex + i < length; i++) {\n        newValues[actualStartIndex + i] = digits[i];\n      }\n\n      setValues(newValues);\n\n      // Focus the next empty input or the last input\n      const nextEmptyIndex = newValues.findIndex((val, idx) => idx >= actualStartIndex && val === '');\n      const focusIndex = nextEmptyIndex >= 0 ? nextEmptyIndex : Math.min(actualStartIndex + digits.length, length - 1);\n      focusInput(focusIndex);\n    }\n  };\n\n  const handleFocus = (index: number) => {\n    inputRefs.current[index]?.select();\n  };\n\n  const handleBlur = () => {\n    // Don't validate on blur if backspace/delete was just pressed\n    if (validateOnBlur && !isBackspacePressed.current) {\n      const otpValue = values.join('');\n      const validationError = validateOTP(otpValue);\n      setInternalError(validationError);\n    }\n  };\n\n  const hasError = error || !!internalError;\n  // Priority: errorMessage prop > internalError\n  const displayError = hasError && (errorMessage || internalError);\n  \n  const ariaDescribedByError = displayError ? errorId : undefined;\n\n  return (\n    <div className={`se-design-otp-input ${className || ''}`} data-automation-id=\"otp-input-container\">\n      {label && <div id={labelId} className=\"se-design-otp-input-label\">{label}</div>}\n      <div className=\"flex items-center gap-[12px]\" role=\"group\" aria-labelledby={label ? labelId : undefined}>\n        {values.map((value, index) => (\n          <input\n            key={index}\n            ref={(el) => {\n              inputRefs.current[index] = el;\n            }}\n            type=\"text\"\n            inputMode=\"numeric\"\n            maxLength={1}\n            value={value}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => handleChange(index, e.target.value)}\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => handleKeyDown(index, e)}\n            onPaste={handlePaste}\n            onFocus={() => handleFocus(index)}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={`\n              w-12 h-12 \n              flex flex-col items-start \n              text-center text-lg font-medium\n              border rounded-md\n              outline-none\n              transition-colors\n              disabled:bg-gray-50 disabled:cursor-not-allowed\n              ${\n                disabled\n                  ? 'border-[var(--color-gray-300)] text-gray-400'\n                  : hasError\n                  ? 'border-[var(--color-red-400)] text-gray-900 focus:border-[var(--color-red-400)] focus:ring-1 focus:ring-[var(--color-red-400)]'\n                  : 'border-[var(--color-gray-300)] text-gray-900 focus:border-[var(--color-blue-500)] focus:ring-1 focus:ring-[var(--color-blue-500)]'\n              }\n            `}\n            style={{\n              gap: 'var(--Spacer-6px, 6px)'\n            }}\n            aria-label={`OTP digit ${index + 1} of ${length}`}\n            aria-invalid={hasError}\n            aria-describedby={ariaDescribedByError}\n            data-automation-id={`otp-input-${index}`}\n          />\n        ))}\n      </div>\n      {displayError && <div id={errorId} className=\"se-design-otp-input-error\" role=\"alert\">{displayError}</div>}\n    </div>\n  );\n};\n"],"names":["OTPInput","length","onChange","onComplete","label","disabled","className","autoFocus","error","errorMessage","validateOnBlur","onValidate","id","values","setValues","useState","Array","fill","internalError","setInternalError","inputRefs","useRef","isBackspacePressed","baseId","useStableId","labelId","errorId","isDigit","char","test","isComplete","otpValue","every","val","updateValue","index","value","shouldFocusNext","newValues","focusInput","clearValue","current","focus","useEffect","validateOTP","validationResult","join","handleChange","handleKeyDown","e","currentValue","key","setTimeout","preventDefault","navigationHandlers","ArrowLeft","ArrowRight","Home","End","handlePaste","digits","clipboardData","getData","trim","replace","slice","startIndex","findIndex","ref","document","activeElement","actualStartIndex","i","nextEmptyIndex","idx","focusIndex","Math","min","handleFocus","select","handleBlur","validationError","hasError","displayError","ariaDescribedByError","undefined","React","createElement","role","map","el","type","inputMode","maxLength","target","onKeyDown","onPaste","onFocus","onBlur","style","gap"],"mappings":"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"}
+{"version":3,"file":"index56.js","sources":["../src/components/OTPInput/index.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect, KeyboardEvent, ChangeEvent, ClipboardEvent, FC } from 'react';\nimport { useStableId } from '../../utils/useStableId';\nimport './style.scss';\n\nexport interface OTPInputProps {\n  length?: number;\n  onChange?: (value: string) => void;\n  onComplete?: (value: string) => void;\n  label?: string;\n  disabled?: boolean;\n  className?: string;\n  autoFocus?: boolean;\n  error?: boolean;\n  errorMessage?: string;\n  validateOnBlur?: boolean;\n  onValidate?: (value: string) => boolean | string;\n  id?: string;\n}\n\nexport const OTPInput: FC<OTPInputProps> = ({\n  length = 6,\n  onChange,\n  onComplete,\n  label,\n  disabled = false,\n  className = '',\n  autoFocus = true,\n  error = false,\n  errorMessage,\n  validateOnBlur = false,\n  onValidate,\n  id\n}) => {\n  const [values, setValues] = useState<string[]>(Array(length).fill(''));\n  const [internalError, setInternalError] = useState<string | null>(null);\n  const inputRefs = useRef<(HTMLInputElement | null)[]>([]);\n  const isBackspacePressed = useRef<boolean>(false);\n  \n  // Generate stable IDs for ARIA attributes\n  const baseId = useStableId(id, 'se-otp-input');\n  const labelId = `${baseId}-label`;\n  const errorId = `${baseId}-error`;\n\n  // Helper: Check if a string is a single digit\n  const isDigit = (char: string): boolean => /^\\d$/.test(char);\n\n  // Helper: Check if OTP is complete\n  const isComplete = (otpValue: string): boolean => {\n    return otpValue.length === length && values.every((val) => val !== '');\n  };\n\n  // Helper: Update value at specific index\n  const updateValue = (index: number, value: string, shouldFocusNext = false) => {\n    const newValues = [...values];\n    newValues[index] = value;\n    setValues(newValues);\n\n    if (shouldFocusNext && value && index < length - 1) {\n      focusInput(index + 1);\n    }\n  };\n\n  // Helper: Clear value at specific index\n  const clearValue = (index: number) => {\n    updateValue(index, '');\n  };\n\n  // Helper: Focus input at index\n  const focusInput = (index: number) => {\n    inputRefs.current[index]?.focus();\n  };\n\n  useEffect(() => {\n    if (autoFocus && inputRefs.current[0] && !disabled) {\n      focusInput(0);\n    }\n  }, [autoFocus, disabled]);\n\n  // Internal validation\n  const validateOTP = (otpValue: string): string | null => {\n    // Empty validation\n    if (otpValue.length === 0) {\n      return errorMessage || 'Please enter the verification code';\n    }\n\n    // Incomplete validation\n    if (otpValue.length < length || !isComplete(otpValue)) {\n      return errorMessage || 'Please enter all digits';\n    }\n\n    // Custom validation\n    if (onValidate) {\n      const validationResult = onValidate(otpValue);\n      if (validationResult === false) {\n        return errorMessage || 'Invalid verification code';\n      }\n      if (typeof validationResult === 'string') {\n        return validationResult;\n      }\n    }\n\n    return null;\n  };\n\n  useEffect(() => {\n    const otpValue = values.join('');\n    onChange?.(otpValue);\n\n    // Clear error when user starts typing\n    if (internalError && otpValue.length > 0) {\n      setInternalError(null);\n    }\n\n    if (isComplete(otpValue)) {\n      // Validate on complete\n      if (onValidate) {\n        const validationResult = onValidate(otpValue);\n        if (validationResult === false || typeof validationResult === 'string') {\n          const errorMsg =\n            typeof validationResult === 'string' ? validationResult : errorMessage || 'Invalid verification code';\n          setInternalError(errorMsg);\n        } else {\n          setInternalError(null);\n        }\n      }\n      onComplete?.(otpValue);\n    }\n  }, [values, length, onChange, onComplete, onValidate, errorMessage]);\n\n  const handleChange = (index: number, value: string) => {\n    // Only allow single digit or empty\n    if (value && !isDigit(value)) {\n      return;\n    }\n\n    updateValue(index, value, true);\n  };\n\n  const handleKeyDown = (index: number, e: KeyboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    const currentValue = values[index];\n\n    // Handle backspace\n    if (e.key === 'Backspace') {\n      isBackspacePressed.current = true;\n      if (currentValue) {\n        clearValue(index);\n      } else if (index > 0) {\n        clearValue(index - 1);\n        focusInput(index - 1);\n      }\n      // Reset backspace flag after a short delay\n      setTimeout(() => {\n        isBackspacePressed.current = false;\n      }, 100);\n      e.preventDefault();\n      return;\n    }\n\n    // Handle delete\n    if (e.key === 'Delete') {\n      isBackspacePressed.current = true;\n      clearValue(index);\n      // Reset backspace flag after a short delay\n      setTimeout(() => {\n        isBackspacePressed.current = false;\n      }, 100);\n      e.preventDefault();\n      return;\n    }\n\n    // Handle navigation keys\n    const navigationHandlers: Record<string, () => void> = {\n      ArrowLeft: () => index > 0 && focusInput(index - 1),\n      ArrowRight: () => index < length - 1 && focusInput(index + 1),\n      Home: () => focusInput(0),\n      End: () => focusInput(length - 1)\n    };\n\n    if (navigationHandlers[e.key]) {\n      navigationHandlers[e.key]();\n      e.preventDefault();\n      return;\n    }\n\n    // Allow digits, but prevent if already filled\n    if (isDigit(e.key)) {\n      if (currentValue) {\n        updateValue(index, e.key, true);\n      }\n    }\n  };\n\n  const handlePaste = (e: ClipboardEvent<HTMLInputElement>) => {\n    if (disabled) return;\n\n    e.preventDefault();\n    const pastedData = e.clipboardData.getData('text/plain').trim();\n\n    // Extract only digits\n    const digits = pastedData.replace(/\\D/g, '').slice(0, length);\n\n    if (digits.length > 0) {\n      const newValues = [...values];\n\n      // Fill inputs starting from the current index\n      const startIndex = inputRefs.current.findIndex((ref) => ref === document.activeElement);\n      const actualStartIndex = startIndex >= 0 ? startIndex : 0;\n\n      for (let i = 0; i < digits.length && actualStartIndex + i < length; i++) {\n        newValues[actualStartIndex + i] = digits[i];\n      }\n\n      setValues(newValues);\n\n      // Focus the next empty input or the last input\n      const nextEmptyIndex = newValues.findIndex((val, idx) => idx >= actualStartIndex && val === '');\n      const focusIndex = nextEmptyIndex >= 0 ? nextEmptyIndex : Math.min(actualStartIndex + digits.length, length - 1);\n      focusInput(focusIndex);\n    }\n  };\n\n  const handleFocus = (index: number) => {\n    inputRefs.current[index]?.select();\n  };\n\n  const handleBlur = () => {\n    // Don't validate on blur if backspace/delete was just pressed\n    if (validateOnBlur && !isBackspacePressed.current) {\n      const otpValue = values.join('');\n      const validationError = validateOTP(otpValue);\n      setInternalError(validationError);\n    }\n  };\n\n  const hasError = error || !!internalError;\n  // Priority: errorMessage prop > internalError\n  const displayError = hasError && (errorMessage || internalError);\n  \n  const ariaDescribedByError = displayError ? errorId : undefined;\n\n  return (\n    <div className={`se-design-otp-input ${className || ''}`} data-automation-id=\"otp-input-container\">\n      {label && <div id={labelId} className=\"se-design-otp-input-label\">{label}</div>}\n      <div className=\"flex items-center gap-[12px]\" role=\"group\" aria-labelledby={label ? labelId : undefined}>\n        {values.map((value, index) => (\n          <input\n            key={index}\n            ref={(el) => {\n              inputRefs.current[index] = el;\n            }}\n            type=\"text\"\n            inputMode=\"numeric\"\n            maxLength={1}\n            value={value}\n            onChange={(e: ChangeEvent<HTMLInputElement>) => handleChange(index, e.target.value)}\n            onKeyDown={(e: KeyboardEvent<HTMLInputElement>) => handleKeyDown(index, e)}\n            onPaste={handlePaste}\n            onFocus={() => handleFocus(index)}\n            onBlur={handleBlur}\n            disabled={disabled}\n            className={`\n              w-12 h-12 \n              flex flex-col items-start \n              text-center text-lg font-medium\n              border rounded-md\n              outline-none\n              transition-colors\n              disabled:bg-gray-50 disabled:cursor-not-allowed\n              ${\n                disabled\n                  ? 'border-[var(--color-gray-300)] text-gray-400'\n                  : hasError\n                  ? 'border-[var(--color-red-500)] text-gray-900 focus:border-[var(--color-red-500)] focus:ring-1 focus:ring-[var(--color-red-500)]'\n                  : 'border-[var(--color-gray-600)] text-gray-900 focus:border-[var(--color-blue-500)] focus:ring-1 focus:ring-[var(--color-blue-500)]'\n              }\n            `}\n            style={{\n              gap: 'var(--Spacer-6px, 6px)'\n            }}\n            aria-label={`OTP digit ${index + 1} of ${length}`}\n            aria-invalid={hasError}\n            aria-describedby={ariaDescribedByError}\n            data-automation-id={`otp-input-${index}`}\n          />\n        ))}\n      </div>\n      {displayError && <div id={errorId} className=\"se-design-otp-input-error\" role=\"alert\">{displayError}</div>}\n    </div>\n  );\n};\n"],"names":["OTPInput","length","onChange","onComplete","label","disabled","className","autoFocus","error","errorMessage","validateOnBlur","onValidate","id","values","setValues","useState","Array","fill","internalError","setInternalError","inputRefs","useRef","isBackspacePressed","baseId","useStableId","labelId","errorId","isDigit","char","test","isComplete","otpValue","every","val","updateValue","index","value","shouldFocusNext","newValues","focusInput","clearValue","current","focus","useEffect","validateOTP","validationResult","join","handleChange","handleKeyDown","e","currentValue","key","setTimeout","preventDefault","navigationHandlers","ArrowLeft","ArrowRight","Home","End","handlePaste","digits","clipboardData","getData","trim","replace","slice","startIndex","findIndex","ref","document","activeElement","actualStartIndex","i","nextEmptyIndex","idx","focusIndex","Math","min","handleFocus","select","handleBlur","validationError","hasError","displayError","ariaDescribedByError","undefined","React","createElement","role","map","el","type","inputMode","maxLength","target","onKeyDown","onPaste","onFocus","onBlur","style","gap"],"mappings":";;;AAmBO,MAAMA,IAA8BA,CAAC;AAAA,EAC1CC,QAAAA,IAAS;AAAA,EACTC,UAAAA;AAAAA,EACAC,YAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,WAAAA,IAAY;AAAA,EACZC,WAAAA,IAAY;AAAA,EACZC,OAAAA,IAAQ;AAAA,EACRC,cAAAA;AAAAA,EACAC,gBAAAA,IAAiB;AAAA,EACjBC,YAAAA;AAAAA,EACAC,IAAAA;AACF,MAAM;AACJ,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAmBC,MAAMf,CAAM,EAAEgB,KAAK,EAAE,CAAC,GAC/D,CAACC,GAAeC,CAAgB,IAAIJ,EAAwB,IAAI,GAChEK,IAAYC,EAAoC,EAAE,GAClDC,IAAqBD,EAAgB,EAAK,GAG1CE,IAASC,EAAYZ,GAAI,cAAc,GACvCa,IAAU,GAAGF,CAAM,UACnBG,IAAU,GAAGH,CAAM,UAGnBI,IAAUA,CAACC,MAA0B,OAAOC,KAAKD,CAAI,GAGrDE,IAAaA,CAACC,MACXA,EAAS9B,WAAWA,KAAUY,EAAOmB,MAAOC,CAAAA,MAAQA,MAAQ,EAAE,GAIjEC,IAAcA,CAACC,GAAeC,GAAeC,IAAkB,OAAU;AAC7E,UAAMC,IAAY,CAAC,GAAGzB,CAAM;AAC5ByB,IAAAA,EAAUH,CAAK,IAAIC,GACnBtB,EAAUwB,CAAS,GAEfD,KAAmBD,KAASD,IAAQlC,IAAS,KAC/CsC,EAAWJ,IAAQ,CAAC;AAAA,EAExB,GAGMK,IAAaA,CAACL,MAAkB;AACpCD,IAAAA,EAAYC,GAAO,EAAE;AAAA,EACvB,GAGMI,IAAaA,CAACJ,MAAkB;AACpCf,IAAAA,EAAUqB,QAAQN,CAAK,GAAGO,MAAAA;AAAAA,EAC5B;AAEAC,EAAAA,EAAU,MAAM;AACd,IAAIpC,KAAaa,EAAUqB,QAAQ,CAAC,KAAK,CAACpC,KACxCkC,EAAW,CAAC;AAAA,EAEhB,GAAG,CAAChC,GAAWF,CAAQ,CAAC;AAGxB,QAAMuC,IAAcA,CAACb,MAAoC;AAEvD,QAAIA,EAAS9B,WAAW;AACtB,aAAOQ,KAAgB;AAIzB,QAAIsB,EAAS9B,SAASA,KAAU,CAAC6B,EAAWC,CAAQ;AAClD,aAAOtB,KAAgB;AAIzB,QAAIE,GAAY;AACd,YAAMkC,IAAmBlC,EAAWoB,CAAQ;AAC5C,UAAIc,MAAqB;AACvB,eAAOpC,KAAgB;AAEzB,UAAI,OAAOoC,KAAqB;AAC9B,eAAOA;AAAAA,IAEX;AAEA,WAAO;AAAA,EACT;AAEAF,EAAAA,EAAU,MAAM;AACd,UAAMZ,IAAWlB,EAAOiC,KAAK,EAAE;AAQ/B,QAPA5C,IAAW6B,CAAQ,GAGfb,KAAiBa,EAAS9B,SAAS,KACrCkB,EAAiB,IAAI,GAGnBW,EAAWC,CAAQ,GAAG;AAExB,UAAIpB,GAAY;AACd,cAAMkC,IAAmBlC,EAAWoB,CAAQ;AAC5C,QAGEZ,EAHE0B,MAAqB,MAAS,OAAOA,KAAqB,WAE1D,OAAOA,KAAqB,WAAWA,IAAmBpC,KAAgB,8BAG3D,IAFQ;AAAA,MAI7B;AACAN,MAAAA,IAAa4B,CAAQ;AAAA,IACvB;AAAA,EACF,GAAG,CAAClB,GAAQZ,GAAQC,GAAUC,GAAYQ,GAAYF,CAAY,CAAC;AAEnE,QAAMsC,IAAeA,CAACZ,GAAeC,MAAkB;AAErD,IAAIA,KAAS,CAACT,EAAQS,CAAK,KAI3BF,EAAYC,GAAOC,GAAO,EAAI;AAAA,EAChC,GAEMY,IAAgBA,CAACb,GAAec,MAAuC;AAC3E,QAAI5C,EAAU;AAEd,UAAM6C,IAAerC,EAAOsB,CAAK;AAGjC,QAAIc,EAAEE,QAAQ,aAAa;AACzB7B,MAAAA,EAAmBmB,UAAU,IACzBS,IACFV,EAAWL,CAAK,IACPA,IAAQ,MACjBK,EAAWL,IAAQ,CAAC,GACpBI,EAAWJ,IAAQ,CAAC,IAGtBiB,WAAW,MAAM;AACf9B,QAAAA,EAAmBmB,UAAU;AAAA,MAC/B,GAAG,GAAG,GACNQ,EAAEI,eAAAA;AACF;AAAA,IACF;AAGA,QAAIJ,EAAEE,QAAQ,UAAU;AACtB7B,MAAAA,EAAmBmB,UAAU,IAC7BD,EAAWL,CAAK,GAEhBiB,WAAW,MAAM;AACf9B,QAAAA,EAAmBmB,UAAU;AAAA,MAC/B,GAAG,GAAG,GACNQ,EAAEI,eAAAA;AACF;AAAA,IACF;AAGA,UAAMC,IAAiD;AAAA,MACrDC,WAAWA,MAAMpB,IAAQ,KAAKI,EAAWJ,IAAQ,CAAC;AAAA,MAClDqB,YAAYA,MAAMrB,IAAQlC,IAAS,KAAKsC,EAAWJ,IAAQ,CAAC;AAAA,MAC5DsB,MAAMA,MAAMlB,EAAW,CAAC;AAAA,MACxBmB,KAAKA,MAAMnB,EAAWtC,IAAS,CAAC;AAAA,IAAA;AAGlC,QAAIqD,EAAmBL,EAAEE,GAAG,GAAG;AAC7BG,MAAAA,EAAmBL,EAAEE,GAAG,EAAA,GACxBF,EAAEI,eAAAA;AACF;AAAA,IACF;AAGA,IAAI1B,EAAQsB,EAAEE,GAAG,KACXD,KACFhB,EAAYC,GAAOc,EAAEE,KAAK,EAAI;AAAA,EAGpC,GAEMQ,IAAcA,CAACV,MAAwC;AAC3D,QAAI5C,EAAU;AAEd4C,IAAAA,EAAEI,eAAAA;AAIF,UAAMO,IAHaX,EAAEY,cAAcC,QAAQ,YAAY,EAAEC,KAAAA,EAG/BC,QAAQ,OAAO,EAAE,EAAEC,MAAM,GAAGhE,CAAM;AAE5D,QAAI2D,EAAO3D,SAAS,GAAG;AACrB,YAAMqC,IAAY,CAAC,GAAGzB,CAAM,GAGtBqD,IAAa9C,EAAUqB,QAAQ0B,UAAWC,CAAAA,MAAQA,MAAQC,SAASC,aAAa,GAChFC,IAAmBL,KAAc,IAAIA,IAAa;AAExD,eAASM,IAAI,GAAGA,IAAIZ,EAAO3D,UAAUsE,IAAmBC,IAAIvE,GAAQuE;AAClElC,QAAAA,EAAUiC,IAAmBC,CAAC,IAAIZ,EAAOY,CAAC;AAG5C1D,MAAAA,EAAUwB,CAAS;AAGnB,YAAMmC,IAAiBnC,EAAU6B,UAAU,CAAClC,GAAKyC,MAAQA,KAAOH,KAAoBtC,MAAQ,EAAE,GACxF0C,IAAaF,KAAkB,IAAIA,IAAiBG,KAAKC,IAAIN,IAAmBX,EAAO3D,QAAQA,IAAS,CAAC;AAC/GsC,MAAAA,EAAWoC,CAAU;AAAA,IACvB;AAAA,EACF,GAEMG,IAAcA,CAAC3C,MAAkB;AACrCf,IAAAA,EAAUqB,QAAQN,CAAK,GAAG4C,OAAAA;AAAAA,EAC5B,GAEMC,IAAaA,MAAM;AAEvB,QAAItE,KAAkB,CAACY,EAAmBmB,SAAS;AACjD,YAAMV,IAAWlB,EAAOiC,KAAK,EAAE,GACzBmC,IAAkBrC,EAAYb,CAAQ;AAC5CZ,MAAAA,EAAiB8D,CAAe;AAAA,IAClC;AAAA,EACF,GAEMC,IAAW1E,KAAS,CAAC,CAACU,GAEtBiE,IAAeD,MAAazE,KAAgBS,IAE5CkE,IAAuBD,IAAezD,IAAU2D;AAEtD,SACEC,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKjF,WAAW,uBAAuBA,KAAa,EAAE;AAAA,IAAI,sBAAmB;AAAA,EAAA,GAC1EF,KAASkF,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK3E,IAAIa;AAAAA,IAASnB,WAAU;AAAA,EAAA,GAA6BF,CAAW,GAC9EkF,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAKjF,WAAU;AAAA,IAA+BkF,MAAK;AAAA,IAAQ,mBAAiBpF,IAAQqB,IAAU4D;AAAAA,EAAAA,GAC3FxE,EAAO4E,IAAI,CAACrD,GAAOD,MAClBmD,gBAAAA,EAAAC,cAAA,SAAA;AAAA,IACEpC,KAAKhB;AAAAA,IACLiC,KAAMsB,CAAAA,MAAO;AACXtE,MAAAA,EAAUqB,QAAQN,CAAK,IAAIuD;AAAAA,IAC7B;AAAA,IACAC,MAAK;AAAA,IACLC,WAAU;AAAA,IACVC,WAAW;AAAA,IACXzD,OAAAA;AAAAA,IACAlC,UAAUA,CAAC+C,MAAqCF,EAAaZ,GAAOc,EAAE6C,OAAO1D,KAAK;AAAA,IAClF2D,WAAWA,CAAC9C,MAAuCD,EAAcb,GAAOc,CAAC;AAAA,IACzE+C,SAASrC;AAAAA,IACTsC,SAASA,MAAMnB,EAAY3C,CAAK;AAAA,IAChC+D,QAAQlB;AAAAA,IACR3E,UAAAA;AAAAA,IACAC,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBASPD,IACI,iDACA6E,IACA,mIACA,mIAAmI;AAAA;AAAA,IAG3IiB,OAAO;AAAA,MACLC,KAAK;AAAA,IAAA;AAAA,IAEP,cAAY,aAAajE,IAAQ,CAAC,OAAOlC,CAAM;AAAA,IAC/C,gBAAciF;AAAAA,IACd,oBAAkBE;AAAAA,IAClB,sBAAoB,aAAajD,CAAK;AAAA,EAAA,CACvC,CACF,CACE,GACJgD,KAAgBG,gBAAAA,EAAAC,cAAA,OAAA;AAAA,IAAK3E,IAAIc;AAAAA,IAASpB,WAAU;AAAA,IAA4BkF,MAAK;AAAA,EAAA,GAASL,CAAkB,CACtG;AAET;"}

package/dist/index6.js

@@ -1,5 +1,5 @@
 import l, { useState as d, useCallback as o } from "react";
-import { isElementVisible as m } from "./index183.js";
+import { isElementVisible as m } from "./index184.js";
 const g = ({
   skipLinks: n,
   className: s = ""
@@ -31,7 +31,6 @@ const g = ({
   }, e.label)));
 };
 export {
-  g as SkipLinksBar,
-  g as default
+  g as SkipLinksBar
 };
 //# sourceMappingURL=index6.js.map

package/dist/index63.js

@@ -1,5 +1,5 @@
 import N, { forwardRef as _ } from "react";
-import { getA11yNameAttributes as k } from "./index69.js";
+import { getA11yNameAttributes as k } from "./index70.js";
 /* empty css         */
 function a() {
   return a = Object.assign ? Object.assign.bind() : function(r) {

package/dist/index64.js

@@ -5,7 +5,7 @@ import { Icon as D } from "./index5.js";
 import { Link as G } from "./index63.js";
 import { CustomModal as H } from "./index12.js";
 import { useFocusTrap as J } from "./index224.js";
-import { useStableId as K } from "./index184.js";
+import { useStableId as K } from "./index185.js";
 /* empty css         */
 const O = {
   lg: {
@@ -137,7 +137,6 @@ const O = {
   }));
 };
 export {
-  ca as Paywall,
-  ca as default
+  ca as Paywall
 };
 //# sourceMappingURL=index64.js.map

package/dist/index66.js

@@ -1,40 +1,42 @@
 import * as t from "react";
-import { isVirtualClick as C } from "./index68.js";
-function h({
+import { isVirtualClick as w } from "./index69.js";
+function R({
   disabled: p = !1,
   loading: i = !1,
   onClick: u,
-  onKeyboardActivate: n,
+  onKeyboardActivate: s,
   isNative: l = !0,
   role: d = "button",
   tabIndex: D = 0,
   stopPropagation: c = !1,
-  preventDefault: f = !1
+  preventDefault: f = !1,
+  pressed: P
 } = {}) {
-  const e = p || i, s = t.useRef(!1), o = t.useCallback(() => {
-    s.current = !0;
-  }, []), P = t.useCallback((r) => {
+  const e = p || i, n = t.useRef(!1), o = t.useCallback(() => {
+    n.current = !0;
+  }, []), m = t.useCallback((r) => {
     if (e) return;
     c && r.stopPropagation(), f && r.preventDefault();
-    const v = C(r.nativeEvent), y = s.current;
-    s.current = !1;
-    const b = v ? "virtual" : y ? "pointer" : "keyboard";
-    if ((b === "keyboard" || b === "virtual") && n) {
-      n(r);
+    const y = w(r.nativeEvent), C = n.current;
+    n.current = !1;
+    const b = y ? "virtual" : C ? "pointer" : "keyboard";
+    if ((b === "keyboard" || b === "virtual") && s) {
+      s(r);
       return;
     }
     u?.(r);
-  }, [e, u, n, c, f]), m = t.useCallback((r) => {
+  }, [e, u, s, c, f]), v = t.useCallback((r) => {
     e || (r.key === "Enter" || r.key === " ") && (r.preventDefault(), r.currentTarget.click());
   }, [e]), k = {
     onPointerDown: o,
     onMouseDown: o,
     onTouchStart: o,
-    onClick: P,
+    onClick: m,
     "aria-disabled": e ? "true" : void 0,
-    "aria-busy": i ? "true" : void 0
+    "aria-busy": i ? "true" : void 0,
+    "aria-pressed": P
   };
-  l || (k.onKeyDown = m);
+  l || (k.onKeyDown = v);
   const a = {
     pressProps: k,
     isDisabled: e
@@ -42,6 +44,6 @@ function h({
   return l || (a.role = d, a.tabIndex = e ? -1 : D), a;
 }
 export {
-  h as useAccessiblePress
+  R as useAccessiblePress
 };
 //# sourceMappingURL=index66.js.map

package/dist/index66.js.map

@@ -1 +1 @@
-{"version":3,"file":"index66.js","sources":["../src/utils/a11y/useAccessiblePress.ts"],"sourcesContent":["import * as React from 'react';\nimport { isVirtualClick } from '../virtualClick';\n\n/**\n * Hook for accessible press interactions (pointer vs keyboard vs virtual click).\n *\n * Handles:\n * - Pointer intent tracking (mouse/touch)\n * - Virtual click detection (NVDA browse mode, etc.)\n * - Routing to appropriate handler (onClick vs onKeyboardActivate)\n * - For non-native elements: Enter/Space → activation\n * - Optional stopPropagation and preventDefault\n *\n * @example\n * // Native button (isNative=true, the default)\n * const { pressProps } = useAccessiblePress({ onClick, disabled });\n * <button {...pressProps}>Click me</button>\n *\n * @example\n * // Non-native element (div acting as button)\n * const { pressProps, role, tabIndex } = useAccessiblePress({ onClick, isNative: false });\n * <div role={role} tabIndex={tabIndex} {...pressProps}>Click me</div>\n *\n * @example\n * // Element nested inside clickable parent (prevent event bubbling)\n * const { pressProps, tabIndex } = useAccessiblePress({ \n *   onClick, \n *   isNative: false, \n *   stopPropagation: true \n * });\n * <div role=\"button\" tabIndex={tabIndex} {...pressProps}>Click me</div>\n */\n\ntype InputKind = 'pointer' | 'keyboard' | 'virtual';\n\nexport type UseAccessiblePressOptions = {\n  /**\n   * Whether the element is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the element is in a loading state (will also disable)\n   */\n  loading?: boolean;\n\n  /**\n   * Handler for pointer/touch activations (or all activations if onKeyboardActivate is not provided)\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Handler for keyboard + assistive tech virtual activation.\n   * If omitted, onClick is used for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * If true, this is a native <button> (or other native pressable) and we MUST NOT add Enter/Space handling.\n   * Default: true\n   */\n  isNative?: boolean;\n\n  /**\n   * Only for non-native elements (div/span). Defaults to 'button'.\n   */\n  role?: string;\n\n  /**\n   * Only for non-native elements. Defaults to 0.\n   */\n  tabIndex?: number;\n\n  /**\n   * If true, calls e.stopPropagation() before invoking onClick handler.\n   * Useful when element is nested inside another clickable element.\n   * Default: false\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * If true, calls e.preventDefault() before invoking onClick handler.\n   * Note: For non-native elements, preventDefault is already called on Space/Enter keys.\n   * Default: false\n   */\n  preventDefault?: boolean;\n};\n\nexport type UseAccessiblePressReturn = {\n  /**\n   * Props to spread onto the element. Includes event handlers and ARIA attributes.\n   * Does NOT include role/tabIndex — apply those separately.\n   */\n  pressProps: React.HTMLAttributes<HTMLElement> & {\n    'aria-disabled'?: 'true';\n    'aria-busy'?: 'true';\n  };\n\n  /**\n   * Combined disabled state (disabled || loading)\n   */\n  isDisabled: boolean;\n\n  /**\n   * Role for non-native elements (e.g., 'button', 'menuitem').\n   * Only returned when isNative=false.\n   */\n  role?: string;\n\n  /**\n   * TabIndex for non-native elements.\n   * Returns -1 when disabled, otherwise the provided tabIndex (default 0).\n   * Only returned when isNative=false.\n   */\n  tabIndex?: number;\n};\n\nexport function useAccessiblePress({\n  disabled = false,\n  loading = false,\n  onClick,\n  onKeyboardActivate,\n  isNative = true,\n  role = 'button',\n  tabIndex = 0,\n  stopPropagation = false,\n  preventDefault = false\n}: UseAccessiblePressOptions = {}): UseAccessiblePressReturn {\n  const isDisabled = disabled || loading;\n  const lastWasPointerRef = React.useRef(false);\n\n  const markPointer = React.useCallback(() => {\n    lastWasPointerRef.current = true;\n  }, []);\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      // Handle event control flags\n      if (stopPropagation) e.stopPropagation();\n      if (preventDefault) e.preventDefault();\n\n      const virtual = isVirtualClick(e.nativeEvent as any);\n      const isPointer = lastWasPointerRef.current;\n      lastWasPointerRef.current = false;\n\n      const input: InputKind = virtual ? 'virtual' : isPointer ? 'pointer' : 'keyboard';\n\n      // If we have a keyboard handler, route keyboard + virtual clicks there.\n      if ((input === 'keyboard' || input === 'virtual') && onKeyboardActivate) {\n        onKeyboardActivate(e);\n        return;\n      }\n\n      onClick?.(e);\n    },\n    [isDisabled, onClick, onKeyboardActivate, stopPropagation, preventDefault]\n  );\n\n  // Only used for non-native elements: Enter/Space should trigger click(), reusing the same click routing.\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        // Trigger native click event so all routing goes through handleClick\n        (e.currentTarget as HTMLElement).click();\n      }\n    },\n    [isDisabled]\n  );\n\n  const pressProps: UseAccessiblePressReturn['pressProps'] = {\n    onPointerDown: markPointer,\n    onMouseDown: markPointer,\n    onTouchStart: markPointer,\n    onClick: handleClick,\n    'aria-disabled': isDisabled ? 'true' : undefined,\n    'aria-busy': loading ? 'true' : undefined\n  };\n\n  // For non-native elements, add Enter/Space handling\n  if (!isNative) {\n    pressProps.onKeyDown = handleKeyDown;\n  }\n\n  // Return role/tabIndex separately (only for non-native elements)\n  const result: UseAccessiblePressReturn = { pressProps, isDisabled };\n\n  if (!isNative) {\n    result.role = role;\n    result.tabIndex = isDisabled ? -1 : tabIndex;\n  }\n\n  return result;\n}\n\n"],"names":["React","isVirtualClick","useAccessiblePress","disabled","loading","onClick","onKeyboardActivate","isNative","role","tabIndex","stopPropagation","preventDefault","isDisabled","lastWasPointerRef","useRef","markPointer","useCallback","current","handleClick","e","virtual","nativeEvent","isPointer","input","handleKeyDown","key","currentTarget","click","pressProps","onPointerDown","onMouseDown","onTouchStart","undefined","onKeyDown","result"],"mappings":"AAqHO,YAAAA,OAAA;AAAA,SAAA,kBAAAC,SAAA;AAAA,SAASC,EAAmB;AAAA,EACjCC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA,IAAO;AAAA,EACPC,UAAAA,IAAW;AAAA,EACXC,iBAAAA,IAAkB;AAAA,EAClBC,gBAAAA,IAAiB;AACQ,IAAI,IAA8B;AAC3D,QAAMC,IAAaT,KAAYC,GACzBS,IAAoBb,EAAMc,OAAO,EAAK,GAEtCC,IAAcf,EAAMgB,YAAY,MAAM;AAC1CH,IAAAA,EAAkBI,UAAU;AAAA,EAC9B,GAAG,CAAA,CAAE,GAECC,IAAclB,EAAMgB,YACxB,CAACG,MAAqC;AACpC,QAAIP,EAAY;AAGhB,IAAIF,OAAmBA,gBAAAA,GACnBC,OAAkBA,eAAAA;AAEtB,UAAMS,IAAUnB,EAAekB,EAAEE,WAAkB,GAC7CC,IAAYT,EAAkBI;AACpCJ,IAAAA,EAAkBI,UAAU;AAE5B,UAAMM,IAAmBH,IAAU,YAAYE,IAAY,YAAY;AAGvE,SAAKC,MAAU,cAAcA,MAAU,cAAcjB,GAAoB;AACvEA,MAAAA,EAAmBa,CAAC;AACpB;AAAA,IACF;AAEAd,IAAAA,IAAUc,CAAC;AAAA,EACb,GACA,CAACP,GAAYP,GAASC,GAAoBI,GAAiBC,CAAc,CAC3E,GAGMa,IAAgBxB,EAAMgB,YAC1B,CAACG,MAAwC;AACvC,IAAIP,MAEAO,EAAEM,QAAQ,WAAWN,EAAEM,QAAQ,SACjCN,EAAER,eAAAA,GAEDQ,EAAEO,cAA8BC,MAAAA;AAAAA,EAErC,GACA,CAACf,CAAU,CACb,GAEMgB,IAAqD;AAAA,IACzDC,eAAed;AAAAA,IACfe,aAAaf;AAAAA,IACbgB,cAAchB;AAAAA,IACdV,SAASa;AAAAA,IACT,iBAAiBN,IAAa,SAASoB;AAAAA,IACvC,aAAa5B,IAAU,SAAS4B;AAAAA,EAAAA;AAIlC,EAAKzB,MACHqB,EAAWK,YAAYT;AAIzB,QAAMU,IAAmC;AAAA,IAAEN,YAAAA;AAAAA,IAAYhB,YAAAA;AAAAA,EAAAA;AAEvD,SAAKL,MACH2B,EAAO1B,OAAOA,GACd0B,EAAOzB,WAAWG,IAAa,KAAKH,IAG/ByB;AACT;"}
+{"version":3,"file":"index66.js","sources":["../src/utils/a11y/useAccessiblePress.ts"],"sourcesContent":["import * as React from 'react';\nimport { isVirtualClick } from '../virtualClick';\n\n/**\n * Hook for accessible press interactions (pointer vs keyboard vs virtual click).\n *\n * Handles:\n * - Pointer intent tracking (mouse/touch)\n * - Virtual click detection (NVDA browse mode, etc.)\n * - Routing to appropriate handler (onClick vs onKeyboardActivate)\n * - For non-native elements: Enter/Space → activation\n * - Optional stopPropagation and preventDefault\n *\n * @example\n * // Native button (isNative=true, the default)\n * const { pressProps } = useAccessiblePress({ onClick, disabled });\n * <button {...pressProps}>Click me</button>\n *\n * @example\n * // Non-native element (div acting as button)\n * const { pressProps, role, tabIndex } = useAccessiblePress({ onClick, isNative: false });\n * <div role={role} tabIndex={tabIndex} {...pressProps}>Click me</div>\n *\n * @example\n * // Element nested inside clickable parent (prevent event bubbling)\n * const { pressProps, tabIndex } = useAccessiblePress({ \n *   onClick, \n *   isNative: false, \n *   stopPropagation: true \n * });\n * <div role=\"button\" tabIndex={tabIndex} {...pressProps}>Click me</div>\n */\n\ntype InputKind = 'pointer' | 'keyboard' | 'virtual';\n\nexport type UseAccessiblePressOptions = {\n  /**\n   * Whether the element is disabled\n   */\n  disabled?: boolean;\n\n  /**\n   * Whether the element is in a loading state (will also disable)\n   */\n  loading?: boolean;\n\n  /**\n   * Handler for pointer/touch activations (or all activations if onKeyboardActivate is not provided)\n   */\n  onClick?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * Handler for keyboard + assistive tech virtual activation.\n   * If omitted, onClick is used for all activations.\n   */\n  onKeyboardActivate?: (e: React.MouseEvent<HTMLElement>) => void;\n\n  /**\n   * If true, this is a native <button> (or other native pressable) and we MUST NOT add Enter/Space handling.\n   * Default: true\n   */\n  isNative?: boolean;\n\n  /**\n   * Only for non-native elements (div/span). Defaults to 'button'.\n   */\n  role?: string;\n\n  /**\n   * Only for non-native elements. Defaults to 0.\n   */\n  tabIndex?: number;\n\n  /**\n   * If true, calls e.stopPropagation() before invoking onClick handler.\n   * Useful when element is nested inside another clickable element.\n   * Default: false\n   */\n  stopPropagation?: boolean;\n\n  /**\n   * If true, calls e.preventDefault() before invoking onClick handler.\n   * Note: For non-native elements, preventDefault is already called on Space/Enter keys.\n   * Default: false\n   */\n  preventDefault?: boolean;\n\n  /**\n   * Toggle/pressed state. When true or false, sets aria-pressed on the element (e.g. selected color swatch).\n   * Omit for non-toggle buttons.\n   */\n  pressed?: boolean;\n};\n\nexport type UseAccessiblePressReturn = {\n  /**\n   * Props to spread onto the element. Includes event handlers and ARIA attributes.\n   * Does NOT include role/tabIndex — apply those separately.\n   */\n  pressProps: React.HTMLAttributes<HTMLElement> & {\n    'aria-disabled'?: 'true';\n    'aria-busy'?: 'true';\n    'aria-pressed'?: boolean;\n  };\n\n  /**\n   * Combined disabled state (disabled || loading)\n   */\n  isDisabled: boolean;\n\n  /**\n   * Role for non-native elements (e.g., 'button', 'menuitem').\n   * Only returned when isNative=false.\n   */\n  role?: string;\n\n  /**\n   * TabIndex for non-native elements.\n   * Returns -1 when disabled, otherwise the provided tabIndex (default 0).\n   * Only returned when isNative=false.\n   */\n  tabIndex?: number;\n};\n\nexport function useAccessiblePress({\n  disabled = false,\n  loading = false,\n  onClick,\n  onKeyboardActivate,\n  isNative = true,\n  role = 'button',\n  tabIndex = 0,\n  stopPropagation = false,\n  preventDefault = false,\n  pressed\n}: UseAccessiblePressOptions = {}): UseAccessiblePressReturn {\n  const isDisabled = disabled || loading;\n  const lastWasPointerRef = React.useRef(false);\n\n  const markPointer = React.useCallback(() => {\n    lastWasPointerRef.current = true;\n  }, []);\n\n  const handleClick = React.useCallback(\n    (e: React.MouseEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      // Handle event control flags\n      if (stopPropagation) e.stopPropagation();\n      if (preventDefault) e.preventDefault();\n\n      const virtual = isVirtualClick(e.nativeEvent as any);\n      const isPointer = lastWasPointerRef.current;\n      lastWasPointerRef.current = false;\n\n      const input: InputKind = virtual ? 'virtual' : isPointer ? 'pointer' : 'keyboard';\n\n      // If we have a keyboard handler, route keyboard + virtual clicks there.\n      if ((input === 'keyboard' || input === 'virtual') && onKeyboardActivate) {\n        onKeyboardActivate(e);\n        return;\n      }\n\n      onClick?.(e);\n    },\n    [isDisabled, onClick, onKeyboardActivate, stopPropagation, preventDefault]\n  );\n\n  // Only used for non-native elements: Enter/Space should trigger click(), reusing the same click routing.\n  const handleKeyDown = React.useCallback(\n    (e: React.KeyboardEvent<HTMLElement>) => {\n      if (isDisabled) return;\n\n      if (e.key === 'Enter' || e.key === ' ') {\n        e.preventDefault();\n        // Trigger native click event so all routing goes through handleClick\n        (e.currentTarget as HTMLElement).click();\n      }\n    },\n    [isDisabled]\n  );\n\n  const pressProps: UseAccessiblePressReturn['pressProps'] = {\n    onPointerDown: markPointer,\n    onMouseDown: markPointer,\n    onTouchStart: markPointer,\n    onClick: handleClick,\n    'aria-disabled': isDisabled ? 'true' : undefined,\n    'aria-busy': loading ? 'true' : undefined,\n    'aria-pressed': pressed\n  };\n\n  // For non-native elements, add Enter/Space handling\n  if (!isNative) {\n    pressProps.onKeyDown = handleKeyDown;\n  }\n\n  // Return role/tabIndex separately (only for non-native elements)\n  const result: UseAccessiblePressReturn = { pressProps, isDisabled };\n\n  if (!isNative) {\n    result.role = role;\n    result.tabIndex = isDisabled ? -1 : tabIndex;\n  }\n\n  return result;\n}\n\n"],"names":["React","isVirtualClick","useAccessiblePress","disabled","loading","onClick","onKeyboardActivate","isNative","role","tabIndex","stopPropagation","preventDefault","pressed","isDisabled","lastWasPointerRef","useRef","markPointer","useCallback","current","handleClick","e","virtual","nativeEvent","isPointer","input","handleKeyDown","key","currentTarget","click","pressProps","onPointerDown","onMouseDown","onTouchStart","undefined","onKeyDown","result"],"mappings":"AA4HO,YAAAA,OAAA;AAAA,SAAA,kBAAAC,SAAA;AAAA,SAASC,EAAmB;AAAA,EACjCC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,SAAAA;AAAAA,EACAC,oBAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA,IAAO;AAAA,EACPC,UAAAA,IAAW;AAAA,EACXC,iBAAAA,IAAkB;AAAA,EAClBC,gBAAAA,IAAiB;AAAA,EACjBC,SAAAA;AACyB,IAAI,IAA8B;AAC3D,QAAMC,IAAaV,KAAYC,GACzBU,IAAoBd,EAAMe,OAAO,EAAK,GAEtCC,IAAchB,EAAMiB,YAAY,MAAM;AAC1CH,IAAAA,EAAkBI,UAAU;AAAA,EAC9B,GAAG,CAAA,CAAE,GAECC,IAAcnB,EAAMiB,YACxB,CAACG,MAAqC;AACpC,QAAIP,EAAY;AAGhB,IAAIH,OAAmBA,gBAAAA,GACnBC,OAAkBA,eAAAA;AAEtB,UAAMU,IAAUpB,EAAemB,EAAEE,WAAkB,GAC7CC,IAAYT,EAAkBI;AACpCJ,IAAAA,EAAkBI,UAAU;AAE5B,UAAMM,IAAmBH,IAAU,YAAYE,IAAY,YAAY;AAGvE,SAAKC,MAAU,cAAcA,MAAU,cAAclB,GAAoB;AACvEA,MAAAA,EAAmBc,CAAC;AACpB;AAAA,IACF;AAEAf,IAAAA,IAAUe,CAAC;AAAA,EACb,GACA,CAACP,GAAYR,GAASC,GAAoBI,GAAiBC,CAAc,CAC3E,GAGMc,IAAgBzB,EAAMiB,YAC1B,CAACG,MAAwC;AACvC,IAAIP,MAEAO,EAAEM,QAAQ,WAAWN,EAAEM,QAAQ,SACjCN,EAAET,eAAAA,GAEDS,EAAEO,cAA8BC,MAAAA;AAAAA,EAErC,GACA,CAACf,CAAU,CACb,GAEMgB,IAAqD;AAAA,IACzDC,eAAed;AAAAA,IACfe,aAAaf;AAAAA,IACbgB,cAAchB;AAAAA,IACdX,SAASc;AAAAA,IACT,iBAAiBN,IAAa,SAASoB;AAAAA,IACvC,aAAa7B,IAAU,SAAS6B;AAAAA,IAChC,gBAAgBrB;AAAAA,EAAAA;AAIlB,EAAKL,MACHsB,EAAWK,YAAYT;AAIzB,QAAMU,IAAmC;AAAA,IAAEN,YAAAA;AAAAA,IAAYhB,YAAAA;AAAAA,EAAAA;AAEvD,SAAKN,MACH4B,EAAO3B,OAAOA,GACd2B,EAAO1B,WAAWI,IAAa,KAAKJ,IAG/B0B;AACT;"}

package/dist/index68.js

@@ -1,8 +1,58 @@
-const t = () => typeof navigator < "u" && /Android/i.test(navigator.userAgent), o = (i) => {
-  const r = "pointerType" in i ? i.pointerType : void 0;
-  return r === "" && i.isTrusted ? !0 : t() && r ? i.type === "click" && i.buttons === 1 : i.detail === 0 && !r;
-};
+import * as a from "react";
+function R({
+  itemIds: n,
+  tabIndex: i = 0,
+  defaultFocusedId: s,
+  orientation: o = "horizontal",
+  cols: u,
+  loop: h = !0,
+  onFocusChange: k
+}) {
+  const [c, x] = a.useState(s || n[0] || ""), g = a.useRef({});
+  a.useEffect(() => {
+    if (n.length > 0 && !n.includes(c)) {
+      const e = s || n[0] || "";
+      x(e);
+    }
+  }, [n, c, s]);
+  const w = a.useCallback((e) => {
+    x(e), k?.(e);
+  }, [k]), b = a.useCallback((e, t = 1) => {
+    if (n.length === 0) return;
+    const l = n.indexOf(c), f = Math.max(0, l);
+    let r = f;
+    switch (e) {
+      case "first":
+        r = 0;
+        break;
+      case "last":
+        r = n.length - 1;
+        break;
+      case "prev":
+        h ? r = (f - t + n.length) % n.length : r = Math.max(0, f - t);
+        break;
+      case "next":
+        h ? r = (f + t) % n.length : r = Math.min(n.length - 1, f + t);
+        break;
+    }
+    const v = n[r];
+    v && g.current[v]?.focus();
+  }, [n, c, h]), y = a.useCallback((e) => ({
+    ref: (t) => {
+      g.current[e] = t;
+    },
+    tabIndex: c === e ? i : -1
+  }), [c, i]), p = a.useCallback((e) => {
+    let t = null, l = 1;
+    e.key === "Home" ? t = "first" : e.key === "End" ? t = "last" : (o !== "vertical" && (e.key === "ArrowLeft" ? t = "prev" : e.key === "ArrowRight" && (t = "next")), !t && o !== "horizontal" && (e.key === "ArrowUp" ? t = "prev" : e.key === "ArrowDown" && (t = "next"), t && u && (l = u))), t && (e.preventDefault(), e.stopPropagation(), b(t, l));
+  }, [o, u, b]);
+  return {
+    setFocusedId: w,
+    handleKeyDown: p,
+    getRovingItemProps: y
+  };
+}
 export {
-  o as isVirtualClick
+  R as useRovingFocus
 };
 //# sourceMappingURL=index68.js.map