@zimyo/ui 1.0.1 → 1.1.0

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 (307) hide show
  1. package/package.json +79 -80
  2. package/dist/_virtual/_rollupPluginBabelHelpers.js +0 -11
  3. package/dist/components/index.d.ts +0 -59
  4. package/dist/components/ui/accordion.d.ts +0 -9
  5. package/dist/components/ui/accordion.js +0 -53
  6. package/dist/components/ui/alert-dialog.d.ts +0 -16
  7. package/dist/components/ui/alert-dialog.js +0 -107
  8. package/dist/components/ui/alert.d.ts +0 -12
  9. package/dist/components/ui/alert.js +0 -53
  10. package/dist/components/ui/aspect-ratio.d.ts +0 -6
  11. package/dist/components/ui/aspect-ratio.js +0 -12
  12. package/dist/components/ui/avatar.d.ts +0 -8
  13. package/dist/components/ui/avatar.js +0 -38
  14. package/dist/components/ui/badge.d.ts +0 -12
  15. package/dist/components/ui/badge.js +0 -37
  16. package/dist/components/ui/breadcrumb.d.ts +0 -13
  17. package/dist/components/ui/breadcrumb.js +0 -90
  18. package/dist/components/ui/button.d.ts +0 -13
  19. package/dist/components/ui/button.js +0 -49
  20. package/dist/components/ui/calendar.d.ts +0 -12
  21. package/dist/components/ui/calendar.js +0 -134
  22. package/dist/components/ui/card.d.ts +0 -11
  23. package/dist/components/ui/card.js +0 -77
  24. package/dist/components/ui/carousel.d.ts +0 -24
  25. package/dist/components/ui/carousel.js +0 -163
  26. package/dist/components/ui/chart.d.ts +0 -43
  27. package/dist/components/ui/chart.js +0 -187
  28. package/dist/components/ui/checkbox.d.ts +0 -6
  29. package/dist/components/ui/checkbox.js +0 -24
  30. package/dist/components/ui/collapsible.d.ts +0 -8
  31. package/dist/components/ui/collapsible.js +0 -24
  32. package/dist/components/ui/command.d.ts +0 -21
  33. package/dist/components/ui/command.js +0 -110
  34. package/dist/components/ui/context-menu.d.ts +0 -27
  35. package/dist/components/ui/context-menu.js +0 -158
  36. package/dist/components/ui/dialog.d.ts +0 -17
  37. package/dist/components/ui/dialog.js +0 -102
  38. package/dist/components/ui/drawer.d.ts +0 -15
  39. package/dist/components/ui/drawer.js +0 -97
  40. package/dist/components/ui/dropdown-menu.d.ts +0 -27
  41. package/dist/components/ui/dropdown-menu.js +0 -160
  42. package/dist/components/ui/form.d.ts +0 -26
  43. package/dist/components/ui/form.js +0 -125
  44. package/dist/components/ui/hover-card.d.ts +0 -8
  45. package/dist/components/ui/hover-card.js +0 -36
  46. package/dist/components/ui/input-otp.d.ts +0 -13
  47. package/dist/components/ui/input-otp.js +0 -61
  48. package/dist/components/ui/input.d.ts +0 -5
  49. package/dist/components/ui/input.js +0 -19
  50. package/dist/components/ui/label.d.ts +0 -6
  51. package/dist/components/ui/label.js +0 -18
  52. package/dist/components/ui/menubar.d.ts +0 -28
  53. package/dist/components/ui/menubar.js +0 -178
  54. package/dist/components/ui/navigation-menu.d.ts +0 -17
  55. package/dist/components/ui/navigation-menu.js +0 -102
  56. package/dist/components/ui/pagination.d.ts +0 -17
  57. package/dist/components/ui/pagination.js +0 -95
  58. package/dist/components/ui/popover.d.ts +0 -9
  59. package/dist/components/ui/popover.js +0 -40
  60. package/dist/components/ui/progress.d.ts +0 -6
  61. package/dist/components/ui/progress.js +0 -25
  62. package/dist/components/ui/radio-group.d.ts +0 -7
  63. package/dist/components/ui/radio-group.js +0 -34
  64. package/dist/components/ui/resizable.d.ts +0 -10
  65. package/dist/components/ui/resizable.js +0 -40
  66. package/dist/components/ui/scroll-area.d.ts +0 -7
  67. package/dist/components/ui/scroll-area.js +0 -37
  68. package/dist/components/ui/select.d.ts +0 -17
  69. package/dist/components/ui/select.js +0 -118
  70. package/dist/components/ui/separator.d.ts +0 -6
  71. package/dist/components/ui/separator.js +0 -22
  72. package/dist/components/ui/sheet.d.ts +0 -15
  73. package/dist/components/ui/sheet.js +0 -101
  74. package/dist/components/ui/sidebar.d.ts +0 -73
  75. package/dist/components/ui/sidebar.js +0 -484
  76. package/dist/components/ui/skeleton.d.ts +0 -5
  77. package/dist/components/ui/skeleton.js +0 -16
  78. package/dist/components/ui/slider.d.ts +0 -6
  79. package/dist/components/ui/slider.js +0 -39
  80. package/dist/components/ui/sonner.d.ts +0 -6
  81. package/dist/components/ui/sonner.js +0 -18
  82. package/dist/components/ui/switch.d.ts +0 -6
  83. package/dist/components/ui/switch.js +0 -21
  84. package/dist/components/ui/table.d.ts +0 -12
  85. package/dist/components/ui/table.js +0 -90
  86. package/dist/components/ui/tabs.d.ts +0 -9
  87. package/dist/components/ui/tabs.js +0 -48
  88. package/dist/components/ui/textarea.d.ts +0 -5
  89. package/dist/components/ui/textarea.js +0 -17
  90. package/dist/components/ui/toggle-group.d.ts +0 -10
  91. package/dist/components/ui/toggle-group.js +0 -52
  92. package/dist/components/ui/toggle.d.ts +0 -12
  93. package/dist/components/ui/toggle.js +0 -42
  94. package/dist/components/ui/tooltip.d.ts +0 -9
  95. package/dist/components/ui/tooltip.js +0 -45
  96. package/dist/index.d.ts +0 -61
  97. package/dist/index.js +0 -47
  98. package/dist/lib/utils.d.ts +0 -5
  99. package/dist/lib/utils.js +0 -8
  100. package/dist/node_modules/@date-fns/tz/date/index.js +0 -101
  101. package/dist/node_modules/@date-fns/tz/date/mini.js +0 -207
  102. package/dist/node_modules/@date-fns/tz/tzOffset/index.js +0 -43
  103. package/dist/node_modules/@radix-ui/primitive/dist/index.js +0 -11
  104. package/dist/node_modules/@radix-ui/react-compose-refs/dist/index.js +0 -39
  105. package/dist/node_modules/@radix-ui/react-context/dist/index.js +0 -79
  106. package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +0 -321
  107. package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +0 -211
  108. package/dist/node_modules/@radix-ui/react-focus-guards/dist/index.js +0 -29
  109. package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js +0 -207
  110. package/dist/node_modules/@radix-ui/react-id/dist/index.js +0 -15
  111. package/dist/node_modules/@radix-ui/react-portal/dist/index.js +0 -17
  112. package/dist/node_modules/@radix-ui/react-presence/dist/index.js +0 -130
  113. package/dist/node_modules/@radix-ui/react-primitive/dist/index.js +0 -43
  114. package/dist/node_modules/@radix-ui/react-slot/dist/index.js +0 -89
  115. package/dist/node_modules/@radix-ui/react-use-callback-ref/dist/index.js +0 -12
  116. package/dist/node_modules/@radix-ui/react-use-controllable-state/dist/index.js +0 -70
  117. package/dist/node_modules/@radix-ui/react-use-escape-keydown/dist/index.js +0 -18
  118. package/dist/node_modules/@radix-ui/react-use-layout-effect/dist/index.js +0 -7
  119. package/dist/node_modules/aria-hidden/dist/es2015/index.js +0 -137
  120. package/dist/node_modules/class-variance-authority/dist/index.js +0 -44
  121. package/dist/node_modules/clsx/dist/clsx.js +0 -3
  122. package/dist/node_modules/cmdk/dist/chunk-NZJY6EH4.js +0 -3
  123. package/dist/node_modules/cmdk/dist/index.js +0 -10
  124. package/dist/node_modules/date-fns/_lib/addLeadingZeros.js +0 -7
  125. package/dist/node_modules/date-fns/_lib/defaultOptions.js +0 -7
  126. package/dist/node_modules/date-fns/_lib/format/formatters.js +0 -775
  127. package/dist/node_modules/date-fns/_lib/format/lightFormatters.js +0 -94
  128. package/dist/node_modules/date-fns/_lib/format/longFormatters.js +0 -66
  129. package/dist/node_modules/date-fns/_lib/getTimezoneOffsetInMilliseconds.js +0 -31
  130. package/dist/node_modules/date-fns/_lib/normalizeDates.js +0 -11
  131. package/dist/node_modules/date-fns/_lib/normalizeInterval.js +0 -8
  132. package/dist/node_modules/date-fns/_lib/protectedTokens.js +0 -25
  133. package/dist/node_modules/date-fns/addDays.js +0 -41
  134. package/dist/node_modules/date-fns/addMonths.js +0 -75
  135. package/dist/node_modules/date-fns/addWeeks.js +0 -33
  136. package/dist/node_modules/date-fns/addYears.js +0 -33
  137. package/dist/node_modules/date-fns/constants.js +0 -46
  138. package/dist/node_modules/date-fns/constructFrom.js +0 -49
  139. package/dist/node_modules/date-fns/differenceInCalendarDays.js +0 -62
  140. package/dist/node_modules/date-fns/differenceInCalendarMonths.js +0 -42
  141. package/dist/node_modules/date-fns/eachMonthOfInterval.js +0 -65
  142. package/dist/node_modules/date-fns/endOfISOWeek.js +0 -35
  143. package/dist/node_modules/date-fns/endOfMonth.js +0 -37
  144. package/dist/node_modules/date-fns/endOfWeek.js +0 -53
  145. package/dist/node_modules/date-fns/endOfYear.js +0 -37
  146. package/dist/node_modules/date-fns/format.js +0 -423
  147. package/dist/node_modules/date-fns/getDayOfYear.js +0 -34
  148. package/dist/node_modules/date-fns/getDaysInMonth.js +0 -36
  149. package/dist/node_modules/date-fns/getISOWeek.js +0 -40
  150. package/dist/node_modules/date-fns/getISOWeekYear.js +0 -52
  151. package/dist/node_modules/date-fns/getMonth.js +0 -29
  152. package/dist/node_modules/date-fns/getWeek.js +0 -54
  153. package/dist/node_modules/date-fns/getWeekYear.js +0 -75
  154. package/dist/node_modules/date-fns/getYear.js +0 -29
  155. package/dist/node_modules/date-fns/isAfter.js +0 -25
  156. package/dist/node_modules/date-fns/isBefore.js +0 -25
  157. package/dist/node_modules/date-fns/isDate.js +0 -41
  158. package/dist/node_modules/date-fns/isSameDay.js +0 -46
  159. package/dist/node_modules/date-fns/isSameMonth.js +0 -43
  160. package/dist/node_modules/date-fns/isSameYear.js +0 -35
  161. package/dist/node_modules/date-fns/isValid.js +0 -39
  162. package/dist/node_modules/date-fns/locale/_lib/buildFormatLongFn.js +0 -10
  163. package/dist/node_modules/date-fns/locale/_lib/buildLocalizeFn.js +0 -64
  164. package/dist/node_modules/date-fns/locale/_lib/buildMatchFn.js +0 -59
  165. package/dist/node_modules/date-fns/locale/_lib/buildMatchPatternFn.js +0 -22
  166. package/dist/node_modules/date-fns/locale/en-US/_lib/formatDistance.js +0 -103
  167. package/dist/node_modules/date-fns/locale/en-US/_lib/formatLong.js +0 -41
  168. package/dist/node_modules/date-fns/locale/en-US/_lib/formatRelative.js +0 -13
  169. package/dist/node_modules/date-fns/locale/en-US/_lib/localize.js +0 -189
  170. package/dist/node_modules/date-fns/locale/en-US/_lib/match.js +0 -134
  171. package/dist/node_modules/date-fns/locale/en-US.js +0 -28
  172. package/dist/node_modules/date-fns/max.js +0 -49
  173. package/dist/node_modules/date-fns/min.js +0 -49
  174. package/dist/node_modules/date-fns/setMonth.js +0 -46
  175. package/dist/node_modules/date-fns/setYear.js +0 -40
  176. package/dist/node_modules/date-fns/startOfDay.js +0 -35
  177. package/dist/node_modules/date-fns/startOfISOWeek.js +0 -35
  178. package/dist/node_modules/date-fns/startOfISOWeekYear.js +0 -42
  179. package/dist/node_modules/date-fns/startOfMonth.js +0 -37
  180. package/dist/node_modules/date-fns/startOfWeek.js +0 -53
  181. package/dist/node_modules/date-fns/startOfWeekYear.js +0 -64
  182. package/dist/node_modules/date-fns/startOfYear.js +0 -36
  183. package/dist/node_modules/date-fns/toDate.js +0 -46
  184. package/dist/node_modules/embla-carousel/esm/embla-carousel.esm.js +0 -1669
  185. package/dist/node_modules/embla-carousel-react/esm/embla-carousel-react.esm.js +0 -37
  186. package/dist/node_modules/embla-carousel-reactive-utils/esm/embla-carousel-reactive-utils.esm.js +0 -38
  187. package/dist/node_modules/get-nonce/dist/es2015/index.js +0 -8
  188. package/dist/node_modules/input-otp/dist/index.js +0 -24
  189. package/dist/node_modules/react-day-picker/dist/esm/DayPicker.js +0 -285
  190. package/dist/node_modules/react-day-picker/dist/esm/UI.js +0 -122
  191. package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarDay.js +0 -30
  192. package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarMonth.js +0 -14
  193. package/dist/node_modules/react-day-picker/dist/esm/classes/CalendarWeek.js +0 -13
  194. package/dist/node_modules/react-day-picker/dist/esm/classes/DateLib.js +0 -522
  195. package/dist/node_modules/react-day-picker/dist/esm/components/Button.js +0 -13
  196. package/dist/node_modules/react-day-picker/dist/esm/components/CaptionLabel.js +0 -13
  197. package/dist/node_modules/react-day-picker/dist/esm/components/Chevron.js +0 -18
  198. package/dist/node_modules/react-day-picker/dist/esm/components/Day.js +0 -18
  199. package/dist/node_modules/react-day-picker/dist/esm/components/DayButton.js +0 -19
  200. package/dist/node_modules/react-day-picker/dist/esm/components/Dropdown.js +0 -21
  201. package/dist/node_modules/react-day-picker/dist/esm/components/DropdownNav.js +0 -13
  202. package/dist/node_modules/react-day-picker/dist/esm/components/Footer.js +0 -13
  203. package/dist/node_modules/react-day-picker/dist/esm/components/Month.js +0 -15
  204. package/dist/node_modules/react-day-picker/dist/esm/components/MonthCaption.js +0 -14
  205. package/dist/node_modules/react-day-picker/dist/esm/components/MonthGrid.js +0 -13
  206. package/dist/node_modules/react-day-picker/dist/esm/components/Months.js +0 -13
  207. package/dist/node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js +0 -15
  208. package/dist/node_modules/react-day-picker/dist/esm/components/Nav.js +0 -31
  209. package/dist/node_modules/react-day-picker/dist/esm/components/NextMonthButton.js +0 -15
  210. package/dist/node_modules/react-day-picker/dist/esm/components/Option.js +0 -13
  211. package/dist/node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js +0 -15
  212. package/dist/node_modules/react-day-picker/dist/esm/components/Root.js +0 -14
  213. package/dist/node_modules/react-day-picker/dist/esm/components/Select.js +0 -13
  214. package/dist/node_modules/react-day-picker/dist/esm/components/Week.js +0 -14
  215. package/dist/node_modules/react-day-picker/dist/esm/components/WeekNumber.js +0 -14
  216. package/dist/node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js +0 -13
  217. package/dist/node_modules/react-day-picker/dist/esm/components/Weekday.js +0 -13
  218. package/dist/node_modules/react-day-picker/dist/esm/components/Weekdays.js +0 -14
  219. package/dist/node_modules/react-day-picker/dist/esm/components/Weeks.js +0 -13
  220. package/dist/node_modules/react-day-picker/dist/esm/components/YearsDropdown.js +0 -15
  221. package/dist/node_modules/react-day-picker/dist/esm/components/custom-components.js +0 -26
  222. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatCaption.js +0 -25
  223. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatDay.js +0 -19
  224. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatMonthDropdown.js +0 -18
  225. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumber.js +0 -21
  226. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekNumberHeader.js +0 -13
  227. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatWeekdayName.js +0 -19
  228. package/dist/node_modules/react-day-picker/dist/esm/formatters/formatYearDropdown.js +0 -23
  229. package/dist/node_modules/react-day-picker/dist/esm/formatters/index.js +0 -7
  230. package/dist/node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js +0 -73
  231. package/dist/node_modules/react-day-picker/dist/esm/helpers/createGetModifiers.js +0 -95
  232. package/dist/node_modules/react-day-picker/dist/esm/helpers/endOfBroadcastWeek.js +0 -22
  233. package/dist/node_modules/react-day-picker/dist/esm/helpers/getBroadcastWeeksInMonth.js +0 -28
  234. package/dist/node_modules/react-day-picker/dist/esm/helpers/getClassNamesForModifiers.js +0 -33
  235. package/dist/node_modules/react-day-picker/dist/esm/helpers/getComponents.js +0 -20
  236. package/dist/node_modules/react-day-picker/dist/esm/helpers/getDataAttributes.js +0 -27
  237. package/dist/node_modules/react-day-picker/dist/esm/helpers/getDates.js +0 -51
  238. package/dist/node_modules/react-day-picker/dist/esm/helpers/getDays.js +0 -19
  239. package/dist/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js +0 -33
  240. package/dist/node_modules/react-day-picker/dist/esm/helpers/getDisplayMonths.js +0 -24
  241. package/dist/node_modules/react-day-picker/dist/esm/helpers/getFocusableDate.js +0 -46
  242. package/dist/node_modules/react-day-picker/dist/esm/helpers/getFormatters.js +0 -24
  243. package/dist/node_modules/react-day-picker/dist/esm/helpers/getInitialMonth.js +0 -28
  244. package/dist/node_modules/react-day-picker/dist/esm/helpers/getMonthOptions.js +0 -33
  245. package/dist/node_modules/react-day-picker/dist/esm/helpers/getMonths.js +0 -69
  246. package/dist/node_modules/react-day-picker/dist/esm/helpers/getNavMonth.js +0 -51
  247. package/dist/node_modules/react-day-picker/dist/esm/helpers/getNextFocus.js +0 -39
  248. package/dist/node_modules/react-day-picker/dist/esm/helpers/getNextMonth.js +0 -36
  249. package/dist/node_modules/react-day-picker/dist/esm/helpers/getPreviousMonth.js +0 -37
  250. package/dist/node_modules/react-day-picker/dist/esm/helpers/getStyleForModifiers.js +0 -27
  251. package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeekdays.js +0 -24
  252. package/dist/node_modules/react-day-picker/dist/esm/helpers/getWeeks.js +0 -14
  253. package/dist/node_modules/react-day-picker/dist/esm/helpers/getYearOptions.js +0 -38
  254. package/dist/node_modules/react-day-picker/dist/esm/helpers/startOfBroadcastWeek.js +0 -27
  255. package/dist/node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js +0 -31
  256. package/dist/node_modules/react-day-picker/dist/esm/labels/index.js +0 -11
  257. package/dist/node_modules/react-day-picker/dist/esm/labels/labelDayButton.js +0 -32
  258. package/dist/node_modules/react-day-picker/dist/esm/labels/labelGrid.js +0 -24
  259. package/dist/node_modules/react-day-picker/dist/esm/labels/labelGridcell.js +0 -22
  260. package/dist/node_modules/react-day-picker/dist/esm/labels/labelMonthDropdown.js +0 -14
  261. package/dist/node_modules/react-day-picker/dist/esm/labels/labelNav.js +0 -13
  262. package/dist/node_modules/react-day-picker/dist/esm/labels/labelNext.js +0 -15
  263. package/dist/node_modules/react-day-picker/dist/esm/labels/labelPrevious.js +0 -15
  264. package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumber.js +0 -15
  265. package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekNumberHeader.js +0 -14
  266. package/dist/node_modules/react-day-picker/dist/esm/labels/labelWeekday.js +0 -18
  267. package/dist/node_modules/react-day-picker/dist/esm/labels/labelYearDropdown.js +0 -14
  268. package/dist/node_modules/react-day-picker/dist/esm/selection/useMulti.js +0 -57
  269. package/dist/node_modules/react-day-picker/dist/esm/selection/useRange.js +0 -45
  270. package/dist/node_modules/react-day-picker/dist/esm/selection/useSingle.js +0 -44
  271. package/dist/node_modules/react-day-picker/dist/esm/useAnimation.js +0 -175
  272. package/dist/node_modules/react-day-picker/dist/esm/useCalendar.js +0 -85
  273. package/dist/node_modules/react-day-picker/dist/esm/useDayPicker.js +0 -25
  274. package/dist/node_modules/react-day-picker/dist/esm/useFocus.js +0 -50
  275. package/dist/node_modules/react-day-picker/dist/esm/useSelection.js +0 -31
  276. package/dist/node_modules/react-day-picker/dist/esm/utils/addToRange.js +0 -92
  277. package/dist/node_modules/react-day-picker/dist/esm/utils/dateMatchModifiers.js +0 -62
  278. package/dist/node_modules/react-day-picker/dist/esm/utils/rangeContainsDayOfWeek.js +0 -30
  279. package/dist/node_modules/react-day-picker/dist/esm/utils/rangeContainsModifiers.js +0 -74
  280. package/dist/node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js +0 -35
  281. package/dist/node_modules/react-day-picker/dist/esm/utils/rangeOverlaps.js +0 -21
  282. package/dist/node_modules/react-day-picker/dist/esm/utils/typeguards.js +0 -66
  283. package/dist/node_modules/react-hook-form/dist/index.esm.js +0 -507
  284. package/dist/node_modules/react-remove-scroll/dist/es2015/Combination.js +0 -9
  285. package/dist/node_modules/react-remove-scroll/dist/es2015/SideEffect.js +0 -160
  286. package/dist/node_modules/react-remove-scroll/dist/es2015/UI.js +0 -38
  287. package/dist/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js +0 -21
  288. package/dist/node_modules/react-remove-scroll/dist/es2015/handleScroll.js +0 -110
  289. package/dist/node_modules/react-remove-scroll/dist/es2015/medium.js +0 -5
  290. package/dist/node_modules/react-remove-scroll/dist/es2015/sidecar.js +0 -7
  291. package/dist/node_modules/react-remove-scroll-bar/dist/es2015/component.js +0 -56
  292. package/dist/node_modules/react-remove-scroll-bar/dist/es2015/constants.js +0 -10
  293. package/dist/node_modules/react-remove-scroll-bar/dist/es2015/utils.js +0 -31
  294. package/dist/node_modules/react-resizable-panels/dist/react-resizable-panels.js +0 -2407
  295. package/dist/node_modules/react-style-singleton/dist/es2015/component.js +0 -19
  296. package/dist/node_modules/react-style-singleton/dist/es2015/hook.js +0 -25
  297. package/dist/node_modules/react-style-singleton/dist/es2015/singleton.js +0 -51
  298. package/dist/node_modules/sonner/dist/index.js +0 -1125
  299. package/dist/node_modules/tailwind-merge/dist/bundle-mjs.js +0 -2956
  300. package/dist/node_modules/tslib/tslib.es6.js +0 -56
  301. package/dist/node_modules/use-callback-ref/dist/es2015/assignRef.js +0 -24
  302. package/dist/node_modules/use-callback-ref/dist/es2015/useMergeRef.js +0 -48
  303. package/dist/node_modules/use-callback-ref/dist/es2015/useRef.js +0 -42
  304. package/dist/node_modules/use-sidecar/dist/es2015/exports.js +0 -21
  305. package/dist/node_modules/use-sidecar/dist/es2015/medium.js +0 -77
  306. package/dist/node_modules/vaul/dist/index.js +0 -1627
  307. package/dist/styles.css +0 -1
