@astryxdesign/core 0.7.1-canary.fb02ee9 → 0.7.1-canary.fdb53f3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (178) hide show
  1. package/dist/Calendar/Calendar.d.ts.map +1 -1
  2. package/dist/Calendar/Calendar.js +191 -32
  3. package/dist/CommandPalette/CommandPalette.d.ts +3 -1
  4. package/dist/CommandPalette/CommandPalette.d.ts.map +1 -1
  5. package/dist/CommandPalette/CommandPaletteItem.d.ts +11 -6
  6. package/dist/CommandPalette/CommandPaletteItem.d.ts.map +1 -1
  7. package/dist/CommandPalette/CommandPaletteItem.js +8 -9
  8. package/dist/DateInput/DateInput.js +1 -1
  9. package/dist/DateInput/MonthScroller.d.ts.map +1 -1
  10. package/dist/DateInput/MonthScroller.js +12 -4
  11. package/dist/DateRangeInput/DateRangeInput.d.ts.map +1 -1
  12. package/dist/DateRangeInput/DateRangeInput.js +12 -2
  13. package/dist/DropdownMenu/DropdownMenu.d.ts.map +1 -1
  14. package/dist/DropdownMenu/DropdownMenu.js +21 -2
  15. package/dist/FormLayout/FormLayout.d.ts.map +1 -1
  16. package/dist/FormLayout/FormLayout.js +1 -0
  17. package/dist/Grid/Grid.d.ts +13 -4
  18. package/dist/Grid/Grid.d.ts.map +1 -1
  19. package/dist/Grid/Grid.js +7 -1
  20. package/dist/HoverCard/useHoverCard.d.ts +1 -1
  21. package/dist/HoverCard/useHoverCard.d.ts.map +1 -1
  22. package/dist/HoverCard/useHoverCard.js +67 -49
  23. package/dist/MobileNav/MobileNav.d.ts +7 -0
  24. package/dist/MobileNav/MobileNav.d.ts.map +1 -1
  25. package/dist/MobileNav/MobileNav.js +45 -2
  26. package/dist/MultiSelector/MultiSelector.d.ts.map +1 -1
  27. package/dist/MultiSelector/MultiSelector.js +8 -0
  28. package/dist/NumberInput/NumberInput.js +1 -1
  29. package/dist/PowerSearch/PowerSearchEditPopover.d.ts.map +1 -1
  30. package/dist/PowerSearch/PowerSearchEditPopover.js +6 -0
  31. package/dist/Resizable/ResizeHandle.d.ts +1 -1
  32. package/dist/Resizable/ResizeHandle.d.ts.map +1 -1
  33. package/dist/Resizable/ResizeHandle.js +83 -15
  34. package/dist/Resizable/useResizable.d.ts +23 -0
  35. package/dist/Resizable/useResizable.d.ts.map +1 -1
  36. package/dist/Resizable/useResizable.js +78 -0
  37. package/dist/Selector/Selector.d.ts.map +1 -1
  38. package/dist/Selector/Selector.js +8 -0
  39. package/dist/SideNav/SideNav.d.ts.map +1 -1
  40. package/dist/SideNav/SideNav.js +10 -2
  41. package/dist/Slider/Slider.d.ts.map +1 -1
  42. package/dist/Slider/Slider.js +18 -7
  43. package/dist/Tokenizer/Tokenizer.d.ts.map +1 -1
  44. package/dist/Tokenizer/Tokenizer.js +16 -4
  45. package/dist/Toolbar/Toolbar.d.ts +2 -1
  46. package/dist/Toolbar/Toolbar.d.ts.map +1 -1
  47. package/dist/Toolbar/Toolbar.js +3 -1
  48. package/dist/TreeList/TreeList.d.ts.map +1 -1
  49. package/dist/TreeList/TreeList.js +6 -3
  50. package/dist/TreeList/TreeListItem.d.ts.map +1 -1
  51. package/dist/TreeList/TreeListItem.js +7 -1
  52. package/dist/astryx.css +1 -0
  53. package/dist/hooks/useScrollOverflow.d.ts.map +1 -1
  54. package/dist/hooks/useScrollOverflow.js +55 -12
  55. package/dist/hooks/useTreeFocus.d.ts +21 -0
  56. package/dist/hooks/useTreeFocus.d.ts.map +1 -1
  57. package/dist/hooks/useTreeFocus.js +40 -2
  58. package/dist/i18n/generated-locales/en.generated.d.ts.map +1 -1
  59. package/dist/i18n/generated-locales/en.generated.js +1 -0
  60. package/dist/i18n/generated-locales/pseudo.generated.d.ts.map +1 -1
  61. package/dist/i18n/generated-locales/pseudo.generated.js +1 -0
  62. package/dist/reset.until-found.a11y.browser.spec.d.ts +2 -0
  63. package/dist/reset.until-found.a11y.browser.spec.d.ts.map +1 -0
  64. package/dist/reset.until-found.a11y.browser.spec.js +71 -0
  65. package/dist/utils/plainDate.d.ts +12 -0
  66. package/dist/utils/plainDate.d.ts.map +1 -1
  67. package/dist/utils/plainDate.js +50 -6
  68. package/locales/en.json +4 -0
  69. package/locales/pseudo.json +3 -0
  70. package/package.json +3 -3
  71. package/src/AlertDialog/AlertDialog.doc.mjs +6 -0
  72. package/src/AlertDialog/AlertDialog.spec.md +205 -0
  73. package/src/AlertDialog/AlertDialog.test.tsx +3 -14
  74. package/src/AlertDialog/__tests__/AlertDialog.a11y.chromium.spec.ts +115 -0
  75. package/src/AlertDialog/__tests__/AlertDialog.a11y.renders.tsx +52 -0
  76. package/src/AlertDialog/__tests__/AlertDialog.a11y.states.ts +68 -0
  77. package/src/AlertDialog/__tests__/AlertDialog.a11y.test.tsx +144 -0
  78. package/src/Calendar/Calendar.doc.mjs +234 -60
  79. package/src/Calendar/Calendar.spec.md +209 -0
  80. package/src/Calendar/Calendar.test.tsx +559 -20
  81. package/src/Calendar/Calendar.tsx +258 -41
  82. package/src/Calendar/__tests__/Calendar.a11y.chromium.spec.ts +126 -0
  83. package/src/Calendar/__tests__/Calendar.a11y.known-failures.ts +12 -0
  84. package/src/Calendar/__tests__/Calendar.a11y.renders.tsx +57 -0
  85. package/src/Calendar/__tests__/Calendar.a11y.states.ts +139 -0
  86. package/src/Calendar/__tests__/Calendar.a11y.test.tsx +137 -0
  87. package/src/Carousel/Carousel.test.tsx +54 -71
  88. package/src/Carousel/__tests__/Carousel.a11y.chromium.spec.ts +192 -0
  89. package/src/Carousel/__tests__/Carousel.a11y.known-failures.ts +27 -0
  90. package/src/Carousel/__tests__/Carousel.a11y.renders.tsx +39 -0
  91. package/src/Carousel/__tests__/Carousel.a11y.states.ts +139 -0
  92. package/src/Carousel/__tests__/Carousel.a11y.test.tsx +127 -0
  93. package/src/Collapsible/__tests__/CollapsibleGroup.a11y.renders.tsx +45 -0
  94. package/src/Collapsible/__tests__/CollapsibleGroup.a11y.states.ts +139 -0
  95. package/src/Collapsible/__tests__/CollapsibleGroup.a11y.test.tsx +135 -0
  96. package/src/Collapsible/__tests__/CollapsibleGroupAccordion.a11y.chromium.spec.ts +128 -0
  97. package/src/CommandPalette/CommandPalette.doc.mjs +95 -22
  98. package/src/CommandPalette/CommandPalette.spec.md +4 -2
  99. package/src/CommandPalette/CommandPalette.tsx +3 -1
  100. package/src/CommandPalette/CommandPaletteItem.doc.mjs +73 -22
  101. package/src/CommandPalette/CommandPaletteItem.spec.md +223 -0
  102. package/src/CommandPalette/CommandPaletteItem.test.tsx +193 -5
  103. package/src/CommandPalette/CommandPaletteItem.tsx +16 -11
  104. package/src/ComplexSelector/ComplexSelector.spec.md +14 -9
  105. package/src/DateInput/DateInput.doc.mjs +52 -0
  106. package/src/DateInput/DateInput.spec.md +27 -15
  107. package/src/DateInput/DateInput.test.tsx +38 -0
  108. package/src/DateInput/DateInput.tsx +1 -1
  109. package/src/DateInput/DateInputTouch.test.tsx +22 -0
  110. package/src/DateInput/MonthScroller.tsx +12 -4
  111. package/src/DateRangeInput/DateRangeInput.test.tsx +49 -0
  112. package/src/DateRangeInput/DateRangeInput.tsx +20 -2
  113. package/src/DropdownMenu/DropdownMenu.spec.md +49 -16
  114. package/src/DropdownMenu/DropdownMenu.test.tsx +49 -0
  115. package/src/DropdownMenu/DropdownMenu.tsx +23 -2
  116. package/src/FormLayout/FormLayout.tsx +1 -0
  117. package/src/FormLayout/__snapshots__/FormLayout.test.tsx.snap +1 -1
  118. package/src/Grid/Grid.doc.mjs +14 -11
  119. package/src/Grid/Grid.tsx +13 -4
  120. package/src/HoverCard/HoverCard.test.tsx +46 -1
  121. package/src/HoverCard/useHoverCard.tsx +68 -48
  122. package/src/MobileNav/MobileNav.tsx +50 -2
  123. package/src/MobileNav/MobileNavFocus.test.tsx +553 -0
  124. package/src/MoreMenu/MoreMenu.spec.md +18 -7
  125. package/src/MoreMenu/MoreMenu.test.tsx +38 -0
  126. package/src/MultiSelector/MultiSelector.spec.md +1 -1
  127. package/src/MultiSelector/MultiSelector.test.tsx +50 -1
  128. package/src/MultiSelector/MultiSelector.tsx +8 -0
  129. package/src/NumberInput/NumberInput.test.tsx +24 -0
  130. package/src/NumberInput/NumberInput.tsx +1 -1
  131. package/src/PowerSearch/PowerSearchEditPopover.test.tsx +78 -0
  132. package/src/PowerSearch/PowerSearchEditPopover.tsx +6 -0
  133. package/src/Resizable/Resizable.spec.md +41 -9
  134. package/src/Resizable/ResizeHandle.test.tsx +565 -2
  135. package/src/Resizable/ResizeHandle.tsx +126 -21
  136. package/src/Resizable/__tests__/ResizeHandle.a11y.chromium.spec.ts +114 -0
  137. package/src/Resizable/__tests__/ResizeHandle.a11y.known-failures.ts +39 -0
  138. package/src/Resizable/__tests__/ResizeHandle.a11y.renders.tsx +80 -0
  139. package/src/Resizable/__tests__/ResizeHandle.a11y.states.ts +197 -0
  140. package/src/Resizable/__tests__/ResizeHandle.a11y.test.tsx +123 -0
  141. package/src/Resizable/useResizable.ts +95 -0
  142. package/src/Selector/Selector.test.tsx +52 -0
  143. package/src/Selector/Selector.tsx +8 -0
  144. package/src/SideNav/SideNav.test.tsx +35 -0
  145. package/src/SideNav/SideNav.tsx +16 -2
  146. package/src/Slider/Slider.spec.md +43 -17
  147. package/src/Slider/Slider.test.tsx +134 -0
  148. package/src/Slider/Slider.tsx +29 -6
  149. package/src/Slider/__tests__/Slider.a11y.chromium.spec.ts +112 -0
  150. package/src/Slider/__tests__/Slider.a11y.known-failures.ts +12 -0
  151. package/src/Slider/__tests__/Slider.a11y.renders.tsx +42 -0
  152. package/src/Slider/__tests__/Slider.a11y.states.ts +106 -0
  153. package/src/Slider/__tests__/Slider.a11y.test.tsx +105 -0
  154. package/src/Tokenizer/Tokenizer.test.tsx +87 -0
  155. package/src/Tokenizer/Tokenizer.tsx +31 -3
  156. package/src/Toolbar/Toolbar.test.tsx +131 -4
  157. package/src/Toolbar/Toolbar.tsx +3 -1
  158. package/src/TreeList/TreeList.spec.md +33 -8
  159. package/src/TreeList/TreeList.test.tsx +72 -0
  160. package/src/TreeList/TreeList.tsx +10 -6
  161. package/src/TreeList/TreeListItem.tsx +5 -0
  162. package/src/TreeList/__tests__/TreeList.a11y.chromium.spec.ts +125 -0
  163. package/src/TreeList/__tests__/TreeList.a11y.renders.tsx +44 -0
  164. package/src/TreeList/__tests__/TreeList.a11y.states.ts +164 -0
  165. package/src/TreeList/__tests__/TreeList.a11y.test.tsx +138 -0
  166. package/src/TreeList/__tests__/TreeListRowNames.a11y.chromium.spec.ts +82 -0
  167. package/src/hooks/useScrollOverflow.test.tsx +222 -0
  168. package/src/hooks/useScrollOverflow.ts +55 -13
  169. package/src/hooks/useTreeFocus.test.tsx +37 -0
  170. package/src/hooks/useTreeFocus.ts +55 -2
  171. package/src/i18n/generated-locales/en.generated.ts +1 -0
  172. package/src/i18n/generated-locales/pseudo.generated.ts +1 -0
  173. package/src/reset.css +4 -2
  174. package/src/reset.until-found.a11y.browser.spec.ts +75 -0
  175. package/src/reset.until-found.test.ts +32 -0
  176. package/src/stylexValidation.source-build.test.mjs +42 -0
  177. package/src/utils/plainDate.test.ts +48 -0
  178. package/src/utils/plainDate.ts +53 -6
