@clubmed/trident-ui 2.0.0-beta.7 → 2.0.0-beta.70

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 (436) hide show
  1. package/README.md +8 -0
  2. package/assets/trident-ui.css +3 -0
  3. package/chunks/Backdrop.js +1 -1
  4. package/chunks/Backdrop.js.map +1 -1
  5. package/chunks/Birthdate.js +27 -0
  6. package/chunks/Birthdate.js.map +1 -0
  7. package/chunks/Carousel.context.js +1548 -0
  8. package/chunks/Carousel.context.js.map +1 -0
  9. package/chunks/ChatMessage.js +14395 -0
  10. package/chunks/ChatMessage.js.map +1 -0
  11. package/chunks/CriteriaParticipants.js +415 -0
  12. package/chunks/CriteriaParticipants.js.map +1 -0
  13. package/chunks/DateField.js +189 -128
  14. package/chunks/DateField.js.map +1 -1
  15. package/chunks/Datepicker.js +2039 -0
  16. package/chunks/Datepicker.js.map +1 -0
  17. package/chunks/Day.js +88 -0
  18. package/chunks/Day.js.map +1 -0
  19. package/chunks/Range.js +2 -2
  20. package/chunks/Range.js.map +1 -1
  21. package/chunks/Tooltip.js +4461 -0
  22. package/chunks/Tooltip.js.map +1 -0
  23. package/chunks/addLeadingZeros.js +33 -0
  24. package/chunks/addLeadingZeros.js.map +1 -0
  25. package/chunks/addYears.js +18 -0
  26. package/chunks/addYears.js.map +1 -0
  27. package/chunks/chunk.js +11 -4
  28. package/chunks/client.js +18953 -0
  29. package/chunks/client.js.map +1 -0
  30. package/chunks/endOfMonth.js +17 -0
  31. package/chunks/endOfMonth.js.map +1 -0
  32. package/chunks/format.js +1113 -0
  33. package/chunks/format.js.map +1 -0
  34. package/chunks/formatISO.js +29 -0
  35. package/chunks/formatISO.js.map +1 -0
  36. package/chunks/isAfter.js +9 -0
  37. package/chunks/isAfter.js.map +1 -0
  38. package/chunks/isBefore.js +15 -0
  39. package/chunks/isBefore.js.map +1 -0
  40. package/chunks/normalizeDates.js +10 -0
  41. package/chunks/normalizeDates.js.map +1 -0
  42. package/chunks/subYears.js +9 -0
  43. package/chunks/subYears.js.map +1 -0
  44. package/examples/advanced-toast-demo.js +2 -2
  45. package/examples/advanced-toast-demo.js.map +1 -1
  46. package/examples/advanced-toast-green-demo.js +1 -1
  47. package/examples/advanced-toast-green-demo.js.map +1 -1
  48. package/examples/advanced-toast-no-dismiss-demo.js +1 -1
  49. package/examples/advanced-toast-no-dismiss-demo.js.map +1 -1
  50. package/examples/advanced-toast-red-demo.js +1 -1
  51. package/examples/advanced-toast-red-demo.js.map +1 -1
  52. package/examples/advanced-toast-with-details-demo.js +2 -2
  53. package/examples/advanced-toast-with-details-demo.js.map +1 -1
  54. package/examples/arrow-button-demo.js +2 -1
  55. package/examples/arrow-button-demo.js.map +1 -1
  56. package/examples/arrow-button-disabled-demo.js +2 -1
  57. package/examples/arrow-button-disabled-demo.js.map +1 -1
  58. package/examples/arrow-button-left-demo.js +2 -1
  59. package/examples/arrow-button-left-demo.js.map +1 -1
  60. package/examples/arrow-button-outline-demo.js +2 -1
  61. package/examples/arrow-button-outline-demo.js.map +1 -1
  62. package/examples/arrow-button-tail-demo.js +2 -1
  63. package/examples/arrow-button-tail-demo.js.map +1 -1
  64. package/examples/button-demo.js +2 -2
  65. package/examples/button-demo.js.map +1 -1
  66. package/examples/chat-button-demo.js +1 -1
  67. package/examples/chat-button-demo.js.map +1 -1
  68. package/examples/chat-button-offset-demo.js +4 -1
  69. package/examples/chat-button-offset-demo.js.map +1 -1
  70. package/examples/chat-input-demo.d.ts +1 -0
  71. package/examples/chat-input-demo.js +22 -0
  72. package/examples/chat-input-demo.js.map +1 -0
  73. package/examples/chat-message-demo.d.ts +1 -0
  74. package/examples/chat-message-demo.js +20 -0
  75. package/examples/chat-message-demo.js.map +1 -0
  76. package/examples/chat-typing-indicator-demo.d.ts +1 -0
  77. package/examples/chat-typing-indicator-demo.js +14 -0
  78. package/examples/chat-typing-indicator-demo.js.map +1 -0
  79. package/examples/chat-window-csat-demo.d.ts +1 -0
  80. package/examples/chat-window-csat-demo.js +69 -0
  81. package/examples/chat-window-csat-demo.js.map +1 -0
  82. package/examples/chat-window-csat-prompt-demo.d.ts +1 -0
  83. package/examples/chat-window-csat-prompt-demo.js +40 -0
  84. package/examples/chat-window-csat-prompt-demo.js.map +1 -0
  85. package/examples/chat-window-demo.d.ts +1 -0
  86. package/examples/chat-window-demo.js +70 -0
  87. package/examples/chat-window-demo.js.map +1 -0
  88. package/examples/chat-window-quote-demo.d.ts +1 -0
  89. package/examples/chat-window-quote-demo.js +47 -0
  90. package/examples/chat-window-quote-demo.js.map +1 -0
  91. package/examples/chat-window-quotes-demo.d.ts +1 -0
  92. package/examples/chat-window-quotes-demo.js +68 -0
  93. package/examples/chat-window-quotes-demo.js.map +1 -0
  94. package/examples/checkbox-demo.js +17 -15
  95. package/examples/checkbox-demo.js.map +1 -1
  96. package/examples/checkbox-disabled-demo.js +12 -15
  97. package/examples/checkbox-disabled-demo.js.map +1 -1
  98. package/examples/checkbox-select-demo.d.ts +1 -0
  99. package/examples/checkbox-select-demo.js +101 -0
  100. package/examples/checkbox-select-demo.js.map +1 -0
  101. package/examples/checkboxes-demo.js +2 -1
  102. package/examples/checkboxes-demo.js.map +1 -1
  103. package/examples/checkboxes-with-form-control-demo.js +8 -8
  104. package/examples/checkboxes-with-form-control-demo.js.map +1 -1
  105. package/examples/choice-expander-demo.js +5 -67
  106. package/examples/choice-expander-demo.js.map +1 -1
  107. package/examples/countdown-demo.d.ts +1 -0
  108. package/examples/countdown-demo.js +39 -0
  109. package/examples/countdown-demo.js.map +1 -0
  110. package/examples/criteria-dates-demo.d.ts +1 -0
  111. package/examples/criteria-dates-demo.js +41 -0
  112. package/examples/criteria-dates-demo.js.map +1 -0
  113. package/examples/criteria-participants-demo.d.ts +1 -0
  114. package/examples/criteria-participants-demo.js +77 -0
  115. package/examples/criteria-participants-demo.js.map +1 -0
  116. package/examples/criteria-participants-flow1-demo.d.ts +1 -0
  117. package/examples/criteria-participants-flow1-demo.js +53 -0
  118. package/examples/criteria-participants-flow1-demo.js.map +1 -0
  119. package/examples/criteria-participants-flow2-demo.d.ts +1 -0
  120. package/examples/criteria-participants-flow2-demo.js +61 -0
  121. package/examples/criteria-participants-flow2-demo.js.map +1 -0
  122. package/examples/criteria-participants-flow3-demo.d.ts +1 -0
  123. package/examples/criteria-participants-flow3-demo.js +72 -0
  124. package/examples/criteria-participants-flow3-demo.js.map +1 -0
  125. package/examples/criteria-transport-demo.d.ts +1 -0
  126. package/examples/criteria-transport-demo.js +66 -0
  127. package/examples/criteria-transport-demo.js.map +1 -0
  128. package/examples/datepicker-demo.d.ts +1 -0
  129. package/examples/datepicker-demo.js +51 -0
  130. package/examples/datepicker-demo.js.map +1 -0
  131. package/examples/datepicker-disabled-days-demo.d.ts +1 -0
  132. package/examples/datepicker-disabled-days-demo.js +42 -0
  133. package/examples/datepicker-disabled-days-demo.js.map +1 -0
  134. package/examples/datepicker-duration-tooltip-demo.d.ts +1 -0
  135. package/examples/datepicker-duration-tooltip-demo.js +68 -0
  136. package/examples/datepicker-duration-tooltip-demo.js.map +1 -0
  137. package/examples/datepicker-no-prices-demo.d.ts +1 -0
  138. package/examples/datepicker-no-prices-demo.js +42 -0
  139. package/examples/datepicker-no-prices-demo.js.map +1 -0
  140. package/examples/datepicker-preselected-demo.d.ts +1 -0
  141. package/examples/datepicker-preselected-demo.js +77 -0
  142. package/examples/datepicker-preselected-demo.js.map +1 -0
  143. package/examples/dropdown-demo.js +9 -1
  144. package/examples/dropdown-demo.js.map +1 -1
  145. package/examples/elastic-height-demo.js +2 -1
  146. package/examples/elastic-height-demo.js.map +1 -1
  147. package/examples/expandable-text-demo.d.ts +1 -0
  148. package/examples/expandable-text-demo.js +22 -0
  149. package/examples/expandable-text-demo.js.map +1 -0
  150. package/examples/floating-label-text-field-demo.d.ts +1 -0
  151. package/examples/floating-label-text-field-demo.js +32 -0
  152. package/examples/floating-label-text-field-demo.js.map +1 -0
  153. package/examples/frame-demo.d.ts +1 -0
  154. package/examples/frame-demo.js +36 -0
  155. package/examples/frame-demo.js.map +1 -0
  156. package/examples/frame-horizontal-demo.d.ts +1 -0
  157. package/examples/frame-horizontal-demo.js +44 -0
  158. package/examples/frame-horizontal-demo.js.map +1 -0
  159. package/examples/frame-no-image-demo.d.ts +1 -0
  160. package/examples/frame-no-image-demo.js +47 -0
  161. package/examples/frame-no-image-demo.js.map +1 -0
  162. package/examples/frame-vertical-demo.d.ts +1 -0
  163. package/examples/frame-vertical-demo.js +44 -0
  164. package/examples/frame-vertical-demo.js.map +1 -0
  165. package/examples/frame-with-tag-demo.d.ts +1 -0
  166. package/examples/frame-with-tag-demo.js +48 -0
  167. package/examples/frame-with-tag-demo.js.map +1 -0
  168. package/examples/journey-card-compact-demo.d.ts +1 -0
  169. package/examples/journey-card-compact-demo.js +71 -0
  170. package/examples/journey-card-compact-demo.js.map +1 -0
  171. package/examples/journey-card-demo.d.ts +1 -0
  172. package/examples/journey-card-demo.js +123 -0
  173. package/examples/journey-card-demo.js.map +1 -0
  174. package/examples/page-navigation-demo.d.ts +1 -0
  175. package/examples/page-navigation-demo.js +53 -0
  176. package/examples/page-navigation-demo.js.map +1 -0
  177. package/examples/password-demo.js +1 -0
  178. package/examples/password-demo.js.map +1 -1
  179. package/examples/phone-field-demo.js +6 -2
  180. package/examples/phone-field-demo.js.map +1 -1
  181. package/examples/radio-demo.js +3 -3
  182. package/examples/radio-demo.js.map +1 -1
  183. package/examples/scrollbar-demo.d.ts +1 -0
  184. package/examples/scrollbar-demo.js +42 -0
  185. package/examples/scrollbar-demo.js.map +1 -0
  186. package/examples/select-demo.js +1 -0
  187. package/examples/select-demo.js.map +1 -1
  188. package/examples/slider-frame-demo.d.ts +1 -0
  189. package/examples/slider-frame-demo.js +39 -0
  190. package/examples/slider-frame-demo.js.map +1 -0
  191. package/examples/slider-frame-with-button-demo.d.ts +1 -0
  192. package/examples/slider-frame-with-button-demo.js +47 -0
  193. package/examples/slider-frame-with-button-demo.js.map +1 -0
  194. package/examples/slider-frame-with-tag-demo.d.ts +1 -0
  195. package/examples/slider-frame-with-tag-demo.js +51 -0
  196. package/examples/slider-frame-with-tag-demo.js.map +1 -0
  197. package/examples/switch-demo.js +3 -2
  198. package/examples/switch-demo.js.map +1 -1
  199. package/examples/tabs-demo.js +2 -5
  200. package/examples/tabs-demo.js.map +1 -1
  201. package/examples/tabs-notification-demo.d.ts +1 -0
  202. package/examples/tabs-notification-demo.js +64 -0
  203. package/examples/tabs-notification-demo.js.map +1 -0
  204. package/examples/tabs-with-select-demo.js +1 -0
  205. package/examples/tabs-with-select-demo.js.map +1 -1
  206. package/examples/text-field-demo.js +6 -0
  207. package/examples/text-field-demo.js.map +1 -1
  208. package/examples/toggle-demo.d.ts +1 -0
  209. package/examples/toggle-demo.js +44 -0
  210. package/examples/toggle-demo.js.map +1 -0
  211. package/examples/toggle-small-demo.d.ts +1 -0
  212. package/examples/toggle-small-demo.js +33 -0
  213. package/examples/toggle-small-demo.js.map +1 -0
  214. package/examples/tooltip-demo.d.ts +1 -0
  215. package/examples/tooltip-demo.js +103 -0
  216. package/examples/tooltip-demo.js.map +1 -0
  217. package/package.json +10 -3
  218. package/styles/components.css +99 -0
  219. package/styles/index.css +0 -1
  220. package/styles/theme.css +5 -2
  221. package/styles/ui/button.css +1 -1
  222. package/styles/ui/chat-button.css +68 -1
  223. package/styles/ui/controls.css +11 -58
  224. package/styles/ui/range.css +6 -1
  225. package/styles/ui/tabs.css +0 -19
  226. package/ui/AdvancedToast.js +19 -16
  227. package/ui/AdvancedToast.js.map +1 -1
  228. package/ui/Avatar.js +1 -1
  229. package/ui/Avatar.js.map +1 -1
  230. package/ui/BasicToast.js +3 -3
  231. package/ui/BasicToast.js.map +1 -1
  232. package/ui/Breadcrumb.js +1 -0
  233. package/ui/Breadcrumb.js.map +1 -1
  234. package/ui/ChatButton.js +2 -2
  235. package/ui/ChatButton.js.map +1 -1
  236. package/ui/ChatInput.d.ts +10 -0
  237. package/ui/ChatInput.js +149 -0
  238. package/ui/ChatInput.js.map +1 -0
  239. package/ui/ChatMessage.d.ts +6 -0
  240. package/ui/ChatMessage.js +2 -0
  241. package/ui/ChatTypingIndicator.d.ts +2 -0
  242. package/ui/ChatTypingIndicator.js +30 -0
  243. package/ui/ChatTypingIndicator.js.map +1 -0
  244. package/ui/ChatWindow.d.ts +34 -0
  245. package/ui/ChatWindow.js +142 -0
  246. package/ui/ChatWindow.js.map +1 -0
  247. package/ui/ChatWindowCsatPrompt.d.ts +15 -0
  248. package/ui/ChatWindowCsatPrompt.js +71 -0
  249. package/ui/ChatWindowCsatPrompt.js.map +1 -0
  250. package/ui/ChatWindowCsatThankYou.d.ts +9 -0
  251. package/ui/ChatWindowCsatThankYou.js +29 -0
  252. package/ui/ChatWindowCsatThankYou.js.map +1 -0
  253. package/ui/ChatWindowQuote.d.ts +22 -0
  254. package/ui/ChatWindowQuote.js +141 -0
  255. package/ui/ChatWindowQuote.js.map +1 -0
  256. package/ui/ChoiceExpander.js +2 -2
  257. package/ui/ChoiceExpander.js.map +1 -1
  258. package/ui/Countdown.d.ts +16 -0
  259. package/ui/Countdown.js +61 -0
  260. package/ui/Countdown.js.map +1 -0
  261. package/ui/Datepicker.d.ts +26 -0
  262. package/ui/Datepicker.js +2 -0
  263. package/ui/Day.d.ts +25 -0
  264. package/ui/Day.js +2 -0
  265. package/ui/Dropdown.d.ts +20 -3
  266. package/ui/Dropdown.js +57 -23
  267. package/ui/Dropdown.js.map +1 -1
  268. package/ui/ElasticHeight.d.ts +0 -1
  269. package/ui/ElasticHeight.js +14 -23
  270. package/ui/ElasticHeight.js.map +1 -1
  271. package/ui/ExpandableText.d.ts +14 -0
  272. package/ui/ExpandableText.js +40 -0
  273. package/ui/ExpandableText.js.map +1 -0
  274. package/ui/FlipCard.d.ts +7 -0
  275. package/ui/FlipCard.js +59 -0
  276. package/ui/FlipCard.js.map +1 -0
  277. package/ui/HamburgerIcon.js +1 -1
  278. package/ui/HamburgerIcon.js.map +1 -1
  279. package/ui/Link.js +1 -1
  280. package/ui/Link.js.map +1 -1
  281. package/ui/PageNavigation.d.ts +13 -0
  282. package/ui/PageNavigation.js +71 -0
  283. package/ui/PageNavigation.js.map +1 -0
  284. package/ui/Pagination.js +2 -2
  285. package/ui/Pagination.js.map +1 -1
  286. package/ui/Scrollbar.d.ts +14 -0
  287. package/ui/Scrollbar.js +68 -0
  288. package/ui/Scrollbar.js.map +1 -0
  289. package/ui/SidebarLayout.d.ts +3 -1
  290. package/ui/SidebarLayout.js +35 -27
  291. package/ui/SidebarLayout.js.map +1 -1
  292. package/ui/Toggle.d.ts +15 -0
  293. package/ui/Toggle.js +42 -0
  294. package/ui/Toggle.js.map +1 -0
  295. package/ui/Tooltip.d.ts +8 -0
  296. package/ui/Tooltip.js +2 -0
  297. package/ui/buttons/Button.type.d.ts +1 -1
  298. package/ui/buttons/Button.type.js +1 -1
  299. package/ui/buttons/Button.type.js.map +1 -1
  300. package/ui/carousel/Carousel.context.d.ts +27 -0
  301. package/ui/carousel/Carousel.context.js +2 -0
  302. package/ui/carousel/Carousel.d.ts +3 -0
  303. package/ui/carousel/Carousel.js +12 -0
  304. package/ui/carousel/Carousel.js.map +1 -0
  305. package/ui/carousel/CarouselBody.d.ts +6 -0
  306. package/ui/carousel/CarouselBody.js +21 -0
  307. package/ui/carousel/CarouselBody.js.map +1 -0
  308. package/ui/carousel/CarouselItem.d.ts +6 -0
  309. package/ui/carousel/CarouselItem.js +21 -0
  310. package/ui/carousel/CarouselItem.js.map +1 -0
  311. package/ui/carousel/CarouselNext.d.ts +8 -0
  312. package/ui/carousel/CarouselNext.js +23 -0
  313. package/ui/carousel/CarouselNext.js.map +1 -0
  314. package/ui/carousel/CarouselPrevious.d.ts +8 -0
  315. package/ui/carousel/CarouselPrevious.js +23 -0
  316. package/ui/carousel/CarouselPrevious.js.map +1 -0
  317. package/ui/contexts/TridentUIConfig.js +1 -1
  318. package/ui/criteria/Birthdate.d.ts +13 -0
  319. package/ui/criteria/Birthdate.js +2 -0
  320. package/ui/criteria/CriteriaDates.d.ts +32 -0
  321. package/ui/criteria/CriteriaDates.js +76 -0
  322. package/ui/criteria/CriteriaDates.js.map +1 -0
  323. package/ui/criteria/CriteriaParticipants.d.ts +106 -0
  324. package/ui/criteria/CriteriaParticipants.js +2 -0
  325. package/ui/criteria/CriteriaSection.d.ts +6 -0
  326. package/ui/criteria/CriteriaSection.js +15 -0
  327. package/ui/criteria/CriteriaSection.js.map +1 -0
  328. package/ui/criteria/CriteriaTransport.d.ts +37 -0
  329. package/ui/criteria/CriteriaTransport.js +116 -0
  330. package/ui/criteria/CriteriaTransport.js.map +1 -0
  331. package/ui/forms/CheckboxSelect.d.ts +31 -0
  332. package/ui/forms/CheckboxSelect.js +119 -0
  333. package/ui/forms/CheckboxSelect.js.map +1 -0
  334. package/ui/forms/Filter.d.ts +10 -4
  335. package/ui/forms/Filter.js +27 -45
  336. package/ui/forms/Filter.js.map +1 -1
  337. package/ui/forms/FloatingLabelTextField.d.ts +12 -0
  338. package/ui/forms/FloatingLabelTextField.js +132 -0
  339. package/ui/forms/FloatingLabelTextField.js.map +1 -0
  340. package/ui/forms/FormControl.d.ts +1 -1
  341. package/ui/forms/FormControl.js +4 -4
  342. package/ui/forms/FormControl.js.map +1 -1
  343. package/ui/forms/NumberField.d.ts +35 -34
  344. package/ui/forms/NumberField.js +24 -25
  345. package/ui/forms/NumberField.js.map +1 -1
  346. package/ui/forms/PhoneField.d.ts +5 -10
  347. package/ui/forms/PhoneField.js +31 -211
  348. package/ui/forms/PhoneField.js.map +1 -1
  349. package/ui/forms/PhoneFieldFullInput.d.ts +16 -0
  350. package/ui/forms/PhoneFieldFullInput.js +110 -0
  351. package/ui/forms/PhoneFieldFullInput.js.map +1 -0
  352. package/ui/forms/PhoneFieldSplitInput.d.ts +19 -0
  353. package/ui/forms/PhoneFieldSplitInput.js +158 -0
  354. package/ui/forms/PhoneFieldSplitInput.js.map +1 -0
  355. package/ui/forms/Range.d.ts +1 -1
  356. package/ui/forms/Select.js +9 -10
  357. package/ui/forms/Select.js.map +1 -1
  358. package/ui/forms/Switch.d.ts +5 -3
  359. package/ui/forms/Switch.js +54 -34
  360. package/ui/forms/Switch.js.map +1 -1
  361. package/ui/forms/TextField.js +24 -15
  362. package/ui/forms/TextField.js.map +1 -1
  363. package/ui/forms/checkboxes/Checkbox.d.ts +9 -4
  364. package/ui/forms/checkboxes/Checkbox.js +36 -16
  365. package/ui/forms/checkboxes/Checkbox.js.map +1 -1
  366. package/ui/forms/checkboxes/Checkboxes.d.ts +5 -0
  367. package/ui/forms/checkboxes/Checkboxes.js +8 -8
  368. package/ui/forms/checkboxes/Checkboxes.js.map +1 -1
  369. package/ui/forms/checkboxes/index.d.ts +0 -1
  370. package/ui/forms/checkboxes/index.js +1 -2
  371. package/ui/forms/password/Password.js +9 -10
  372. package/ui/forms/password/Password.js.map +1 -1
  373. package/ui/forms/radios/Radio.d.ts +2 -1
  374. package/ui/forms/radios/Radio.js +6 -3
  375. package/ui/forms/radios/Radio.js.map +1 -1
  376. package/ui/forms/radios/RadioGroup.js +13 -14
  377. package/ui/forms/radios/RadioGroup.js.map +1 -1
  378. package/ui/frame/Frame.d.ts +8 -0
  379. package/ui/frame/Frame.js +16 -0
  380. package/ui/frame/Frame.js.map +1 -0
  381. package/ui/frame/FrameLabelsWrapper.d.ts +5 -0
  382. package/ui/frame/FrameLabelsWrapper.js +12 -0
  383. package/ui/frame/FrameLabelsWrapper.js.map +1 -0
  384. package/ui/frame/FrameTitle.d.ts +7 -0
  385. package/ui/frame/FrameTitle.js +25 -0
  386. package/ui/frame/FrameTitle.js.map +1 -0
  387. package/ui/frame/FrameWrapper.d.ts +6 -0
  388. package/ui/frame/FrameWrapper.js +14 -0
  389. package/ui/frame/FrameWrapper.js.map +1 -0
  390. package/ui/frame/SliderFrame.d.ts +14 -0
  391. package/ui/frame/SliderFrame.js +50 -0
  392. package/ui/frame/SliderFrame.js.map +1 -0
  393. package/ui/helpers/cn.d.ts +2 -0
  394. package/ui/helpers/cn.js +10 -0
  395. package/ui/helpers/cn.js.map +1 -0
  396. package/ui/helpers/phone/defaultPrefixes.d.ts +1 -0
  397. package/ui/helpers/phone/defaultPrefixes.js +52 -28
  398. package/ui/helpers/phone/defaultPrefixes.js.map +1 -1
  399. package/ui/helpers/phone/formatters.d.ts +11 -0
  400. package/ui/helpers/phone/formatters.js +32 -1
  401. package/ui/helpers/phone/formatters.js.map +1 -1
  402. package/ui/helpers/phone/index.d.ts +1 -1
  403. package/ui/helpers/phone/index.js +3 -3
  404. package/ui/hooks/useIsClient.d.ts +1 -0
  405. package/ui/hooks/useIsClient.js +12 -0
  406. package/ui/hooks/useIsClient.js.map +1 -0
  407. package/ui/hooks/useValue.d.ts +3 -4
  408. package/ui/hooks/useValue.js +11 -11
  409. package/ui/hooks/useValue.js.map +1 -1
  410. package/ui/journey-card/FlightSegmentCard.d.ts +15 -0
  411. package/ui/journey-card/FlightSegmentCard.js +73 -0
  412. package/ui/journey-card/FlightSegmentCard.js.map +1 -0
  413. package/ui/journey-card/FlightTimeline.d.ts +5 -0
  414. package/ui/journey-card/FlightTimeline.js +27 -0
  415. package/ui/journey-card/FlightTimeline.js.map +1 -0
  416. package/ui/journey-card/ItineraryDetails.d.ts +9 -0
  417. package/ui/journey-card/ItineraryDetails.js +40 -0
  418. package/ui/journey-card/ItineraryDetails.js.map +1 -0
  419. package/ui/journey-card/JourneyCard.d.ts +17 -0
  420. package/ui/journey-card/JourneyCard.js +34 -0
  421. package/ui/journey-card/JourneyCard.js.map +1 -0
  422. package/ui/journey-card/JourneyDetails.d.ts +47 -0
  423. package/ui/journey-card/JourneyDetails.js +183 -0
  424. package/ui/journey-card/JourneyDetails.js.map +1 -0
  425. package/ui/tabs/Tabs.d.ts +5 -1
  426. package/ui/tabs/Tabs.js +208 -124
  427. package/ui/tabs/Tabs.js.map +1 -1
  428. package/examples/form-checkbox-demo.d.ts +0 -1
  429. package/examples/form-checkbox-demo.js +0 -30
  430. package/examples/form-checkbox-demo.js.map +0 -1
  431. package/examples/form-checkbox-disabled-demo.d.ts +0 -1
  432. package/examples/form-checkbox-disabled-demo.js +0 -25
  433. package/examples/form-checkbox-disabled-demo.js.map +0 -1
  434. package/ui/forms/checkboxes/FormCheckbox.d.ts +0 -12
  435. package/ui/forms/checkboxes/FormCheckbox.js +0 -38
  436. package/ui/forms/checkboxes/FormCheckbox.js.map +0 -1
