@bspk/ui 1.2.0 → 1.3.1

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 (815) hide show
  1. package/.scripts/index.ts +110 -0
  2. package/README.md +13 -0
  3. package/build.ts +2 -2
  4. package/dist/components/Accordion/Accordion.d.ts +44 -5
  5. package/dist/components/Accordion/Accordion.js +25 -20
  6. package/dist/components/Accordion/Accordion.js.map +1 -1
  7. package/dist/components/Accordion/AccordionExample.d.ts +2 -1
  8. package/dist/components/Accordion/AccordionExample.js +77 -64
  9. package/dist/components/Accordion/AccordionExample.js.map +1 -1
  10. package/dist/components/Accordion/accordion.css +37 -34
  11. package/dist/components/Accordion/accordion.css.js +37 -34
  12. package/dist/components/Avatar/Avatar.d.ts +10 -6
  13. package/dist/components/Avatar/Avatar.js +5 -10
  14. package/dist/components/Avatar/Avatar.js.map +1 -1
  15. package/dist/components/Avatar/AvatarExample.d.ts +2 -1
  16. package/dist/components/Avatar/AvatarExample.js +42 -41
  17. package/dist/components/Avatar/AvatarExample.js.map +1 -1
  18. package/dist/components/AvatarGroup/AvatarGroup.d.ts +1 -1
  19. package/dist/components/AvatarGroup/AvatarGroup.js +1 -1
  20. package/dist/components/AvatarGroup/AvatarGroup.js.map +1 -1
  21. package/dist/components/AvatarGroup/AvatarGroupExample.d.ts +2 -1
  22. package/dist/components/AvatarGroup/AvatarGroupExample.js +33 -27
  23. package/dist/components/AvatarGroup/AvatarGroupExample.js.map +1 -1
  24. package/dist/components/Badge/Badge.d.ts +1 -1
  25. package/dist/components/Badge/Badge.js +1 -1
  26. package/dist/components/Badge/Badge.js.map +1 -1
  27. package/dist/components/BadgeDot/BadgeDot.d.ts +1 -1
  28. package/dist/components/BadgeDot/BadgeDot.js +1 -1
  29. package/dist/components/BadgeDot/BadgeDot.js.map +1 -1
  30. package/dist/components/BannerAlert/BannerAlert.d.ts +1 -1
  31. package/dist/components/BannerAlert/BannerAlert.js +3 -2
  32. package/dist/components/BannerAlert/BannerAlert.js.map +1 -1
  33. package/dist/components/BannerAlert/BannerAlertExample.js +4 -0
  34. package/dist/components/BannerAlert/BannerAlertExample.js.map +1 -1
  35. package/dist/components/BannerAlert/banner-alert.css +0 -26
  36. package/dist/components/BannerAlert/banner-alert.css.js +0 -26
  37. package/dist/components/BottomNavigation/BottomNavigation.d.ts +53 -0
  38. package/dist/components/BottomNavigation/BottomNavigation.js +42 -0
  39. package/dist/components/BottomNavigation/BottomNavigation.js.map +1 -0
  40. package/dist/components/BottomNavigation/BottomNavigationExample.d.ts +4 -0
  41. package/dist/components/BottomNavigation/BottomNavigationExample.js +119 -0
  42. package/dist/components/BottomNavigation/BottomNavigationExample.js.map +1 -0
  43. package/dist/components/BottomNavigation/bottom-navigation.css +68 -0
  44. package/dist/components/BottomNavigation/bottom-navigation.css.js +73 -0
  45. package/dist/components/BottomNavigation/index.d.ts +1 -0
  46. package/dist/components/BottomNavigation/index.js +2 -0
  47. package/dist/components/BottomNavigation/index.js.map +1 -0
  48. package/dist/components/Breadcrumb/Breadcrumb.d.ts +4 -4
  49. package/dist/components/Breadcrumb/Breadcrumb.js +7 -16
  50. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  51. package/dist/components/Breadcrumb/BreadcrumbExample.d.ts +2 -1
  52. package/dist/components/Breadcrumb/BreadcrumbExample.js +150 -149
  53. package/dist/components/Breadcrumb/BreadcrumbExample.js.map +1 -1
  54. package/dist/components/Button/Button.d.ts +1 -1
  55. package/dist/components/Button/Button.js +6 -3
  56. package/dist/components/Button/Button.js.map +1 -1
  57. package/dist/components/Button/ButtonExample.d.ts +2 -1
  58. package/dist/components/Button/ButtonExample.js +25 -24
  59. package/dist/components/Button/ButtonExample.js.map +1 -1
  60. package/dist/components/ButtonDock/ButtonDock.d.ts +55 -0
  61. package/dist/components/ButtonDock/ButtonDock.js +33 -0
  62. package/dist/components/ButtonDock/ButtonDock.js.map +1 -0
  63. package/dist/components/ButtonDock/ButtonDockExample.d.ts +4 -0
  64. package/dist/components/ButtonDock/ButtonDockExample.js +75 -0
  65. package/dist/components/ButtonDock/ButtonDockExample.js.map +1 -0
  66. package/dist/components/ButtonDock/button-dock.css +42 -0
  67. package/dist/components/ButtonDock/button-dock.css.js +47 -0
  68. package/dist/components/ButtonDock/index.d.ts +1 -0
  69. package/dist/components/ButtonDock/index.js +2 -0
  70. package/dist/components/ButtonDock/index.js.map +1 -0
  71. package/dist/components/CalendarPicker/CalendarPicker.d.ts +32 -0
  72. package/dist/components/CalendarPicker/CalendarPicker.js +203 -0
  73. package/dist/components/CalendarPicker/CalendarPicker.js.map +1 -0
  74. package/dist/components/CalendarPicker/CalendarPickerExample.d.ts +3 -0
  75. package/dist/components/CalendarPicker/CalendarPickerExample.js +17 -0
  76. package/dist/components/CalendarPicker/CalendarPickerExample.js.map +1 -0
  77. package/dist/components/CalendarPicker/calendar-picker.css +70 -0
  78. package/dist/components/CalendarPicker/calendar-picker.css.js +75 -0
  79. package/dist/components/CalendarPicker/index.d.ts +1 -0
  80. package/dist/components/CalendarPicker/index.js +2 -0
  81. package/dist/components/CalendarPicker/index.js.map +1 -0
  82. package/dist/components/Card/Card.d.ts +3 -9
  83. package/dist/components/Card/Card.js +2 -2
  84. package/dist/components/Card/Card.js.map +1 -1
  85. package/dist/components/Card/CardExample.js +1 -0
  86. package/dist/components/Card/CardExample.js.map +1 -1
  87. package/dist/components/Card/card.css +0 -4
  88. package/dist/components/Card/card.css.js +0 -4
  89. package/dist/components/Carousel/Carousel.d.ts +63 -0
  90. package/dist/components/Carousel/Carousel.js +68 -0
  91. package/dist/components/Carousel/Carousel.js.map +1 -0
  92. package/dist/components/Carousel/CarouselExample.d.ts +5 -0
  93. package/dist/components/Carousel/CarouselExample.js +51 -0
  94. package/dist/components/Carousel/CarouselExample.js.map +1 -0
  95. package/dist/components/Carousel/carousel.css +34 -0
  96. package/dist/components/Carousel/carousel.css.js +39 -0
  97. package/dist/components/Carousel/index.d.ts +1 -0
  98. package/dist/components/Carousel/index.js +2 -0
  99. package/dist/components/Carousel/index.js.map +1 -0
  100. package/dist/components/Checkbox/Checkbox.d.ts +3 -3
  101. package/dist/components/Checkbox/Checkbox.js +3 -3
  102. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  103. package/dist/components/Checkbox/checkbox.css +11 -8
  104. package/dist/components/Checkbox/checkbox.css.js +11 -8
  105. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -1
  106. package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -1
  107. package/dist/components/CheckboxGroup/CheckboxGroupExample.d.ts +2 -1
  108. package/dist/components/CheckboxGroup/CheckboxGroupExample.js +49 -42
  109. package/dist/components/CheckboxGroup/CheckboxGroupExample.js.map +1 -1
  110. package/dist/components/CheckboxOption/CheckboxOption.d.ts +1 -1
  111. package/dist/components/CheckboxOption/CheckboxOption.js +2 -2
  112. package/dist/components/CheckboxOption/CheckboxOption.js.map +1 -1
  113. package/dist/components/ChipAssist/ChipAssistExample.d.ts +2 -1
  114. package/dist/components/ChipAssist/ChipAssistExample.js +24 -23
  115. package/dist/components/ChipAssist/ChipAssistExample.js.map +1 -1
  116. package/dist/components/ChipFilter/ChipFilterExample.js +3 -0
  117. package/dist/components/ChipFilter/ChipFilterExample.js.map +1 -1
  118. package/dist/components/ChipGroup/ChipGroupExample.d.ts +2 -1
  119. package/dist/components/ChipGroup/ChipGroupExample.js +9 -8
  120. package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
  121. package/dist/components/ChipInput/ChipInputExample.d.ts +2 -1
  122. package/dist/components/ChipInput/ChipInputExample.js +39 -38
  123. package/dist/components/ChipInput/ChipInputExample.js.map +1 -1
  124. package/dist/components/ChipSuggestion/ChipSuggestionExample.d.ts +2 -1
  125. package/dist/components/ChipSuggestion/ChipSuggestionExample.js +16 -15
  126. package/dist/components/ChipSuggestion/ChipSuggestionExample.js.map +1 -1
  127. package/dist/components/ChipUtility/ChipUtility.d.ts +1 -1
  128. package/dist/components/ChipUtility/ChipUtility.js +1 -1
  129. package/dist/components/ChipUtility/ChipUtility.js.map +1 -1
  130. package/dist/components/ChipUtility/ChipUtilityExample.d.ts +2 -1
  131. package/dist/components/ChipUtility/ChipUtilityExample.js +53 -52
  132. package/dist/components/ChipUtility/ChipUtilityExample.js.map +1 -1
  133. package/dist/components/DateField/DateField.d.ts +32 -0
  134. package/dist/components/DateField/DateField.js +34 -0
  135. package/dist/components/DateField/DateField.js.map +1 -0
  136. package/dist/components/DateField/DateFieldExample.d.ts +4 -0
  137. package/dist/components/DateField/DateFieldExample.js +11 -0
  138. package/dist/components/DateField/DateFieldExample.js.map +1 -0
  139. package/dist/components/DateField/date-field.css +8 -0
  140. package/dist/components/DateField/date-field.css.js +13 -0
  141. package/dist/components/DateField/index.d.ts +1 -0
  142. package/dist/components/DateField/index.js +2 -0
  143. package/dist/components/DateField/index.js.map +1 -0
  144. package/dist/components/DateInput/DateInput.d.ts +39 -0
  145. package/dist/components/DateInput/DateInput.js +102 -0
  146. package/dist/components/DateInput/DateInput.js.map +1 -0
  147. package/dist/components/DateInput/DateInputExample.d.ts +4 -0
  148. package/dist/components/DateInput/DateInputExample.js +14 -0
  149. package/dist/components/DateInput/DateInputExample.js.map +1 -0
  150. package/dist/components/DateInput/date-input.css +12 -0
  151. package/dist/components/DateInput/date-input.css.js +17 -0
  152. package/dist/components/DateInput/index.d.ts +1 -0
  153. package/dist/components/DateInput/index.js +2 -0
  154. package/dist/components/DateInput/index.js.map +1 -0
  155. package/dist/components/Dialog/Dialog.d.ts +15 -2
  156. package/dist/components/Dialog/Dialog.js +11 -9
  157. package/dist/components/Dialog/Dialog.js.map +1 -1
  158. package/dist/components/Dialog/DialogExample.d.ts +2 -1
  159. package/dist/components/Dialog/DialogExample.js +2 -0
  160. package/dist/components/Dialog/DialogExample.js.map +1 -1
  161. package/dist/components/Dialog/dialog.css +19 -67
  162. package/dist/components/Dialog/dialog.css.js +19 -67
  163. package/dist/components/Divider/Divider.d.ts +1 -1
  164. package/dist/components/Divider/Divider.js +1 -1
  165. package/dist/components/Divider/Divider.js.map +1 -1
  166. package/dist/components/Divider/DividerExample.d.ts +4 -2
  167. package/dist/components/Divider/DividerExample.js +2 -0
  168. package/dist/components/Divider/DividerExample.js.map +1 -1
  169. package/dist/components/Divider/divider.css +1 -1
  170. package/dist/components/Divider/divider.css.js +1 -1
  171. package/dist/components/Drawer/Drawer.d.ts +75 -0
  172. package/dist/components/Drawer/Drawer.js +49 -0
  173. package/dist/components/Drawer/Drawer.js.map +1 -0
  174. package/dist/components/Drawer/DrawerExample.d.ts +4 -0
  175. package/dist/components/Drawer/DrawerExample.js +47 -0
  176. package/dist/components/Drawer/DrawerExample.js.map +1 -0
  177. package/dist/components/Drawer/drawer.css +56 -0
  178. package/dist/components/Drawer/drawer.css.js +61 -0
  179. package/dist/components/Drawer/index.d.ts +1 -0
  180. package/dist/components/Drawer/index.js +2 -0
  181. package/dist/components/Drawer/index.js.map +1 -0
  182. package/dist/components/EmptyState/EmptyStateExample.d.ts +2 -1
  183. package/dist/components/EmptyState/EmptyStateExample.js +18 -11
  184. package/dist/components/EmptyState/EmptyStateExample.js.map +1 -1
  185. package/dist/components/Fab/Fab.d.ts +1 -1
  186. package/dist/components/Fab/Fab.js +5 -2
  187. package/dist/components/Fab/Fab.js.map +1 -1
  188. package/dist/components/Fab/FabExample.d.ts +1 -0
  189. package/dist/components/Fab/FabExample.js +4 -2
  190. package/dist/components/Fab/FabExample.js.map +1 -1
  191. package/dist/components/FileUpload/FileUpload.d.ts +1 -1
  192. package/dist/components/FileUpload/FileUpload.js +1 -1
  193. package/dist/components/FileUpload/FileUpload.js.map +1 -1
  194. package/dist/components/FileUpload/FileUploadExample.d.ts +2 -1
  195. package/dist/components/FileUpload/FileUploadExample.js +17 -16
  196. package/dist/components/FileUpload/FileUploadExample.js.map +1 -1
  197. package/dist/components/FileUploadItem/FileUploadItem.d.ts +1 -1
  198. package/dist/components/FileUploadItem/FileUploadItem.js +1 -1
  199. package/dist/components/FileUploadItem/FileUploadItem.js.map +1 -1
  200. package/dist/components/FileUploadItem/FileUploadItemExample.d.ts +2 -1
  201. package/dist/components/FileUploadItem/FileUploadItemExample.js +44 -39
  202. package/dist/components/FileUploadItem/FileUploadItemExample.js.map +1 -1
  203. package/dist/components/FormField/FormField.d.ts +3 -3
  204. package/dist/components/FormField/FormField.js +2 -2
  205. package/dist/components/FormField/FormField.js.map +1 -1
  206. package/dist/components/FormField/form-field.css +3 -3
  207. package/dist/components/FormField/form-field.css.js +3 -3
  208. package/dist/components/InlineAlert/InlineAlert.d.ts +1 -1
  209. package/dist/components/InlineAlert/InlineAlert.js +1 -1
  210. package/dist/components/InlineAlert/InlineAlert.js.map +1 -1
  211. package/dist/components/Layout/LayoutExample.d.ts +2 -1
  212. package/dist/components/Layout/LayoutExample.js +2 -0
  213. package/dist/components/Layout/LayoutExample.js.map +1 -1
  214. package/dist/components/Link/Link.d.ts +1 -1
  215. package/dist/components/Link/Link.js +1 -1
  216. package/dist/components/Link/Link.js.map +1 -1
  217. package/dist/components/Link/LinkExample.d.ts +2 -1
  218. package/dist/components/Link/LinkExample.js +2 -0
  219. package/dist/components/Link/LinkExample.js.map +1 -1
  220. package/dist/components/ListItem/ListItem.d.ts +40 -14
  221. package/dist/components/ListItem/ListItem.js +26 -13
  222. package/dist/components/ListItem/ListItem.js.map +1 -1
  223. package/dist/components/ListItem/ListItemExample.d.ts +2 -1
  224. package/dist/components/ListItem/ListItemExample.js +12 -12
  225. package/dist/components/ListItem/ListItemExample.js.map +1 -1
  226. package/dist/components/ListItem/list-item.css +10 -7
  227. package/dist/components/ListItem/list-item.css.js +10 -7
  228. package/dist/components/ListItemMenu/ListItemMenu.d.ts +146 -0
  229. package/dist/components/ListItemMenu/ListItemMenu.js +159 -0
  230. package/dist/components/ListItemMenu/ListItemMenu.js.map +1 -0
  231. package/dist/components/ListItemMenu/index.d.ts +1 -0
  232. package/dist/components/ListItemMenu/index.js +2 -0
  233. package/dist/components/ListItemMenu/index.js.map +1 -0
  234. package/dist/components/Menu/Menu.d.ts +12 -39
  235. package/dist/components/Menu/Menu.js +6 -26
  236. package/dist/components/Menu/Menu.js.map +1 -1
  237. package/dist/components/Menu/MenuExample.d.ts +3 -3
  238. package/dist/components/Menu/MenuExample.js +1 -24
  239. package/dist/components/Menu/MenuExample.js.map +1 -1
  240. package/dist/components/Menu/menu.css +3 -10
  241. package/dist/components/Menu/menu.css.js +3 -10
  242. package/dist/components/MenuButton/MenuButton.d.ts +1 -1
  243. package/dist/components/MenuButton/MenuButton.js +1 -1
  244. package/dist/components/MenuButton/MenuButton.js.map +1 -1
  245. package/dist/components/Modal/Modal.d.ts +4 -4
  246. package/dist/components/Modal/Modal.js +4 -4
  247. package/dist/components/Modal/Modal.js.map +1 -1
  248. package/dist/components/NumberInput/NumberInput.d.ts +8 -4
  249. package/dist/components/NumberInput/NumberInput.js +5 -14
  250. package/dist/components/NumberInput/NumberInput.js.map +1 -1
  251. package/dist/components/NumberInput/number-input.css +0 -1
  252. package/dist/components/NumberInput/number-input.css.js +0 -1
  253. package/dist/components/OTPInput/OTPInput.d.ts +3 -3
  254. package/dist/components/OTPInput/OTPInput.js +3 -3
  255. package/dist/components/OTPInput/OTPInput.js.map +1 -1
  256. package/dist/components/OTPInput/OTPInputExample.d.ts +2 -1
  257. package/dist/components/OTPInput/OTPInputExample.js +19 -16
  258. package/dist/components/OTPInput/OTPInputExample.js.map +1 -1
  259. package/dist/components/PageControl/PageControl.d.ts +5 -3
  260. package/dist/components/PageControl/PageControl.js +17 -16
  261. package/dist/components/PageControl/PageControl.js.map +1 -1
  262. package/dist/components/PageControl/PageControlExample.d.ts +4 -0
  263. package/dist/components/PageControl/PageControlExample.js +34 -0
  264. package/dist/components/PageControl/PageControlExample.js.map +1 -0
  265. package/dist/components/Pagination/Pagination.d.ts +1 -5
  266. package/dist/components/Pagination/Pagination.js +2 -6
  267. package/dist/components/Pagination/Pagination.js.map +1 -1
  268. package/dist/components/PasswordField/PasswordField.d.ts +2 -2
  269. package/dist/components/PasswordField/PasswordField.js +3 -3
  270. package/dist/components/PasswordField/PasswordField.js.map +1 -1
  271. package/dist/components/PasswordInput/PasswordInput.d.ts +1 -1
  272. package/dist/components/PasswordInput/PasswordInput.js +2 -2
  273. package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
  274. package/dist/components/PhoneNumberInput/PhoneNumberInput.d.ts +3 -3
  275. package/dist/components/PhoneNumberInput/PhoneNumberInput.js +49 -52
  276. package/dist/components/PhoneNumberInput/PhoneNumberInput.js.map +1 -1
  277. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.d.ts +4 -0
  278. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js +5 -0
  279. package/dist/components/PhoneNumberInput/PhoneNumberInputExample.js.map +1 -0
  280. package/dist/components/PhoneNumberInput/phone-number-input.css +36 -26
  281. package/dist/components/PhoneNumberInput/phone-number-input.css.js +36 -26
  282. package/dist/components/Popover/Popover.d.ts +7 -4
  283. package/dist/components/Popover/Popover.js +22 -19
  284. package/dist/components/Popover/Popover.js.map +1 -1
  285. package/dist/components/Popover/PopoverExample.js +7 -1
  286. package/dist/components/Popover/PopoverExample.js.map +1 -1
  287. package/dist/components/Popover/popover.css +3 -12
  288. package/dist/components/Popover/popover.css.js +3 -12
  289. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  290. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  291. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  292. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  293. package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +1 -1
  294. package/dist/components/ProgressionStepper/ProgressionStepper.js +2 -2
  295. package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
  296. package/dist/components/ProgressionStepper/ProgressionStepperExample.d.ts +2 -1
  297. package/dist/components/ProgressionStepper/ProgressionStepperExample.js +47 -46
  298. package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
  299. package/dist/components/ProgressionStepper/progression-stepper.css +14 -2
  300. package/dist/components/ProgressionStepper/progression-stepper.css.js +14 -2
  301. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.d.ts +1 -1
  302. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js +3 -3
  303. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js.map +1 -1
  304. package/dist/components/Radio/Radio.d.ts +1 -1
  305. package/dist/components/Radio/Radio.js.map +1 -1
  306. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  307. package/dist/components/RadioGroup/RadioGroup.js +2 -2
  308. package/dist/components/RadioGroup/RadioGroup.js.map +1 -1
  309. package/dist/components/RadioGroup/RadioGroupExample.d.ts +1 -0
  310. package/dist/components/RadioGroup/RadioGroupExample.js +2 -1
  311. package/dist/components/RadioGroup/RadioGroupExample.js.map +1 -1
  312. package/dist/components/RadioOption/RadioOption.js +1 -1
  313. package/dist/components/RadioOption/RadioOption.js.map +1 -1
  314. package/dist/components/Rating/Rating.js +2 -2
  315. package/dist/components/Rating/Rating.js.map +1 -1
  316. package/dist/components/Rating/RatingExample.d.ts +2 -1
  317. package/dist/components/Rating/RatingExample.js +9 -8
  318. package/dist/components/Rating/RatingExample.js.map +1 -1
  319. package/dist/components/Scrim/Scrim.d.ts +2 -2
  320. package/dist/components/Scrim/Scrim.js +2 -2
  321. package/dist/components/Scrim/Scrim.js.map +1 -1
  322. package/dist/components/Scrim/scrim.css +0 -3
  323. package/dist/components/Scrim/scrim.css.js +0 -3
  324. package/dist/components/SearchBar/SearchBar.d.ts +11 -8
  325. package/dist/components/SearchBar/SearchBar.js +46 -34
  326. package/dist/components/SearchBar/SearchBar.js.map +1 -1
  327. package/dist/components/SearchBar/SearchBarExample.d.ts +2 -1
  328. package/dist/components/SearchBar/SearchBarExample.js +2 -6
  329. package/dist/components/SearchBar/SearchBarExample.js.map +1 -1
  330. package/dist/components/SegmentedControl/SegmentedControl.d.ts +2 -2
  331. package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
  332. package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
  333. package/dist/components/SegmentedControl/SegmentedControlExample.d.ts +2 -1
  334. package/dist/components/SegmentedControl/SegmentedControlExample.js +32 -23
  335. package/dist/components/SegmentedControl/SegmentedControlExample.js.map +1 -1
  336. package/dist/components/SegmentedControl/segmented-control.css +7 -7
  337. package/dist/components/SegmentedControl/segmented-control.css.js +7 -7
  338. package/dist/components/Select/Select.d.ts +54 -36
  339. package/dist/components/Select/Select.js +100 -28
  340. package/dist/components/Select/Select.js.map +1 -1
  341. package/dist/components/Select/SelectExample.d.ts +2 -1
  342. package/dist/components/Select/SelectExample.js +104 -90
  343. package/dist/components/Select/SelectExample.js.map +1 -1
  344. package/dist/components/Select/select.css +18 -22
  345. package/dist/components/Select/select.css.js +18 -22
  346. package/dist/components/SelectField/SelectField.d.ts +1 -1
  347. package/dist/components/SelectField/SelectField.js +1 -1
  348. package/dist/components/SelectField/SelectFieldExample.d.ts +23 -0
  349. package/dist/components/SelectField/SelectFieldExample.js +13 -0
  350. package/dist/components/SelectField/SelectFieldExample.js.map +1 -0
  351. package/dist/components/Skeleton/SkeletonExample.d.ts +2 -1
  352. package/dist/components/Skeleton/SkeletonExample.js +10 -9
  353. package/dist/components/Skeleton/SkeletonExample.js.map +1 -1
  354. package/dist/components/SkeletonText/SkeletonTextExample.d.ts +2 -1
  355. package/dist/components/SkeletonText/SkeletonTextExample.js +12 -11
  356. package/dist/components/SkeletonText/SkeletonTextExample.js.map +1 -1
  357. package/dist/components/Slider/Slider.js +1 -1
  358. package/dist/components/Slider/Slider.js.map +1 -1
  359. package/dist/components/Slider/SliderExample.js +3 -0
  360. package/dist/components/Slider/SliderExample.js.map +1 -1
  361. package/dist/components/Snackbar/Snackbar.d.ts +27 -0
  362. package/dist/components/Snackbar/Snackbar.js +23 -0
  363. package/dist/components/Snackbar/Snackbar.js.map +1 -0
  364. package/dist/components/Snackbar/SnackbarExample.d.ts +3 -0
  365. package/dist/components/Snackbar/SnackbarExample.js +11 -0
  366. package/dist/components/Snackbar/SnackbarExample.js.map +1 -0
  367. package/dist/components/Snackbar/index.d.ts +1 -0
  368. package/dist/components/Snackbar/index.js +2 -0
  369. package/dist/components/Snackbar/index.js.map +1 -0
  370. package/dist/components/Snackbar/snackbar.css +19 -0
  371. package/dist/components/Snackbar/snackbar.css.js +24 -0
  372. package/dist/components/SnackbarProvider/SnackbarProvider.d.ts +90 -0
  373. package/dist/components/SnackbarProvider/SnackbarProvider.js +115 -0
  374. package/dist/components/SnackbarProvider/SnackbarProvider.js.map +1 -0
  375. package/dist/components/SnackbarProvider/SnackbarProviderExample.d.ts +4 -0
  376. package/dist/components/SnackbarProvider/SnackbarProviderExample.js +59 -0
  377. package/dist/components/SnackbarProvider/SnackbarProviderExample.js.map +1 -0
  378. package/dist/components/SnackbarProvider/index.d.ts +1 -0
  379. package/dist/components/SnackbarProvider/index.js +2 -0
  380. package/dist/components/SnackbarProvider/index.js.map +1 -0
  381. package/dist/components/SnackbarProvider/snackbar-provider-example.css +15 -0
  382. package/dist/components/SnackbarProvider/snackbar-provider-example.css.js +20 -0
  383. package/dist/components/SnackbarProvider/snackbar-provider.css +15 -0
  384. package/dist/components/SnackbarProvider/snackbar-provider.css.js +20 -0
  385. package/dist/components/Switch/Switch.d.ts +1 -1
  386. package/dist/components/Switch/Switch.js.map +1 -1
  387. package/dist/components/TabGroup/TabGroup.d.ts +1 -1
  388. package/dist/components/TabGroup/TabGroup.js +1 -1
  389. package/dist/components/TabGroup/TabGroup.js.map +1 -1
  390. package/dist/components/TabGroup/TabGroupExample.d.ts +2 -1
  391. package/dist/components/TabGroup/TabGroupExample.js +50 -45
  392. package/dist/components/TabGroup/TabGroupExample.js.map +1 -1
  393. package/dist/components/TabGroup/tab-group.css +6 -6
  394. package/dist/components/TabGroup/tab-group.css.js +6 -6
  395. package/dist/components/TabList/TabList.d.ts +1 -1
  396. package/dist/components/TabList/TabList.js +32 -22
  397. package/dist/components/TabList/TabList.js.map +1 -1
  398. package/dist/components/TabList/tab-list.css +6 -9
  399. package/dist/components/TabList/tab-list.css.js +6 -9
  400. package/dist/components/Tag/Tag.d.ts +1 -1
  401. package/dist/components/Tag/Tag.js +1 -1
  402. package/dist/components/Tag/Tag.js.map +1 -1
  403. package/dist/components/Tag/TagExample.d.ts +2 -1
  404. package/dist/components/Tag/TagExample.js +12 -11
  405. package/dist/components/Tag/TagExample.js.map +1 -1
  406. package/dist/components/TextField/TextField.js +1 -1
  407. package/dist/components/TextField/TextField.js.map +1 -1
  408. package/dist/components/TextField/TextFieldExample.d.ts +3 -0
  409. package/dist/components/TextField/TextFieldExample.js +6 -0
  410. package/dist/components/TextField/TextFieldExample.js.map +1 -0
  411. package/dist/components/TextInput/TextInput.d.ts +2 -2
  412. package/dist/components/TextInput/TextInput.js +27 -4
  413. package/dist/components/TextInput/TextInput.js.map +1 -1
  414. package/dist/components/TextInput/TextInputExample.js +9 -0
  415. package/dist/components/TextInput/TextInputExample.js.map +1 -1
  416. package/dist/components/TextInput/text-input.css +12 -25
  417. package/dist/components/TextInput/text-input.css.js +12 -25
  418. package/dist/components/Textarea/Textarea.d.ts +3 -3
  419. package/dist/components/Textarea/Textarea.js +2 -10
  420. package/dist/components/Textarea/Textarea.js.map +1 -1
  421. package/dist/components/TextareaField/TextareaField.d.ts +1 -1
  422. package/dist/components/TextareaField/TextareaField.js +2 -2
  423. package/dist/components/TextareaField/TextareaField.js.map +1 -1
  424. package/dist/components/TimeInput/Listbox.d.ts +10 -5
  425. package/dist/components/TimeInput/Listbox.js +14 -55
  426. package/dist/components/TimeInput/Listbox.js.map +1 -1
  427. package/dist/components/TimeInput/Segment.d.ts +3 -4
  428. package/dist/components/TimeInput/Segment.js +17 -13
  429. package/dist/components/TimeInput/Segment.js.map +1 -1
  430. package/dist/components/TimeInput/TimeInput.d.ts +3 -5
  431. package/dist/components/TimeInput/TimeInput.js +70 -23
  432. package/dist/components/TimeInput/TimeInput.js.map +1 -1
  433. package/dist/components/TimeInput/time-input.css +10 -9
  434. package/dist/components/TimeInput/time-input.css.js +10 -9
  435. package/dist/components/ToggleOption/ToggleOption.d.ts +3 -3
  436. package/dist/components/ToggleOption/ToggleOption.js +2 -2
  437. package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
  438. package/dist/components/Tooltip/Tooltip.d.ts +4 -3
  439. package/dist/components/Tooltip/Tooltip.js +12 -18
  440. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  441. package/dist/components/Tooltip/TooltipExample.js +1 -1
  442. package/dist/components/Tooltip/TooltipExample.js.map +1 -1
  443. package/dist/components/Tooltip/tooltip.css +0 -2
  444. package/dist/components/Tooltip/tooltip.css.js +0 -2
  445. package/dist/components/Truncated/Truncated.d.ts +1 -0
  446. package/dist/components/Truncated/Truncated.js +2 -8
  447. package/dist/components/Truncated/Truncated.js.map +1 -1
  448. package/dist/components/Truncated/truncated.css +8 -0
  449. package/dist/components/Truncated/truncated.css.js +13 -0
  450. package/dist/components/UIProvider/AriaLiveMessageHandler.d.ts +13 -0
  451. package/dist/components/UIProvider/AriaLiveMessageHandler.js +30 -0
  452. package/dist/components/UIProvider/AriaLiveMessageHandler.js.map +1 -0
  453. package/dist/components/UIProvider/UIProvider.d.ts +12 -1
  454. package/dist/components/UIProvider/UIProvider.js +13 -4
  455. package/dist/components/UIProvider/UIProvider.js.map +1 -1
  456. package/dist/components/UIProvider/UIProviderExample.d.ts +5 -0
  457. package/dist/components/UIProvider/UIProviderExample.js +92 -0
  458. package/dist/components/UIProvider/UIProviderExample.js.map +1 -0
  459. package/dist/constants/phases.js +0 -1
  460. package/dist/constants/phases.js.map +1 -1
  461. package/dist/hooks/useAddEventListener.d.ts +2 -1
  462. package/dist/hooks/useAddEventListener.js.map +1 -1
  463. package/dist/hooks/useArrowNavigation.d.ts +50 -0
  464. package/dist/hooks/useArrowNavigation.js +57 -0
  465. package/dist/hooks/useArrowNavigation.js.map +1 -0
  466. package/dist/hooks/useCheckboxGroupState.d.ts +1 -1
  467. package/dist/hooks/useContainerWidth.d.ts +16 -0
  468. package/dist/hooks/useContainerWidth.js +35 -0
  469. package/dist/hooks/useContainerWidth.js.map +1 -0
  470. package/dist/hooks/useFloating.d.ts +7 -6
  471. package/dist/hooks/useFloating.js +10 -12
  472. package/dist/hooks/useFloating.js.map +1 -1
  473. package/dist/hooks/useSnackbarContext.d.ts +1 -0
  474. package/dist/hooks/useSnackbarContext.js +16 -0
  475. package/dist/hooks/useSnackbarContext.js.map +1 -0
  476. package/dist/hooks/useSwipe.d.ts +6 -0
  477. package/dist/hooks/useSwipe.js +28 -0
  478. package/dist/hooks/useSwipe.js.map +1 -0
  479. package/dist/styles/base.css +87 -15
  480. package/dist/styles/base.css.js +87 -15
  481. package/dist/types/common.d.ts +9 -4
  482. package/dist/types/common.js.map +1 -1
  483. package/dist/types/meta.d.ts +1 -1
  484. package/dist/types/meta.js +0 -7
  485. package/dist/types/meta.js.map +1 -1
  486. package/dist/utils/createExampleChildElement.js +1 -1
  487. package/dist/utils/createExampleChildElement.js.map +1 -1
  488. package/dist/utils/demo.d.ts +31 -6
  489. package/dist/utils/demo.js.map +1 -1
  490. package/dist/utils/dom.d.ts +2 -0
  491. package/dist/utils/dom.js +9 -0
  492. package/dist/utils/dom.js.map +1 -0
  493. package/dist/utils/handleKeyDown.d.ts +4 -3
  494. package/dist/utils/handleKeyDown.js +6 -3
  495. package/dist/utils/handleKeyDown.js.map +1 -1
  496. package/dist/utils/keyboard.d.ts +2 -1
  497. package/dist/utils/keyboard.js.map +1 -1
  498. package/dist/utils/scrollListItemsStyle.d.ts +10 -0
  499. package/dist/utils/scrollListItemsStyle.js +17 -0
  500. package/dist/utils/scrollListItemsStyle.js.map +1 -0
  501. package/dist/utils/snackbarContext.d.ts +38 -0
  502. package/dist/utils/snackbarContext.js +3 -0
  503. package/dist/utils/snackbarContext.js.map +1 -0
  504. package/dist/utils/uiContext.d.ts +6 -0
  505. package/dist/utils/uiContext.js.map +1 -1
  506. package/dist/utils/useIds.d.ts +4 -0
  507. package/dist/utils/useIds.js +11 -0
  508. package/dist/utils/useIds.js.map +1 -0
  509. package/package.json +41 -12
  510. package/src/components/Accordion/Accordion.rtl.test.tsx +17 -0
  511. package/src/components/Accordion/Accordion.tsx +90 -24
  512. package/src/components/Accordion/AccordionExample.tsx +78 -72
  513. package/src/components/Accordion/accordion.scss +37 -36
  514. package/src/components/Avatar/Avatar.rtl.test.tsx +16 -0
  515. package/src/components/Avatar/Avatar.tsx +30 -26
  516. package/src/components/Avatar/AvatarExample.tsx +44 -42
  517. package/src/components/AvatarGroup/AvatarGroup.rtl.test.tsx +16 -0
  518. package/src/components/AvatarGroup/AvatarGroup.tsx +1 -2
  519. package/src/components/AvatarGroup/AvatarGroupExample.tsx +36 -28
  520. package/src/components/Badge/Badge.rtl.test.tsx +19 -0
  521. package/src/components/Badge/Badge.tsx +1 -2
  522. package/src/components/BadgeDot/BadgeDot.rtl.test.tsx +19 -0
  523. package/src/components/BadgeDot/BadgeDot.tsx +1 -2
  524. package/src/components/BannerAlert/BannerAlert.rtl.test.tsx +26 -0
  525. package/src/components/BannerAlert/BannerAlert.tsx +16 -7
  526. package/src/components/BannerAlert/BannerAlertExample.tsx +4 -0
  527. package/src/components/BannerAlert/banner-alert.scss +0 -28
  528. package/src/components/BottomNavigation/BottomNavigation.rtl.test.tsx +21 -0
  529. package/src/components/BottomNavigation/BottomNavigation.tsx +60 -0
  530. package/src/components/BottomNavigation/BottomNavigationExample.tsx +121 -0
  531. package/src/components/BottomNavigation/bottom-navigation.scss +87 -0
  532. package/src/components/BottomNavigation/index.tsx +1 -0
  533. package/src/components/Breadcrumb/Breadcrumb.rtl.test.tsx +16 -0
  534. package/src/components/Breadcrumb/Breadcrumb.tsx +57 -73
  535. package/src/components/Breadcrumb/BreadcrumbExample.tsx +152 -150
  536. package/src/components/Button/Button.rtl.test.tsx +16 -0
  537. package/src/components/Button/Button.tsx +9 -5
  538. package/src/components/Button/ButtonExample.tsx +27 -25
  539. package/src/components/ButtonDock/ButtonDock.rtl.test.tsx +18 -0
  540. package/src/components/ButtonDock/ButtonDock.tsx +68 -0
  541. package/src/components/ButtonDock/ButtonDockExample.tsx +77 -0
  542. package/src/components/ButtonDock/button-dock.scss +49 -0
  543. package/src/components/ButtonDock/index.tsx +1 -0
  544. package/src/components/CalendarPicker/CalendarPicker.rtl.test.tsx +15 -0
  545. package/src/components/CalendarPicker/CalendarPicker.tsx +424 -0
  546. package/src/components/CalendarPicker/CalendarPickerExample.tsx +24 -0
  547. package/src/components/CalendarPicker/calendar-picker.scss +89 -0
  548. package/src/components/CalendarPicker/index.tsx +1 -0
  549. package/src/components/Card/Card.rtl.test.tsx +19 -0
  550. package/src/components/Card/Card.tsx +4 -11
  551. package/src/components/Card/CardExample.tsx +1 -0
  552. package/src/components/Card/card.scss +0 -5
  553. package/src/components/Carousel/Carousel.tsx +177 -0
  554. package/src/components/Carousel/CarouselExample.tsx +82 -0
  555. package/src/components/Carousel/carousel.scss +39 -0
  556. package/src/components/Carousel/index.tsx +1 -0
  557. package/src/components/Checkbox/Checkbox.rtl.test.tsx +27 -0
  558. package/src/components/Checkbox/Checkbox.tsx +5 -5
  559. package/src/components/Checkbox/checkbox.scss +5 -4
  560. package/src/components/CheckboxGroup/CheckboxGroup.rtl.test.tsx +19 -0
  561. package/src/components/CheckboxGroup/CheckboxGroup.tsx +8 -2
  562. package/src/components/CheckboxGroup/CheckboxGroupExample.tsx +51 -43
  563. package/src/components/CheckboxOption/CheckboxOption.rtl.test.tsx +24 -0
  564. package/src/components/CheckboxOption/CheckboxOption.tsx +15 -3
  565. package/src/components/ChipAssist/ChipAssist.rtl.test.tsx +16 -0
  566. package/src/components/ChipAssist/ChipAssistExample.tsx +26 -24
  567. package/src/components/ChipFilter/ChipFilter.rtl.test.tsx +15 -0
  568. package/src/components/ChipFilter/ChipFilterExample.tsx +3 -0
  569. package/src/components/ChipGroup/ChipGroup.rtl.test.tsx +32 -0
  570. package/src/components/ChipGroup/ChipGroupExample.tsx +11 -9
  571. package/src/components/ChipInput/ChipInput.rtl.test.tsx +16 -0
  572. package/src/components/ChipInput/ChipInputExample.tsx +41 -39
  573. package/src/components/ChipSuggestion/ChipSuggestion.rtl.test.tsx +19 -0
  574. package/src/components/ChipSuggestion/ChipSuggestionExample.tsx +18 -16
  575. package/src/components/ChipUtility/ChipUtility.rtl.test.tsx +16 -0
  576. package/src/components/ChipUtility/ChipUtility.tsx +1 -3
  577. package/src/components/ChipUtility/ChipUtilityExample.tsx +56 -54
  578. package/src/components/DateField/DateField.rtl.test.tsx +24 -0
  579. package/src/components/DateField/DateField.tsx +58 -0
  580. package/src/components/DateField/DateFieldExample.tsx +13 -0
  581. package/src/components/DateField/date-field.scss +8 -0
  582. package/src/components/DateField/index.tsx +1 -0
  583. package/src/components/DateInput/DateInput.rtl.test.tsx +17 -0
  584. package/src/components/DateInput/DateInput.tsx +197 -0
  585. package/src/components/DateInput/DateInputExample.tsx +17 -0
  586. package/src/components/DateInput/date-input.scss +13 -0
  587. package/src/components/DateInput/index.tsx +1 -0
  588. package/src/components/Dialog/Dialog.rtl.test.tsx +22 -0
  589. package/src/components/Dialog/Dialog.tsx +26 -7
  590. package/src/components/Dialog/DialogExample.tsx +4 -1
  591. package/src/components/Dialog/dialog.scss +25 -79
  592. package/src/components/Divider/Divider.rtl.test.tsx +8 -0
  593. package/src/components/Divider/Divider.tsx +1 -2
  594. package/src/components/Divider/DividerExample.tsx +6 -2
  595. package/src/components/Divider/divider.scss +1 -1
  596. package/src/components/Drawer/Drawer.rtl.test.tsx +27 -0
  597. package/src/components/Drawer/Drawer.tsx +135 -0
  598. package/src/components/Drawer/DrawerExample.tsx +93 -0
  599. package/src/components/Drawer/drawer.scss +67 -0
  600. package/src/components/Drawer/index.tsx +1 -0
  601. package/src/components/EmptyState/EmptyState.rtl.test.tsx +16 -0
  602. package/src/components/EmptyState/EmptyStateExample.tsx +24 -16
  603. package/src/components/Fab/Fab.rtl.test.tsx +15 -0
  604. package/src/components/Fab/Fab.tsx +6 -4
  605. package/src/components/Fab/FabExample.tsx +5 -2
  606. package/src/components/FileUpload/FileUpload.rtl.test.tsx +14 -0
  607. package/src/components/FileUpload/FileUpload.tsx +1 -2
  608. package/src/components/FileUpload/FileUploadExample.tsx +19 -17
  609. package/src/components/FileUploadItem/FileUploadItem.rtl.test.tsx +19 -0
  610. package/src/components/FileUploadItem/FileUploadItem.tsx +1 -3
  611. package/src/components/FileUploadItem/FileUploadItemExample.tsx +47 -40
  612. package/src/components/FormField/FormField.rtl.test.tsx +30 -0
  613. package/src/components/FormField/FormField.tsx +3 -4
  614. package/src/components/FormField/form-field.scss +1 -1
  615. package/src/components/Img/Img.rtl.test.tsx +15 -0
  616. package/src/components/InlineAlert/InlineAlert.rtl.test.tsx +15 -0
  617. package/src/components/InlineAlert/InlineAlert.tsx +1 -2
  618. package/src/components/Layout/Layout.rtl.test.tsx +15 -0
  619. package/src/components/Layout/LayoutExample.tsx +4 -1
  620. package/src/components/Link/Link.rtl.test.tsx +14 -0
  621. package/src/components/Link/Link.tsx +1 -3
  622. package/src/components/Link/LinkExample.tsx +4 -1
  623. package/src/components/ListItem/ListItem.rtl.test.tsx +18 -0
  624. package/src/components/ListItem/ListItem.tsx +132 -73
  625. package/src/components/ListItem/ListItemExample.tsx +14 -13
  626. package/src/components/ListItem/list-item.scss +16 -10
  627. package/src/components/ListItemMenu/ListItemMenu.tsx +358 -0
  628. package/src/components/ListItemMenu/index.tsx +1 -0
  629. package/src/components/Menu/Menu.rtl.test.tsx +15 -0
  630. package/src/components/Menu/Menu.tsx +39 -106
  631. package/src/components/Menu/MenuExample.tsx +2 -32
  632. package/src/components/Menu/menu.scss +4 -16
  633. package/src/components/MenuButton/MenuButton.rtl.test.tsx +15 -0
  634. package/src/components/MenuButton/MenuButton.tsx +1 -3
  635. package/src/components/Modal/Modal.rtl.test.tsx +20 -0
  636. package/src/components/Modal/Modal.tsx +8 -5
  637. package/src/components/NumberField/NumberField.rtl.test.tsx +24 -0
  638. package/src/components/NumberInput/NumberInput.rtl.test.tsx +15 -0
  639. package/src/components/NumberInput/NumberInput.tsx +16 -22
  640. package/src/components/NumberInput/number-input.scss +0 -1
  641. package/src/components/OTPInput/OTPInput.rtl.test.tsx +19 -0
  642. package/src/components/OTPInput/OTPInput.tsx +3 -4
  643. package/src/components/OTPInput/OTPInputExample.tsx +21 -17
  644. package/src/components/PageControl/PageControl.rtl.test.tsx +15 -0
  645. package/src/components/PageControl/PageControl.tsx +23 -23
  646. package/src/components/PageControl/PageControlExample.tsx +36 -0
  647. package/src/components/Pagination/Pagination.rtl.test.tsx +15 -0
  648. package/src/components/Pagination/Pagination.tsx +2 -7
  649. package/src/components/PasswordField/PasswordField.rtl.test.tsx +24 -0
  650. package/src/components/PasswordField/PasswordField.tsx +4 -5
  651. package/src/components/PasswordInput/PasswordInput.rtl.test.tsx +15 -0
  652. package/src/components/PasswordInput/PasswordInput.tsx +2 -2
  653. package/src/components/PhoneNumberField/PhoneNumberField.rtl.test.tsx +24 -0
  654. package/src/components/PhoneNumberInput/PhoneNumberInput.rtl.test.tsx +17 -0
  655. package/src/components/PhoneNumberInput/PhoneNumberInput.tsx +103 -144
  656. package/src/components/PhoneNumberInput/PhoneNumberInputExample.tsx +8 -0
  657. package/src/components/PhoneNumberInput/phone-number-input.scss +40 -31
  658. package/src/components/Popover/Popover.rtl.test.tsx +28 -0
  659. package/src/components/Popover/Popover.tsx +82 -72
  660. package/src/components/Popover/PopoverExample.tsx +7 -1
  661. package/src/components/Popover/popover.scss +3 -13
  662. package/src/components/Portal/Portal.rtl.test.tsx +15 -0
  663. package/src/components/ProgressBar/ProgressBar.rtl.test.tsx +15 -0
  664. package/src/components/ProgressBar/ProgressBar.tsx +1 -2
  665. package/src/components/ProgressCircle/ProgressCircle.rtl.test.tsx +15 -0
  666. package/src/components/ProgressCircle/ProgressCircle.tsx +1 -2
  667. package/src/components/ProgressionStepper/ProgressionStepper.rtl.test.tsx +19 -0
  668. package/src/components/ProgressionStepper/ProgressionStepper.tsx +2 -4
  669. package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +49 -47
  670. package/src/components/ProgressionStepper/progression-stepper.scss +16 -2
  671. package/src/components/ProgressionStepperBar/ProgressionStepperBar.rtl.test.tsx +15 -0
  672. package/src/components/ProgressionStepperBar/ProgressionStepperBar.tsx +9 -4
  673. package/src/components/Radio/Radio.rtl.test.tsx +15 -0
  674. package/src/components/Radio/Radio.tsx +1 -3
  675. package/src/components/RadioGroup/RadioGroup.rtl.test.tsx +32 -0
  676. package/src/components/RadioGroup/RadioGroup.tsx +2 -3
  677. package/src/components/RadioGroup/RadioGroupExample.tsx +3 -1
  678. package/src/components/RadioOption/RadioOption.rtl.test.tsx +15 -0
  679. package/src/components/RadioOption/RadioOption.tsx +1 -1
  680. package/src/components/Rating/Rating.rtl.test.tsx +16 -0
  681. package/src/components/Rating/Rating.tsx +9 -12
  682. package/src/components/Rating/RatingExample.tsx +11 -9
  683. package/src/components/Scrim/Scrim.rtl.test.tsx +15 -0
  684. package/src/components/Scrim/Scrim.tsx +11 -4
  685. package/src/components/Scrim/scrim.scss +0 -4
  686. package/src/components/SearchBar/SearchBar.rtl.test.tsx +41 -0
  687. package/src/components/SearchBar/SearchBar.tsx +95 -89
  688. package/src/components/SearchBar/SearchBarExample.tsx +3 -20
  689. package/src/components/SegmentedControl/SegmentedControl.rtl.test.tsx +26 -0
  690. package/src/components/SegmentedControl/SegmentedControl.tsx +2 -4
  691. package/src/components/SegmentedControl/SegmentedControlExample.tsx +34 -24
  692. package/src/components/SegmentedControl/segmented-control.scss +19 -14
  693. package/src/components/Select/Select.rtl.test.tsx +25 -0
  694. package/src/components/Select/Select.tsx +230 -103
  695. package/src/components/Select/SelectExample.tsx +111 -92
  696. package/src/components/Select/select.scss +20 -26
  697. package/src/components/SelectField/SelectField.rtl.test.tsx +25 -0
  698. package/src/components/SelectField/SelectField.tsx +1 -1
  699. package/src/components/SelectField/SelectFieldExample.tsx +16 -0
  700. package/src/components/Skeleton/Skeleton.rtl.test.tsx +16 -0
  701. package/src/components/Skeleton/SkeletonExample.tsx +12 -10
  702. package/src/components/SkeletonText/SkeletonText.rtl.test.tsx +16 -0
  703. package/src/components/SkeletonText/SkeletonTextExample.tsx +14 -13
  704. package/src/components/Slider/Slider.rtl.test.tsx +8 -0
  705. package/src/components/Slider/Slider.tsx +1 -2
  706. package/src/components/Slider/SliderExample.tsx +3 -0
  707. package/src/components/Snackbar/Snackbar.tsx +48 -0
  708. package/src/components/Snackbar/SnackbarExample.tsx +12 -0
  709. package/src/components/Snackbar/index.tsx +1 -0
  710. package/src/components/Snackbar/snackbar.scss +22 -0
  711. package/src/components/SnackbarProvider/SnackbarProvider.tsx +160 -0
  712. package/src/components/SnackbarProvider/SnackbarProviderExample.tsx +127 -0
  713. package/src/components/SnackbarProvider/index.tsx +1 -0
  714. package/src/components/SnackbarProvider/snackbar-provider-example.scss +17 -0
  715. package/src/components/SnackbarProvider/snackbar-provider.scss +15 -0
  716. package/src/components/Switch/Switch.rtl.test.tsx +15 -0
  717. package/src/components/Switch/Switch.tsx +1 -3
  718. package/src/components/SwitchOption/SwitchOption.rtl.test.tsx +15 -0
  719. package/src/components/TabGroup/TabGroup.rtl.test.tsx +19 -0
  720. package/src/components/TabGroup/TabGroup.tsx +1 -2
  721. package/src/components/TabGroup/TabGroupExample.tsx +52 -46
  722. package/src/components/TabGroup/tab-group.scss +7 -5
  723. package/src/components/TabList/TabList.rtl.test.tsx +26 -0
  724. package/src/components/TabList/TabList.tsx +36 -31
  725. package/src/components/TabList/tab-list.scss +6 -9
  726. package/src/components/Table/Table.rtl.test.tsx +28 -0
  727. package/src/components/Tag/Tag.rtl.test.tsx +20 -0
  728. package/src/components/Tag/Tag.tsx +1 -3
  729. package/src/components/Tag/TagExample.tsx +14 -12
  730. package/src/components/TextField/TextField.rtl.test.tsx +24 -0
  731. package/src/components/TextField/TextField.tsx +0 -1
  732. package/src/components/TextField/TextFieldExample.tsx +8 -0
  733. package/src/components/TextInput/TextInput.rtl.test.tsx +17 -0
  734. package/src/components/TextInput/TextInput.tsx +46 -12
  735. package/src/components/TextInput/TextInputExample.tsx +9 -0
  736. package/src/components/TextInput/text-input.scss +9 -31
  737. package/src/components/Textarea/Textarea.rtl.test.tsx +17 -0
  738. package/src/components/Textarea/Textarea.tsx +5 -16
  739. package/src/components/TextareaField/TextareaField.rtl.test.tsx +24 -0
  740. package/src/components/TextareaField/TextareaField.tsx +2 -0
  741. package/src/components/TimeInput/Listbox.tsx +37 -64
  742. package/src/components/TimeInput/Segment.tsx +31 -21
  743. package/src/components/TimeInput/TimeInput.rtl.test.tsx +15 -0
  744. package/src/components/TimeInput/TimeInput.tsx +132 -65
  745. package/src/components/TimeInput/time-input.scss +5 -4
  746. package/src/components/ToggleOption/ToggleOption.rtl.test.tsx +15 -0
  747. package/src/components/ToggleOption/ToggleOption.tsx +4 -5
  748. package/src/components/Tooltip/Tooltip.rtl.test.tsx +24 -0
  749. package/src/components/Tooltip/Tooltip.tsx +14 -31
  750. package/src/components/Tooltip/TooltipExample.tsx +6 -8
  751. package/src/components/Tooltip/tooltip.scss +0 -2
  752. package/src/components/TopNavigation/TopNavigation.rtl.test.tsx +15 -0
  753. package/src/components/Truncated/Truncated.rtl.test.tsx +15 -0
  754. package/src/components/Truncated/Truncated.tsx +2 -9
  755. package/src/components/Truncated/truncated.scss +8 -0
  756. package/src/components/Txt/Txt.rtl.test.tsx +15 -0
  757. package/src/components/UIProvider/AriaLiveMessageHandler.tsx +44 -0
  758. package/src/components/UIProvider/UIProvider.tsx +16 -2
  759. package/src/components/UIProvider/UIProviderExample.tsx +146 -0
  760. package/src/constants/phases.ts +0 -1
  761. package/src/hooks/useAddEventListener.ts +3 -1
  762. package/src/hooks/useArrowNavigation.ts +107 -0
  763. package/src/hooks/useContainerWidth.tsx +37 -0
  764. package/src/hooks/useFloating.ts +20 -19
  765. package/src/hooks/useSnackbarContext.ts +18 -0
  766. package/src/hooks/useSwipe.ts +32 -0
  767. package/src/rtl/hasNoBasicA11yIssues.tsx +27 -0
  768. package/src/rtl/util.tsx +10 -0
  769. package/src/styles/base.scss +131 -70
  770. package/src/types/common.ts +9 -4
  771. package/src/types/meta.ts +1 -9
  772. package/src/utils/createExampleChildElement.tsx +1 -1
  773. package/src/utils/demo.ts +41 -7
  774. package/src/utils/dom.ts +6 -0
  775. package/src/utils/handleKeyDown.ts +11 -6
  776. package/src/utils/keyboard.ts +3 -0
  777. package/src/utils/scrollListItemsStyle.ts +29 -0
  778. package/src/utils/snackbarContext.tsx +43 -0
  779. package/src/utils/uiContext.ts +4 -1
  780. package/src/utils/useIds.ts +16 -0
  781. package/tsconfig.build.json +21 -0
  782. package/tsconfig.json +9 -1
  783. package/dist/components/Accordion/AccordionSection.d.ts +0 -84
  784. package/dist/components/Accordion/AccordionSection.js +0 -27
  785. package/dist/components/Accordion/AccordionSection.js.map +0 -1
  786. package/dist/components/Combobox/Combobox.d.ts +0 -92
  787. package/dist/components/Combobox/Combobox.js +0 -58
  788. package/dist/components/Combobox/Combobox.js.map +0 -1
  789. package/dist/components/Combobox/ListItems.d.ts +0 -26
  790. package/dist/components/Combobox/ListItems.js +0 -22
  791. package/dist/components/Combobox/ListItems.js.map +0 -1
  792. package/dist/components/Combobox/index.d.ts +0 -1
  793. package/dist/components/Combobox/index.js +0 -2
  794. package/dist/components/Combobox/index.js.map +0 -1
  795. package/dist/components/Listbox/Listbox.d.ts +0 -116
  796. package/dist/components/Listbox/Listbox.js +0 -83
  797. package/dist/components/Listbox/Listbox.js.map +0 -1
  798. package/dist/components/Listbox/index.d.ts +0 -1
  799. package/dist/components/Listbox/index.js +0 -2
  800. package/dist/components/Listbox/index.js.map +0 -1
  801. package/dist/hooks/useCombobox.d.ts +0 -56
  802. package/dist/hooks/useCombobox.js +0 -104
  803. package/dist/hooks/useCombobox.js.map +0 -1
  804. package/dist/hooks/useKeyNavigation.d.ts +0 -17
  805. package/dist/hooks/useKeyNavigation.js +0 -46
  806. package/dist/hooks/useKeyNavigation.js.map +0 -1
  807. package/src/components/Accordion/AccordionSection.tsx +0 -128
  808. package/src/components/Combobox/Combobox.tsx +0 -224
  809. package/src/components/Combobox/ListItems.tsx +0 -107
  810. package/src/components/Combobox/index.tsx +0 -1
  811. package/src/components/Listbox/Listbox.tsx +0 -257
  812. package/src/components/Listbox/index.tsx +0 -1
  813. package/src/hooks/useCombobox.ts +0 -173
  814. package/src/hooks/useKeyNavigation.ts +0 -66
  815. package/src/utils/placeholder.test.ts +0 -7
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"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"}
@@ -24,6 +24,7 @@ export const SliderExample = {
24
24
  step: 1,
25
25
  value: 30,
26
26
  formatNumber: (num) => `$${num}`,
27
+ name: 'basic-slider',
27
28
  },