@@ -1 +1 @@
1
- {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAkD5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAK5B,+CAA+C;AAE/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,mFAAmF;IACnF,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAE7B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAEzB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAMrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BAsXtD;yBAtXe,QAAQ"}
1
+ {"version":3,"file":"Calendar.d.ts","sourceRoot":"","sources":["../../src/Calendar/Calendar.tsx"],"names":[],"mappings":"AA4BA,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAsD5C,YAAY,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,EACV,aAAa,EACb,SAAS,EACT,aAAa,EACb,SAAS,EACV,MAAM,oBAAoB,CAAC;AAS5B,+CAA+C;AAC/C,MAAM,WAAW,cAAc;IAC7B,wEAAwE;IACxE,UAAU,EAAE,CAAC,IAAI,EAAE,aAAa,KAAK,IAAI,CAAC;CAC3C;AAID,UAAU,iBAAkB,SAAQ,IAAI,CACtC,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,cAAc,CAC5B;IACC,kDAAkD;IAClD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,SAAS,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IACtC,+CAA+C;IAC/C,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB,4CAA4C;IAC5C,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;;;;;OAOG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC;IAE1B,yDAAyD;IACzD,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAC;IAEvD;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAID,UAAU,mBAAoB,SAAQ,iBAAiB;IACrD,qBAAqB;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAEhB,mFAAmF;IACnF,KAAK,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAE7B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,aAAa,CAAC;IAE7B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,IAAI,KAAK,IAAI,CAAC;CAC9D;AAED,UAAU,kBAAmB,SAAQ,iBAAiB;IACpD,qBAAqB;IACrB,IAAI,EAAE,OAAO,CAAC;IAEd,8DAA8D;IAC9D,KAAK,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IAEzB,0CAA0C;IAC1C,YAAY,CAAC,EAAE,SAAS,CAAC;IAEzB,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC;AAED,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG,kBAAkB,CAAC;AAqBrE;;;;;;;GAOG;AACH,wBAAgB,QAAQ,CAAC,EAAC,GAAG,EAAE,GAAG,KAAK,EAAC,EAAE,aAAa,+BAghBtD;yBAhhBe,QAAQ"}
@@ -24,7 +24,7 @@ import { Icon } from "../Icon/index.js";
24
24
  import { useAnnounce, useGridFocus } from "../hooks/index.js";
25
25
  import { useCalendarDays, useCalendarConstraints } from "./hooks/index.js";
26
26
  import { calendarStyles, monthGridStyles, dayCellStyles, dayCellTheme } from "./styles.js";
27
- import { plainDateFromISO, plainDateToISO, plainDateToDate, plainDateToday, plainDateSetFirstOfMonth, plainDateAddMonths, plainDateAddDays, plainDateIsBefore, plainDateIsEqual, plainDateGetWeekNumber, plainDateFormat, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_MONTH_YEAR } from "../utils/plainDate.js";
27
+ import { plainDateFromISO, plainDateToISO, plainDateToDate, plainDateToday, plainDateSetFirstOfMonth, plainDateAddMonths, plainDateAddDays, plainDateDiffDays, getDaysInMonth, plainDateIsAfter, plainDateIsBefore, plainDateIsEqual, plainDateGetWeekNumber, plainDateFormat, plainDateWeekFieldName, DATE_FORMAT_WITH_WEEKDAY, DATE_FORMAT_MONTH_YEAR } from "../utils/plainDate.js";
28
28
  import { mergeProps, composeEventHandlers, rtlStyles } from "../utils/index.js";
29
29
  import { focusOutlineProps } from "../utils/focusOutline.stylex.js";
30
30
  import { interactionOverlayStyles } from "../utils/interactionOverlay.stylex.js";
@@ -39,6 +39,9 @@ import { computeDayCellState, computeRangeRounding, computePreviewRounding, comp
39
39
  import { normalizeDayOfWeek } from "../utils/dateTypes.js";
40
40
  import { themeProps } from "../utils/themeProps.js";
41
41
  import { useLocale, useTranslator } from "../i18n/index.js";
42
+ import { VisuallyHidden } from "../VisuallyHidden/index.js";
43
+
44
+ /** How a month navigation moves the focused day: by its row offset in days, or by whole months. */
42
45
 
43
46
  /** Imperative handle for Calendar handleRef */
44
47
 
@@ -46,6 +49,22 @@ import { useLocale, useTranslator } from "../i18n/index.js";
46
49
 
47
50
  // ─── Mode-specific Props (discriminated union) ────────────────
48
51
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
52
+ /** The first day of `month`'s month that `isDisabled` allows, or null. */
53
+ function firstEnabledDayOfMonth(month, isDisabled) {
54
+ const days = getDaysInMonth(month.year, month.month);
55
+ for (let day = 1; day <= days; day += 1) {
56
+ const pd = {
57
+ year: month.year,
58
+ month: month.month,
59
+ day
60
+ };
61
+ if (!isDisabled(pd)) {
62
+ return pd;
63
+ }
64
+ }
65
+ return null;
66
+ }
67
+
49
68
  // =============================================================================
50
69
  // Main Component
51
70
  // =============================================================================
@@ -157,6 +176,30 @@ export function Calendar({
157
176
  });
158
177
  }, [baseMonth, numberOfMonths]);