@@ -0,0 +1 @@
1
+ export default function CountdownDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,39 @@
1
+ "use client";
2
+ import { Countdown as e } from "../ui/Countdown.js";
3
+ import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
+ //#region lib/examples/countdown-demo.tsx
5
+ var r = {
6
+ days: "days",
7
+ hours: "hours",
8
+ minutes: "minutes",
9
+ seconds: "seconds"
10
+ }, i = /* @__PURE__ */ new Date();
11
+ i.setDate(i.getDate() + 1);
12
+ var a = /* @__PURE__ */ new Date();
13
+ a.setDate(a.getDate() + 7);
14
+ function o() {
15
+ return /* @__PURE__ */ n("div", {
16
+ className: "flex flex-col gap-8",
17
+ children: [/* @__PURE__ */ t(e, {
18
+ countdown: {
19
+ to: i.toISOString(),
20
+ labels: r
21
+ },
22
+ theme: "saffron"
23
+ }), /* @__PURE__ */ t("div", {
24
+ className: "bg-ultramarine p-6 rounded-16",
25
+ children: /* @__PURE__ */ t(e, {
26
+ countdown: {
27
+ to: a.toISOString(),
28
+ labels: r
29
+ },
30
+ theme: "white",
31
+ className: "text-white"
32
+ })
33
+ })]
34
+ });
35
+ }
36
+ //#endregion
37
+ export { o as default };
38
+
39
+ //# sourceMappingURL=countdown-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"countdown-demo.js","names":[],"sources":["../../lib/examples/countdown-demo.tsx"],"sourcesContent":["'use client';\n\nimport { Countdown } from '@/ui/Countdown';\n\nconst labels = {\n days: 'days',\n hours: 'hours',\n minutes: 'minutes',\n seconds: 'seconds',\n};\n\nconst tomorrow = new Date();\ntomorrow.setDate(tomorrow.getDate() + 1);\n\nconst nextWeek = new Date();\nnextWeek.setDate(nextWeek.getDate() + 7);\n\nexport default function CountdownDemo() {\n return (\n <div className=\"flex flex-col gap-8\">\n <Countdown countdown={{ to: tomorrow.toISOString(), labels }} theme=\"saffron\" />\n <div className=\"bg-ultramarine p-6 rounded-16\">\n <Countdown\n countdown={{ to: nextWeek.toISOString(), labels }}\n theme=\"white\"\n className=\"text-white\"\n />\n </div>\n </div>\n );\n}\n"],"mappings":";;;;AAIA,IAAM,IAAS;CACb,MAAM;CACN,OAAO;CACP,SAAS;CACT,SAAS;CACV,EAEK,oBAAW,IAAI,MAAM;AAC3B,EAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;AAExC,IAAM,oBAAW,IAAI,MAAM;AAC3B,EAAS,QAAQ,EAAS,SAAS,GAAG,EAAE;AAExC,SAAwB,IAAgB;AACtC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GAAW,WAAW;IAAE,IAAI,EAAS,aAAa;IAAE;IAAQ;GAAE,OAAM;GAAY,CAAA,EAChF,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD;IACE,WAAW;KAAE,IAAI,EAAS,aAAa;KAAE;KAAQ;IACjD,OAAM;IACN,WAAU;IACV,CAAA;GACE,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaDatesDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,41 @@
1
+ "use client";
2
+ import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
3
+ import { CriteriaDates as t, CriteriaDatesReinsurance as n } from "../ui/criteria/CriteriaDates.js";
4
+ import { useState as r } from "react";
5
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
6
+ //#region lib/examples/criteria-dates-demo.tsx
7
+ function o() {
8
+ let [o, s] = r();
9
+ return /* @__PURE__ */ i(e, {
10
+ device: "all",
11
+ children: /* @__PURE__ */ a("div", {
12
+ className: "w-[340px] space-y-24",
13
+ children: [/* @__PURE__ */ i(t, {
14
+ labels: {
15
+ seeNextMonth: "Next month",
16
+ seePreviousMonth: "Previous month",
17
+ bestPrice: "Best price",
18
+ lastAvailabilities: "Last availabilities",
19
+ notAvailable: "Not available",
20
+ priceLegend: "Price legend"
21
+ },
22
+ showPriceLegend: !0,
23
+ selected: o,
24
+ onSelect: s,
25
+ title: "Select your dates",
26
+ children: /* @__PURE__ */ i(n, { labels: { disclaimer: "New! Flexible booking now available." } })
27
+ }), o?.from && /* @__PURE__ */ a("p", {
28
+ className: "text-b4",
29
+ children: [
30
+ "From: ",
31
+ o.from.toLocaleDateString(),
32
+ o.to ? ` — To: ${o.to.toLocaleDateString()}` : ""
33
+ ]
34
+ })]
35
+ })
36
+ });
37
+ }
38
+ //#endregion
39
+ export { o as default };
40
+
41
+ //# sourceMappingURL=criteria-dates-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-dates-demo.js","names":[],"sources":["../../lib/examples/criteria-dates-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { CriteriaDates, CriteriaDatesReinsurance } from '@/ui/criteria/CriteriaDates';\n\nexport default function CriteriaDatesDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n const labels = {\n seeNextMonth: 'Next month',\n seePreviousMonth: 'Previous month',\n bestPrice: 'Best price',\n lastAvailabilities: 'Last availabilities',\n notAvailable: 'Not available',\n priceLegend: 'Price legend',\n };\n\n return (\n <DeviceProvider device=\"all\">\n <div className=\"w-[340px] space-y-24\">\n <CriteriaDates\n labels={labels}\n showPriceLegend\n selected={selected}\n onSelect={setSelected}\n title=\"Select your dates\"\n >\n <CriteriaDatesReinsurance\n labels={{ disclaimer: 'New! Flexible booking now available.' }}\n />\n </CriteriaDates>\n {selected?.from && (\n <p className=\"text-b4\">\n From: {selected.from.toLocaleDateString()}\n {selected.to ? ` — To: ${selected.to.toLocaleDateString()}` : ''}\n </p>\n )}\n </div>\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,SAAwB,IAAoB;CAC1C,IAAM,CAAC,GAAU,KAAe,GAAiC;AAWjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,GAAD;IACU,QAbD;KACb,cAAc;KACd,kBAAkB;KAClB,WAAW;KACX,oBAAoB;KACpB,cAAc;KACd,aAAa;KACd;IAOO,iBAAA;IACU;IACV,UAAU;IACV,OAAM;cAEN,kBAAC,GAAD,EACE,QAAQ,EAAE,YAAY,wCAAwC,EAC9D,CAAA;IACY,CAAA,EACf,GAAU,QACT,kBAAC,KAAD;IAAG,WAAU;cAAb;KAAuB;KACd,EAAS,KAAK,oBAAoB;KACxC,EAAS,KAAK,UAAU,EAAS,GAAG,oBAAoB,KAAK;;;;EAIrD,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,77 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/CriteriaParticipants.js";
3
+ import { t } from "../chunks/subYears.js";
4
+ import { useState as n } from "react";
5
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
+ //#region lib/examples/criteria-participants-demo.tsx
7
+ var a = {
8
+ addAdult: "Add adult",
9
+ addChild: "Add child",
10
+ adults: "Adults",
11
+ children: "Children",
12
+ childrenAgeLimit: "Under 18 y.o.",
13
+ childBirthdate: "Child {n} birthdate",
14
+ childBirthdateInvalidDateError: "Invalid date",
15
+ childBirthdateMaxAgeError: "Too young (under 2)",
16
+ childBirthdateMinAgeError: "Too old (over 17)",
17
+ removeAdult: "Remove adult",
18
+ removeChild: "Remove child",
19
+ enterDateOfBirth: "Enter date of birth",
20
+ ageQuestion: "How old will the children be at check-in?",
21
+ ageYear: "Year",
22
+ ageMonths: "Months",
23
+ ageApply: "Apply",
24
+ participantDetails: "Participant Details",
25
+ adultLabel: "Adult {n}",
26
+ childLabel: "Child {n}",
27
+ removeParticipant: "Remove",
28
+ reset: "Reset",
29
+ apply: "Continue"
30
+ };
31
+ function o() {
32
+ let [o, s] = n(2), [c, l] = n(0), [u, d] = n([]), [f, p] = n([]);
33
+ return /* @__PURE__ */ i("div", {
34
+ className: "w-[380px] space-y-24",
35
+ children: [/* @__PURE__ */ r(e, {
36
+ labels: a,
37
+ adultsCount: o,
38
+ childrenCount: c,
39
+ birthdates: u,
40
+ childAges: f,
41
+ maxAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 2),
42
+ minAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 17),
43
+ onChange: (e) => {
44
+ e.type === "adultsCount" && s(e.payload), e.type === "childrenCount" && (l(e.payload), d((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), p((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && d((t) => {
45
+ let n = [...t];
46
+ return n[e.payload.index] = e.payload.date, n;
47
+ }), e.type === "childAge" && p((t) => {
48
+ let n = [...t];
49
+ return n[e.payload.index] = e.payload.value === null ? null : {
50
+ value: e.payload.value,
51
+ unit: e.payload.unit
52
+ }, n;
53
+ });
54
+ },
55
+ title: "Participant",
56
+ onReset: () => {
57
+ s(2), l(0), d([]), p([]);
58
+ },
59
+ onApply: () => {}
60
+ }), /* @__PURE__ */ i("p", {
61
+ className: "text-b4",
62
+ children: [
63
+ o,
64
+ " adult",
65
+ o === 1 ? "" : "s",
66
+ ", ",
67
+ c,
68
+ " child",
69
+ c === 1 ? "" : "ren"
70
+ ]
71
+ })]
72
+ });
73
+ }
74
+ //#endregion
75
+ export { o as default };
76
+
77
+ //# sourceMappingURL=criteria-participants-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n participantDetails: 'Participant Details',\n adultLabel: 'Adult {n}',\n childLabel: 'Child {n}',\n removeParticipant: 'Remove',\n reset: 'Reset',\n apply: 'Continue',\n};\n\nexport default function CriteriaParticipantsDemo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participant\"\n onReset={() => {\n setAdults(2);\n setChildren(0);\n setBirthdates([]);\n setChildAges([]);\n }}\n onApply={() => {}}\n />\n <p className=\"text-b4\">\n {adultsCount} adult{adultsCount !== 1 ? 's' : ''}, {childrenCount} child\n {childrenCount !== 1 ? 'ren' : ''}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,mBAAmB;CACnB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAA2B;CACjD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC;AAkCL,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACU;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA1CgB,MAAuC;AAoB3D,IAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;KACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,YAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;MAAE,OAAO,EAAO,QAAQ;MAAO,MAAM,EAAO,QAAQ;MAAM,EAEzD;MACP;;GAeA,OAAM;GACN,eAAe;AAIb,IAHA,EAAU,EAAE,EACZ,EAAY,EAAE,EACd,EAAc,EAAE,CAAC,EACjB,EAAa,EAAE,CAAC;;GAElB,eAAe;GACf,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAb;IACG;IAAY;IAAO,MAAgB,IAAU,KAAN;IAAS;IAAG;IAAc;IACjE,MAAkB,IAAY,KAAR"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsFlow1Demo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,53 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/format.js";
3
+ import { t } from "../chunks/CriteriaParticipants.js";
4
+ import { t as n } from "../chunks/subYears.js";
5
+ import { useState as r } from "react";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ //#region lib/examples/criteria-participants-flow1-demo.tsx
8
+ var o = {
9
+ addAdult: "Add adult",
10
+ addChild: "Add child",
11
+ adults: "Adults",
12
+ children: "Children",
13
+ childrenAgeLimit: "Under 18 y.o.",
14
+ childBirthdate: "Child {n} birthdate",
15
+ childBirthdateInvalidDateError: "Invalid date",
16
+ childBirthdateMaxAgeError: "Too young (under 2)",
17
+ childBirthdateMinAgeError: "Too old (over 17)",
18
+ removeAdult: "Remove adult",
19
+ removeChild: "Remove child"
20
+ };
21
+ function s() {
22
+ let [s, c] = r(2), [l, u] = r(0), [d, f] = r([]);
23
+ return /* @__PURE__ */ a("div", {
24
+ className: "w-[380px] space-y-24",
25
+ children: [/* @__PURE__ */ i(t, {
26
+ childrenFlow: "birthdate-only",
27
+ labels: o,
28
+ adultsCount: s,
29
+ childrenCount: l,
30
+ birthdates: d,
31
+ maxAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 2),
32
+ minAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 17),
33
+ onChange: (e) => {
34
+ e.type === "adultsCount" && c(e.payload), e.type === "childrenCount" && (u(e.payload), f((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload))), e.type === "birthdate" && f((t) => {
35
+ let n = [...t];
36
+ return n[e.payload.index] = e.payload.date, n;
37
+ });
38
+ },
39
+ title: "Participants"
40
+ }), /* @__PURE__ */ a("p", {
41
+ className: "text-b4",
42
+ children: [
43
+ "Birthdates:",
44
+ " ",
45
+ d.map((t) => t ? e(t, "yyyy-MM-dd") : "—").join(", ") || "none"
46
+ ]
47
+ })]
48
+ });
49
+ }
50
+ //#endregion
51
+ export { s as default };
52
+
53
+ //# sourceMappingURL=criteria-participants-flow1-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-flow1-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow1-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { format, subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n};\n\nexport default function CriteriaParticipantsFlow1Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"birthdate-only\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participants\"\n />\n <p className=\"text-b4\">\n Birthdates:{' '}\n {birthdates.map((d) => (d ? format(d, 'yyyy-MM-dd') : '—')).join(', ') || 'none'}\n </p>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACd;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC;AAmBhF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACZ,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA3BgB,MAAuC;AAQ3D,IAPI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP;;GAeA,OAAM;GACN,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAb;IAAuB;IACT;IACX,EAAW,KAAK,MAAO,IAAI,EAAO,GAAG,aAAa,GAAG,IAAK,CAAC,KAAK,KAAK,IAAI"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsFlow2Demo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,61 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/format.js";
3
+ import { t } from "../chunks/CriteriaParticipants.js";
4
+ import { t as n } from "../chunks/subYears.js";
5
+ import { useState as r } from "react";
6
+ import { jsx as i, jsxs as a } from "react/jsx-runtime";
7
+ //#region lib/examples/criteria-participants-flow2-demo.tsx
8
+ var o = {
9
+ addAdult: "Add adult",
10
+ addChild: "Add child",
11
+ adults: "Adults",
12
+ children: "Children",
13
+ childrenAgeLimit: "Under 18 y.o.",
14
+ childBirthdate: "Child {n} birthdate",
15
+ childBirthdateInvalidDateError: "Invalid date",
16
+ childBirthdateMaxAgeError: "Too young (under 2)",
17
+ childBirthdateMinAgeError: "Too old (over 17)",
18
+ removeAdult: "Remove adult",
19
+ removeChild: "Remove child",
20
+ enterDateOfBirth: "Enter date of birth",
21
+ ageQuestion: "How old will the children be at check-in?",
22
+ ageYear: "Year",
23
+ ageMonths: "Months",
24
+ ageApply: "Apply"
25
+ };
26
+ function s() {
27
+ let [s, c] = r(2), [l, u] = r(0), [d, f] = r([]), [p, m] = r([]), h = (e) => {
28
+ e.type === "adultsCount" && c(e.payload), e.type === "childrenCount" && (u(e.payload), f((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), m((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && f((t) => {
29
+ let n = [...t];
30
+ return n[e.payload.index] = e.payload.date, n;
31
+ }), e.type === "childAge" && m((t) => {
32
+ let n = [...t];
33
+ return n[e.payload.index] = e.payload.value === null ? null : {
34
+ value: e.payload.value,
35
+ unit: e.payload.unit
36
+ }, n;
37
+ });
38
+ }, g = [...d.map((t, n) => t ? `Child ${n + 1}: ${e(t, "yyyy-MM-dd")}` : null), ...p.map((e, t) => e ? `Child ${t + 1}: ${e.value} ${e.unit === "year" ? "yr" : "mo"}` : null)].filter(Boolean).join(", ");
39
+ return /* @__PURE__ */ a("div", {
40
+ className: "w-[380px] space-y-24",
41
+ children: [/* @__PURE__ */ i(t, {
42
+ childrenFlow: "age-or-birthdate",
43
+ labels: o,
44
+ adultsCount: s,
45
+ childrenCount: l,
46
+ birthdates: d,
47
+ childAges: p,
48
+ maxAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 2),
49
+ minAuthorizedBirthdate: n(/* @__PURE__ */ new Date(), 17),
50
+ onChange: h,
51
+ title: "Participants"
52
+ }), /* @__PURE__ */ i("p", {
53
+ className: "text-b4",
54
+ children: g || "No ages or birthdates entered yet"
55
+ })]
56
+ });
57
+ }
58
+ //#endregion
59
+ export { s as default };
60
+
61
+ //# sourceMappingURL=criteria-participants-flow2-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-flow2-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow2-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { format, subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n};\n\nexport default function CriteriaParticipantsFlow2Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n const summary = [\n ...birthdates.map((d, i) => (d ? `Child ${i + 1}: ${format(d, 'yyyy-MM-dd')}` : null)),\n ...childAges.map((a, i) =>\n a ? `Child ${i + 1}: ${a.value} ${a.unit === 'year' ? 'yr' : 'mo'}` : null,\n ),\n ]\n .filter(Boolean)\n .join(', ');\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"age-or-birthdate\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participants\"\n />\n <p className=\"text-b4\">{summary || 'No ages or birthdates entered yet'}</p>\n </div>\n );\n}\n"],"mappings":";;;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACX;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC,EAEC,KAAgB,MAAuC;AAoB3D,EAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;GACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,UADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;IACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;GACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,UAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;IAAE,OAAO,EAAO,QAAQ;IAAO,MAAM,EAAO,QAAQ;IAAM,EAEzD;IACP;IAIA,IAAU,CACd,GAAG,EAAW,KAAK,GAAG,MAAO,IAAI,SAAS,IAAI,EAAE,IAAI,EAAO,GAAG,aAAa,KAAK,KAAM,EACtF,GAAG,EAAU,KAAK,GAAG,MACnB,IAAI,SAAS,IAAI,EAAE,IAAI,EAAE,MAAM,GAAG,EAAE,SAAS,SAAS,OAAO,SAAS,KACvE,CACF,CACE,OAAO,QAAQ,CACf,KAAK,KAAK;AAEb,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,UAAU;GACV,OAAM;GACN,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAW,KAAW;GAAwC,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaParticipantsFlow3Demo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,72 @@
1
+ "use client";
2
+ import { t as e } from "../chunks/CriteriaParticipants.js";
3
+ import { t } from "../chunks/subYears.js";
4
+ import { useState as n } from "react";
5
+ import { jsx as r, jsxs as i } from "react/jsx-runtime";
6
+ //#region lib/examples/criteria-participants-flow3-demo.tsx
7
+ var a = {
8
+ addAdult: "Add adult",
9
+ addChild: "Add child",
10
+ adults: "Adults",
11
+ children: "Children",
12
+ childrenAgeLimit: "Under 18 y.o.",
13
+ childBirthdate: "Child {n} birthdate",
14
+ childBirthdateInvalidDateError: "Invalid date",
15
+ childBirthdateMaxAgeError: "Too young (under 2)",
16
+ childBirthdateMinAgeError: "Too old (over 17)",
17
+ removeAdult: "Remove adult",
18
+ removeChild: "Remove child",
19
+ enterDateOfBirth: "Enter date of birth",
20
+ ageQuestion: "How old will the children be at check-in?",
21
+ ageYear: "Year",
22
+ ageMonths: "Months",
23
+ ageApply: "Apply",
24
+ participantDetails: "Participant Details",
25
+ adultLabel: "Adult {n}",
26
+ childLabel: "Child {n}",
27
+ removeParticipant: "Remove",
28
+ reset: "Reset",
29
+ apply: "Continue"
30
+ };
31
+ function o() {
32
+ let [o, s] = n(2), [c, l] = n(0), [u, d] = n([]), [f, p] = n([]), [m, h] = n("");
33
+ return /* @__PURE__ */ i("div", {
34
+ className: "w-[380px] space-y-24",
35
+ children: [/* @__PURE__ */ r(e, {
36
+ childrenFlow: "age-or-birthdate-with-apply",
37
+ labels: a,
38
+ adultsCount: o,
39
+ childrenCount: c,
40
+ birthdates: u,
41
+ childAges: f,
42
+ maxAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 2),
43
+ minAuthorizedBirthdate: t(/* @__PURE__ */ new Date(), 17),
44
+ onChange: (e) => {
45
+ e.type === "adultsCount" && s(e.payload), e.type === "childrenCount" && (l(e.payload), d((t) => e.payload > t.length ? [...t, null] : t.slice(0, e.payload)), p((t) => e.payload > t.length ? [...t, ...Array(e.payload - t.length).fill(null)] : t.slice(0, e.payload))), e.type === "birthdate" && d((t) => {
46
+ let n = [...t];
47
+ return n[e.payload.index] = e.payload.date, n;
48
+ }), e.type === "childAge" && p((t) => {
49
+ let n = [...t];
50
+ return n[e.payload.index] = e.payload.value === null ? null : {
51
+ value: e.payload.value,
52
+ unit: e.payload.unit
53
+ }, n;
54
+ });
55
+ },
56
+ title: "Participant",
57
+ onReset: () => {
58
+ s(2), l(0), d([]), p([]), h("");
59
+ },
60
+ onApply: () => {
61
+ h(`${o} adult${o === 1 ? "" : "s"}, ${c} child${c === 1 ? "" : "ren"}`);
62
+ }
63
+ }), /* @__PURE__ */ r("p", {
64
+ className: "text-b4",
65
+ children: m ? `Confirmed: ${m}` : "Not yet confirmed"
66
+ })]
67
+ });
68
+ }
69
+ //#endregion
70
+ export { o as default };
71
+
72
+ //# sourceMappingURL=criteria-participants-flow3-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-participants-flow3-demo.js","names":[],"sources":["../../lib/examples/criteria-participants-flow3-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport { subYears } from 'date-fns';\n\nimport { CriteriaParticipants } from '@/ui/criteria/CriteriaParticipants';\nimport type { CriteriaParticipantsAction } from '@/ui/criteria/CriteriaParticipants';\n\nconst labels = {\n addAdult: 'Add adult',\n addChild: 'Add child',\n adults: 'Adults',\n children: 'Children',\n childrenAgeLimit: 'Under 18 y.o.',\n childBirthdate: 'Child {n} birthdate',\n childBirthdateInvalidDateError: 'Invalid date',\n childBirthdateMaxAgeError: 'Too young (under 2)',\n childBirthdateMinAgeError: 'Too old (over 17)',\n removeAdult: 'Remove adult',\n removeChild: 'Remove child',\n enterDateOfBirth: 'Enter date of birth',\n ageQuestion: 'How old will the children be at check-in?',\n ageYear: 'Year',\n ageMonths: 'Months',\n ageApply: 'Apply',\n participantDetails: 'Participant Details',\n adultLabel: 'Adult {n}',\n childLabel: 'Child {n}',\n removeParticipant: 'Remove',\n reset: 'Reset',\n apply: 'Continue',\n};\n\nexport default function CriteriaParticipantsFlow3Demo() {\n const [adultsCount, setAdults] = useState(2);\n const [childrenCount, setChildren] = useState(0);\n const [birthdates, setBirthdates] = useState<Array<Date | null | undefined>>([]);\n const [childAges, setChildAges] = useState<\n Array<{ value: number; unit: 'year' | 'month' } | null>\n >([]);\n const [confirmed, setConfirmed] = useState('');\n\n const handleChange = (action: CriteriaParticipantsAction) => {\n if (action.type === 'adultsCount') setAdults(action.payload);\n if (action.type === 'childrenCount') {\n setChildren(action.payload);\n setBirthdates((prev) =>\n action.payload > prev.length ? [...prev, null] : prev.slice(0, action.payload),\n );\n setChildAges((prev) =>\n action.payload > prev.length\n ? [...prev, ...Array(action.payload - prev.length).fill(null)]\n : prev.slice(0, action.payload),\n );\n }\n if (action.type === 'birthdate') {\n setBirthdates((prev) => {\n const next = [...prev];\n next[action.payload.index] = action.payload.date;\n return next;\n });\n }\n if (action.type === 'childAge') {\n setChildAges((prev) => {\n const next = [...prev];\n next[action.payload.index] =\n action.payload.value !== null\n ? { value: action.payload.value, unit: action.payload.unit }\n : null;\n return next;\n });\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaParticipants\n childrenFlow=\"age-or-birthdate-with-apply\"\n labels={labels}\n adultsCount={adultsCount}\n childrenCount={childrenCount}\n birthdates={birthdates}\n childAges={childAges}\n maxAuthorizedBirthdate={subYears(new Date(), 2)}\n minAuthorizedBirthdate={subYears(new Date(), 17)}\n onChange={handleChange}\n title=\"Participant\"\n onReset={() => {\n setAdults(2);\n setChildren(0);\n setBirthdates([]);\n setChildAges([]);\n setConfirmed('');\n }}\n onApply={() => {\n setConfirmed(\n `${adultsCount} adult${adultsCount !== 1 ? 's' : ''}, ${childrenCount} child${childrenCount !== 1 ? 'ren' : ''}`,\n );\n }}\n />\n <p className=\"text-b4\">{confirmed ? `Confirmed: ${confirmed}` : 'Not yet confirmed'}</p>\n </div>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,IAAS;CACb,UAAU;CACV,UAAU;CACV,QAAQ;CACR,UAAU;CACV,kBAAkB;CAClB,gBAAgB;CAChB,gCAAgC;CAChC,2BAA2B;CAC3B,2BAA2B;CAC3B,aAAa;CACb,aAAa;CACb,kBAAkB;CAClB,aAAa;CACb,SAAS;CACT,WAAW;CACX,UAAU;CACV,oBAAoB;CACpB,YAAY;CACZ,YAAY;CACZ,mBAAmB;CACnB,OAAO;CACP,OAAO;CACR;AAED,SAAwB,IAAgC;CACtD,IAAM,CAAC,GAAa,KAAa,EAAS,EAAE,EACtC,CAAC,GAAe,KAAe,EAAS,EAAE,EAC1C,CAAC,GAAY,KAAiB,EAAyC,EAAE,CAAC,EAC1E,CAAC,GAAW,KAAgB,EAEhC,EAAE,CAAC,EACC,CAAC,GAAW,KAAgB,EAAS,GAAG;AAkC9C,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACE,cAAa;GACL;GACK;GACE;GACH;GACD;GACX,wBAAwB,kBAAS,IAAI,MAAM,EAAE,EAAE;GAC/C,wBAAwB,kBAAS,IAAI,MAAM,EAAE,GAAG;GAChD,WA3CgB,MAAuC;AAoB3D,IAnBI,EAAO,SAAS,iBAAe,EAAU,EAAO,QAAQ,EACxD,EAAO,SAAS,oBAClB,EAAY,EAAO,QAAQ,EAC3B,GAAe,MACb,EAAO,UAAU,EAAK,SAAS,CAAC,GAAG,GAAM,KAAK,GAAG,EAAK,MAAM,GAAG,EAAO,QAAQ,CAC/E,EACD,GAAc,MACZ,EAAO,UAAU,EAAK,SAClB,CAAC,GAAG,GAAM,GAAG,MAAM,EAAO,UAAU,EAAK,OAAO,CAAC,KAAK,KAAK,CAAC,GAC5D,EAAK,MAAM,GAAG,EAAO,QAAQ,CAClC,GAEC,EAAO,SAAS,eAClB,GAAe,MAAS;KACtB,IAAM,IAAO,CAAC,GAAG,EAAK;AAEtB,YADA,EAAK,EAAO,QAAQ,SAAS,EAAO,QAAQ,MACrC;MACP,EAEA,EAAO,SAAS,cAClB,GAAc,MAAS;KACrB,IAAM,IAAO,CAAC,GAAG,EAAK;AAKtB,YAJA,EAAK,EAAO,QAAQ,SAClB,EAAO,QAAQ,UAAU,OAErB,OADA;MAAE,OAAO,EAAO,QAAQ;MAAO,MAAM,EAAO,QAAQ;MAAM,EAEzD;MACP;;GAgBA,OAAM;GACN,eAAe;AAKb,IAJA,EAAU,EAAE,EACZ,EAAY,EAAE,EACd,EAAc,EAAE,CAAC,EACjB,EAAa,EAAE,CAAC,EAChB,EAAa,GAAG;;GAElB,eAAe;AACb,MACE,GAAG,EAAY,QAAQ,MAAgB,IAAU,KAAN,IAAS,IAAI,EAAc,QAAQ,MAAkB,IAAY,KAAR,QACrG;;GAEH,CAAA,EACF,kBAAC,KAAD;GAAG,WAAU;aAAW,IAAY,cAAc,MAAc;GAAwB,CAAA,CAAA"}
@@ -0,0 +1 @@
1
+ export default function CriteriaTransportDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,66 @@
1
+ "use client";
2
+ import { CriteriaTransport as e } from "../ui/criteria/CriteriaTransport.js";
3
+ import { useState as t } from "react";
4
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
+ //#region lib/examples/criteria-transport-demo.tsx
6
+ var i = [
7
+ {
8
+ label: "Paris CDG",
9
+ value: "CDG"
10
+ },
11
+ {
12
+ label: "Lyon",
13
+ value: "LYS"
14
+ },
15
+ {
16
+ label: "Marseille",
17
+ value: "MRS"
18
+ }
19
+ ], a = [
20
+ {
21
+ label: "Bordeaux",
22
+ value: "BOD"
23
+ },
24
+ {
25
+ label: "Nantes",
26
+ value: "NTE"
27
+ },
28
+ {
29
+ label: "Toulouse",
30
+ value: "TLS"
31
+ }
32
+ ];
33
+ function o() {
34
+ let [o, s] = t(!1), [c, l] = t("NO");
35
+ return /* @__PURE__ */ r("div", {
36
+ className: "w-[380px] space-y-24",
37
+ children: [/* @__PURE__ */ n(e, {
38
+ departureCity: c,
39
+ isTransportMandatory: !1,
40
+ labels: {
41
+ toggle: "With transport",
42
+ topCities: "Main departure cities",
43
+ otherCities: "Other cities"
44
+ },
45
+ otherCities: a,
46
+ reinsurance: {
47
+ title: "Book your transport with us",
48
+ scheduleMention: "Flexible schedules included",
49
+ guaranteeMention: "Best price guarantee"
50
+ },
51
+ title: "Transport",
52
+ topCities: i,
53
+ withTransport: o,
54
+ onChange: (e) => {
55
+ e.type === "withTransport" && s(e.payload), e.type === "departureCity" && l(e.payload), e.type === "reset" && (s(!1), l("NO"));
56
+ }
57
+ }), c !== "NO" && /* @__PURE__ */ r("p", {
58
+ className: "text-b4",
59
+ children: ["Selected: ", [...i, ...a].find((e) => e.value === c)?.label]
60
+ })]
61
+ });
62
+ }
63
+ //#endregion
64
+ export { o as default };
65
+
66
+ //# sourceMappingURL=criteria-transport-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"criteria-transport-demo.js","names":[],"sources":["../../lib/examples/criteria-transport-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\n\nimport { CriteriaTransport } from '@/ui/criteria/CriteriaTransport';\nimport type { CriteriaTransportAction, DepartureCity } from '@/ui/criteria/CriteriaTransport';\n\nconst topCities: DepartureCity[] = [\n { label: 'Paris CDG', value: 'CDG' },\n { label: 'Lyon', value: 'LYS' },\n { label: 'Marseille', value: 'MRS' },\n];\n\nconst otherCities: DepartureCity[] = [\n { label: 'Bordeaux', value: 'BOD' },\n { label: 'Nantes', value: 'NTE' },\n { label: 'Toulouse', value: 'TLS' },\n];\n\nexport default function CriteriaTransportDemo() {\n const [withTransport, setWithTransport] = useState(false);\n const [departureCity, setDepartureCity] = useState('NO');\n\n const handleChange = (action: CriteriaTransportAction) => {\n if (action.type === 'withTransport') setWithTransport(action.payload);\n if (action.type === 'departureCity') setDepartureCity(action.payload);\n if (action.type === 'reset') {\n setWithTransport(false);\n setDepartureCity('NO');\n }\n };\n\n return (\n <div className=\"w-[380px] space-y-24\">\n <CriteriaTransport\n departureCity={departureCity}\n isTransportMandatory={false}\n labels={{\n toggle: 'With transport',\n topCities: 'Main departure cities',\n otherCities: 'Other cities',\n }}\n otherCities={otherCities}\n reinsurance={{\n title: 'Book your transport with us',\n scheduleMention: 'Flexible schedules included',\n guaranteeMention: 'Best price guarantee',\n }}\n title=\"Transport\"\n topCities={topCities}\n withTransport={withTransport}\n onChange={handleChange}\n />\n {departureCity !== 'NO' && (\n <p className=\"text-b4\">\n Selected: {[...topCities, ...otherCities].find((c) => c.value === departureCity)?.label}\n </p>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;AAMA,IAAM,IAA6B;CACjC;EAAE,OAAO;EAAa,OAAO;EAAO;CACpC;EAAE,OAAO;EAAQ,OAAO;EAAO;CAC/B;EAAE,OAAO;EAAa,OAAO;;CAC9B,EAEK,IAA+B;CACnC;EAAE,OAAO;EAAY,OAAO;EAAO;CACnC;EAAE,OAAO;EAAU,OAAO;EAAO;CACjC;EAAE,OAAO;EAAY,OAAO;;CAC7B;AAED,SAAwB,IAAwB;CAC9C,IAAM,CAAC,GAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAe,KAAoB,EAAS,KAAK;AAWxD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,GAAD;GACiB;GACf,sBAAsB;GACtB,QAAQ;IACN,QAAQ;IACR,WAAW;IACX,aAAa;IACd;GACY;GACb,aAAa;IACX,OAAO;IACP,iBAAiB;IACjB,kBAAkB;IACnB;GACD,OAAM;GACK;GACI;GACf,WA5BgB,MAAoC;AAGxD,IAFI,EAAO,SAAS,mBAAiB,EAAiB,EAAO,QAAQ,EACjE,EAAO,SAAS,mBAAiB,EAAiB,EAAO,QAAQ,EACjE,EAAO,SAAS,YAClB,EAAiB,GAAM,EACvB,EAAiB,KAAK;;GAwBpB,CAAA,EACD,MAAkB,QACjB,kBAAC,KAAD;GAAG,WAAU;aAAb,CAAuB,cACV,CAAC,GAAG,GAAW,GAAG,EAAY,CAAC,MAAM,MAAM,EAAE,UAAU,EAAc,EAAE,MAAA"}
@@ -0,0 +1 @@
1
+ export default function DatepickerDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,51 @@
1
+ "use client";
2
+ import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
3
+ import { t } from "../chunks/Datepicker.js";
4
+ import { useState as n } from "react";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ //#region lib/examples/datepicker-demo.tsx
7
+ var i = /* @__PURE__ */ new Date(), a = (e) => {
8
+ let t = new Date(i);
9
+ return t.setDate(t.getDate() + e), t.toISOString().slice(0, 10);
10
+ };
11
+ function o() {
12
+ let [o, s] = n();
13
+ return /* @__PURE__ */ r(e, {
14
+ device: "all",
15
+ children: /* @__PURE__ */ r(t, {
16
+ fromMonth: i,
17
+ selected: o,
18
+ onSelect: (e) => s(e),
19
+ labels: {
20
+ seeNextMonth: "See {currentMonth} and {nextMonth}",
21
+ seePreviousMonth: "See {previousMonth} and {currentMonth}"
22
+ },
23
+ dates: [
24
+ {
25
+ id: a(3),
26
+ price: "890 €",
27
+ status: "green"
28
+ },
29
+ {
30
+ id: a(5),
31
+ price: "1 200 €",
32
+ status: "orange"
33
+ },
34
+ {
35
+ id: a(7),
36
+ price: "760 €",
37
+ status: "outline"
38
+ }
39
+ ],
40
+ statusLabels: {
41
+ green: "Best price",
42
+ orange: "Last availabilities",
43
+ outline: "Available"
44
+ }
45
+ })
46
+ });
47
+ }
48
+ //#endregion
49
+ export { o as default };
50
+
51
+ //# sourceMappingURL=datepicker-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker-demo.js","names":[],"sources":["../../lib/examples/datepicker-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { Datepicker } from '@/ui/Datepicker';\n\nconst today = new Date();\n\nconst makeDateId = (offset: number) => {\n const d = new Date(today);\n d.setDate(d.getDate() + offset);\n return d.toISOString().slice(0, 10);\n};\n\nexport default function DatepickerDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n return (\n <DeviceProvider device=\"all\">\n <Datepicker\n fromMonth={today}\n selected={selected}\n onSelect={(range) => setSelected(range)}\n labels={{\n seeNextMonth: 'See {currentMonth} and {nextMonth}',\n seePreviousMonth: 'See {previousMonth} and {currentMonth}',\n }}\n dates={[\n { id: makeDateId(3), price: '890 €', status: 'green' },\n { id: makeDateId(5), price: '1 200 €', status: 'orange' },\n { id: makeDateId(7), price: '760 €', status: 'outline' },\n ]}\n statusLabels={{\n green: 'Best price',\n orange: 'Last availabilities',\n outline: 'Available',\n }}\n />\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,oBAAQ,IAAI,MAAM,EAElB,KAAc,MAAmB;CACrC,IAAM,IAAI,IAAI,KAAK,EAAM;AAEzB,QADA,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAO,EACxB,EAAE,aAAa,CAAC,MAAM,GAAG,GAAG;;AAGrC,SAAwB,IAAiB;CACvC,IAAM,CAAC,GAAU,KAAe,GAAiC;AAEjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,GAAD;GACE,WAAW;GACD;GACV,WAAW,MAAU,EAAY,EAAM;GACvC,QAAQ;IACN,cAAc;IACd,kBAAkB;IACnB;GACD,OAAO;IACL;KAAE,IAAI,EAAW,EAAE;KAAE,OAAO;KAAS,QAAQ;KAAS;IACtD;KAAE,IAAI,EAAW,EAAE;KAAE,OAAO;KAAW,QAAQ;KAAU;IACzD;KAAE,IAAI,EAAW,EAAE;KAAE,OAAO;KAAS,QAAQ;;IAC9C;GACD,cAAc;IACZ,OAAO;IACP,QAAQ;IACR,SAAS;;GAEX,CAAA;EACa,CAAA"}
@@ -0,0 +1 @@
1
+ export default function DatepickerDisabledDaysDemo(): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,42 @@
1
+ "use client";
2
+ import { DeviceProvider as e } from "../ui/contexts/devices/Device.js";
3
+ import { t } from "../chunks/Datepicker.js";
4
+ import { useState as n } from "react";
5
+ import { jsx as r } from "react/jsx-runtime";
6
+ //#region lib/examples/datepicker-disabled-days-demo.tsx
7
+ var i = (e) => {
8
+ let t = /* @__PURE__ */ new Date();
9
+ return t.setDate(t.getDate() + e), t;
10
+ };
11
+ function a() {
12
+ let [a, o] = n();
13
+ return /* @__PURE__ */ r(e, {
14
+ device: "all",
15
+ children: /* @__PURE__ */ r(t, {
16
+ fromMonth: /* @__PURE__ */ new Date(),
17
+ selected: a,
18
+ onSelect: (e) => o(e),
19
+ disabledDays: [
20
+ { before: /* @__PURE__ */ new Date() },
21
+ i(4),
22
+ i(5),
23
+ i(11),
24
+ i(12),
25
+ i(18),
26
+ i(19),
27
+ {
28
+ from: i(25),
29
+ to: i(30)
30
+ }
31
+ ],
32
+ labels: {
33
+ seeNextMonth: "See {currentMonth} and {nextMonth}",
34
+ seePreviousMonth: "See {previousMonth} and {currentMonth}"
35
+ }
36
+ })
37
+ });
38
+ }
39
+ //#endregion
40
+ export { a as default };
41
+
42
+ //# sourceMappingURL=datepicker-disabled-days-demo.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"datepicker-disabled-days-demo.js","names":[],"sources":["../../lib/examples/datepicker-disabled-days-demo.tsx"],"sourcesContent":["'use client';\nimport { useState } from 'react';\nimport type { DateRange } from 'react-day-picker';\n\nimport { DeviceProvider } from '@/ui/contexts/devices/Device';\nimport { Datepicker } from '@/ui/Datepicker';\n\nconst d = (offsetDays: number) => {\n const date = new Date();\n date.setDate(date.getDate() + offsetDays);\n return date;\n};\n\nexport default function DatepickerDisabledDaysDemo() {\n const [selected, setSelected] = useState<DateRange | undefined>();\n\n return (\n <DeviceProvider device=\"all\">\n <Datepicker\n fromMonth={new Date()}\n selected={selected}\n onSelect={(range) => setSelected(range)}\n disabledDays={[\n // Prevent selecting past dates\n { before: new Date() },\n // Block specific unavailable dates\n d(4),\n d(5),\n d(11),\n d(12),\n d(18),\n d(19),\n // Block out an entire period\n { from: d(25), to: d(30) },\n ]}\n labels={{\n seeNextMonth: 'See {currentMonth} and {nextMonth}',\n seePreviousMonth: 'See {previousMonth} and {currentMonth}',\n }}\n />\n </DeviceProvider>\n );\n}\n"],"mappings":";;;;;;AAOA,IAAM,KAAK,MAAuB;CAChC,IAAM,oBAAO,IAAI,MAAM;AAEvB,QADA,EAAK,QAAQ,EAAK,SAAS,GAAG,EAAW,EAClC;;AAGT,SAAwB,IAA6B;CACnD,IAAM,CAAC,GAAU,KAAe,GAAiC;AAEjE,QACE,kBAAC,GAAD;EAAgB,QAAO;YACrB,kBAAC,GAAD;GACE,2BAAW,IAAI,MAAM;GACX;GACV,WAAW,MAAU,EAAY,EAAM;GACvC,cAAc;IAEZ,EAAE,wBAAQ,IAAI,MAAM,EAAE;IAEtB,EAAE,EAAE;IACJ,EAAE,EAAE;IACJ,EAAE,GAAG;IACL,EAAE,GAAG;IACL,EAAE,GAAG;IACL,EAAE,GAAG;IAEL;KAAE,MAAM,EAAE,GAAG;KAAE,IAAI,EAAE,GAAA;;IACtB;GACD,QAAQ;IACN,cAAc;IACd,kBAAkB;;GAEpB,CAAA;EACa,CAAA"}
@@ -0,0 +1 @@
1
+ export default function DatepickerDurationTooltipDemo(): import("react/jsx-runtime").JSX.Element;