28
29
  },
29
30
  {
@@ -37,6 +38,7 @@ export const SliderExample = {
37
38
  formatNumber: (num) => {
38
39
  return `${num}%`;
39
40
  },
41
+ name: 'range-slider',
40
42
  },
41
43
  },
42
44
  {
@@ -52,6 +54,7 @@ export const SliderExample = {
52
54
  return `${num}% Passing`;
53
55
  return `${num}%`;
54
56
  },
57
+ name: 'undefined-slider',
55
58
  },
56
59
  },
57
60
  ],
@@ -1 +1 @@
1
- {"version":3,"file":"SliderExample.js","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,MAAM,aAAa,GAA6D;IACnF,qCAAqC;IACrC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,MAAM,UAAU,GAAG,CAAC,WAAmD,EAAE,EAAE;YACvE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjD,CAAC,CAAC,WAAW,CAAC,KAAK;gBACnB,CAAC,CAAC,OAAO,WAAW,CAAC,KAAK,KAAK,QAAQ;oBACrC,CAAC,CAAC,WAAW,CAAC,KAAK;oBACnB,CAAC,CAAC,CAAC,CAAC;YAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;YAEjD,OAAO,KAAC,SAAS,OAAK,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC5E,CAAC,CAAC;QAEF,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,GAAI,CAAC;IAC3G,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,EAAE;aACnC;SACJ;QACD;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACf,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE;oBAClB,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;aACJ;SACJ;QACD;YACI,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE;gBACP,KAAK,EAAE,WAAW;gBAClB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,IAAmC;gBAC1C,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBAC3B,IAAI,OAAO,KAAK,KAAK;wBAAE,OAAO,GAAG,GAAG,WAAW,CAAC;oBAChD,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;aACJ;SACJ;KACJ;CACJ,CAAC"}
1
+ {"version":3,"file":"SliderExample.js","sourceRoot":"","sources":["../../../src/components/Slider/SliderExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAKjC,MAAM,CAAC,MAAM,aAAa,GAA6D;IACnF,qCAAqC;IACrC,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;QAC7B,MAAM,UAAU,GAAG,CAAC,WAAmD,EAAE,EAAE;YACvE,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,CAAC;gBACjD,CAAC,CAAC,WAAW,CAAC,KAAK;gBACnB,CAAC,CAAC,OAAO,WAAW,CAAC,KAAK,KAAK,QAAQ;oBACrC,CAAC,CAAC,WAAW,CAAC,KAAK;oBACnB,CAAC,CAAC,CAAC,CAAC;YAEV,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;YAEjD,OAAO,KAAC,SAAS,OAAK,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,CAAC;QAC5E,CAAC,CAAC;QAEF,OAAO,KAAC,UAAU,OAAK,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,GAAG,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,EAAE,GAAI,CAAC;IAC3G,CAAC;IACD,OAAO,EAAE;QACL;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,EAAE;gBACP,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,EAAE;gBACT,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,IAAI,GAAG,EAAE;gBAChC,IAAI,EAAE,cAAc;aACvB;SACJ;QACD;YACI,KAAK,EAAE,cAAc;YACrB,SAAS,EAAE;gBACP,KAAK,EAAE,cAAc;gBACrB,GAAG,EAAE,CAAC;gBACN,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;gBACf,YAAY,EAAE,CAAC,GAAG,EAAE,EAAE;oBAClB,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;gBACD,IAAI,EAAE,cAAc;aACvB;SACJ;QACD;YACI,KAAK,EAAE,iBAAiB;YACxB,SAAS,EAAE;gBACP,KAAK,EAAE,WAAW;gBAClB,GAAG,EAAE,EAAE;gBACP,GAAG,EAAE,GAAG;gBACR,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,IAAmC;gBAC1C,YAAY,EAAE,CAAC,GAAG,EAAE,OAAO,EAAE,EAAE;oBAC3B,IAAI,OAAO,KAAK,KAAK;wBAAE,OAAO,GAAG,GAAG,WAAW,CAAC;oBAChD,OAAO,GAAG,GAAG,GAAG,CAAC;gBACrB,CAAC;gBACD,IAAI,EAAE,kBAAkB;aAC3B;SACJ;KACJ;CACJ,CAAC"}
@@ -0,0 +1,27 @@
1
+ import './snackbar.scss';
2
+ import { SnackbarData } from '-/utils/snackbarContext';
3
+ export type SnackbarProps = {
4
+ /** Text to be shown in the snackbar */
5
+ text: string;
6
+ /** Optional action button */
7
+ button?: SnackbarData['button'];
8
+ /** Callback when the snackbar is dismissed */
9
+ onClose: () => void;
10
+ };
11
+ /**
12
+ * Snackbars are intended to provide feedback about an action without interrupting the customer experience. NOTE: While
13
+ * they can be imported and used directly, they are intended to be used via the SnackbarProvider and the
14
+ * useSnackbarContext hook.
15
+ *
16
+ * @example
17
+ * import { Snackbar } from '@bspk/ui/Snackbar';
18
+ *
19
+ * function Example() {
20
+ * return <Snackbar text="Something happened!" />;
21
+ * }
22
+ *
23
+ * @name Snackbar
24
+ * @phase Utility
25
+ */
26
+ export declare function Snackbar({ text, button, onClose }: SnackbarProps): import("react/jsx-runtime").JSX.Element;
27
+ /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -0,0 +1,23 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import './snackbar.css.js';
3
+ import { Button } from '../Button';
4
+ import { Txt } from '../Txt';
5
+ /**
6
+ * Snackbars are intended to provide feedback about an action without interrupting the customer experience. NOTE: While
7
+ * they can be imported and used directly, they are intended to be used via the SnackbarProvider and the
8
+ * useSnackbarContext hook.
9
+ *
10
+ * @example
11
+ * import { Snackbar } from '@bspk/ui/Snackbar';
12
+ *
13
+ * function Example() {
14
+ * return <Snackbar text="Something happened!" />;
15
+ * }
16
+ *
17
+ * @name Snackbar
18
+ * @phase Utility
19
+ */
20
+ export function Snackbar({ text, button, onClose }) {
21
+ return (_jsxs("span", { "data-bspk": "snackbar", role: "alert", children: [_jsx(Txt, { variant: "body-small", children: text }), button && (_jsx(Button, { label: button.label, onClick: button.onClick === 'close' ? onClose : button.onClick, variant: "tertiary", children: button.label }))] }));
22
+ }
23
+ //# sourceMappingURL=Snackbar.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAYvC;;;;;;;;;;;;;;GAcG;AACH,MAAM,UAAU,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAiB;IAC7D,OAAO,CACH,6BAAgB,UAAU,EAAC,IAAI,EAAC,OAAO,aACnC,KAAC,GAAG,IAAC,OAAO,EAAC,YAAY,YAAE,IAAI,GAAO,EAErC,MAAM,IAAI,CACP,KAAC,MAAM,IACH,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,MAAM,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,EAC9D,OAAO,EAAC,UAAU,YAEjB,MAAM,CAAC,KAAK,GACR,CACZ,IACE,CACV,CAAC;AACN,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { SnackbarProps } from '.';
2
+ import { ComponentExample } from '-/utils/demo';
3
+ export declare const SnackbarExample: ComponentExample<SnackbarProps>;
@@ -0,0 +1,11 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ export const SnackbarExample = {
3
+ containerStyle: { width: '100%' },
4
+ defaultState: {},
5
+ disableProps: [],
6
+ presets: [],
7
+ render: ({ props, Component }) => _jsx(Component, { ...props }),
8
+ sections: [],
9
+ variants: {},
10
+ };
11
+ //# sourceMappingURL=SnackbarExample.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarExample.js","sourceRoot":"","sources":["../../../src/components/Snackbar/SnackbarExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,YAAY,EAAE,EAAE;IAChB,YAAY,EAAE,EAAE;IAChB,OAAO,EAAE,EAAE;IACX,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,EAAE;CACf,CAAC"}
@@ -0,0 +1 @@
1
+ export * from './Snackbar';
@@ -0,0 +1,2 @@
1
+ export * from './Snackbar';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Snackbar/index.tsx"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
@@ -0,0 +1,19 @@
1
+ [data-bspk=snackbar] {
2
+ pointer-events: auto;
3
+ display: flex;
4
+ flex-direction: row;
5
+ align-items: center;
6
+ justify-content: space-between;
7
+ border-radius: var(--radius-md);
8
+ padding: var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-04);
9
+ gap: var(--spacing-sizing-03);
10
+ width: 600px;
11
+ max-width: 100%;
12
+ box-shadow: 0 0 1px 0 var(--shadow-variant-05), 0 0 12px 0 var(--shadow-variant-03);
13
+ background-color: var(--surface-neutral-inverse);
14
+ color: var(--foreground-neutral-on-inverse-surface);
15
+ height: var(--spacing-sizing-14);
16
+ }
17
+ [data-bspk=snackbar] [data-bspk=button][data-variant=tertiary] {
18
+ color: inherit;
19
+ }
@@ -0,0 +1,24 @@
1
+ /** * This file is generated by the build script.
2
+ * Do not edit this file directly. */
3
+ const style = document.createElement('style');
4
+ style.appendChild(document.createTextNode(`[data-bspk=snackbar] {
5
+ pointer-events: auto;
6
+ display: flex;
7
+ flex-direction: row;
8
+ align-items: center;
9
+ justify-content: space-between;
10
+ border-radius: var(--radius-md);
11
+ padding: var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-02) var(--spacing-sizing-04);
12
+ gap: var(--spacing-sizing-03);
13
+ width: 600px;
14
+ max-width: 100%;
15
+ box-shadow: 0 0 1px 0 var(--shadow-variant-05), 0 0 12px 0 var(--shadow-variant-03);
16
+ background-color: var(--surface-neutral-inverse);
17
+ color: var(--foreground-neutral-on-inverse-surface);
18
+ height: var(--spacing-sizing-14);
19
+ }
20
+ [data-bspk=snackbar] [data-bspk=button][data-variant=tertiary] {
21
+ color: inherit;
22
+ }
23
+ `));
24
+ document.head.appendChild(style);
@@ -0,0 +1,90 @@
1
+ import './snackbar-provider.scss';
2
+ import { ReactNode } from 'react';
3
+ export type SnackbarProviderProps = {
4
+ /** Content to be rendered inside the provider */
5
+ children: ReactNode;
6
+ /**
7
+ * Default time in milliseconds after which the snackbar will auto dismiss. If a Snackbar is sent with a timeout
8
+ * property that value will be used instead. If you want to disable the timeout for a specific snackbar, set its
9
+ * timeout to null.
10
+ */
11
+ timeout?: number | null;
12
+ /**
13
+ * Maximum number of snackbars to show at once
14
+ *
15
+ * @default 10
16
+ */
17
+ countLimit?: number;
18
+ };
19
+ /**
20
+ * Snackbar context provider. Snackbars are intended to provide feedback about an action without interrupting the
21
+ * customer experience.
22
+ *
23
+ * @example
24
+ * import { SnackbarProvider } from '@bspk/ui/SnackbarProvider';
25
+ *
26
+ * // In your application root
27
+ * function Example() {
28
+ * return (
29
+ * <SnackbarProvider timeout={5000} countLimit={1}>
30
+ * <App />
31
+ * </SnackbarProvider>
32
+ * );
33
+ * }
34
+ *
35
+ * // In a descendent component
36
+ * import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
37
+ *
38
+ * function ExampleComponent() {
39
+ * // The useSnackbarContext provides access to the sendSnackbar function
40
+ * const { sendSnackbar } = useSnackbarContext();
41
+ *
42
+ * return (
43
+ * <button
44
+ * onClick={() =>
45
+ * sendSnackbar({
46
+ * text: 'Example snackbar',
47
+ * button: { text: 'Dismiss', onClick: 'close' },
48
+ * timeout: 3000,
49
+ * })
50
+ * }
51
+ * >
52
+ * Show snackbar
53
+ * </button>
54
+ * );
55
+ * }
56
+ *
57
+ * // You can also programatically dismiss a Snackbar by calling clearSnackbar with the Snackbar's id.
58
+ * import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
59
+ * import { useState } from 'react';
60
+ *
61
+ * function ExampleClearComponent() {
62
+ * const [snackbarId, setSnackbarId] = useState<string | null>(null);
63
+ *
64
+ * const { sendSnackbar, clearSnackbar } = useSnackbarContext();
65
+ *
66
+ * const sendAndStoreId = () => {
67
+ * const id = sendSnackbar({
68
+ * text: 'Without a button or timeout I can only be closed programatically',
69
+ * });
70
+ * setSnackbarId(id);
71
+ * };
72
+ *
73
+ * const clear = () => {
74
+ * if (snackbarId) {
75
+ * clearSnackbar(snackbarId);
76
+ * setSnackbarId(null);
77
+ * }
78
+ * };
79
+ *
80
+ * return snackbarId ? (
81
+ * <button onClick={clear}>Clear snackbar</button>
82
+ * ) : (
83
+ * <button onClick={sendAndStoreId}>Send snackbar</button>
84
+ * );
85
+ * }
86
+ *
87
+ * @name SnackbarProvider
88
+ * @phase UXReview
89
+ */
90
+ export declare function SnackbarProvider({ children, timeout, countLimit }: SnackbarProviderProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,115 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import './snackbar-provider.css.js';
3
+ import { useState, useRef, useEffect } from 'react';
4
+ import { Portal } from '../Portal';
5
+ import { Snackbar } from '../Snackbar';
6
+ import { randomString } from '../../utils/random';
7
+ import { SnackbarContext } from '../../utils/snackbarContext';
8
+ /**
9
+ * Snackbar context provider. Snackbars are intended to provide feedback about an action without interrupting the
10
+ * customer experience.
11
+ *
12
+ * @example
13
+ * import { SnackbarProvider } from '@bspk/ui/SnackbarProvider';
14
+ *
15
+ * // In your application root
16
+ * function Example() {
17
+ * return (
18
+ * <SnackbarProvider timeout={5000} countLimit={1}>
19
+ * <App />
20
+ * </SnackbarProvider>
21
+ * );
22
+ * }
23
+ *
24
+ * // In a descendent component
25
+ * import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
26
+ *
27
+ * function ExampleComponent() {
28
+ * // The useSnackbarContext provides access to the sendSnackbar function
29
+ * const { sendSnackbar } = useSnackbarContext();
30
+ *
31
+ * return (
32
+ * <button
33
+ * onClick={() =>
34
+ * sendSnackbar({
35
+ * text: 'Example snackbar',
36
+ * button: { text: 'Dismiss', onClick: 'close' },
37
+ * timeout: 3000,
38
+ * })
39
+ * }
40
+ * >
41
+ * Show snackbar
42
+ * </button>
43
+ * );
44
+ * }
45
+ *
46
+ * // You can also programatically dismiss a Snackbar by calling clearSnackbar with the Snackbar's id.
47
+ * import { useSnackbarContext } from '@bspk/ui/hooks/useSnackbarContext';
48
+ * import { useState } from 'react';
49
+ *
50
+ * function ExampleClearComponent() {
51
+ * const [snackbarId, setSnackbarId] = useState<string | null>(null);
52
+ *
53
+ * const { sendSnackbar, clearSnackbar } = useSnackbarContext();
54
+ *
55
+ * const sendAndStoreId = () => {
56
+ * const id = sendSnackbar({
57
+ * text: 'Without a button or timeout I can only be closed programatically',
58
+ * });
59
+ * setSnackbarId(id);
60
+ * };
61
+ *
62
+ * const clear = () => {
63
+ * if (snackbarId) {
64
+ * clearSnackbar(snackbarId);
65
+ * setSnackbarId(null);
66
+ * }
67
+ * };
68
+ *
69
+ * return snackbarId ? (
70
+ * <button onClick={clear}>Clear snackbar</button>
71
+ * ) : (
72
+ * <button onClick={sendAndStoreId}>Send snackbar</button>
73
+ * );
74
+ * }
75
+ *
76
+ * @name SnackbarProvider
77
+ * @phase UXReview
78
+ */
79
+ export function SnackbarProvider({ children, timeout, countLimit = 10 }) {
80
+ const [snackbars, setSnackbars] = useState([]);
81
+ const timeouts = useRef(new Map());
82
+ const baseTimeout = timeout ?? 0;
83
+ const sendSnackbar = (data) => {
84
+ const id = randomString(8);
85
+ setSnackbars((prevState) => prevState.concat([{ id, ...data }]));
86
+ const nextTimeout = data.timeout ?? baseTimeout;
87
+ if (data.timeout !== null && nextTimeout) {
88
+ timeouts.current.set(id, setTimeout(() => {
89
+ clearSnackbar(id);
90
+ timeouts.current.delete(id);
91
+ }, data.timeout ?? baseTimeout));
92
+ }
93
+ return id;
94
+ };
95
+ const clearSnackbar = (id) => {
96
+ setSnackbars((prevState) => prevState.filter((snackbarData) => snackbarData.id !== id));
97
+ };
98
+ const clearAll = () => {
99
+ setSnackbars([]);
100
+ };
101
+ useEffect(() => {
102
+ return () => {
103
+ // eslint-disable-next-line react-hooks/exhaustive-deps -- we only want to run this on dismount
104
+ timeouts.current.forEach((timeoutToClear) => clearTimeout(timeoutToClear));
105
+ };
106
+ }, []);
107
+ const visibleSnackbars = countLimit ? snackbars.slice(0, countLimit) : snackbars;
108
+ return (_jsxs(SnackbarContext.Provider, { value: {
109
+ snackbars,
110
+ sendSnackbar,
111
+ clearSnackbar,
112
+ clearAll,
113
+ }, children: [visibleSnackbars.length > 0 && (_jsx(Portal, { children: _jsx("div", { "aria-live": "off", "data-bspk": "snackbar-provider", children: visibleSnackbars.map(({ button, text, id }) => (_jsx(Snackbar, { button: button, onClose: () => clearSnackbar(id), text: text }, id))) }) })), children] }));
114
+ }
115
+ //# sourceMappingURL=SnackbarProvider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.js","sourceRoot":"","sources":["../../../src/components/SnackbarProvider/SnackbarProvider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import { SnackbarProviderProps } from './SnackbarProvider';
2
+ import { ComponentExample } from '-/utils/demo';
3
+ import './snackbar-provider-example.scss';
4
+ export declare const SnackbarProviderExample: ComponentExample<SnackbarProviderProps>;
@@ -0,0 +1,59 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useRef, useState } from 'react';
3
+ import { SnackbarProvider } from './SnackbarProvider';
4
+ import { Button } from '../Button';
5
+ import { CheckboxGroup } from '../CheckboxGroup';
6
+ import { NumberField } from '../NumberField';
7
+ import { TextField } from '../TextField';
8
+ import { Txt } from '../Txt';
9
+ import { useSnackbarContext } from '../../hooks/useSnackbarContext';
10
+ import './snackbar-provider-example.css.js';
11
+ export const SnackbarProviderExample = {
12
+ containerStyle: { width: '100%' },
13
+ defaultState: {},
14
+ disableProps: [],
15
+ presets: [],
16
+ render: ({ props }) => (_jsx(SnackbarProvider, { countLimit: props.countLimit, timeout: props.timeout || 5000, children: _jsx(ExampleForm, {}) })),
17
+ sections: [],
18
+ variants: {},
19
+ };
20
+ function ExampleForm() {
21
+ const countRef = useRef(0);
22
+ const [snackbarText, setSnackbarText] = useState('Full send!');
23
+ const [options, setOptions] = useState(['enableTimeout']);
24
+ const [dismissButtonText, setDismissButtonText] = useState('Dismiss');
25
+ const [timeout, setTimeout] = useState(5000);
26
+ const { sendSnackbar } = useSnackbarContext();
27
+ const enableTimeout = options.includes('enableTimeout');
28
+ const enableDismiss = options.includes('dismissButton');
29
+ const enableCount = options.includes('showCount');
30
+ const onButtonClick = () => {
31
+ if (enableCount) {
32
+ countRef.current += 1;
33
+ }
34
+ sendSnackbar({
35
+ text: snackbarText + (enableCount ? ` (${countRef.current})` : ''),
36
+ timeout: enableTimeout ? timeout : null,
37
+ button: enableDismiss
38
+ ? {
39
+ label: dismissButtonText,
40
+ onClick: 'close',
41
+ }
42
+ : undefined,
43
+ });
44
+ };
45
+ return (_jsxs("div", { "data-snackbar-provider-example": "", children: [_jsx(TextField, { "aria-label": "Snackbar Text", controlId: "text", label: "Snackbar Text", name: "text", onChange: setSnackbarText, size: "small", value: snackbarText }), _jsx(CheckboxGroup, { "aria-label": "Example Checkbox Group", name: "example-checkbox-group", onChange: (nextValues) => {
46
+ setOptions(nextValues);
47
+ }, options: [
48
+ { label: 'Enable timeout', value: 'enableTimeout' },
49
+ {
50
+ label: 'Include dismiss button',
51
+ value: 'dismissButton',
52
+ },
53
+ {
54
+ label: 'Count sends (diagnostic)',
55
+ value: 'showCount',
56
+ },
57
+ ], values: options }), enableTimeout && (_jsx(NumberField, { "aria-label": "Timeout", controlId: "timeout", label: "Timeout (ms)", max: 60000, min: 0, name: "timeout", onChange: (val) => setTimeout(parseInt(`${val}`) || 0), size: "small", step: 1000, value: timeout })), enableDismiss && (_jsx(TextField, { "aria-label": "Dismiss button Text", controlId: "text", label: "Dismiss Button Text", name: "text", onChange: setDismissButtonText, size: "small", value: dismissButtonText })), !enableDismiss && !enableTimeout && (_jsx(Txt, { "data-warning": "", variant: "body-small", children: "Note: Without a timeout or dismiss button the snackbar can only be closed programatically using the useSnackbarContext hook." })), _jsx("div", { "data-button-wrapper": "", children: _jsx(Button, { label: "Send it!", onClick: onButtonClick, size: "medium", title: "Snackbar" }) })] }));
58
+ }
59
+ //# sourceMappingURL=SnackbarProviderExample.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProviderExample.js","sourceRoot":"","sources":["../../../src/components/SnackbarProvider/SnackbarProviderExample.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1 @@
1
+ export * from './SnackbarProvider';
@@ -0,0 +1,2 @@
1
+ export * from './SnackbarProvider';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SnackbarProvider/index.tsx"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -0,0 +1,15 @@
1
+ [data-snackbar-provider-example] {
2
+ display: flex;
3
+ gap: var(--spacing-sizing-03);
4
+ flex-direction: column;
5
+ width: 300px;
6
+ flex: 1;
7
+ }
8
+ [data-snackbar-provider-example] [data-warning] {
9
+ color: var(--status-error);
10
+ }
11
+ [data-snackbar-provider-example] [data-button-wrapper] {
12
+ display: flex;
13
+ justify-content: center;
14
+ margin-top: var(--spacing-sizing-02);
15
+ }
@@ -0,0 +1,20 @@
1
+ /** * This file is generated by the build script.
2
+ * Do not edit this file directly. */
3
+ const style = document.createElement('style');
4
+ style.appendChild(document.createTextNode(`[data-snackbar-provider-example] {
5
+ display: flex;
6
+ gap: var(--spacing-sizing-03);
7
+ flex-direction: column;
8
+ width: 300px;
9
+ flex: 1;
10
+ }
11
+ [data-snackbar-provider-example] [data-warning] {
12
+ color: var(--status-error);
13
+ }
14
+ [data-snackbar-provider-example] [data-button-wrapper] {
15
+ display: flex;
16
+ justify-content: center;
17
+ margin-top: var(--spacing-sizing-02);
18
+ }
19
+ `));
20
+ document.head.appendChild(style);
@@ -0,0 +1,15 @@
1
+ [data-bspk=snackbar-provider] {
2
+ position: fixed;
3
+ z-index: var(--z-index-dialog);
4
+ display: flex;
5
+ flex-direction: column-reverse;
6
+ max-height: 100%;
7
+ overflow: hidden;
8
+ inset: 0;
9
+ align-items: center;
10
+ gap: var(--spacing-sizing-02);
11
+ pointer-events: none;
12
+ padding: var(--spacing-sizing-02);
13
+ }
14
+
15
+ /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -0,0 +1,20 @@
1
+ /** * This file is generated by the build script.
2
+ * Do not edit this file directly. */
3
+ const style = document.createElement('style');
4
+ style.appendChild(document.createTextNode(`[data-bspk=snackbar-provider] {
5
+ position: fixed;
6
+ z-index: var(--z-index-dialog);
7
+ display: flex;
8
+ flex-direction: column-reverse;
9
+ max-height: 100%;
10
+ overflow: hidden;
11
+ inset: 0;
12
+ align-items: center;
13
+ gap: var(--spacing-sizing-02);
14
+ pointer-events: none;
15
+ padding: var(--spacing-sizing-02);
16
+ }
17
+
18
+ /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
19
+ `));
20
+ document.head.appendChild(style);
@@ -1,6 +1,6 @@
1
+ import './switch.scss';
1
2
  import { ChangeEvent } from 'react';