159
178
 
179
+ // A pending target is claimed by the grid that shows its month, or dropped
180
+ // by the next focus move that is not onto the target day: when a controlled
181
+ // owner refuses the month change, no grid shows the target's month, and a
182
+ // stale target would later steal focus (and Enter) when that month does
183
+ // appear. Only a grid showing the target's month receives it; any other
184
+ // focus change (an arrow to another day, the month header's buttons, or out
185
+ // of the calendar) drops it (see onBlur below).
186
+ const claimablePendingFocus = useMemo(() => {
187
+ if (pendingFocus == null) {
188
+ return null;
189
+ }
190
+ const target = plainDateFromISO(pendingFocus);
191
+ return visibleMonths.some(pd => pd.year === target.year && pd.month === target.month) ? pendingFocus : null;
192
+ }, [pendingFocus, visibleMonths]);
193
+ const handleRootBlur = useCallback(e => {
194
+ // Only the move onto the target day itself keeps the target: an arrow
195
+ // to any other day, a move to the header buttons, or focus leaving the
196
+ // calendar all drop it.
197
+ const movesToTarget = e.relatedTarget instanceof Element && e.relatedTarget.getAttribute('data-date') === pendingFocus;
198
+ if (pendingFocus != null && !movesToTarget) {
199
+ setPendingFocus(null);
200
+ }
201
+ }, [pendingFocus]);
202
+
160
203
  // Format month header
