se-design 1.0.81-dev1 → 1.0.81-dev2

package/dist/index241.js.map

@@ -1 +1 @@
-{"version":3,"file":"index241.js","sources":["../src/components/DatePicker/useDatePickerA11y.ts"],"sourcesContent":["import React, { useState, useCallback, useEffect, useMemo } from 'react';\n\nimport { useRovingFocus, RovingItemProps, RovingContainerProps, AccessibleNameInput } from '../../utils/a11y/useRovingFocus';\nimport type { DateRange } from './index';\n\nexport const getCellAriaLabel = (\n  date: Date,\n  isStart: boolean,\n  isEnd: boolean,\n  isSameStartEnd: boolean,\n  singleDateSelection: boolean,\n  inRange: boolean = false\n): string => {\n  const base = date.toLocaleDateString('en-US', {\n    weekday: 'long',\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric'\n  });\n  if (singleDateSelection) return base;\n  if (isSameStartEnd) return `${base}, start and end of range`;\n  if (isStart) return `${base}, start of range`;\n  if (isEnd) return `${base}, end of range`;\n  if (inRange) return `${base}, in range`;\n  return base;\n};\n\nexport const formatDateId = (d: Date) => {\n  const y = d.getFullYear();\n  const m = String(d.getMonth() + 1).padStart(2, '0');\n  const dd = String(d.getDate()).padStart(2, '0');\n  return `date-${y}-${m}-${dd}`;\n};\n\nconst getDaysInMonth = (year: number, month: number) => new Date(year, month + 1, 0).getDate();\n\nconst getPanelItemIds = (panelDate: Date): string[] => {\n  const year = panelDate.getFullYear();\n  const month = panelDate.getMonth();\n  return Array.from({ length: getDaysInMonth(year, month) }, (_, i) =>\n    formatDateId(new Date(year, month, i + 1))\n  );\n};\n\nconst getPanelDefaultFocusId = (panelDate: Date, itemIds: string[], selectedRange: DateRange): string => {\n  const year = panelDate.getFullYear();\n  const month = panelDate.getMonth();\n  const isInPanel = (d: Date) => d.getFullYear() === year && d.getMonth() === month;\n\n  // Prefer startDate if it falls in this panel\n  if (selectedRange.startDate && isInPanel(selectedRange.startDate)) {\n    const d = new Date(selectedRange.startDate);\n    d.setHours(0, 0, 0, 0);\n    const id = formatDateId(d);\n    if (itemIds.includes(id)) return id;\n  }\n  // Fall back to endDate if it falls in this panel (e.g. right panel when start is in left panel)\n  if (selectedRange.endDate && isInPanel(selectedRange.endDate)) {\n    const d = new Date(selectedRange.endDate);\n    d.setHours(0, 0, 0, 0);\n    const id = formatDateId(d);\n    if (itemIds.includes(id)) return id;\n  }\n  const today = new Date();\n  if (isInPanel(today)) {\n    const id = formatDateId(today);\n    if (itemIds.includes(id)) return id;\n  }\n  return itemIds[0] || '';\n};\n\ninterface UseDatePickerA11yOptions {\n  leftMonth: Date;\n  rightMonth: Date;\n  showSingleMonth: boolean;\n  selectedRange: DateRange;\n  onMonthChange: (date: Date, isLeft: boolean) => void;\n}\n\ninterface CellKeyDownOptions {\n  isLeftCalendar: boolean;\n  isDateDisabled: (date: Date) => boolean;\n  handleDateClick: (date: Date) => void;\n}\n\ninterface GridCellItemInput {\n  cellId: string;\n  cellDate: Date;\n  disabled: boolean;\n  ariaLabel: string;\n  ariaCurrent: 'date' | undefined;\n  ariaDisabled: true | undefined;\n}\n\nexport interface GridCellElementProps {\n  id: string;\n  ref: (el: HTMLElement | null) => void;\n  tabIndex: number;\n  onFocus: () => void;\n  'aria-label': string;\n  'aria-current': 'date' | undefined;\n  'aria-disabled': true | undefined;\n  onKeyDown: (e: React.KeyboardEvent) => void;\n  onClick: () => void;\n}\n\ninterface UseDatePickerA11yReturn {\n  getGridCellProps: (options: CellKeyDownOptions) => (item: GridCellItemInput) => GridCellElementProps;\n  getLeftRovingItemProps: (id: string) => RovingItemProps;\n  getRightRovingItemProps: (id: string) => RovingItemProps;\n  getLeftContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n  getRightContainerProps: (nameInput?: AccessibleNameInput) => RovingContainerProps;\n  focusLeftItem: (id: string) => void;\n  focusRightItem: (id: string) => void;\n}\n\nexport function useDatePickerA11y({\n  leftMonth,\n  rightMonth,\n  showSingleMonth,\n  selectedRange,\n  onMonthChange\n}: UseDatePickerA11yOptions): UseDatePickerA11yReturn {\n  const [keyboardFocusDate, setKeyboardFocusDate] = useState<Date | null>(null);\n\n  const leftItemIds = useMemo(() => getPanelItemIds(leftMonth), [leftMonth]);\n  const rightItemIds = useMemo(() => getPanelItemIds(rightMonth), [rightMonth]);\n\n  const leftDefaultFocusId = useMemo(\n    () => getPanelDefaultFocusId(leftMonth, leftItemIds, selectedRange),\n    [leftMonth, leftItemIds, selectedRange]\n  );\n  const rightDefaultFocusId = useMemo(\n    () => getPanelDefaultFocusId(rightMonth, rightItemIds, selectedRange),\n    [rightMonth, rightItemIds, selectedRange]\n  );\n\n  const { getRovingItemProps: getLeftRovingItemProps, focusItem: focusLeftItem, getContainerProps: getLeftContainerProps } = useRovingFocus({\n    itemIds: leftItemIds,\n    defaultFocusedId: leftDefaultFocusId,\n    orientation: 'grid',\n    cols: 7,\n    loop: false,\n    role: 'grid'\n  });\n\n  const { getRovingItemProps: getRightRovingItemProps, focusItem: focusRightItem, getContainerProps: getRightContainerProps } = useRovingFocus({\n    itemIds: rightItemIds,\n    defaultFocusedId: rightDefaultFocusId,\n    orientation: 'grid',\n    cols: 7,\n    loop: false,\n    role: 'grid'\n  });\n\n  // After keyboard navigation shifts a panel to a new month, focus the target cell via roving focus refs\n  useEffect(() => {\n    if (!keyboardFocusDate) return;\n    const id = formatDateId(keyboardFocusDate);\n    if (leftItemIds.includes(id)) {\n      focusLeftItem(id);\n      setKeyboardFocusDate(null);\n    } else if (rightItemIds.includes(id)) {\n      focusRightItem(id);\n      setKeyboardFocusDate(null);\n    }\n  }, [keyboardFocusDate, leftItemIds, rightItemIds, focusLeftItem, focusRightItem]);\n\n  // Navigate the keyboard focus to a date that may be in a different month.\n  // Each panel advances completely independently — never touches the other panel.\n  const handleKeyboardNavigate = useCallback(\n    (targetDate: Date, sourcePanel: 'left' | 'right') => {\n      const isLeft = showSingleMonth || sourcePanel === 'left';\n      onMonthChange(new Date(targetDate.getFullYear(), targetDate.getMonth(), 1), isLeft);\n      setKeyboardFocusDate(new Date(targetDate));\n    },\n    [showSingleMonth, onMonthChange]\n  );\n\n  const getGridCellProps = useCallback(\n    ({ isLeftCalendar, isDateDisabled, handleDateClick }: CellKeyDownOptions) => {\n      const panel: 'left' | 'right' = isLeftCalendar ? 'left' : 'right';\n      const focusPanelItem = isLeftCalendar ? focusLeftItem : focusRightItem;\n      const getRovingItemProps = isLeftCalendar ? getLeftRovingItemProps : getRightRovingItemProps;\n\n      const handleKeyDown = (e: React.KeyboardEvent, cellDate: Date) => {\n        const cellYear = cellDate.getFullYear();\n        const cellMonth = cellDate.getMonth();\n        const cellDay = cellDate.getDate();\n\n        const navigateTo = (targetDate: Date) => {\n          if (targetDate.getFullYear() !== cellYear || targetDate.getMonth() !== cellMonth) {\n            handleKeyboardNavigate(targetDate, panel);\n            return;\n          }\n          focusPanelItem(formatDateId(targetDate));\n        };\n\n        switch (e.key) {\n          case 'ArrowLeft':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay - 1));\n            break;\n          case 'ArrowRight':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay + 1));\n            break;\n          case 'ArrowUp':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay - 7));\n            break;\n          case 'ArrowDown':\n            e.preventDefault(); e.stopPropagation();\n            navigateTo(new Date(cellYear, cellMonth, cellDay + 7));\n            break;\n          case 'Home': {\n            // First day of the current week row (Sunday), clamped to month start\n            e.preventDefault(); e.stopPropagation();\n            const dayOfWeek = cellDate.getDay();\n            const homeDate = new Date(cellYear, cellMonth, cellDay - dayOfWeek);\n            const clamped = homeDate.getMonth() !== cellMonth ? new Date(cellYear, cellMonth, 1) : homeDate;\n            focusPanelItem(formatDateId(clamped));\n            break;\n          }\n          case 'End': {\n            // Last day of the current week row (Saturday), clamped to month end\n            e.preventDefault(); e.stopPropagation();\n            const dayOfWeek = cellDate.getDay();\n            const endDate = new Date(cellYear, cellMonth, cellDay + (6 - dayOfWeek));\n            const daysInThisMonth = getDaysInMonth(cellYear, cellMonth);\n            const clamped =\n              endDate.getMonth() !== cellMonth ? new Date(cellYear, cellMonth, daysInThisMonth) : endDate;\n            focusPanelItem(formatDateId(clamped));\n            break;\n          }\n          case 'PageUp': {\n            // Shift+PageUp = previous year, PageUp = previous month\n            e.preventDefault(); e.stopPropagation();\n            const tYear = e.shiftKey ? cellYear - 1 : cellYear;\n            const tMonth = e.shiftKey ? cellMonth : cellMonth - 1;\n            const tDay = Math.min(cellDay, getDaysInMonth(tYear, tMonth));\n            handleKeyboardNavigate(new Date(tYear, tMonth, tDay), panel);\n            break;\n          }\n          case 'PageDown': {\n            // Shift+PageDown = next year, PageDown = next month\n            e.preventDefault(); e.stopPropagation();\n            const tYear = e.shiftKey ? cellYear + 1 : cellYear;\n            const tMonth = e.shiftKey ? cellMonth : cellMonth + 1;\n            const tDay = Math.min(cellDay, getDaysInMonth(tYear, tMonth));\n            handleKeyboardNavigate(new Date(tYear, tMonth, tDay), panel);\n            break;\n          }\n          case 'Enter':\n          case ' ':\n            e.preventDefault();\n            if (!isDateDisabled(cellDate)) {\n              handleDateClick(cellDate);\n            }\n            break;\n        }\n      };\n\n      return ({ cellId, cellDate, disabled, ariaLabel, ariaCurrent, ariaDisabled }: GridCellItemInput): GridCellElementProps => {\n        const rovingProps = getRovingItemProps(cellId);\n        return {\n          id: cellId,\n          ref: rovingProps.ref,\n          tabIndex: rovingProps.tabIndex,\n          onFocus: rovingProps.onFocus,\n          'aria-label': ariaLabel,\n          'aria-current': ariaCurrent,\n          'aria-disabled': ariaDisabled,\n          onKeyDown: (e: React.KeyboardEvent) => handleKeyDown(e, cellDate),\n          onClick: () => { if (!disabled) handleDateClick(cellDate); }\n        };\n      };\n    },\n    [handleKeyboardNavigate, focusLeftItem, focusRightItem, getLeftRovingItemProps, getRightRovingItemProps]\n  );\n\n  return {\n    getGridCellProps,\n    getLeftRovingItemProps,\n    getRightRovingItemProps,\n    getLeftContainerProps,\n    getRightContainerProps,\n    focusLeftItem,\n    focusRightItem\n  };\n}\n"],"names":["useState","useMemo","useEffect","useCallback","useRovingFocus","getCellAriaLabel","date","isStart","isEnd","isSameStartEnd","singleDateSelection","inRange","base","toLocaleDateString","weekday","month","day","year","formatDateId","d","y","getFullYear","m","String","getMonth","padStart","dd","getDate","getDaysInMonth","Date","getPanelItemIds","panelDate","Array","from","length","_","i","getPanelDefaultFocusId","itemIds","selectedRange","isInPanel","startDate","setHours","id","includes","endDate","today","useDatePickerA11y","leftMonth","rightMonth","showSingleMonth","onMonthChange","keyboardFocusDate","setKeyboardFocusDate","leftItemIds","rightItemIds","leftDefaultFocusId","rightDefaultFocusId","getRovingItemProps","getLeftRovingItemProps","focusItem","focusLeftItem","getContainerProps","getLeftContainerProps","defaultFocusedId","orientation","cols","loop","role","getRightRovingItemProps","focusRightItem","getRightContainerProps","handleKeyboardNavigate","targetDate","sourcePanel","isLeft","getGridCellProps","isLeftCalendar","isDateDisabled","handleDateClick","panel","focusPanelItem","handleKeyDown","e","cellDate","cellYear","cellMonth","cellDay","navigateTo","key","preventDefault","stopPropagation","dayOfWeek","getDay","homeDate","clamped","daysInThisMonth","tYear","shiftKey","tMonth","tDay","Math","min","cellId","disabled","ariaLabel","ariaCurrent","ariaDisabled","rovingProps","ref","tabIndex","onFocus","onKeyDown","onClick"],"mappings":"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"}
+{"version":3,"file":"index241.js","sources":["../src/utils/delay.ts"],"sourcesContent":["/**\n * Delays execution by the specified number of milliseconds\n * @param ms - The number of milliseconds to delay\n * @returns A Promise that resolves after the specified delay\n */\nexport function delay(ms: number): Promise<void> {\n    return new Promise(resolve => setTimeout(resolve, ms));\n} "],"names":["delay","ms","Promise","resolve","setTimeout"],"mappings":"AAKO,SAASA,EAAMC,GAA2B;AAC7C,SAAO,IAAIC,QAAQC,CAAAA,MAAWC,WAAWD,GAASF,CAAE,CAAC;AACzD;"}