2
3
  import { CommonProps } from '-/types/common';
3
- import './switch.scss';
4
4
  export type SwitchProps = CommonProps<'aria-label' | 'disabled' | 'name' | 'value'> & {
5
5
  /**
6
6
  * Marks the control as checked.
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";AAIA,OAAO,eAAe,CAAC;AAwBvB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IACvG,MAAM,QAAQ,GAAG,QAAQ,IAAI,YAAY,CAAC;IAE1C,OAAO,CACH,6BAAgB,QAAQ,aACpB,mBACQ,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAClE,IAAI,EAAC,UAAU,GACjB,EACF,qCAAoB,IACjB,CACV,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../src/components/Switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,eAAe,CAAC;AA0BvB;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,MAAM,CAAC,EAAE,OAAO,GAAG,KAAK,EAAE,QAAQ,EAAE,YAAY,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAe;IACvG,MAAM,QAAQ,GAAG,QAAQ,IAAI,YAAY,CAAC;IAE1C,OAAO,CACH,6BAAgB,QAAQ,aACpB,mBACQ,KAAK,mBACM,QAAQ,IAAI,SAAS,EACpC,OAAO,EAAE,CAAC,CAAC,OAAO,EAClB,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAC/B,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,KAAK,CAAC,EAClE,IAAI,EAAC,UAAU,GACjB,EACF,qCAAoB,IACjB,CACV,CAAC;AACN,CAAC"}
@@ -1,6 +1,6 @@
1
+ import './tab-group.scss';
1
2
  import { TabListProps, TabOption } from '-/components/TabList';
2
3
  import { ElementProps } from '-/types/common';
3
- import './tab-group.scss';
4
4
  export type TabGroupSize = 'large' | 'medium' | 'small';
5
5
  export type TabGroupProps = Omit<TabListProps<TabOption>, 'iconsOnly'> & {
6
6
  /**
@@ -1,6 +1,6 @@
1
1
  import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
- import { TabList } from '../TabList';
3
2
  import './tab-group.css.js';
3
+ import { TabList } from '../TabList';
4
4
  /**
5
5
  * Navigation tool that organizes content across different screens and views.
6
6
  *
@@ -1 +1 @@
1
- {"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAA2B,MAAM,sBAAsB,CAAC;AAGxE,OAAO,kBAAkB,CAAC;AAc1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,QAAQ,EAAE,WAAW,EACrB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,GAAG,cAAc,EACe;IAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,mBAAK,CAAC;IAChE,OAAO,CACH,KAAC,OAAO,iBACM,WAAW,qBACJ,SAAS,IAAI,SAAS,EACvC,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc,GACpB,CACL,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAC1B,OAAO,EAAE,OAAO,EAA2B,MAAM,sBAAsB,CAAC;AAexE;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,QAAQ,EAAE,WAAW,EACrB,KAAK,EACL,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,KAAK,EACjB,GAAG,cAAc,EACe;IAChC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,mBAAK,CAAC;IAChE,OAAO,CACH,KAAC,OAAO,iBACM,WAAW,qBACJ,SAAS,IAAI,SAAS,EACvC,QAAQ,EAAE,WAAW,EACrB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,KACR,cAAc,GACpB,CACL,CAAC;AACN,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { TabGroupProps } from '.';
2
- import { ComponentExample } from '-/utils/demo';
2
+ import { ComponentExample, Preset } from '-/utils/demo';
3
+ export declare const presets: Preset<TabGroupProps>[];
3
4
  export declare const TabGroupExample: ComponentExample<TabGroupProps>;