@@ -1,37 +0,0 @@
1
- import { useRef, useState, useCallback, useEffect } from 'react';
2
- import { areOptionsEqual, arePluginsEqual, canUseDOM } from '../../embla-carousel-reactive-utils/esm/embla-carousel-reactive-utils.esm.js';
3
- import EmblaCarousel from '../../embla-carousel/esm/embla-carousel.esm.js';
4
-
5
- function useEmblaCarousel(options = {}, plugins = []) {
6
- const storedOptions = useRef(options);
7
- const storedPlugins = useRef(plugins);
8
- const [emblaApi, setEmblaApi] = useState();
9
- const [viewport, setViewport] = useState();
10
- const reInit = useCallback(() => {
11
- if (emblaApi) emblaApi.reInit(storedOptions.current, storedPlugins.current);
12
- }, [emblaApi]);
13
- useEffect(() => {
14
- if (areOptionsEqual(storedOptions.current, options)) return;
15
- storedOptions.current = options;
16
- reInit();
17
- }, [options, reInit]);
18
- useEffect(() => {
19
- if (arePluginsEqual(storedPlugins.current, plugins)) return;
20
- storedPlugins.current = plugins;
21
- reInit();
22
- }, [plugins, reInit]);
23
- useEffect(() => {
24
- if (canUseDOM() && viewport) {
25
- EmblaCarousel.globalOptions = useEmblaCarousel.globalOptions;
26
- const newEmblaApi = EmblaCarousel(viewport, storedOptions.current, storedPlugins.current);
27
- setEmblaApi(newEmblaApi);
28
- return () => newEmblaApi.destroy();
29
- } else {
30
- setEmblaApi(undefined);
31
- }
32
- }, [viewport, setEmblaApi]);
33
- return [setViewport, emblaApi];
34
- }
35
- useEmblaCarousel.globalOptions = undefined;
36
-
37
- export { useEmblaCarousel as default };
@@ -1,38 +0,0 @@
1
- function isObject(subject) {
2
- return Object.prototype.toString.call(subject) === '[object Object]';
3
- }
4
- function isRecord(subject) {
5
- return isObject(subject) || Array.isArray(subject);
6
- }
7
- function canUseDOM() {
8
- return !!(typeof window !== 'undefined' && window.document && window.document.createElement);
9
- }
10
- function areOptionsEqual(optionsA, optionsB) {
11
- const optionsAKeys = Object.keys(optionsA);
12
- const optionsBKeys = Object.keys(optionsB);
13
- if (optionsAKeys.length !== optionsBKeys.length) return false;
14
- const breakpointsA = JSON.stringify(Object.keys(optionsA.breakpoints || {}));
15
- const breakpointsB = JSON.stringify(Object.keys(optionsB.breakpoints || {}));
16
- if (breakpointsA !== breakpointsB) return false;
17
- return optionsAKeys.every(key => {
18
- const valueA = optionsA[key];
19
- const valueB = optionsB[key];
20
- if (typeof valueA === 'function') return `${valueA}` === `${valueB}`;
21
- if (!isRecord(valueA) || !isRecord(valueB)) return valueA === valueB;
22
- return areOptionsEqual(valueA, valueB);
23
- });
24
- }
25
- function sortAndMapPluginToOptions(plugins) {
26
- return plugins.concat().sort((a, b) => a.name > b.name ? 1 : -1).map(plugin => plugin.options);
27
- }
28
- function arePluginsEqual(pluginsA, pluginsB) {
29
- if (pluginsA.length !== pluginsB.length) return false;
30
- const optionsA = sortAndMapPluginToOptions(pluginsA);
31
- const optionsB = sortAndMapPluginToOptions(pluginsB);
32
- return optionsA.every((optionA, index) => {
33
- const optionB = optionsB[index];
34
- return areOptionsEqual(optionA, optionB);
35
- });
36
- }
37
-
38
- export { areOptionsEqual, arePluginsEqual, canUseDOM, sortAndMapPluginToOptions };
@@ -1,8 +0,0 @@
1
- var getNonce = function () {
2
- if (typeof __webpack_nonce__ !== 'undefined') {
3
- return __webpack_nonce__;
4
- }
5
- return undefined;
6
- };
7
-
8
- export { getNonce };
@@ -1,24 +0,0 @@
1
- import * as React from 'react';
2
-
3
- var Bt=Object.defineProperty,At=Object.defineProperties;var kt=Object.getOwnPropertyDescriptors;var Y=Object.getOwnPropertySymbols;var gt=Object.prototype.hasOwnProperty,Et=Object.prototype.propertyIsEnumerable;var vt=(r,s,e)=>s in r?Bt(r,s,{enumerable:true,configurable:true,writable:true,value:e}):r[s]=e,St=(r,s)=>{for(var e in s||(s={}))gt.call(s,e)&&vt(r,e,s[e]);if(Y)for(var e of Y(s))Et.call(s,e)&&vt(r,e,s[e]);return r},bt=(r,s)=>At(r,kt(s));var Pt=(r,s)=>{var e={};for(var u in r)gt.call(r,u)&&s.indexOf(u)<0&&(e[u]=r[u]);if(r!=null&&Y)for(var u of Y(r))s.indexOf(u)<0&&Et.call(r,u)&&(e[u]=r[u]);return e};function ht(r){let s=setTimeout(r,0),e=setTimeout(r,10),u=setTimeout(r,50);return [s,e,u]}function _t(r){let s=React.useRef();return React.useEffect(()=>{s.current=r;}),s.current}var Ot=18,wt=40,Gt=`${wt}px`,xt=["[data-lastpass-icon-root]","com-1password-button","[data-dashlanecreated]",'[style$="2147483647 !important;"]'].join(",");function Tt({containerRef:r,inputRef:s,pushPasswordManagerStrategy:e,isFocused:u}){let[P,D]=React.useState(false),[G,H]=React.useState(false),[F,W]=React.useState(false),Z=React.useMemo(()=>e==="none"?false:(e==="increase-width"||e==="experimental-no-flickering")&&P&&G,[P,G,e]),T=React.useCallback(()=>{let f=r.current,h=s.current;if(!f||!h||F||e==="none")return;let a=f,B=a.getBoundingClientRect().left+a.offsetWidth,A=a.getBoundingClientRect().top+a.offsetHeight/2,z=B-Ot,q=A;document.querySelectorAll(xt).length===0&&document.elementFromPoint(z,q)===f||(D(true),W(true));},[r,s,F,e]);return React.useEffect(()=>{let f=r.current;if(!f||e==="none")return;function h(){let A=window.innerWidth-f.getBoundingClientRect().right;H(A>=wt);}h();let a=setInterval(h,1e3);return ()=>{clearInterval(a);}},[r,e]),React.useEffect(()=>{let f=u||document.activeElement===s.current;if(e==="none"||!f)return;let h=setTimeout(T,0),a=setTimeout(T,2e3),B=setTimeout(T,5e3),A=setTimeout(()=>{W(true);},6e3);return ()=>{clearTimeout(h),clearTimeout(a),clearTimeout(B),clearTimeout(A);}},[s,u,e,T]),{hasPWMBadge:P,willPushPWMBadge:Z,PWM_BADGE_SPACE_WIDTH:Gt}}var jt=React.createContext({}),Lt=React.forwardRef((A,B)=>{var z=A,{value:r,onChange:s,maxLength:e,textAlign:u="left",pattern:P,placeholder:D,inputMode:G="numeric",onComplete:H,pushPasswordManagerStrategy:F="increase-width",pasteTransformer:W,containerClassName:Z,noScriptCSSFallback:T=Nt,render:f,children:h}=z,a=Pt(z,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]);var X,lt,ut,dt,ft;let[q,nt]=React.useState(typeof a.defaultValue=="string"?a.defaultValue:""),i=r!=null?r:q,I=_t(i),x=React.useCallback(t=>{s==null||s(t),nt(t);},[s]),m=React.useMemo(()=>P?typeof P=="string"?new RegExp(P):P:null,[P]),l=React.useRef(null),K=React.useRef(null),J=React.useRef({value:i,onChange:x,isIOS:typeof window!="undefined"&&((lt=(X=window==null?void 0:window.CSS)==null?void 0:X.supports)==null?void 0:lt.call(X,"-webkit-touch-callout","none"))}),V=React.useRef({prev:[(ut=l.current)==null?void 0:ut.selectionStart,(dt=l.current)==null?void 0:dt.selectionEnd,(ft=l.current)==null?void 0:ft.selectionDirection]});React.useImperativeHandle(B,()=>l.current,[]),React.useEffect(()=>{let t=l.current,o=K.current;if(!t||!o)return;J.current.value!==t.value&&J.current.onChange(t.value),V.current.prev=[t.selectionStart,t.selectionEnd,t.selectionDirection];function d(){if(document.activeElement!==t){L(null),N(null);return}let c=t.selectionStart,b=t.selectionEnd,mt=t.selectionDirection,v=t.maxLength,C=t.value,_=V.current.prev,g=-1,E=-1,w;if(C.length!==0&&c!==null&&b!==null){let Dt=c===b,Ht=c===C.length&&C.length<v;if(Dt&&!Ht){let y=c;if(y===0)g=0,E=1,w="forward";else if(y===v)g=y-1,E=y,w="backward";else if(v>1&&C.length>1){let et=0;if(_[0]!==null&&_[1]!==null){w=y<_[1]?"backward":"forward";let Wt=_[0]===_[1]&&_[0]<v;w==="backward"&&!Wt&&(et=-1);}g=et+y,E=et+y+1;}}g!==-1&&E!==-1&&g!==E&&l.current.setSelectionRange(g,E,w);}let pt=g!==-1?g:c,Rt=E!==-1?E:b,yt=w!=null?w:mt;L(pt),N(Rt),V.current.prev=[pt,Rt,yt];}if(document.addEventListener("selectionchange",d,{capture:true}),d(),document.activeElement===t&&Q(true),!document.getElementById("input-otp-style")){let c=document.createElement("style");if(c.id="input-otp-style",document.head.appendChild(c),c.sheet){let b="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";$(c.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),$(c.sheet,`[data-input-otp]:autofill { ${b} }`),$(c.sheet,`[data-input-otp]:-webkit-autofill { ${b} }`),$(c.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),$(c.sheet,"[data-input-otp] + * { pointer-events: all !important; }");}}let R=()=>{o&&o.style.setProperty("--root-height",`${t.clientHeight}px`);};R();let p=new ResizeObserver(R);return p.observe(t),()=>{document.removeEventListener("selectionchange",d,{capture:true}),p.disconnect();}},[]);let[ot,rt]=React.useState(false),[j,Q]=React.useState(false),[M,L]=React.useState(null),[k,N]=React.useState(null);React.useEffect(()=>{ht(()=>{var R,p,c,b;(R=l.current)==null||R.dispatchEvent(new Event("input"));let t=(p=l.current)==null?void 0:p.selectionStart,o=(c=l.current)==null?void 0:c.selectionEnd,d=(b=l.current)==null?void 0:b.selectionDirection;t!==null&&o!==null&&(L(t),N(o),V.current.prev=[t,o,d]);});},[i,j]),React.useEffect(()=>{I!==void 0&&i!==I&&I.length<e&&i.length===e&&(H==null||H(i));},[e,H,I,i]);let O=Tt({containerRef:K,inputRef:l,pushPasswordManagerStrategy:F,isFocused:j}),st=React.useCallback(t=>{let o=t.currentTarget.value.slice(0,e);if(o.length>0&&m&&!m.test(o)){t.preventDefault();return}typeof I=="string"&&o.length<I.length&&document.dispatchEvent(new Event("selectionchange")),x(o);},[e,x,I,m]),at=React.useCallback(()=>{var t;if(l.current){let o=Math.min(l.current.value.length,e-1),d=l.current.value.length;(t=l.current)==null||t.setSelectionRange(o,d),L(o),N(d);}Q(true);},[e]),ct=React.useCallback(t=>{var g,E;let o=l.current;if(!W&&(!J.current.isIOS||!t.clipboardData||!o))return;let d=t.clipboardData.getData("text/plain"),R=W?W(d):d;t.preventDefault();let p=(g=l.current)==null?void 0:g.selectionStart,c=(E=l.current)==null?void 0:E.selectionEnd,v=(p!==c?i.slice(0,p)+R+i.slice(c):i.slice(0,p)+R+i.slice(p)).slice(0,e);if(v.length>0&&m&&!m.test(v))return;o.value=v,x(v);let C=Math.min(v.length,e-1),_=v.length;o.setSelectionRange(C,_),L(C),N(_);},[e,x,m,i]),It=React.useMemo(()=>({position:"relative",cursor:a.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[a.disabled]),it=React.useMemo(()=>({position:"absolute",inset:0,width:O.willPushPWMBadge?`calc(100% + ${O.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:O.willPushPWMBadge?`inset(0 ${O.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:u,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[O.PWM_BADGE_SPACE_WIDTH,O.willPushPWMBadge,u]),Mt=React.useMemo(()=>React.createElement("input",bt(St({autoComplete:a.autoComplete||"one-time-code"},a),{"data-input-otp":true,"data-input-otp-placeholder-shown":i.length===0||void 0,"data-input-otp-mss":M,"data-input-otp-mse":k,inputMode:G,pattern:m==null?void 0:m.source,"aria-placeholder":D,style:it,maxLength:e,value:i,ref:l,onPaste:t=>{var o;ct(t),(o=a.onPaste)==null||o.call(a,t);},onChange:st,onMouseOver:t=>{var o;rt(true),(o=a.onMouseOver)==null||o.call(a,t);},onMouseLeave:t=>{var o;rt(false),(o=a.onMouseLeave)==null||o.call(a,t);},onFocus:t=>{var o;at(),(o=a.onFocus)==null||o.call(a,t);},onBlur:t=>{var o;Q(false),(o=a.onBlur)==null||o.call(a,t);}})),[st,at,ct,G,it,e,k,M,a,m==null?void 0:m.source,i]),tt=React.useMemo(()=>({slots:Array.from({length:e}).map((t,o)=>{var c;let d=j&&M!==null&&k!==null&&(M===k&&o===M||o>=M&&o<k),R=i[o]!==void 0?i[o]:null,p=i[0]!==void 0?null:(c=D==null?void 0:D[o])!=null?c:null;return {char:R,placeholderChar:p,isActive:d,hasFakeCaret:d&&R===null}}),isFocused:j,isHovering:!a.disabled&&ot}),[j,ot,e,k,M,a.disabled,i]),Ct=React.useMemo(()=>f?f(tt):React.createElement(jt.Provider,{value:tt},h),[h,tt,f]);return React.createElement(React.Fragment,null,T!==null&&React.createElement("noscript",null,React.createElement("style",null,T)),React.createElement("div",{ref:K,"data-input-otp-container":true,style:It,className:Z},Ct,React.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},Mt)))});Lt.displayName="Input";function $(r,s){try{r.insertRule(s);}catch(e){console.error("input-otp could not insert CSS rule:",s);}}var Nt=`
4
- [data-input-otp] {
5
- --nojs-bg: white !important;
6
- --nojs-fg: black !important;
7
-
8
- background-color: var(--nojs-bg) !important;
9
- color: var(--nojs-fg) !important;
10
- caret-color: var(--nojs-fg) !important;
11
- letter-spacing: .25em !important;
12
- text-align: center !important;
13
- border: 1px solid var(--nojs-fg) !important;
14
- border-radius: 4px !important;
15
- width: 100% !important;
16
- }
17
- @media (prefers-color-scheme: dark) {
18
- [data-input-otp] {
19
- --nojs-bg: black !important;
20
- --nojs-fg: white !important;
21
- }
22
- }`;
23
-
24
- export { Lt as OTPInput, jt as OTPInputContext };
@@ -1,285 +0,0 @@
1
- import React__default, { useMemo, useCallback, useRef } from 'react';
2
- import { TZDate } from '../../../@date-fns/tz/date/index.js';
3
- import '../../../@date-fns/tz/date/mini.js';
4
- import { UI, DayFlag, SelectionState } from './UI.js';
5
- import { DateLib } from './classes/DateLib.js';
6
- import { createGetModifiers } from './helpers/createGetModifiers.js';
7
- import { getClassNamesForModifiers } from './helpers/getClassNamesForModifiers.js';
8
- import { getComponents } from './helpers/getComponents.js';
9
- import { getDataAttributes } from './helpers/getDataAttributes.js';
10
- import { getDefaultClassNames } from './helpers/getDefaultClassNames.js';
11
- import { getFormatters } from './helpers/getFormatters.js';
12
- import { getMonthOptions } from './helpers/getMonthOptions.js';
13
- import { getStyleForModifiers } from './helpers/getStyleForModifiers.js';
14
- import { getWeekdays } from './helpers/getWeekdays.js';
15
- import { getYearOptions } from './helpers/getYearOptions.js';
16
- import * as index from './labels/index.js';
17
- import { useAnimation } from './useAnimation.js';
18
- import { useCalendar } from './useCalendar.js';
19
- import { dayPickerContext } from './useDayPicker.js';
20
- import { useFocus } from './useFocus.js';
21
- import { useSelection } from './useSelection.js';
22
- import { rangeIncludesDate } from './utils/rangeIncludesDate.js';
23
- import { isDateRange } from './utils/typeguards.js';
24
- import { enUS } from '../../../date-fns/locale/en-US.js';
25
-
26
- /**
27
- * Renders the DayPicker calendar component.
28
- *
29
- * @param initialProps - The props for the DayPicker component.
30
- * @returns The rendered DayPicker component.
31
- * @group DayPicker
32
- * @see https://daypicker.dev
33
- */
34
- function DayPicker(initialProps) {
35
- let props = initialProps;
36
- if (props.timeZone) {
37
- props = {
38
- ...initialProps
39
- };
40
- if (props.today) {
41
- props.today = new TZDate(props.today, props.timeZone);
42
- }
43
- if (props.month) {
44
- props.month = new TZDate(props.month, props.timeZone);
45
- }
46
- if (props.defaultMonth) {
47
- props.defaultMonth = new TZDate(props.defaultMonth, props.timeZone);
48
- }
49
- if (props.startMonth) {
50
- props.startMonth = new TZDate(props.startMonth, props.timeZone);
51
- }
52
- if (props.endMonth) {
53
- props.endMonth = new TZDate(props.endMonth, props.timeZone);
54
- }
55
- if (props.mode === "single" && props.selected) {
56
- props.selected = new TZDate(props.selected, props.timeZone);
57
- }
58
- else if (props.mode === "multiple" && props.selected) {
59
- props.selected = props.selected?.map((date) => new TZDate(date, props.timeZone));
60
- }
61
- else if (props.mode === "range" && props.selected) {
62
- props.selected = {
63
- from: props.selected.from
64
- ? new TZDate(props.selected.from, props.timeZone)
65
- : undefined,
66
- to: props.selected.to
67
- ? new TZDate(props.selected.to, props.timeZone)
68
- : undefined
69
- };
70
- }
71
- }
72
- const { components, formatters, labels, dateLib, locale, classNames } = useMemo(() => {
73
- const locale = { ...enUS, ...props.locale };
74
- const dateLib = new DateLib({
75
- locale,
76
- weekStartsOn: props.broadcastCalendar ? 1 : props.weekStartsOn,
77
- firstWeekContainsDate: props.firstWeekContainsDate,
78
- useAdditionalWeekYearTokens: props.useAdditionalWeekYearTokens,
79
- useAdditionalDayOfYearTokens: props.useAdditionalDayOfYearTokens,
80
- timeZone: props.timeZone,
81
- numerals: props.numerals
82
- }, props.dateLib);
83
- return {
84
- dateLib,
85
- components: getComponents(props.components),
86
- formatters: getFormatters(props.formatters),
87
- labels: { ...index, ...props.labels },
88
- locale,
89
- classNames: { ...getDefaultClassNames(), ...props.classNames }
90
- };
91
- }, [
92
- props.locale,
93
- props.broadcastCalendar,
94
- props.weekStartsOn,
95
- props.firstWeekContainsDate,
96
- props.useAdditionalWeekYearTokens,
97
- props.useAdditionalDayOfYearTokens,
98
- props.timeZone,
99
- props.numerals,
100
- props.dateLib,
101
- props.components,
102
- props.formatters,
103
- props.labels,
104
- props.classNames
105
- ]);
106
- const { captionLayout, mode, navLayout, numberOfMonths = 1, onDayBlur, onDayClick, onDayFocus, onDayKeyDown, onDayMouseEnter, onDayMouseLeave, onNextClick, onPrevClick, showWeekNumber, styles } = props;
107
- const { formatCaption, formatDay, formatMonthDropdown, formatWeekNumber, formatWeekNumberHeader, formatWeekdayName, formatYearDropdown } = formatters;
108
- const calendar = useCalendar(props, dateLib);
109
- const { days, months, navStart, navEnd, previousMonth, nextMonth, goToMonth } = calendar;
110
- const getModifiers = createGetModifiers(days, props, dateLib);
111
- const { isSelected, select, selected: selectedValue } = useSelection(props, dateLib) ?? {};
112
- const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected ?? (() => false), dateLib);
113
- const { labelDayButton, labelGridcell, labelGrid, labelMonthDropdown, labelNav, labelPrevious, labelNext, labelWeekday, labelWeekNumber, labelWeekNumberHeader, labelYearDropdown } = labels;
114
- const weekdays = useMemo(() => getWeekdays(dateLib, props.ISOWeek), [dateLib, props.ISOWeek]);
115
- const isInteractive = mode !== undefined || onDayClick !== undefined;
116
- const handlePreviousClick = useCallback(() => {
117
- if (!previousMonth)
118
- return;
119
- goToMonth(previousMonth);
120
- onPrevClick?.(previousMonth);
121
- }, [previousMonth, goToMonth, onPrevClick]);
122
- const handleNextClick = useCallback(() => {
123
- if (!nextMonth)
124
- return;
125
- goToMonth(nextMonth);
126
- onNextClick?.(nextMonth);
127
- }, [goToMonth, nextMonth, onNextClick]);
128
- const handleDayClick = useCallback((day, m) => (e) => {
129
- e.preventDefault();
130
- e.stopPropagation();
131
- setFocused(day);
132
- select?.(day.date, m, e);
133
- onDayClick?.(day.date, m, e);
134
- }, [select, onDayClick, setFocused]);
135
- const handleDayFocus = useCallback((day, m) => (e) => {
136
- setFocused(day);
137
- onDayFocus?.(day.date, m, e);
138
- }, [onDayFocus, setFocused]);
139
- const handleDayBlur = useCallback((day, m) => (e) => {
140
- blur();
141
- onDayBlur?.(day.date, m, e);
142
- }, [blur, onDayBlur]);
143
- const handleDayKeyDown = useCallback((day, modifiers) => (e) => {
144
- const keyMap = {
145
- ArrowLeft: ["day", props.dir === "rtl" ? "after" : "before"],
146
- ArrowRight: ["day", props.dir === "rtl" ? "before" : "after"],
147
- ArrowDown: ["week", "after"],
148
- ArrowUp: ["week", "before"],
149
- PageUp: [e.shiftKey ? "year" : "month", "before"],
150
- PageDown: [e.shiftKey ? "year" : "month", "after"],
151
- Home: ["startOfWeek", "before"],
152
- End: ["endOfWeek", "after"]
153
- };
154
- if (keyMap[e.key]) {
155
- e.preventDefault();
156
- e.stopPropagation();
157
- const [moveBy, moveDir] = keyMap[e.key];
158
- moveFocus(moveBy, moveDir);
159
- }
160
- onDayKeyDown?.(day.date, modifiers, e);
161
- }, [moveFocus, onDayKeyDown, props.dir]);
162
- const handleDayMouseEnter = useCallback((day, modifiers) => (e) => {
163
- onDayMouseEnter?.(day.date, modifiers, e);
164
- }, [onDayMouseEnter]);
165
- const handleDayMouseLeave = useCallback((day, modifiers) => (e) => {
166
- onDayMouseLeave?.(day.date, modifiers, e);
167
- }, [onDayMouseLeave]);
168
- const handleMonthChange = useCallback((date) => (e) => {
169
- const selectedMonth = Number(e.target.value);
170
- const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
171
- goToMonth(month);
172
- }, [dateLib, goToMonth]);
173
- const handleYearChange = useCallback((date) => (e) => {
174
- const selectedYear = Number(e.target.value);
175
- const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
176
- goToMonth(month);
177
- }, [dateLib, goToMonth]);
178
- const { className, style } = useMemo(() => ({
179
- className: [classNames[UI.Root], props.className]
180
- .filter(Boolean)
181
- .join(" "),
182
- style: { ...styles?.[UI.Root], ...props.style }
183
- }), [classNames, props.className, props.style, styles]);
184
- const dataAttributes = getDataAttributes(props);
185
- const rootElRef = useRef(null);
186
- useAnimation(rootElRef, Boolean(props.animate), {
187
- classNames,
188
- months,
189
- focused,
190
- dateLib
191
- });
192
- const contextValue = {
193
- dayPickerProps: props,
194
- selected: selectedValue,
195
- select: select,
196
- isSelected,
197
- months,
198
- nextMonth,
199
- previousMonth,
200
- goToMonth,
201
- getModifiers,
202
- components,
203
- classNames,
204
- styles,
205
- labels,
206
- formatters
207
- };
208
- return (React__default.createElement(dayPickerContext.Provider, { value: contextValue },
209
- React__default.createElement(components.Root, { rootRef: props.animate ? rootElRef : undefined, className: className, style: style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], ...dataAttributes },
210
- React__default.createElement(components.Months, { className: classNames[UI.Months], style: styles?.[UI.Months] },
211
- !props.hideNavigation && !navLayout && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
212
- months.map((calendarMonth, displayIndex) => {
213
- const dropdownMonths = getMonthOptions(calendarMonth.date, navStart, navEnd, formatters, dateLib);
214
- const dropdownYears = getYearOptions(navStart, navEnd, formatters, dateLib);
215
- return (React__default.createElement(components.Month, { "data-animated-month": props.animate ? "true" : undefined, className: classNames[UI.Month], style: styles?.[UI.Month], key: displayIndex, displayIndex: displayIndex, calendarMonth: calendarMonth },
216
- navLayout === "around" &&
217
- !props.hideNavigation &&
218
- displayIndex === 0 && (React__default.createElement(components.PreviousMonthButton, { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? undefined : -1, "aria-disabled": previousMonth ? undefined : true, "aria-label": labelPrevious(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : undefined },
219
- React__default.createElement(components.Chevron, { disabled: previousMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" }))),
220
- React__default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : undefined, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth: calendarMonth, displayIndex: displayIndex }, captionLayout?.startsWith("dropdown") ? (React__default.createElement(components.DropdownNav, { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
221
- captionLayout === "dropdown" ||
222
- captionLayout === "dropdown-months" ? (React__default.createElement(components.MonthsDropdown, { className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown(), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: dropdownMonths, style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) })) : (React__default.createElement("span", null, formatMonthDropdown(calendarMonth.date, dateLib))),
223
- captionLayout === "dropdown" ||
224
- captionLayout === "dropdown-years" ? (React__default.createElement(components.YearsDropdown, { className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown(dateLib.options), classNames: classNames, components: components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: dropdownYears, style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) })) : (React__default.createElement("span", null, formatYearDropdown(calendarMonth.date, dateLib))),
225
- React__default.createElement("span", { role: "status", "aria-live": "polite", style: {
226
- border: 0,
227
- clip: "rect(0 0 0 0)",
228
- height: "1px",
229
- margin: "-1px",
230
- overflow: "hidden",
231
- padding: 0,
232
- position: "absolute",
233
- width: "1px",
234
- whiteSpace: "nowrap",
235
- wordWrap: "normal"
236
- } }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))) : (React__default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption(calendarMonth.date, dateLib.options, dateLib)))),
237
- navLayout === "around" &&
238
- !props.hideNavigation &&
239
- displayIndex === numberOfMonths - 1 && (React__default.createElement(components.NextMonthButton, { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? undefined : -1, "aria-disabled": nextMonth ? undefined : true, "aria-label": labelNext(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : undefined },
240
- React__default.createElement(components.Chevron, { disabled: nextMonth ? undefined : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" }))),
241
- displayIndex === numberOfMonths - 1 &&
242
- navLayout === "after" &&
243
- !props.hideNavigation && (React__default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : undefined, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth: previousMonth, nextMonth: nextMonth })),
244
- React__default.createElement(components.MonthGrid, { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid(calendarMonth.date, dateLib.options, dateLib) ||
245
- undefined, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
246
- !props.hideWeekdays && (React__default.createElement(components.Weekdays, { "data-animated-weekdays": props.animate ? "true" : undefined, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
247
- showWeekNumber && (React__default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader())),
248
- weekdays.map((weekday, i) => (React__default.createElement(components.Weekday, { "aria-label": labelWeekday(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: i, style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName(weekday, dateLib.options, dateLib)))))),
249
- React__default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : undefined, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week, weekIndex) => {
250
- return (React__default.createElement(components.Week, { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week: week },
251
- showWeekNumber && (React__default.createElement(components.WeekNumber, { week: week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber(week.weekNumber, {
252
- locale
253
- }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber(week.weekNumber, dateLib))),
254
- week.days.map((day) => {
255
- const { date } = day;
256
- const modifiers = getModifiers(day);
257
- modifiers[DayFlag.focused] =
258
- !modifiers.hidden &&
259
- Boolean(focused?.isEqualTo(day));
260
- modifiers[SelectionState.selected] =
261
- isSelected?.(date) || modifiers.selected;
262
- if (isDateRange(selectedValue)) {
263
- // add range modifiers
264
- const { from, to } = selectedValue;
265
- modifiers[SelectionState.range_start] = Boolean(from && to && dateLib.isSameDay(date, from));
266
- modifiers[SelectionState.range_end] = Boolean(from && to && dateLib.isSameDay(date, to));
267
- modifiers[SelectionState.range_middle] =
268
- rangeIncludesDate(selectedValue, date, true, dateLib);
269
- }
270
- const style = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
271
- const className = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
272
- const ariaLabel = !isInteractive && !modifiers.hidden
273
- ? labelGridcell(date, modifiers, dateLib.options, dateLib)
274
- : undefined;
275
- return (React__default.createElement(components.Day, { key: `${dateLib.format(date, "yyyy-MM-dd")}_${dateLib.format(day.displayMonth, "yyyy-MM")}`, day: day, modifiers: modifiers, className: className.join(" "), style: style, role: "gridcell", "aria-selected": modifiers.selected || undefined, "aria-label": ariaLabel, "data-day": dateLib.format(date, "yyyy-MM-dd"), "data-month": day.outside
276
- ? dateLib.format(date, "yyyy-MM")
277
- : undefined, "data-selected": modifiers.selected || undefined, "data-disabled": modifiers.disabled || undefined, "data-hidden": modifiers.hidden || undefined, "data-outside": day.outside || undefined, "data-focused": modifiers.focused || undefined, "data-today": modifiers.today || undefined }, !modifiers.hidden && isInteractive ? (React__default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day: day, modifiers: modifiers, disabled: modifiers.disabled || undefined, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay(date, dateLib.options, dateLib))) : (!modifiers.hidden &&
278
- formatDay(day.date, dateLib.options, dateLib))));
279
- })));
280
- })))));
281
- })),
282
- props.footer && (React__default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)))));
283
- }
284
-
285
- export { DayPicker };
@@ -1,122 +0,0 @@
1
- /**
2
- * Enum representing the UI elements composing DayPicker. These elements are
3
- * mapped to {@link CustomComponents}, {@link ClassNames}, and {@link Styles}.
4
- *
5
- * Some elements are extended by flags and modifiers.
6
- */
7
- var UI;
8
- (function (UI) {
9
- /** The root component displaying the months and the navigation bar. */
10
- UI["Root"] = "root";
11
- /** The Chevron SVG element used by navigation buttons and dropdowns. */
12
- UI["Chevron"] = "chevron";
13
- /**
14
- * The grid cell with the day's date. Extended by {@link DayFlag} and
15
- * {@link SelectionState}.
16
- */
17
- UI["Day"] = "day";
18
- /** The button containing the formatted day's date, inside the grid cell. */
19
- UI["DayButton"] = "day_button";
20
- /** The caption label of the month (when not showing the dropdown navigation). */
21
- UI["CaptionLabel"] = "caption_label";
22
- /** The container of the dropdown navigation (when enabled). */
23
- UI["Dropdowns"] = "dropdowns";
24
- /** The dropdown element to select for years and months. */
25
- UI["Dropdown"] = "dropdown";
26
- /** The container element of the dropdown. */
27
- UI["DropdownRoot"] = "dropdown_root";
28
- /** The root element of the footer. */
29
- UI["Footer"] = "footer";
30
- /** The month grid. */
31
- UI["MonthGrid"] = "month_grid";
32
- /** Contains the dropdown navigation or the caption label. */
33
- UI["MonthCaption"] = "month_caption";
34
- /** The dropdown with the months. */
35
- UI["MonthsDropdown"] = "months_dropdown";
36
- /** Wrapper of the month grid. */
37
- UI["Month"] = "month";
38
- /** The container of the displayed months. */
39
- UI["Months"] = "months";
40
- /** The navigation bar with the previous and next buttons. */
41
- UI["Nav"] = "nav";
42
- /**
43
- * The next month button in the navigation. *
44
- *
45
- * @since 9.1.0
46
- */
47
- UI["NextMonthButton"] = "button_next";
48
- /**
49
- * The previous month button in the navigation.
50
- *
51
- * @since 9.1.0
52
- */
53
- UI["PreviousMonthButton"] = "button_previous";
54
- /** The row containing the week. */
55
- UI["Week"] = "week";
56
- /** The group of row weeks in a month (`tbody`). */
57
- UI["Weeks"] = "weeks";
58
- /** The column header with the weekday. */
59
- UI["Weekday"] = "weekday";
60
- /** The row grouping the weekdays in the column headers. */
61
- UI["Weekdays"] = "weekdays";
62
- /** The cell containing the week number. */
63
- UI["WeekNumber"] = "week_number";
64
- /** The cell header of the week numbers column. */
65
- UI["WeekNumberHeader"] = "week_number_header";
66
- /** The dropdown with the years. */
67
- UI["YearsDropdown"] = "years_dropdown";
68
- })(UI || (UI = {}));
69
- /** Enum representing flags for the {@link UI.Day} element. */
70
- var DayFlag;
71
- (function (DayFlag) {
72
- /** The day is disabled. */
73
- DayFlag["disabled"] = "disabled";
74
- /** The day is hidden. */
75
- DayFlag["hidden"] = "hidden";
76
- /** The day is outside the current month. */
77
- DayFlag["outside"] = "outside";
78
- /** The day is focused. */
79
- DayFlag["focused"] = "focused";
80
- /** The day is today. */
81
- DayFlag["today"] = "today";
82
- })(DayFlag || (DayFlag = {}));
83
- /**
84
- * Enum representing selection states that can be applied to the {@link UI.Day}
85
- * element in selection mode.
86
- */
87
- var SelectionState;
88
- (function (SelectionState) {
89
- /** The day is at the end of a selected range. */
90
- SelectionState["range_end"] = "range_end";
91
- /** The day is at the middle of a selected range. */
92
- SelectionState["range_middle"] = "range_middle";
93
- /** The day is at the start of a selected range. */
94
- SelectionState["range_start"] = "range_start";
95
- /** The day is selected. */
96
- SelectionState["selected"] = "selected";
97
- })(SelectionState || (SelectionState = {}));
98
- /**
99
- * Enum representing different animation states for transitioning between
100
- * months.
101
- */
102
- var Animation;
103
- (function (Animation) {
104
- /** The entering weeks when they appear before the exiting month. */
105
- Animation["weeks_before_enter"] = "weeks_before_enter";
106
- /** The exiting weeks when they disappear before the entering month. */
107
- Animation["weeks_before_exit"] = "weeks_before_exit";
108
- /** The entering weeks when they appear after the exiting month. */
109
- Animation["weeks_after_enter"] = "weeks_after_enter";
110
- /** The exiting weeks when they disappear after the entering month. */
111
- Animation["weeks_after_exit"] = "weeks_after_exit";
112
- /** The entering caption when it appears after the exiting month. */
113
- Animation["caption_after_enter"] = "caption_after_enter";
114
- /** The exiting caption when it disappears after the entering month. */
115
- Animation["caption_after_exit"] = "caption_after_exit";
116
- /** The entering caption when it appears before the exiting month. */
117
- Animation["caption_before_enter"] = "caption_before_enter";
118
- /** The exiting caption when it disappears before the entering month. */
119
- Animation["caption_before_exit"] = "caption_before_exit";
120
- })(Animation || (Animation = {}));
121
-
122
- export { Animation, DayFlag, SelectionState, UI };
@@ -1,30 +0,0 @@
1
- import { defaultDateLib } from './DateLib.js';
2
-
3
- /**
4
- * Represents a day displayed in the calendar.
5
- *
6
- * In DayPicker, a `CalendarDay` is a wrapper around a `Date` object that
7
- * provides additional information about the day, such as whether it belongs to
8
- * the displayed month.
9
- */
10
- class CalendarDay {
11
- constructor(date, displayMonth, dateLib = defaultDateLib) {
12
- this.date = date;
13
- this.displayMonth = displayMonth;
14
- this.outside = Boolean(displayMonth && !dateLib.isSameMonth(date, displayMonth));
15
- this.dateLib = dateLib;
16
- }
17
- /**
18
- * Checks if this day is equal to another `CalendarDay`, considering both the
19
- * date and the displayed month.
20
- *
21
- * @param day The `CalendarDay` to compare with.
22
- * @returns `true` if the days are equal, otherwise `false`.
23
- */
24
- isEqualTo(day) {
25
- return (this.dateLib.isSameDay(day.date, this.date) &&
26
- this.dateLib.isSameMonth(day.displayMonth, this.displayMonth));
27
- }
28
- }
29
-
30
- export { CalendarDay };
@@ -1,14 +0,0 @@
1
- /**
2
- * Represents a month in a calendar year.
3
- *
4
- * A `CalendarMonth` contains the weeks within the month and the date of the
5
- * month.
6
- */
7
- class CalendarMonth {
8
- constructor(month, weeks) {
9
- this.date = month;
10
- this.weeks = weeks;
11
- }
12
- }
13
-
14
- export { CalendarMonth };
@@ -1,13 +0,0 @@
1
- /**
2
- * Represents a week in a calendar month.
3
- *
4
- * A `CalendarWeek` contains the days within the week and the week number.
5
- */
6
- class CalendarWeek {
7
- constructor(weekNumber, days) {
8
- this.days = days;
9
- this.weekNumber = weekNumber;
10
- }
11
- }
12
-
13
- export { CalendarWeek };