package/dist/index243.js

@@ -0,0 +1,22 @@
+import { useEffect as s } from "react";
+const u = {
+  block: "nearest"
+};
+function m({
+  containerRef: t,
+  activeIndex: o,
+  itemSelector: r = '[role="option"]',
+  enabled: c = !0,
+  scrollOptions: e = u
+}) {
+  s(() => {
+    if (!c || o < 0 || !t?.current)
+      return;
+    const n = t.current.querySelectorAll(r)[o];
+    n && n.scrollIntoView(e);
+  }, [o, t, r, c, e]);
+}
+export {
+  m as useScrollActiveIntoView
+};
+//# sourceMappingURL=index243.js.map

package/dist/index243.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index243.js","sources":["../src/utils/a11y/useScrollActiveIntoView.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport type { RefObject } from 'react';\n\nconst DEFAULT_SCROLL_OPTIONS: ScrollIntoViewOptions = { block: 'nearest' };\n\nexport interface UseScrollActiveIntoViewOptions {\n  /**\n   * Ref to the container element\n   */\n  containerRef?: RefObject<HTMLElement | null>;\n  \n  /**\n   * Index of the currently active/highlighted item (-1 if none)\n   */\n  activeIndex: number;\n  \n  /**\n   * CSS selector for item elements\n   * Default: '[role=\"option\"]'\n   */\n  itemSelector?: string;\n  \n  /**\n   * Whether scrolling is enabled\n   * Default: true\n   */\n  enabled?: boolean;\n  \n  /**\n   * ScrollIntoView options\n   * Default: { block: 'nearest' }\n   */\n  scrollOptions?: ScrollIntoViewOptions;\n}\n\n/**\n * Hook to automatically scroll the active item into view.\n * \n * Useful for aria-activedescendant patterns where DOM focus stays\n * on the container (e.g., input field) but we need to visually show\n * which descendant option is logically active.\n * \n * Common use cases:\n * - Combobox dropdown options\n * - Menu items with virtual focus\n * - Grid cells with keyboard navigation\n * - Tree view items\n * - Listbox options\n * \n * @example\n * ```tsx\n * const [highlightedIndex, setHighlightedIndex] = useState(-1);\n * const listboxRef = useRef<HTMLDivElement>(null);\n * \n * useScrollActiveIntoView({\n *   containerRef: listboxRef,\n *   activeIndex: highlightedIndex,\n *   itemSelector: '[role=\"option\"]'\n * });\n * \n * // Now when highlightedIndex changes, the item scrolls into view\n * ```\n * \n * @example Custom scroll behavior\n * ```tsx\n * useScrollActiveIntoView({\n *   containerRef: menuRef,\n *   activeIndex: activeMenuIndex,\n *   itemSelector: '[role=\"menuitem\"]',\n *   scrollOptions: { block: 'center', behavior: 'smooth' }\n * });\n * ```\n */\nexport function useScrollActiveIntoView({\n  containerRef,\n  activeIndex,\n  itemSelector = '[role=\"option\"]',\n  enabled = true,\n  scrollOptions = DEFAULT_SCROLL_OPTIONS\n}: UseScrollActiveIntoViewOptions): void {\n  useEffect(() => {\n    // Early returns for disabled states\n    if (!enabled || activeIndex < 0 || !containerRef?.current) {\n      return;\n    }\n    \n    const container = containerRef.current;\n    const items = container.querySelectorAll(itemSelector);\n    const activeItem = items[activeIndex] as HTMLElement;\n    \n    if (activeItem) {\n      activeItem.scrollIntoView(scrollOptions);\n    }\n  }, [activeIndex, containerRef, itemSelector, enabled, scrollOptions]);\n}\n"],"names":["useEffect","DEFAULT_SCROLL_OPTIONS","block","useScrollActiveIntoView","containerRef","activeIndex","itemSelector","enabled","scrollOptions","current","activeItem","querySelectorAll","scrollIntoView"],"mappings":"AAGA,SAAA,aAAAA,SAAA;AAAA,MAAMC,IAAgD;AAAA,EAAEC,OAAO;AAAU;AAsElE,SAASC,EAAwB;AAAA,EACtCC,cAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgBP;AACc,GAAS;AACvCD,EAAAA,EAAU,MAAM;AAEd,QAAI,CAACO,KAAWF,IAAc,KAAK,CAACD,GAAcK;AAChD;AAKF,UAAMC,IAFYN,EAAaK,QACPE,iBAAiBL,CAAY,EAC5BD,CAAW;AAEpC,IAAIK,KACFA,EAAWE,eAAeJ,CAAa;AAAA,EAE3C,GAAG,CAACH,GAAaD,GAAcE,GAAcC,GAASC,CAAa,CAAC;AACtE;"}

package/dist/index25.js

@@ -4,7 +4,7 @@ import { Icon as oe } from "./index6.js";
 import { Checkbox as $e } from "./index23.js";
 import { Button as le } from "./index4.js";
 import { InputWithIcon as Le } from "./index52.js";
-import { useStableId as q } from "./index83.js";
+import { useStableId as q } from "./index201.js";
 import { useCombobox as re } from "./index68.js";
 function p() {
   return p = Object.assign ? Object.assign.bind() : function(t) {

package/dist/index28.js

@@ -2,8 +2,8 @@ import i, { useMemo as D, useRef as j, useEffect as m } from "react";
 import { Icon as M } from "./index6.js";
 import { getA11yNameAttributes as $ } from "./index78.js";
 import { useFocusTrap as k } from "./index72.js";
-import { useDismissOnEscape as z } from "./index79.js";
-import { useFocusSentinel as T } from "./index84.js";
+import { useDismissOnEscape as z } from "./index211.js";
+import { useFocusSentinel as T } from "./index212.js";
 /* empty css         */
 function u() {
   return u = Object.assign ? Object.assign.bind() : function(s) {

package/dist/index29.js

@@ -2,7 +2,7 @@ import r, { useState as $, useMemo as j, useRef as F, useEffect as B } from "rea
 import { Icon as L } from "./index6.js";
 import { Popover as z } from "./index19.js";
 import { MenuList as H } from "./index18.js";
-import { useStableId as U } from "./index83.js";
+import { useStableId as U } from "./index201.js";
 import "./index72.js";
 import { useTabsA11y as V, getPanelId as q } from "./index73.js";
 /* empty css         */

package/dist/index30.js

@@ -1,7 +1,7 @@
 import e, { forwardRef as K } from "react";
 import { Icon as M } from "./index6.js";
 import { Button as d } from "./index4.js";
-import { useStableId as B } from "./index83.js";
+import { useStableId as B } from "./index201.js";
 import { getRegionAttributes as Q } from "./index66.js";
 import { useAccessiblePress as U } from "./index67.js";
 import "./index72.js";

package/dist/index33.js

@@ -1,5 +1,5 @@
 import e, { useRef as y } from "react";
-import { useStableId as N } from "./index83.js";
+import { useStableId as N } from "./index201.js";
 function I(a) {
   const {
     label: s,

package/dist/index35.js

@@ -1,6 +1,6 @@
 import e, { useState as h, useEffect as E } from "react";
 import { Icon as N } from "./index6.js";
-import { useStableId as $ } from "./index83.js";
+import { useStableId as $ } from "./index201.js";
 import { getRegionAttributes as I } from "./index66.js";
 import { useAccessiblePress as _ } from "./index67.js";
 import "./index72.js";

package/dist/index36.js

@@ -1,6 +1,6 @@
 import e, { useState as k, useEffect as w } from "react";
 import { Icon as x } from "./index6.js";
-import { useStableId as F } from "./index83.js";
+import { useStableId as F } from "./index201.js";
 import { getA11yNameAttributes as P } from "./index78.js";
 import { getRegionAttributes as V } from "./index66.js";
 import { useAccessiblePress as q } from "./index67.js";

package/dist/index38.js

@@ -5,7 +5,7 @@ import { Checkbox as ke } from "./index23.js";
 import { Button as G } from "./index4.js";
 import "./index72.js";
 import { useCombobox as be } from "./index68.js";
-import { useStableId as Ce } from "./index83.js";
+import { useStableId as Ce } from "./index201.js";
 /* empty css         */
 function g() {
   return g = Object.assign ? Object.assign.bind() : function(v) {

package/dist/index39.js

@@ -1,6 +1,6 @@
 import e from "react";
-import { useStableId as A } from "./index83.js";
-import { mergeIds as P } from "./index207.js";
+import { useStableId as A } from "./index201.js";
+import { mergeIds as P } from "./index202.js";
 import { getA11yNameAttributes as _ } from "./index78.js";
 import "./index72.js";
 /* empty css         */

package/dist/index40.js

@@ -1,7 +1,7 @@
 import a, { useState as d, useRef as $, useEffect as r, useMemo as D } from "react";
 import { Icon as g } from "./index6.js";
 import { LabelChip as F } from "./index11.js";
-import { debounce as L } from "./index221.js";
+import { debounce as L } from "./index220.js";
 /* empty css         */
 function z(p) {
   const {

package/dist/index45.js

@@ -1,7 +1,7 @@
 import e, { useState as S, useRef as k, useCallback as P, useEffect as Y } from "react";
 /* empty css         */
 import { Icon as x } from "./index6.js";
-import { useStableId as Z } from "./index83.js";
+import { useStableId as Z } from "./index201.js";
 import { getA11yNameAttributes as L } from "./index78.js";
 import "./index72.js";
 import { useCombobox as ee } from "./index68.js";

package/dist/index46.js

@@ -1,8 +1,8 @@
 import t, { useState as h, useRef as f, useCallback as g, useEffect as _ } from "react";
 /* empty css         */
-import C from "./index229.js";
+import C from "./index228.js";
 import { Icon as M } from "./index6.js";
-import { useStableId as v } from "./index83.js";
+import { useStableId as v } from "./index201.js";
 import { getA11yNameAttributes as T } from "./index78.js";
 import "./index72.js";
 import { useCombobox as le } from "./index68.js";

package/dist/index49.js

@@ -31,7 +31,7 @@ import { Popover as $ } from "./index19.js";
 /* empty css         */
 /* empty css         */
 /* empty css         */
-import { TabButton as j } from "./index232.js";
+import { TabButton as j } from "./index231.js";
 /* empty css         */
 /* empty css         */
 /* empty css         */

package/dist/index51.js

@@ -2,7 +2,7 @@ import r, { useState as S } from "react";
 import { Button as z } from "./index4.js";
 import { Icon as _ } from "./index6.js";
 import { Dropdown as te } from "./index25.js";
-import { useDatePickerA11y as Fe, formatDateId as Pe, getCellAriaLabel as Ce } from "./index241.js";
+import { useDatePickerA11y as Fe, formatDateId as Pe, getCellAriaLabel as Ce } from "./index240.js";
 /* empty css         */
 function T() {
   return T = Object.assign ? Object.assign.bind() : function(p) {

package/dist/index52.js

@@ -1,6 +1,6 @@
 import t from "react";
 import { Icon as W } from "./index6.js";
-import { useStableId as j } from "./index83.js";
+import { useStableId as j } from "./index201.js";
 import { getA11yNameAttributes as q } from "./index78.js";
 import "./index72.js";
 /* empty css         */

package/dist/index53.js

@@ -1,5 +1,5 @@
 import e, { useEffect as d } from "react";
-import { delay as m } from "./index242.js";
+import { delay as m } from "./index241.js";
 import { Icon as i } from "./index6.js";
 const g = (r) => {
   const {

package/dist/index57.js

@@ -1,5 +1,5 @@
 import p, { useState as A, useRef as O, useEffect as j } from "react";
-import { useStableId as W } from "./index83.js";
+import { useStableId as W } from "./index201.js";
 /* empty css         */
 const M = ({
   length: n = 6,

package/dist/index6.js

@@ -1,124 +1,124 @@
-import j from "./index87.js";
-import L from "./index88.js";
-import R from "./index89.js";
-import F from "./index90.js";
-import B from "./index91.js";
-import D from "./index92.js";
-import M from "./index93.js";
-import T from "./index94.js";
-import q from "./index95.js";
-import G from "./index96.js";
-import V from "./index97.js";
-import H from "./index98.js";
-import J from "./index99.js";
-import K from "./index100.js";
-import Q from "./index101.js";
-import U from "./index102.js";
-import W from "./index103.js";
-import X from "./index104.js";
-import Y from "./index105.js";
-import Z from "./index106.js";
-import z from "./index107.js";
-import ss from "./index108.js";
-import os from "./index109.js";
-import _s from "./index110.js";
-import ts from "./index111.js";
-import is from "./index112.js";
-import rs from "./index113.js";
-import es from "./index114.js";
-import cs from "./index115.js";
-import as from "./index116.js";
-import ms from "./index117.js";
-import gs from "./index118.js";
-import vs from "./index119.js";
-import ls from "./index120.js";
-import ns from "./index121.js";
-import fs from "./index122.js";
-import bs from "./index123.js";
-import ps from "./index124.js";
-import ds from "./index125.js";
-import us from "./index126.js";
-import hs from "./index127.js";
-import ks from "./index128.js";
-import xs from "./index129.js";
-import As from "./index130.js";
-import ws from "./index131.js";
-import ys from "./index132.js";
-import Ps from "./index133.js";
-import Is from "./index134.js";
-import Ns from "./index135.js";
-import Cs from "./index136.js";
-import Os from "./index137.js";
-import $s from "./index138.js";
-import Es from "./index139.js";
-import Ss from "./index140.js";
-import js from "./index141.js";
-import Ls from "./index142.js";
-import Rs from "./index143.js";
-import Fs from "./index144.js";
-import Bs from "./index145.js";
-import Ds from "./index146.js";
-import Ms from "./index147.js";
-import Ts from "./index148.js";
-import qs from "./index149.js";
-import Gs from "./index150.js";
-import Vs from "./index151.js";
-import Hs from "./index152.js";
-import Js from "./index153.js";
-import Ks from "./index154.js";
-import Qs from "./index155.js";
-import Us from "./index156.js";
-import Ws from "./index157.js";
-import Xs from "./index158.js";
-import Ys from "./index159.js";
-import Zs from "./index160.js";
-import zs from "./index161.js";
-import so from "./index162.js";
-import oo from "./index163.js";
-import _o from "./index164.js";
-import to from "./index165.js";
-import io from "./index166.js";
-import ro from "./index167.js";
-import eo from "./index168.js";
-import co from "./index169.js";
-import ao from "./index170.js";
-import mo from "./index171.js";
-import go from "./index172.js";
-import vo from "./index173.js";
-import lo from "./index174.js";
-import no from "./index175.js";
-import fo from "./index176.js";
-import bo from "./index177.js";
-import po from "./index178.js";
-import uo from "./index179.js";
-import ho from "./index180.js";
-import ko from "./index181.js";
-import xo from "./index182.js";
-import Ao from "./index183.js";
-import wo from "./index184.js";
-import yo from "./index185.js";
-import Po from "./index186.js";
-import Io from "./index187.js";
-import No from "./index188.js";
-import Co from "./index189.js";
-import Oo from "./index190.js";
-import $o from "./index191.js";
-import Eo from "./index192.js";
-import So from "./index193.js";
-import jo from "./index194.js";
-import Lo from "./index195.js";
-import Ro from "./index196.js";
-import Fo from "./index197.js";
-import Bo from "./index198.js";
-import Do from "./index199.js";
-import Mo from "./index200.js";
-import To from "./index201.js";
-import qo from "./index202.js";
-import Go from "./index203.js";
-import Vo from "./index204.js";
-import Ho from "./index205.js";
+import j from "./index80.js";
+import L from "./index81.js";
+import R from "./index82.js";
+import F from "./index83.js";
+import B from "./index84.js";
+import D from "./index85.js";
+import M from "./index86.js";
+import T from "./index87.js";
+import q from "./index88.js";
+import G from "./index89.js";
+import V from "./index90.js";
+import H from "./index91.js";
+import J from "./index92.js";
+import K from "./index93.js";
+import Q from "./index94.js";
+import U from "./index95.js";
+import W from "./index96.js";
+import X from "./index97.js";
+import Y from "./index98.js";
+import Z from "./index99.js";
+import z from "./index100.js";
+import ss from "./index101.js";
+import os from "./index102.js";
+import _s from "./index103.js";
+import ts from "./index104.js";
+import is from "./index105.js";
+import rs from "./index106.js";
+import es from "./index107.js";
+import cs from "./index108.js";
+import as from "./index109.js";
+import ms from "./index110.js";
+import gs from "./index111.js";
+import vs from "./index112.js";
+import ls from "./index113.js";
+import ns from "./index114.js";
+import fs from "./index115.js";
+import bs from "./index116.js";
+import ps from "./index117.js";
+import ds from "./index118.js";
+import us from "./index119.js";
+import hs from "./index120.js";
+import ks from "./index121.js";
+import xs from "./index122.js";
+import As from "./index123.js";
+import ws from "./index124.js";
+import ys from "./index125.js";
+import Ps from "./index126.js";
+import Is from "./index127.js";
+import Ns from "./index128.js";
+import Cs from "./index129.js";
+import Os from "./index130.js";
+import $s from "./index131.js";
+import Es from "./index132.js";
+import Ss from "./index133.js";
+import js from "./index134.js";
+import Ls from "./index135.js";
+import Rs from "./index136.js";
+import Fs from "./index137.js";
+import Bs from "./index138.js";
+import Ds from "./index139.js";
+import Ms from "./index140.js";
+import Ts from "./index141.js";
+import qs from "./index142.js";
+import Gs from "./index143.js";
+import Vs from "./index144.js";
+import Hs from "./index145.js";
+import Js from "./index146.js";
+import Ks from "./index147.js";
+import Qs from "./index148.js";
+import Us from "./index149.js";
+import Ws from "./index150.js";
+import Xs from "./index151.js";
+import Ys from "./index152.js";
+import Zs from "./index153.js";
+import zs from "./index154.js";
+import so from "./index155.js";
+import oo from "./index156.js";
+import _o from "./index157.js";
+import to from "./index158.js";
+import io from "./index159.js";
+import ro from "./index160.js";
+import eo from "./index161.js";
+import co from "./index162.js";
+import ao from "./index163.js";
+import mo from "./index164.js";
+import go from "./index165.js";
+import vo from "./index166.js";
+import lo from "./index167.js";
+import no from "./index168.js";
+import fo from "./index169.js";
+import bo from "./index170.js";
+import po from "./index171.js";
+import uo from "./index172.js";
+import ho from "./index173.js";
+import ko from "./index174.js";
+import xo from "./index175.js";
+import Ao from "./index176.js";
+import wo from "./index177.js";
+import yo from "./index178.js";
+import Po from "./index179.js";
+import Io from "./index180.js";
+import No from "./index181.js";
+import Co from "./index182.js";
+import Oo from "./index183.js";
+import $o from "./index184.js";
+import Eo from "./index185.js";
+import So from "./index186.js";
+import jo from "./index187.js";
+import Lo from "./index188.js";
+import Ro from "./index189.js";
+import Fo from "./index190.js";
+import Bo from "./index191.js";
+import Do from "./index192.js";
+import Mo from "./index193.js";
+import To from "./index194.js";
+import qo from "./index195.js";
+import Go from "./index196.js";
+import Vo from "./index197.js";
+import Ho from "./index198.js";
 import c from "react";
-import { ReactSVG as Jo } from "./index206.js";
+import { ReactSVG as Jo } from "./index199.js";
 import { getA11yNameAttributes as Ko } from "./index78.js";
 import { useAccessiblePress as Qo } from "./index67.js";
 import "./index72.js";

package/dist/index63.js

@@ -2,7 +2,7 @@ import F, { useState as ot, useRef as X, useEffect as $ } from "react";
 import { createPortal as nt } from "react-dom";
 import { Icon as it } from "./index6.js";
 import { Button as rt } from "./index4.js";
-import { debounce as lt } from "./index221.js";
+import { debounce as lt } from "./index220.js";
 const q = 500, S = 50, U = 150, st = {
   "top-left": {
     rotate: "315",

package/dist/index65.js

@@ -4,7 +4,7 @@ import { Badge as j } from "./index10.js";
 import { Icon as q } from "./index6.js";
 import { Link as N } from "./index64.js";
 import { CustomModal as G } from "./index13.js";
-import { useStableId as J } from "./index83.js";
+import { useStableId as J } from "./index201.js";
 /* empty css         */
 const K = {
   lg: {

package/dist/index7.js

@@ -1,6 +1,6 @@
 import s, { useState as h, useCallback as i } from "react";
 import "./index72.js";
-import { isElementVisible as p } from "./index81.js";
+import { isElementVisible as p } from "./index200.js";
 const x = ({
   skipLinks: n,
   className: c = ""

package/dist/index76.js

@@ -1,43 +1,40 @@
-import { useState as v, useEffect as w, useCallback as h } from "react";
-import { useScrollActiveIntoView as x } from "./index80.js";
-function E({
-  items: u,
+import { useState as m, useEffect as w, useCallback as b } from "react";
+import { useScrollActiveIntoView as x } from "./index243.js";
+function s({
+  items: c,
   isOpen: t,
-  onSelect: o,
+  onSelect: l,
   onClose: i,
   onOpen: n,
-  loop: l = !0,
-  disabled: b = !1,
+  loop: o = !0,
+  disabled: h = !1,
   listboxRef: k,
-  optionSelector: D = '[role="option"]'
+  optionSelector: g = '[role="option"]'
 }) {
-  const [e, r] = v(-1);
+  const [f, r] = m(-1);
   w(() => {
     t || r(-1);
   }, [t]), x({
     containerRef: k,
-    activeIndex: e,
-    itemSelector: D,
+    activeIndex: f,
+    itemSelector: g,
     enabled: t
   });
-  const g = h((a) => {
-    if (b) {
+  const D = b((a) => {
+    if (h) {
       a.key === "Escape" && t && (a.preventDefault(), i());
       return;
     }
-    const f = u.length;
+    const e = c.length;
     switch (a.key) {
       case "ArrowDown":
-        a.preventDefault(), !t && f > 0 ? (n?.(), r(0)) : t && f > 0 && r((c) => l ? (c + 1) % f : Math.min(c + 1, f - 1));
+        a.preventDefault(), !t && e > 0 ? (n?.(), r(0)) : t && e > 0 && r((u) => o ? (u + 1) % e : Math.min(u + 1, e - 1));
         break;
       case "ArrowUp":
-        a.preventDefault(), t && f > 0 && r((c) => c === -1 ? f - 1 : l ? (c - 1 + f) % f : Math.max(c - 1, 0));
+        a.preventDefault(), t && e > 0 && r((u) => u === -1 ? e - 1 : o ? (u - 1 + e) % e : Math.max(u - 1, 0));
         break;
       case "Enter":
-        a.preventDefault(), t ? e >= 0 && u[e] && (o(u[e], e), r(-1)) : (n?.(), r(0));
-        break;
-      case " ":
-        a.preventDefault(), t ? e >= 0 && u[e] && (o(u[e], e), r(-1)) : (n?.(), r(0));
+        a.preventDefault(), t ? f >= 0 && c[f] && (l(c[f], f), r(-1)) : (n?.(), r(0));
         break;
       case "Escape":
         t && (a.preventDefault(), i(), r(-1));
@@ -46,15 +43,15 @@ function E({
         t && (i(), r(-1));
         break;
     }
-  }, [b, u, t, e, o, i, n, l]), d = h((a, f) => `${a}-option-${f}`, []);
+  }, [h, c, t, f, l, i, n, o]), d = b((a, e) => `${a}-option-${e}`, []);
   return {
-    highlightedIndex: e,
+    highlightedIndex: f,
     setHighlightedIndex: r,
-    handleKeyDown: g,
+    handleKeyDown: D,
     getOptionId: d
   };
 }
 export {
-  E as useComboboxNavigation
+  s as useComboboxNavigation
 };
 //# sourceMappingURL=index76.js.map