161
204
  const monthYearLabel = useMemo(() => {
162
205
  if (numberOfMonths === 1) {
@@ -185,6 +228,8 @@ export function Calendar({
185
228
  }, [monthYearLabel, announce]);
186
229
 
187
230
  // Determine if prev/next navigation is possible based on min/max
231
+ const minDateForKeys = useMemo(() => min ? plainDateFromISO(min) : null, [min]);
232
+ const maxDateForKeys = useMemo(() => max ? plainDateFromISO(max) : null, [max]);
188
233
  const canNavigatePrevious = useMemo(() => {
189
234
  if (!min) {
190
235
  return true;
@@ -204,23 +249,109 @@ export function Calendar({
204
249
  }, [max, baseMonth, numberOfMonths]);
205
250
 
206
251
  // Navigation handlers
207
- const navigateMonth = useCallback((delta, focusedDate, offset) => {
208
- const newPd = plainDateAddMonths(baseMonth, delta);
209
- const newISO = plainDateToISO(newPd);
252
+ // The same constraint view the grids use, so a key can resolve its target
253
+ // before the month changes.
254
+ const rootRangeAnchor = useMemo(() => mode === 'range' && rangeSelectionStart ? plainDateFromISO(rangeSelectionStart) : null, [mode, rangeSelectionStart]);
255
+ const {
256
+ isDateDisabled: isRootDateDisabled
257
+ } = useCalendarConstraints({
258
+ min,
259
+ max,
260
+ dateConstraints,
261
+ maxRangeSpan,
262
+ minRangeSpan,
263
+ rangeAnchor: rootRangeAnchor
264
+ });
265
+ const navigateMonth = useCallback((delta, focusedDate, offset, unit = 'days') => {
266
+ const monthIndex = pd => pd.year * 12 + pd.month;
267
+ const firstShown = monthIndex(baseMonth);
268
+ const lastShown = firstShown + numberOfMonths - 1;
269
+
270
+ // The Previous/Next buttons move the month with no focused day.
271
+ if (!focusedDate) {
272
+ if (delta < 0 && !canNavigatePrevious || delta > 0 && !canNavigateNext) {
273
+ return;
274
+ }
275
+ const newPd = plainDateAddMonths(baseMonth, delta);
276
+ if (onFocusDateChange) {
277
+ onFocusDateChange(plainDateToISO(newPd));
278
+ } else {
279
+ setInternalFocusDate(newPd);
280
+ }
281
+ return;
282
+ }
210
283
 
211
- // Calculate target focus date if a focused date was provided
212
- if (focusedDate) {
213
- const currentPd = plainDateFromISO(focusedDate);
214
- const daysToMove = offset ?? 7;
215
- const targetPd = plainDateAddDays(currentPd, delta * daysToMove);
216
- setPendingFocus(plainDateToISO(targetPd));
284
+ // A key resolves its TARGET day first and decides by that, so a
285
+ // boundary blocks only out-of-range targets, never the month movement
286
+ // itself (ArrowUp from February 3 reaches January 27 at a January
287
+ // minimum), and a direction with no enabled day left changes nothing
288
+ // rather than dropping focus.
289
+ const currentPd = plainDateFromISO(focusedDate);
290
+ const inRange = pd => !(minDateForKeys && plainDateIsBefore(pd, minDateForKeys)) && !(maxDateForKeys && plainDateIsAfter(pd, maxDateForKeys));
291
+ let targetPd;
292
+ if (unit === 'months') {
293
+ // A page targets the same day of the month a month away (clamped to
294
+ // that month's length). Past `min`/`max` nothing moves; a month with
295
+ // no enabled day is no destination either, the same as an arrow with
296
+ // no enabled day in its direction; a target disabled by a constraint
297
+ // lands on that month's first enabled day instead.
298
+ const candidate = plainDateAddMonths(currentPd, delta);
299
+ if (!inRange(candidate)) {
300
+ return;
301
+ }
302
+ if (isRootDateDisabled(candidate)) {
303
+ const firstEnabled = firstEnabledDayOfMonth(candidate, isRootDateDisabled);
304
+ if (firstEnabled == null) {
305
+ return;
306
+ }
307
+ targetPd = firstEnabled;
308
+ } else {
309
+ targetPd = candidate;
310
+ }
311
+ } else {
312
+ // Walk the arrow's direction to the first enabled day, up to a year
313
+ // away; past `min`/`max` or with every day disabled, nothing moves.
314
+ const step = delta * (offset ?? 7);
315
+ let candidate = plainDateAddDays(currentPd, step);
316
+ let found = null;
317
+ while (Math.abs(plainDateDiffDays(currentPd, candidate)) <= 366) {
318
+ if (!inRange(candidate)) {
319
+ return;
320
+ }
321
+ if (!isRootDateDisabled(candidate)) {
322
+ found = candidate;
323
+ break;
324
+ }
325
+ candidate = plainDateAddDays(candidate, step);
326
+ }
327
+ if (found == null) {
328
+ return;
329
+ }
330
+ targetPd = found;
217
331
  }
332
+
333
+ // Focus moves to the target; the months change only when the target's
334
+ // month is not already shown. The view shifts the least it can in the
335
+ // key's direction, so the target month becomes the first (backwards)
336
+ // or last (forwards) month shown.
337
+ const resolved = targetPd;
338
+ const targetMonth = monthIndex(resolved);
339
+ setPendingFocus(plainDateToISO(resolved));
340
+ if (targetMonth >= firstShown && targetMonth <= lastShown) {
341
+ return;
342
+ }
343
+ const targetFirst = {
344
+ year: resolved.year,
345
+ month: resolved.month,
346
+ day: 1
347
+ };
348
+ const newPd = targetMonth < firstShown ? targetFirst : plainDateAddMonths(targetFirst, -(numberOfMonths - 1));
218
349
  if (onFocusDateChange) {
219
- onFocusDateChange(newISO);
350
+ onFocusDateChange(plainDateToISO(newPd));
220
351
  } else {
221
352
  setInternalFocusDate(newPd);
222
353
  }
223
- }, [baseMonth, onFocusDateChange]);
354
+ }, [baseMonth, canNavigateNext, canNavigatePrevious, isRootDateDisabled, maxDateForKeys, minDateForKeys, numberOfMonths, onFocusDateChange]);
224
355
 
225
356
  // Escape key handler to cancel range selection
226
357
  const handleCalendarKeyDown = useCallback(e => {
@@ -294,6 +425,7 @@ export function Calendar({
294
425
  return /*#__PURE__*/_jsxs("div", {
295
426
  ref: ref,
296
427
  ...rest,
428
+ onBlur: composeEventHandlers(rest.onBlur, handleRootBlur),
297
429
  ...mergeProps(themeProps('calendar', {
298
430
  mode
299
431
  }), stylex.props(calendarStyles.calendar, xstyle), className, style),
@@ -365,9 +497,9 @@ export function Calendar({
365
497
  onDayClick: handleDayClick,
366
498
  onDayHover: date => setHoveredDate(date ? plainDateToISO(date) : null),
367
499
  today: today,
368
- onNavigatePrevious: (focusedDate, offset) => navigateMonth(-1, focusedDate, offset),
369
- onNavigateNext: (focusedDate, offset) => navigateMonth(1, focusedDate, offset),
370
- pendingFocus: pendingFocus,
500
+ onNavigatePrevious: (focusedDate, offset, unit) => navigateMonth(-1, focusedDate, offset, unit),
501
+ onNavigateNext: (focusedDate, offset, unit) => navigateMonth(1, focusedDate, offset, unit),
502
+ pendingFocus: claimablePendingFocus,
371
503
  onPendingFocusHandled: () => setPendingFocus(null)
372
504
  }, `${month.year}-${month.month}`))
373
505
  })]
@@ -501,13 +633,13 @@ function MonthGrid({
501
633
  const handlePageUp = useCallback(() => {
502
634
  const focusedDate = getFocusedDate();
503
635
  if (focusedDate) {
504
- onNavigatePrevious?.(focusedDate, 7);
636
+ onNavigatePrevious?.(focusedDate, 1, 'months');
505
637
  }
506
638
  }, [getFocusedDate, onNavigatePrevious]);
507
639
  const handlePageDown = useCallback(() => {
508
640
  const focusedDate = getFocusedDate();
509
641
  if (focusedDate) {
510
- onNavigateNext?.(focusedDate, 7);
642
+ onNavigateNext?.(focusedDate, 1, 'months');
511
643
  }
512
644
  }, [getFocusedDate, onNavigateNext]);
513
645
 
@@ -527,7 +659,12 @@ function MonthGrid({
527
659
  } = useGridFocus({
528
660
  columns: 7,
529
661
  cellSelector: '[role="gridcell"]',
530
- isCellFocusable: cell => cell.querySelector('button:not([disabled])') !== null,
662
+ // A borrowed adjacent-month day is exposed aria-disabled (its click does
663
+ // nothing, but it can still take pointer focus) and may also be natively
664
+ // disabled by bounds or a constraint; the keyboard skips it either way
665
+ // and crosses into that month through the grid edge instead, so focus
666
+ // lands on the real day in the month now shown (FR5).
667
+ isCellFocusable: cell => cell.querySelector('button:not([disabled]):not([aria-disabled="true"])') !== null,
531
668
  getFocusTarget: cell => cell.querySelector('button'),
532
669
  hasRovingTabIndex: true,
533
670
  onNavigateBefore: handleNavigatePrevious,
@@ -536,27 +673,38 @@ function MonthGrid({
536
673
  onPageDown: handlePageDown
537
674
  });
538
675
 
539
- // Handle pending focus after month navigation
676
+ // Handle pending focus after month navigation. Every mounted month grid
677
+ // sees the same pending date; only the grid showing that date's month acts,
678
+ // so a neighbouring grid's fallback never overrides the right target. The
679
+ // target is the real day in this month, never an outside-day copy; when it
680
+ // is disabled, the month's first enabled day takes focus instead.
540
681
  useEffect(() => {
541
682
  if (!pendingFocus || !gridRef.current) {
542
683
  return;
543
684
  }
544
- const buttons = gridRef.current.querySelectorAll('button:not([disabled])');
545
685
  const targetPd = plainDateFromISO(pendingFocus);
686
+ if (targetPd.year !== year || targetPd.month !== month.month) {
687
+ return;
688
+ }
546
689
  const targetIso = plainDateToISO(targetPd);
547
- let targetButton = null;
548
- for (const button of buttons) {
549
- if (button.getAttribute('data-date') === targetIso) {
550
- targetButton = button;
551
- break;
690
+ const buttons = Array.from(gridRef.current.querySelectorAll('button[data-date]:not([disabled]):not([aria-disabled="true"])'));
691
+
692
+ // The real target day, else the month's first enabled day, else — in a
693
+ // month with no enabled day — the first day button that can still take
694
+ // focus (a borrowed adjacent-month day), so focus stays in the grid
695
+ // rather than dropping to the page.
696
+ const targetButton = buttons.find(button => button.getAttribute('data-date') === targetIso) ?? buttons[0] ?? gridRef.current.querySelector('button[data-date]:not([disabled])') ?? null;
697
+ if (targetButton != null) {
698
+ // The target becomes this grid's one Tab stop before it takes focus,
699
+ // the way the hook's own arrow moves do (FR2): a programmatic focus
700
+ // alone would leave the stop on the day the grid mounted with.
701
+ for (const button of gridRef.current.querySelectorAll('button[data-date]')) {
702
+ button.tabIndex = button === targetButton ? 0 : -1;
552
703
  }
704
+ targetButton.focus();
553
705
  }
554
- if (!targetButton && buttons.length > 0) {
555
- targetButton = buttons[0];
556
- }
557
- targetButton?.focus();
558
706
  onPendingFocusHandled?.();
559
- }, [pendingFocus, gridRef, onPendingFocusHandled]);
707
+ }, [pendingFocus, gridRef, month.month, onPendingFocusHandled, year]);
560
708
 
561
709
  // Parse selection
562
710
  let selectedDate = null;
@@ -613,8 +761,19 @@ function MonthGrid({
613
761
  children: [/*#__PURE__*/_jsxs("div", {
614
762
  role: "row",
615
763
  ...stylex.props(monthGridStyles.weekRow),
616
- children: [hasWeekNumbers && /*#__PURE__*/_jsx("div", {
617
- ...stylex.props(monthGridStyles.dayName, monthGridStyles.weekNumberHeader)
764
+ children: [hasWeekNumbers &&
765
+ /*#__PURE__*/
766
+ // The corner above the week-number column is a header cell like
767
+ // the weekday names beside it (APG grid: every cell in a row is a
768
+ // gridcell, columnheader or rowheader). Its name is the locale's
769
+ // own word for the week field, as visually hidden text so the
770
+ // column stays blank and the header is not empty to axe.
771
+ _jsx("div", {
772
+ role: "columnheader",
773
+ ...stylex.props(monthGridStyles.dayName, monthGridStyles.weekNumberHeader),
774
+ children: /*#__PURE__*/_jsx(VisuallyHidden, {
775
+ children: plainDateWeekFieldName(locale)
776
+ })
618
777
  }), dayNameHeaders.map(({
619
778
  dayOfWeek,
620
779
  name
@@ -42,7 +42,9 @@ export interface CommandPaletteProps<T extends SearchableItem = SearchableItem>
42
42
  footer?: ReactNode;
43
43
  /**
44
44
  * Per-item render function. Receives the item and whether it is currently selected.
45
- * Auto-grouping by `auxiliaryData.group` is preserved.
45
+ * Return non-interactive presentation content; buttons and links cannot be
46
+ * nested inside the rendered option. Auto-grouping by `auxiliaryData.group`
47
+ * is preserved.
46
48
  * When omitted, renders each item's `label` text.
47
49
  */
48
50
  renderItem?: (item: T, isSelected: boolean) => ReactNode;
@@ -1 +1 @@
1
- {"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AAEH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAU/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,mBAAmB,CAClC,CAAC,SAAS,cAAc,GAAG,cAAc,CACzC,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEzD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAiID;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACxE,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,eAAe,EAAE,wBAAwB,EACzC,kBAAkB,EAAE,2BAA2B,EAC/C,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,KAAK,EAAE,cAAc,EACrB,KAAW,EACX,SAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAsXxB;yBAvYe,cAAc"}
1
+ {"version":3,"file":"CommandPalette.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPalette.tsx"],"names":[],"mappings":"AAGA;;;;;;;;;GASG;AAEH,OAAO,EASL,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAC,YAAY,EAAE,cAAc,EAAC,MAAM,cAAc,CAAC;AAU/D,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAI5C,MAAM,WAAW,mBAAmB,CAClC,CAAC,SAAS,cAAc,GAAG,cAAc,CACzC,SAAQ,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACtD,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACnC,2CAA2C;IAC3C,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,0DAA0D;IAC1D,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IAExC;;;;OAIG;IACH,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAE9B;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB;;;;;;OAMG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC;IAEzD;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAE5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAE/B,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,8CAA8C;IAC9C,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC7B;AAiID;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc,EAAE,EACxE,GAAG,EACH,MAAM,EACN,QAAQ,EACR,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,MAAM,EACN,UAAU,EACV,eAAe,EAAE,wBAAwB,EACzC,kBAAkB,EAAE,2BAA2B,EAC/C,KAAK,EAAE,eAAe,EACtB,aAAa,EACb,KAAK,EAAE,cAAc,EACrB,KAAW,EACX,SAAe,EACf,GAAG,IAAI,EACR,EAAE,mBAAmB,CAAC,CAAC,CAAC,+BAsXxB;yBAvYe,cAAc"}
@@ -14,7 +14,11 @@ export interface CommandPaletteItemProps extends Omit<BaseProps<HTMLDivElement>,
14
14
  ref?: React.Ref<HTMLDivElement>;
15
15
  /** Unique value for identification and selection. */
16
16
  value: string;
17
- /** Called when this item is selected (via click or Enter). */
17
+ /**
18
+ * Called after this item is activated by pointer.
19
+ * Keyboard selection inside CommandPalette reports through the root
20
+ * `onValueChange` callback.
21
+ */
18
22
  onSelect?: (value: string) => void;
19
23
  /**
20
24
  * Whether this item is visually highlighted (keyboard focus).
@@ -32,16 +36,17 @@ export interface CommandPaletteItemProps extends Omit<BaseProps<HTMLDivElement>,
32
36
  * @default false
33
37
  */
34
38
  isDisabled?: boolean;
35
- /** Item content. Fully custom — render icons, descriptions, shortcuts, etc. */
39
+ /** Non-interactive item content: labels, icons, descriptions, shortcuts, etc. */
36
40
  children: ReactNode;
37
41
  }
38
42
  /**
39
43
  * A selectable item in the command palette.
40
44
  * Accepts arbitrary children for full rendering control.
41
45
  *
42
- * When used inside CommandPalette, registers with context for
43
- * keyboard navigation and selection. Can also be used
44
- * standalone with explicit isHighlighted/isSelected props.
46
+ * When used inside CommandPalette, context supplies identity, highlight,
47
+ * selection, and close behavior. Standalone use supports explicit visual
48
+ * state and pointer activation but does not provide a composite listbox
49
+ * keyboard model.
45
50
  *
46
51
  * @compositionHint Place inside CommandPaletteList or CommandPaletteGroup.
47
52
  *
@@ -52,7 +57,7 @@ export interface CommandPaletteItemProps extends Omit<BaseProps<HTMLDivElement>,
52
57
  * </CommandPaletteItem>
53
58
  * ```
54
59
  */
55
- export declare function CommandPaletteItem({ value, onSelect, isHighlighted: controlledHighlighted, isSelected: controlledSelected, isDisabled, children, ref, xstyle, className, style, onClick: onClickProp, onMouseEnter: onMouseEnterProp, ...props }: CommandPaletteItemProps): import("react").JSX.Element;
60
+ export declare function CommandPaletteItem({ value, onSelect, isHighlighted: controlledHighlighted, isSelected: controlledSelected, isDisabled, children, ref, xstyle, className, style, id: idProp, onClick: onClickProp, onMouseEnter: onMouseEnterProp, ...props }: CommandPaletteItemProps): import("react").JSX.Element;
56
61
  export declare namespace CommandPaletteItem {
57
62
  var displayName: string;
58
63
  }
@@ -1 +1 @@
1
- {"version":3,"file":"CommandPaletteItem.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPaletteItem.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,EAA0C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAqD5C,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,UAAU,CACxB;IACC,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+EAA+E;IAC/E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,kBAAkB,EAC9B,UAAkB,EAClB,QAAQ,EACR,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAqFzB;yBAnGe,kBAAkB"}
1
+ {"version":3,"file":"CommandPaletteItem.d.ts","sourceRoot":"","sources":["../../src/CommandPalette/CommandPaletteItem.tsx"],"names":[],"mappings":"AAGA;;;;;;;;GAQG;AAEH,OAAO,EAA0C,KAAK,SAAS,EAAC,MAAM,OAAO,CAAC;AAE9E,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAqD5C,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACnD,SAAS,CAAC,cAAc,CAAC,EACzB,UAAU,GAAG,UAAU,CACxB;IACC,yCAAyC;IACzC,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;IAChC,qDAAqD;IACrD,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iFAAiF;IACjF,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,aAAa,EAAE,qBAAqB,EACpC,UAAU,EAAE,kBAAkB,EAC9B,UAAkB,EAClB,QAAQ,EACR,GAAG,EACH,MAAM,EACN,SAAS,EACT,KAAK,EACL,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,gBAAgB,EAC9B,GAAG,KAAK,EACT,EAAE,uBAAuB,+BAoFzB;yBAnGe,kBAAkB"}
@@ -63,9 +63,10 @@ const styles = {
63
63
  * A selectable item in the command palette.
64
64
  * Accepts arbitrary children for full rendering control.
65
65
  *
66
- * When used inside CommandPalette, registers with context for
67
- * keyboard navigation and selection. Can also be used
68
- * standalone with explicit isHighlighted/isSelected props.
66
+ * When used inside CommandPalette, context supplies identity, highlight,
67
+ * selection, and close behavior. Standalone use supports explicit visual
68
+ * state and pointer activation but does not provide a composite listbox
69
+ * keyboard model.
69
70
  *
70
71
  * @compositionHint Place inside CommandPaletteList or CommandPaletteGroup.
71
72
  *
@@ -87,6 +88,7 @@ export function CommandPaletteItem({
87
88
  xstyle,
88
89
  className,
89
90
  style,
91
+ id: idProp,
90
92
  onClick: onClickProp,
91
93
  onMouseEnter: onMouseEnterProp,
92
94
  ...props
@@ -129,25 +131,22 @@ export function CommandPaletteItem({
129
131
  }
130
132
  }, [ctx, isHighlighted, isInlineDialog]);
131
133
  const handleClick = useCallback(() => {
132
- if (isDisabled) {
133
- return;
134
- }
135
134
  onSelect?.(value);
136
135
  if (ctx) {
137
136
  ctx.selectItem(value);
138
137
  ctx.onClose();
139
138
  }
140
- }, [isDisabled, value, onSelect, ctx]);
139
+ }, [value, onSelect, ctx]);
141
140
  return /*#__PURE__*/_jsx("div", {
142
141
  ref: useMergedRefs(ref, itemRef),
143
142
  ...props,
144
- id: ctx && itemIndex >= 0 ? ctx.getItemId(itemIndex) : undefined,
143
+ id: ctx && itemIndex >= 0 ? ctx.getItemId(itemIndex) : idProp,
145
144
  role: "option",
146
145
  "aria-selected": isSelected,
147
146
  "aria-disabled": isDisabled || undefined,
148
147
  "data-value": value,
149
148
  ...pressable,
150
- onClick: composeEventHandlers(onClickProp, handleClick),
149
+ onClick: isDisabled ? undefined : composeEventHandlers(onClickProp, handleClick),
151
150
  onMouseEnter: onMouseEnterProp,
152
151
  ...mergeProps(themeProps('command-palette-item'), stylex.props(styles.item, !isDisabled && interactionOverlayStyles.backgroundColor, isHighlighted && styles.itemHighlighted, isSelected && styles.itemSelected, isDisabled && styles.itemDisabled, xstyle), className, style),
153
152
  children: children
@@ -526,7 +526,7 @@ function PointerDateField({
526
526
  }), statusIcon, popover.render(/*#__PURE__*/_jsx(Calendar, {
527
527
  handleRef: calendarRef,
528
528
  mode: "single",
529
- value: optimisticValue,
529
+ value: optimisticValue ?? null,
530
530
  onChange: handleDateSelect,
531
531
  min: min,
532
532
  max: max,
@@ -1 +1 @@
1
- {"version":3,"file":"MonthScroller.d.ts","sourceRoot":"","sources":["../../src/DateInput/MonthScroller.tsx"],"names":[],"mappings":"AAoDA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,SAAS,EAQf,MAAM,UAAU,CAAC;AA6MlB,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACxD,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,+BAA+B;IAC/B,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IAC7C,gCAAgC;IAChC,YAAY,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,KAAK,EACL,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,+BAkapB;yBA7ae,aAAa"}
1
+ {"version":3,"file":"MonthScroller.d.ts","sourceRoot":"","sources":["../../src/DateInput/MonthScroller.tsx"],"names":[],"mappings":"AAoDA,OAAO,EACL,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,KAAK,SAAS,EAQf,MAAM,UAAU,CAAC;AA6MlB,MAAM,WAAW,mBAAmB;IAClC,0DAA0D;IAC1D,aAAa,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACxE;AAED,MAAM,WAAW,kBAAkB;IACjC,yEAAyE;IACzE,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACxD,+CAA+C;IAC/C,aAAa,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,aAAa,EAAE,MAAM,CAAC;IACtB,iCAAiC;IACjC,iBAAiB,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,oBAAoB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,+BAA+B;IAC/B,YAAY,EAAE,SAAS,GAAG,IAAI,CAAC;IAC/B,4CAA4C;IAC5C,KAAK,EAAE,SAAS,CAAC;IACjB,2DAA2D;IAC3D,cAAc,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,OAAO,CAAC;IAC7C,gCAAgC;IAChC,YAAY,EAAE,SAAS,CAAC;IACxB,kCAAkC;IAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,CAAC;CAC1C;AAED;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,aAAa,EACb,aAAa,EACb,iBAAiB,EACjB,oBAAoB,EACpB,YAAY,EACZ,KAAK,EACL,cAAc,EACd,YAAY,EACZ,QAAQ,GACT,EAAE,kBAAkB,+BAyapB;yBApbe,aAAa"}
@@ -439,12 +439,16 @@ export function MonthScroller({
439
439
  // Column within the displayed week, which is what Home/End move to —
440
440
  // not the day of the month.
441
441
  const column = (plainDateDayOfWeek(date) - weekStartsOn + 7) % 7;
442
+ // The horizontal arrows follow the reading direction (APG grid): under
443
+ // RTL the next day sits to the left.
444
+ const forward = isRTL ? 'ArrowLeft' : 'ArrowRight';
445
+ const backward = isRTL ? 'ArrowRight' : 'ArrowLeft';
442
446
  switch (event.key) {
443
- case 'ArrowLeft':
447
+ case backward:
444
448
  event.preventDefault();
445
449
  moveFocus(date, -1);
446
450
  break;
447
- case 'ArrowRight':
451
+ case forward:
448
452
  event.preventDefault();
449
453
  moveFocus(date, 1);
450
454
  break;
@@ -467,7 +471,7 @@ export function MonthScroller({
467
471
  default:
468
472
  break;
469
473
  }
470
- }, [moveFocus, weekStartsOn]);
474
+ }, [isRTL, moveFocus, weekStartsOn]);
471
475
 
472
476
  // The focused day may have been in an unmounted pane a frame ago; focus it
473
477
  // once it exists, and only in response to a key press so a scroll never
@@ -477,7 +481,10 @@ export function MonthScroller({
477
481
  if (!shouldRestoreFocusRef.current || focusedISO == null) {
478
482
  return;
479
483
  }
480
- const target = scrollerRef.current?.querySelector(`[data-date="${focusedISO}"]`);
484
+ // A date can be mounted twice: as a real day in its own pane and as a
485
+ // dimmed, disabled spill copy at the edge of a neighbouring pane. Only
486
+ // the real day may take focus, or Enter and Space would select nothing.
487
+ const target = scrollerRef.current?.querySelector(`[data-date="${focusedISO}"]:not([data-outside])`);
481
488
  if (target != null) {
482
489
  shouldRestoreFocusRef.current = false;
483
490
  // preventScroll: the scroller is already snapping to this month; a
@@ -605,6 +612,7 @@ function MonthPane({
605
612
  children: /*#__PURE__*/_jsx("button", {
606
613
  type: "button",
607
614
  "data-date": day.iso,
615
+ "data-outside": day.isOutside ? '' : undefined,
608
616
  tabIndex: day.iso === tabbableISO ? 0 : -1,
609
617
  "aria-label": plainDateFormat(day.date, DATE_FORMAT_WITH_WEEKDAY, locale),
610
618
  "aria-disabled": isDisabled || undefined,
@@ -1 +1 @@
1
- {"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../src/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"AAqCA,OAAO,EAGL,KAAK,WAAW,EAKhB,KAAK,kBAAkB,EACxB,MAAM,UAAU,CAAC;AAIlB,OAAO,EAEL,KAAK,aAAa,EAClB,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,aAAa,CAAC;AAOrB,OAAO,EAEL,KAAK,mBAAmB,EACzB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,gBAAgB,CAAC;AAS9C,YAAY,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAE3C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,kBAAkB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEpD,YAAY,EACV,WAAW,IAAI,oBAAoB,EACnC,eAAe,IAAI,wBAAwB,GAC5C,MAAM,UAAU,CAAC;AA2KlB,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAC/C,mBAAmB,CAAC,iBAAiB,CAAC,EACtC,UAAU,GAAG,cAAc,CAC5B;IACC,0CAA0C;IAC1C,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;IAEnC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;OAEG;IACH,KAAK,EAAE,SAAS,GAAG,IAAI,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IAE5C;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAEjE;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;OAEG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC;IAEpB;;;OAGG;IACH,eAAe,CAAC,EAAE,aAAa,CAAC,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC;IAEzD;;;;;;;;;;;;OAYG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;;;;OAQG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;;;OAKG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC,eAAe,CAAC,CAAC;IAEzC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB;;;OAGG;IACH,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAE1B;;OAEG;IACH,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,kBAAkB,CAAC;IAEnC;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,cAAc,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC;IAEvB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,SAAS,GAAG,aAAa,CAAC;CAC1C;AAED;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,aAAqB,EACrB,WAAW,EACX,UAAkB,EAClB,UAAkB,EAClB,UAAkB,EAClB,eAAe,EACf,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,SAAiB,EACjB,GAAG,EACH,GAAG,EACH,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,OAAO,EACP,QAAe,EACf,WAAW,EAAE,oBAAoB,EACjC,IAAI,EAAE,QAAQ,EACd,MAAM,EACN,aAA0B,EAC1B,YAAY,EACZ,cAAkB,EAClB,YAAY,EACZ,KAAK,EACL,eAAe,EACf,kBAAkB,EAClB,cAAc,EACd,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,GAAG,EACH,GAAG,SAAS,EACb,EAAE,mBAAmB,+BAmUrB;yBAtWe,cAAc"}
1
+ {"version":3,"file":"DateRangeInput.d.ts","sourceRoot":"","sources":["../../src/DateRangeInput/DateRangeInput.tsx"],"names":[],"mappings":"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"}
@@ -15,7 +15,7 @@
15
15
  * - /apps/storybook/stories/DateRangeInput.stories.tsx (storybook stories)
16
16
  * - /packages/cli/assets/templates/blocks/components/DateRangeInput/ (showcase blocks)
17
17
  */
18
- import { useId, useCallback, useMemo, useOptimistic, useTransition } from 'react';
18
+ import { useId, useCallback, useMemo, useOptimistic, useRef, useTransition } from 'react';
19
19
  import * as stylex from '@stylexjs/stylex';
20
20
  import { plainDateFromISO, plainDateToday, plainDateFormat, plainDateDiffDays, DATE_FORMAT_SHORT, DATE_FORMAT_SHORT_WITH_YEAR } from "../utils/plainDate.js";
21
21
  import "../theme/tokens.stylex.js";
@@ -34,6 +34,7 @@ import { joinAriaIDs } from "../utils/inputAria.js";
34
34
  import { useFieldInputStyling } from "../Field/fieldParts.js";
35
35
  import { useSize } from "../SizeContext/SizeContext.js";
36
36
  import { useInputStatusIcon } from "../hooks/useInputStatusIcon.js";
37
+ import { useMergedRefs } from "../hooks/useMergedRefs.js";
37
38
  import { useResolvedRequired } from "../hooks/useResolvedRequired.js";
38
39
  import { themeProps } from "../utils/themeProps.js";
39
40
  import { focusOutlineStyles } from "../utils/focusOutline.stylex.js";
@@ -298,9 +299,18 @@ export function DateRangeInput({
298
299
  fireChange(range);
299
300
  popover.hide();
300
301
  }, [fireChange, popover]);
302
+ const triggerRef = useRef(null);
303
+ const triggerButtonRef = useMergedRefs(triggerRef, ref);
301
304
  const handleClear = useCallback(e => {
302
305
  e.stopPropagation();
303
306
  fireChange(null);
307
+ // A keyboard activation (detail 0) leaves focus on the clear button,
308
+ // which unmounts once the range is null and would drop focus to <body>;
309
+ // hand it to the trigger. A pointer press never focuses the button, so
310
+ // there is no focus to repair.
311
+ if (e.detail === 0) {
312
+ triggerRef.current?.focus();
313
+ }
304
314
  }, [fireChange]);
305
315
  const triggerAriaLabel = optimisticValue ? `${label}: ${displayValue}` : `${label}: ${placeholder}`;
306
316
  return /*#__PURE__*/_jsxs(Field, {
@@ -351,7 +361,7 @@ export function DateRangeInput({
351
361
  })
352
362
  }), /*#__PURE__*/_jsx("button", {
353
363
  ...controlProps,
354
- ref: ref,
364
+ ref: triggerButtonRef,
355
365
  id: id,
356
366
  type: "button",
357
367
  onClick: chainEventHandlers(handleToggle, onClickProp)
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/DropdownMenu/DropdownMenu.tsx"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AAEH,OAAO,KAAK,EAAE,EAOZ,KAAK,SAAS,EACf,MAAM,OAAO,CAAC;AAGf,OAAO,EAAS,KAAK,WAAW,EAAC,MAAM,WAAW,CAAC;AAKnD,OAAO,KAAK,EAAC,qBAAqB,EAAC,MAAM,oBAAoB,CAAC;AAyB9D,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,kCAAkC,CAAC;AAI1C,OAAO,KAAK,EAAC,cAAc,EAAE,cAAc,EAAC,MAAM,mBAAmB,CAAC;AAStE,OAAO,KAAK,EAAC,SAAS,EAAC,MAAM,cAAc,CAAC;AAmN5C;;;;;;;GAOG;AACH,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,qBAAqB,EACnB,MAAM,GACN,SAAS,GACT,YAAY,GACZ,SAAS,GACT,aAAa,GACb,YAAY,GACZ,kBAAkB,GAClB,MAAM,GACN,QAAQ,GACR,KAAK,CACR;IACC;;;;;;OAMG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B;IAC7B,KAAK,EAAE,SAAS,CAAC;IACjB;;;;OAIG;IACH,KAAK,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAC9B;AAED;;;GAGG;AACH,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,SAAS,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,IAAI,EAAE,SAAS,CAAC;IAChB,0EAA0E;IAC1E,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,oBAAoB,EAAE,CAAC;CAC/B;AAED,MAAM,MAAM,kBAAkB,GAC5B,oBAAoB,GAAG,uBAAuB,GAAG,mBAAmB,CAAC;AAMvE,MAAM,MAAM,uBAAuB,GAAG,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC,CAAC;AAEnE,MAAM,MAAM,wBAAwB,GAAG,oBAAoB,CAAC;AAE5D;;;;;;GAMG;AACH,MAAM,WAAW,wBAAwB;IACvC,yEAAyE;IACzE,GAAG,EAAE,CAAC,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IAC3C,yDAAyD;IACzD,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,cAAc,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC/D,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAChE,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC9D,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACxD,eAAe,EAAE,MAAM,GAAG,QAAQ,CAAC;IACnC,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;CACzB;AAED,UAAU,qBAAsB,SAAQ,SAAS;IAC/C;;;OAGG;IACH,MAAM,CAAC,EAAE,uBAAuB,CAAC;IACjC;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,SAAS,CAAC;IAC/D,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAE3B;;;;;OAKG;IACH,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B;;;;OAIG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IAEnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,UAAU,qBAAsB,SAAQ,qBAAqB;IAC3D;;;;;OAKG;IACH,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,yBAA0B,SAAQ,qBAAqB;IAC/D,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,iBAAiB,GAC3B,qBAAqB,GAAG,yBAAyB,CAAC;AAgmCpD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,qBA4CpD;yBA5Ce,YAAY"}