@bspk/ui 1.3.8 → 1.3.10

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 (466) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +19 -3
  2. package/dist/components/Accordion/Accordion.js +20 -3
  3. package/dist/components/Accordion/Accordion.js.map +1 -1
  4. package/dist/components/Avatar/Avatar.d.ts +13 -14
  5. package/dist/components/Avatar/Avatar.js +13 -14
  6. package/dist/components/Avatar/Avatar.js.map +1 -1
  7. package/dist/components/AvatarGroup/AvatarGroup.d.ts +29 -12
  8. package/dist/components/AvatarGroup/AvatarGroup.js +29 -12
  9. package/dist/components/AvatarGroup/AvatarGroup.js.map +1 -1
  10. package/dist/components/Badge/Badge.d.ts +1 -3
  11. package/dist/components/Badge/Badge.js +1 -3
  12. package/dist/components/Badge/Badge.js.map +1 -1
  13. package/dist/components/BadgeDot/BadgeDot.d.ts +4 -4
  14. package/dist/components/BadgeDot/BadgeDot.js +5 -4
  15. package/dist/components/BadgeDot/BadgeDot.js.map +1 -1
  16. package/dist/components/BannerAlert/BannerAlert.d.ts +11 -12
  17. package/dist/components/BannerAlert/BannerAlert.js +11 -12
  18. package/dist/components/BannerAlert/BannerAlert.js.map +1 -1
  19. package/dist/components/BottomNavigation/BottomNavigation.d.ts +6 -3
  20. package/dist/components/BottomNavigation/BottomNavigation.js +6 -3
  21. package/dist/components/BottomNavigation/BottomNavigation.js.map +1 -1
  22. package/dist/components/BottomNavigation/BottomNavigationExample.js +31 -36
  23. package/dist/components/BottomNavigation/BottomNavigationExample.js.map +1 -1
  24. package/dist/components/BottomNavigation/bottom-navigation.css +8 -1
  25. package/dist/components/BottomNavigation/bottom-navigation.css.js +8 -1
  26. package/dist/components/Breadcrumb/Breadcrumb.d.ts +17 -18
  27. package/dist/components/Breadcrumb/Breadcrumb.js +17 -18
  28. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  29. package/dist/components/Breadcrumb/BreadcrumbDropdown.d.ts +6 -0
  30. package/dist/components/Breadcrumb/BreadcrumbDropdown.js +6 -0
  31. package/dist/components/Breadcrumb/BreadcrumbDropdown.js.map +1 -1
  32. package/dist/components/Button/Button.d.ts +1 -11
  33. package/dist/components/Button/Button.js +1 -11
  34. package/dist/components/Button/Button.js.map +1 -1
  35. package/dist/components/Button/ButtonExample.js +1 -3
  36. package/dist/components/Button/ButtonExample.js.map +1 -1
  37. package/dist/components/ButtonDock/ButtonDock.d.ts +10 -14
  38. package/dist/components/ButtonDock/ButtonDock.js +10 -14
  39. package/dist/components/ButtonDock/ButtonDock.js.map +1 -1
  40. package/dist/components/Card/Card.d.ts +8 -10
  41. package/dist/components/Card/Card.js +6 -10
  42. package/dist/components/Card/Card.js.map +1 -1
  43. package/dist/components/Carousel/Carousel.d.ts +9 -13
  44. package/dist/components/Carousel/Carousel.js +9 -13
  45. package/dist/components/Carousel/Carousel.js.map +1 -1
  46. package/dist/components/Carousel/CarouselExample.js +14 -14
  47. package/dist/components/Carousel/CarouselExample.js.map +1 -1
  48. package/dist/components/Checkbox/Checkbox.d.ts +7 -4
  49. package/dist/components/Checkbox/Checkbox.js +7 -4
  50. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  51. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +3 -3
  52. package/dist/components/CheckboxGroup/CheckboxGroup.js +3 -3
  53. package/dist/components/CheckboxGroup/CheckboxGroupExample.js +1 -0
  54. package/dist/components/CheckboxGroup/CheckboxGroupExample.js.map +1 -1
  55. package/dist/components/CheckboxOption/CheckboxOption.d.ts +4 -4
  56. package/dist/components/CheckboxOption/CheckboxOption.js +4 -4
  57. package/dist/components/Chip/Chip.d.ts +3 -7
  58. package/dist/components/Chip/Chip.js +3 -7
  59. package/dist/components/Chip/Chip.js.map +1 -1
  60. package/dist/components/Chip/ChipExample.js +50 -3
  61. package/dist/components/Chip/ChipExample.js.map +1 -1
  62. package/dist/components/ChipGroup/ChipGroup.d.ts +21 -10
  63. package/dist/components/ChipGroup/ChipGroup.js +21 -10
  64. package/dist/components/ChipGroup/ChipGroup.js.map +1 -1
  65. package/dist/components/ChipGroup/ChipGroupExample.js +1 -0
  66. package/dist/components/ChipGroup/ChipGroupExample.js.map +1 -1
  67. package/dist/components/DatePicker/DatePicker.d.ts +13 -12
  68. package/dist/components/DatePicker/DatePicker.js +13 -12
  69. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  70. package/dist/components/Dialog/Dialog.d.ts +11 -6
  71. package/dist/components/Dialog/Dialog.js +11 -6
  72. package/dist/components/Dialog/Dialog.js.map +1 -1
  73. package/dist/components/Divider/Divider.d.ts +5 -9
  74. package/dist/components/Divider/Divider.js +5 -9
  75. package/dist/components/Divider/Divider.js.map +1 -1
  76. package/dist/components/Divider/DividerExample.js +16 -1
  77. package/dist/components/Divider/DividerExample.js.map +1 -1
  78. package/dist/components/Drawer/Drawer.d.ts +3 -3
  79. package/dist/components/Drawer/Drawer.js +3 -3
  80. package/dist/components/Drawer/Drawer.js.map +1 -1
  81. package/dist/components/EmptyState/EmptyState.d.ts +3 -7
  82. package/dist/components/EmptyState/EmptyState.js +3 -7
  83. package/dist/components/EmptyState/EmptyState.js.map +1 -1
  84. package/dist/components/Fab/Fab.d.ts +4 -5
  85. package/dist/components/Fab/Fab.js +4 -6
  86. package/dist/components/Fab/Fab.js.map +1 -1
  87. package/dist/components/Fab/FabExample.d.ts +2 -1
  88. package/dist/components/Fab/FabExample.js +20 -2
  89. package/dist/components/Fab/FabExample.js.map +1 -1
  90. package/dist/components/Field/Field.d.ts +4 -5
  91. package/dist/components/Field/Field.js +4 -5
  92. package/dist/components/Field/Field.js.map +1 -1
  93. package/dist/components/Field/FieldDescription.d.ts +7 -5
  94. package/dist/components/Field/FieldDescription.js +7 -3
  95. package/dist/components/Field/FieldDescription.js.map +1 -1
  96. package/dist/components/Field/FieldError.d.ts +6 -0
  97. package/dist/components/Field/FieldError.js +6 -0
  98. package/dist/components/Field/FieldError.js.map +1 -1
  99. package/dist/components/Field/FieldLabel.d.ts +6 -0
  100. package/dist/components/Field/FieldLabel.js +6 -0
  101. package/dist/components/Field/FieldLabel.js.map +1 -1
  102. package/dist/components/Field/utils.d.ts +5 -0
  103. package/dist/components/Field/utils.js +5 -0
  104. package/dist/components/Field/utils.js.map +1 -1
  105. package/dist/components/FileUpload/FileUpload.d.ts +3 -3
  106. package/dist/components/FileUpload/FileUpload.js +3 -3
  107. package/dist/components/FileUploadItem/FileUploadItem.d.ts +6 -10
  108. package/dist/components/FileUploadItem/FileUploadItem.js +6 -10
  109. package/dist/components/FileUploadItem/FileUploadItem.js.map +1 -1
  110. package/dist/components/FormField/FormField.d.ts +5 -16
  111. package/dist/components/FormField/FormField.js +5 -16
  112. package/dist/components/FormField/FormField.js.map +1 -1
  113. package/dist/components/Img/Img.d.ts +1 -3
  114. package/dist/components/Img/Img.js +1 -3
  115. package/dist/components/Img/Img.js.map +1 -1
  116. package/dist/components/InlineAlert/InlineAlert.d.ts +1 -3
  117. package/dist/components/InlineAlert/InlineAlert.js +1 -3
  118. package/dist/components/InlineAlert/InlineAlert.js.map +1 -1
  119. package/dist/components/InlineAlert/SvgWarningTwoTone.d.ts +6 -0
  120. package/dist/components/InlineAlert/SvgWarningTwoTone.js +6 -0
  121. package/dist/components/InlineAlert/SvgWarningTwoTone.js.map +1 -1
  122. package/dist/components/Input/Input.d.ts +13 -13
  123. package/dist/components/Input/Input.js +13 -13
  124. package/dist/components/Input/InputElement.d.ts +11 -5
  125. package/dist/components/Input/InputElement.js +11 -5
  126. package/dist/components/Input/InputElement.js.map +1 -1
  127. package/dist/components/InputNumber/IncrementButton.d.ts +13 -3
  128. package/dist/components/InputNumber/IncrementButton.js +11 -4
  129. package/dist/components/InputNumber/IncrementButton.js.map +1 -1
  130. package/dist/components/InputNumber/InputNumber.d.ts +20 -20
  131. package/dist/components/InputNumber/InputNumber.js +46 -30
  132. package/dist/components/InputNumber/InputNumber.js.map +1 -1
  133. package/dist/components/InputNumber/InputNumberExample.js +1 -0
  134. package/dist/components/InputNumber/InputNumberExample.js.map +1 -1
  135. package/dist/components/InputNumber/input-number.css +6 -0
  136. package/dist/components/InputNumber/input-number.css.js +6 -0
  137. package/dist/components/InputPhone/InputPhone.d.ts +21 -16
  138. package/dist/components/InputPhone/InputPhone.js +21 -16
  139. package/dist/components/InputPhone/InputPhone.js.map +1 -1
  140. package/dist/components/Layout/Layout.d.ts +1 -3
  141. package/dist/components/Layout/Layout.js +1 -3
  142. package/dist/components/Layout/Layout.js.map +1 -1
  143. package/dist/components/Link/Link.d.ts +1 -3
  144. package/dist/components/Link/Link.js +1 -3
  145. package/dist/components/Link/Link.js.map +1 -1
  146. package/dist/components/ListItem/ListItem.d.ts +22 -21
  147. package/dist/components/ListItem/ListItem.js +19 -16
  148. package/dist/components/ListItem/ListItem.js.map +1 -1
  149. package/dist/components/Menu/Menu.d.ts +5 -9
  150. package/dist/components/Menu/Menu.js +5 -9
  151. package/dist/components/Menu/Menu.js.map +1 -1
  152. package/dist/components/Modal/Modal.d.ts +4 -4
  153. package/dist/components/Modal/Modal.js +4 -4
  154. package/dist/components/Modal/Modal.js.map +1 -1
  155. package/dist/components/Modal/modal.css +12 -1
  156. package/dist/components/Modal/modal.css.js +12 -1
  157. package/dist/components/OTPInput/OTPInput.d.ts +5 -3
  158. package/dist/components/OTPInput/OTPInput.js +5 -3
  159. package/dist/components/OTPInput/OTPInput.js.map +1 -1
  160. package/dist/components/PageControl/PageControl.d.ts +1 -3
  161. package/dist/components/PageControl/PageControl.js +1 -3
  162. package/dist/components/PageControl/PageControl.js.map +1 -1
  163. package/dist/components/Pagination/PageList.d.ts +6 -0
  164. package/dist/components/Pagination/PageList.js +6 -0
  165. package/dist/components/Pagination/PageList.js.map +1 -1
  166. package/dist/components/Pagination/Pagination.d.ts +6 -7
  167. package/dist/components/Pagination/Pagination.js +28 -15
  168. package/dist/components/Pagination/Pagination.js.map +1 -1
  169. package/dist/components/Pagination/pagination.css +5 -14
  170. package/dist/components/Pagination/pagination.css.js +5 -14
  171. package/dist/components/Password/Password.d.ts +19 -20
  172. package/dist/components/Password/Password.js +19 -20
  173. package/dist/components/Password/Password.js.map +1 -1
  174. package/dist/components/Popover/Popover.d.ts +11 -20
  175. package/dist/components/Popover/Popover.js +11 -20
  176. package/dist/components/Popover/Popover.js.map +1 -1
  177. package/dist/components/Popover/PopoverExample.js +1 -1
  178. package/dist/components/Popover/PopoverExample.js.map +1 -1
  179. package/dist/components/ProgressBar/ProgressBar.d.ts +1 -3
  180. package/dist/components/ProgressBar/ProgressBar.js +1 -3
  181. package/dist/components/ProgressBar/ProgressBar.js.map +1 -1
  182. package/dist/components/ProgressCircle/ProgressCircle.d.ts +1 -3
  183. package/dist/components/ProgressCircle/ProgressCircle.js +1 -3
  184. package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
  185. package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +1 -3
  186. package/dist/components/ProgressionStepper/ProgressionStepper.js +1 -3
  187. package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
  188. package/dist/components/RadioGroup/RadioGroup.d.ts +2 -2
  189. package/dist/components/RadioGroup/RadioGroup.js +2 -2
  190. package/dist/components/Rating/Rating.d.ts +2 -4
  191. package/dist/components/Rating/Rating.js +8 -6
  192. package/dist/components/Rating/Rating.js.map +1 -1
  193. package/dist/components/Rating/RatingExample.js +17 -1
  194. package/dist/components/Rating/RatingExample.js.map +1 -1
  195. package/dist/components/Scrim/Scrim.d.ts +0 -1
  196. package/dist/components/Scrim/Scrim.js +0 -1
  197. package/dist/components/Scrim/Scrim.js.map +1 -1
  198. package/dist/components/SearchBar/SearchBar.d.ts +2 -2
  199. package/dist/components/SearchBar/SearchBar.js +2 -2
  200. package/dist/components/SegmentedControl/SegmentedControl.d.ts +3 -3
  201. package/dist/components/SegmentedControl/SegmentedControl.js +3 -3
  202. package/dist/components/SegmentedControl/SegmentedControlExample.js +10 -12
  203. package/dist/components/SegmentedControl/SegmentedControlExample.js.map +1 -1
  204. package/dist/components/Select/Select.d.ts +33 -34
  205. package/dist/components/Select/Select.js +33 -34
  206. package/dist/components/Select/Select.js.map +1 -1
  207. package/dist/components/Skeleton/Circular.d.ts +6 -0
  208. package/dist/components/Skeleton/Circular.js +6 -0
  209. package/dist/components/Skeleton/Circular.js.map +1 -1
  210. package/dist/components/Skeleton/Photo.d.ts +6 -0
  211. package/dist/components/Skeleton/Photo.js +6 -0
  212. package/dist/components/Skeleton/Photo.js.map +1 -1
  213. package/dist/components/Skeleton/Profile.d.ts +6 -0
  214. package/dist/components/Skeleton/Profile.js +6 -0
  215. package/dist/components/Skeleton/Profile.js.map +1 -1
  216. package/dist/components/Skeleton/Rectangular.d.ts +6 -0
  217. package/dist/components/Skeleton/Rectangular.js +6 -0
  218. package/dist/components/Skeleton/Rectangular.js.map +1 -1
  219. package/dist/components/Skeleton/Skeleton.d.ts +10 -14
  220. package/dist/components/Skeleton/Skeleton.js +10 -14
  221. package/dist/components/Skeleton/Skeleton.js.map +1 -1
  222. package/dist/components/Skeleton/SkeletonExample.js +4 -3
  223. package/dist/components/Skeleton/SkeletonExample.js.map +1 -1
  224. package/dist/components/Skeleton/Thumbnail.d.ts +6 -0
  225. package/dist/components/Skeleton/Thumbnail.js +6 -0
  226. package/dist/components/Skeleton/Thumbnail.js.map +1 -1
  227. package/dist/components/SkeletonText/SkeletonText.d.ts +5 -9
  228. package/dist/components/SkeletonText/SkeletonText.js +5 -9
  229. package/dist/components/SkeletonText/SkeletonText.js.map +1 -1
  230. package/dist/components/Slider/Slider.d.ts +2 -2
  231. package/dist/components/Slider/Slider.js +2 -2
  232. package/dist/components/Slider/SliderExample.js +40 -18
  233. package/dist/components/Slider/SliderExample.js.map +1 -1
  234. package/dist/components/Slider/SliderIntervalDots.d.ts +6 -0
  235. package/dist/components/Slider/SliderIntervalDots.js +6 -0
  236. package/dist/components/Slider/SliderIntervalDots.js.map +1 -1
  237. package/dist/components/Snackbar/Manager.d.ts +28 -0
  238. package/dist/components/Snackbar/Manager.js +34 -0
  239. package/dist/components/Snackbar/Manager.js.map +1 -0
  240. package/dist/components/Snackbar/Snackbar.d.ts +23 -6
  241. package/dist/components/Snackbar/Snackbar.js +23 -5
  242. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  243. package/dist/components/Snackbar/SnackbarExample.js +8 -1
  244. package/dist/components/Snackbar/SnackbarExample.js.map +1 -1
  245. package/dist/components/Snackbar/index.d.ts +1 -0
  246. package/dist/components/Snackbar/index.js +1 -0
  247. package/dist/components/Snackbar/index.js.map +1 -1
  248. package/dist/components/StylesProviderDemo/StylesProviderDemo.d.ts +1 -3
  249. package/dist/components/StylesProviderDemo/StylesProviderDemo.js +1 -3
  250. package/dist/components/StylesProviderDemo/StylesProviderDemo.js.map +1 -1
  251. package/dist/components/Switch/Switch.d.ts +2 -2
  252. package/dist/components/Switch/Switch.js +2 -2
  253. package/dist/components/TabGroup/TabGroup.d.ts +2 -2
  254. package/dist/components/TabGroup/TabGroup.js +2 -2
  255. package/dist/components/TabGroup/TabGroupExample.js +5 -11
  256. package/dist/components/TabGroup/TabGroupExample.js.map +1 -1
  257. package/dist/components/TabGroup/tab-group.css +1 -0
  258. package/dist/components/TabGroup/tab-group.css.js +1 -0
  259. package/dist/components/TabList/TabList.d.ts +2 -2
  260. package/dist/components/TabList/TabList.js +3 -4
  261. package/dist/components/TabList/TabList.js.map +1 -1
  262. package/dist/components/TabList/tab-list.css +0 -1
  263. package/dist/components/TabList/tab-list.css.js +0 -1
  264. package/dist/components/Table/Footer.d.ts +6 -0
  265. package/dist/components/Table/Footer.js +6 -0
  266. package/dist/components/Table/Footer.js.map +1 -1
  267. package/dist/components/Table/Table.d.ts +53 -16
  268. package/dist/components/Table/Table.js +53 -16
  269. package/dist/components/Table/Table.js.map +1 -1
  270. package/dist/components/Table/table.css +0 -1
  271. package/dist/components/Table/table.css.js +0 -1
  272. package/dist/components/Tag/Tag.d.ts +1 -3
  273. package/dist/components/Tag/Tag.js +1 -3
  274. package/dist/components/Tag/Tag.js.map +1 -1
  275. package/dist/components/Textarea/Textarea.d.ts +13 -13
  276. package/dist/components/Textarea/Textarea.js +13 -13
  277. package/dist/components/TimePicker/Listbox.d.ts +6 -0
  278. package/dist/components/TimePicker/Listbox.js +6 -0
  279. package/dist/components/TimePicker/Listbox.js.map +1 -1
  280. package/dist/components/TimePicker/Segment.d.ts +6 -0
  281. package/dist/components/TimePicker/Segment.js +6 -0
  282. package/dist/components/TimePicker/Segment.js.map +1 -1
  283. package/dist/components/TimePicker/TimePicker.d.ts +14 -14
  284. package/dist/components/TimePicker/TimePicker.js +14 -14
  285. package/dist/components/ToggleOption/ToggleOption.js +1 -1
  286. package/dist/components/ToggleOption/ToggleOption.js.map +1 -1
  287. package/dist/components/ToggleOption/toggle-option.css +2 -49
  288. package/dist/components/ToggleOption/toggle-option.css.js +2 -49
  289. package/dist/components/Tooltip/Tooltip.d.ts +3 -7
  290. package/dist/components/Tooltip/Tooltip.js +3 -7
  291. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  292. package/dist/components/Tooltip/TooltipExample.js +23 -3
  293. package/dist/components/Tooltip/TooltipExample.js.map +1 -1
  294. package/dist/components/Truncated/Truncated.d.ts +0 -1
  295. package/dist/components/Truncated/Truncated.js +1 -2
  296. package/dist/components/Truncated/Truncated.js.map +1 -1
  297. package/dist/components/Txt/Txt.d.ts +1 -3
  298. package/dist/components/Txt/Txt.js +1 -3
  299. package/dist/components/Txt/Txt.js.map +1 -1
  300. package/dist/components/UIProvider/AriaLiveMessageHandler.js +3 -2
  301. package/dist/components/UIProvider/AriaLiveMessageHandler.js.map +1 -1
  302. package/dist/components/UIProvider/UIProvider.d.ts +0 -1
  303. package/dist/components/UIProvider/UIProvider.js +0 -1
  304. package/dist/components/UIProvider/UIProvider.js.map +1 -1
  305. package/dist/hooks/useAddEventListener.d.ts +1 -2
  306. package/dist/hooks/useAddEventListener.js.map +1 -1
  307. package/dist/hooks/useLongPress.d.ts +30 -15
  308. package/dist/hooks/useLongPress.js +26 -42
  309. package/dist/hooks/useLongPress.js.map +1 -1
  310. package/dist/hooks/useRadioState.d.ts +1 -1
  311. package/dist/hooks/useTimeout.d.ts +1 -2
  312. package/dist/hooks/useTimeout.js +20 -4
  313. package/dist/hooks/useTimeout.js.map +1 -1
  314. package/dist/styles/base.css +9 -0
  315. package/dist/styles/base.css.js +9 -0
  316. package/dist/types/common.d.ts +3 -0
  317. package/dist/types/common.js.map +1 -1
  318. package/dist/types/meta.d.ts +1 -0
  319. package/dist/types/meta.js.map +1 -1
  320. package/dist/utils/createCustomEvent.d.ts +17 -0
  321. package/dist/utils/createCustomEvent.js +21 -0
  322. package/dist/utils/createCustomEvent.js.map +1 -0
  323. package/dist/utils/createExampleChildElement.js +3 -3
  324. package/dist/utils/createExampleChildElement.js.map +1 -1
  325. package/dist/utils/demo.d.ts +18 -26
  326. package/dist/utils/demo.js.map +1 -1
  327. package/meta.ts +6 -1
  328. package/package.json +1 -1
  329. package/src/components/Accordion/Accordion.tsx +20 -3
  330. package/src/components/Avatar/Avatar.tsx +13 -14
  331. package/src/components/AvatarGroup/AvatarGroup.tsx +30 -13
  332. package/src/components/Badge/Badge.tsx +1 -3
  333. package/src/components/BadgeDot/BadgeDot.tsx +6 -4
  334. package/src/components/BannerAlert/BannerAlert.tsx +11 -12
  335. package/src/components/BottomNavigation/BottomNavigation.tsx +6 -3
  336. package/src/components/BottomNavigation/BottomNavigationExample.tsx +31 -36
  337. package/src/components/BottomNavigation/bottom-navigation.scss +10 -1
  338. package/src/components/Breadcrumb/Breadcrumb.tsx +17 -18
  339. package/src/components/Breadcrumb/BreadcrumbDropdown.tsx +6 -0
  340. package/src/components/Button/Button.tsx +1 -11
  341. package/src/components/Button/ButtonExample.tsx +1 -2
  342. package/src/components/ButtonDock/ButtonDock.tsx +10 -14
  343. package/src/components/Card/Card.tsx +9 -11
  344. package/src/components/Carousel/Carousel.tsx +9 -13
  345. package/src/components/Carousel/CarouselExample.tsx +25 -25
  346. package/src/components/Checkbox/Checkbox.tsx +7 -4
  347. package/src/components/CheckboxGroup/CheckboxGroup.tsx +3 -3
  348. package/src/components/CheckboxGroup/CheckboxGroupExample.tsx +1 -0
  349. package/src/components/CheckboxOption/CheckboxOption.tsx +4 -4
  350. package/src/components/Chip/Chip.tsx +3 -7
  351. package/src/components/Chip/ChipExample.tsx +52 -3
  352. package/src/components/ChipGroup/ChipGroup.tsx +21 -10
  353. package/src/components/ChipGroup/ChipGroupExample.tsx +1 -1
  354. package/src/components/DatePicker/DatePicker.tsx +13 -12
  355. package/src/components/Dialog/Dialog.tsx +11 -6
  356. package/src/components/Divider/Divider.tsx +5 -9
  357. package/src/components/Divider/DividerExample.tsx +18 -1
  358. package/src/components/Drawer/Drawer.tsx +3 -4
  359. package/src/components/EmptyState/EmptyState.tsx +3 -7
  360. package/src/components/Fab/Fab.tsx +8 -5
  361. package/src/components/Fab/FabExample.tsx +22 -3
  362. package/src/components/Field/Field.tsx +4 -5
  363. package/src/components/Field/FieldDescription.tsx +7 -5
  364. package/src/components/Field/FieldError.tsx +6 -0
  365. package/src/components/Field/FieldLabel.tsx +6 -0
  366. package/src/components/Field/utils.ts +5 -0
  367. package/src/components/FileUpload/FileUpload.tsx +3 -3
  368. package/src/components/FileUploadItem/FileUploadItem.tsx +6 -10
  369. package/src/components/FormField/FormField.tsx +5 -16
  370. package/src/components/Img/Img.tsx +1 -3
  371. package/src/components/InlineAlert/InlineAlert.tsx +1 -3
  372. package/src/components/InlineAlert/SvgWarningTwoTone.tsx +6 -0
  373. package/src/components/Input/Input.tsx +13 -13
  374. package/src/components/Input/InputElement.tsx +11 -5
  375. package/src/components/InputNumber/IncrementButton.tsx +21 -11
  376. package/src/components/InputNumber/InputNumber.tsx +53 -51
  377. package/src/components/InputNumber/InputNumberExample.tsx +1 -0
  378. package/src/components/InputNumber/input-number.scss +10 -0
  379. package/src/components/InputPhone/InputPhone.tsx +21 -16
  380. package/src/components/Layout/Layout.tsx +1 -3
  381. package/src/components/Link/Link.tsx +1 -3
  382. package/src/components/ListItem/ListItem.tsx +22 -20
  383. package/src/components/Menu/Menu.tsx +5 -9
  384. package/src/components/Modal/Modal.tsx +10 -5
  385. package/src/components/Modal/modal.scss +13 -1
  386. package/src/components/OTPInput/OTPInput.tsx +5 -3
  387. package/src/components/PageControl/PageControl.tsx +1 -3
  388. package/src/components/Pagination/PageList.tsx +6 -0
  389. package/src/components/Pagination/Pagination.tsx +50 -24
  390. package/src/components/Pagination/pagination.scss +7 -17
  391. package/src/components/Password/Password.tsx +19 -20
  392. package/src/components/Popover/Popover.tsx +11 -20
  393. package/src/components/Popover/PopoverExample.tsx +1 -1
  394. package/src/components/ProgressBar/ProgressBar.tsx +1 -3
  395. package/src/components/ProgressCircle/ProgressCircle.tsx +1 -3
  396. package/src/components/ProgressionStepper/ProgressionStepper.tsx +1 -3
  397. package/src/components/RadioGroup/RadioGroup.tsx +2 -2
  398. package/src/components/Rating/Rating.tsx +34 -14
  399. package/src/components/Rating/RatingExample.tsx +18 -1
  400. package/src/components/Scrim/Scrim.tsx +0 -1
  401. package/src/components/SearchBar/SearchBar.tsx +2 -2
  402. package/src/components/SegmentedControl/SegmentedControl.tsx +3 -3
  403. package/src/components/SegmentedControl/SegmentedControlExample.tsx +10 -12
  404. package/src/components/Select/Select.tsx +33 -34
  405. package/src/components/Skeleton/Circular.tsx +6 -0
  406. package/src/components/Skeleton/Photo.tsx +6 -0
  407. package/src/components/Skeleton/Profile.tsx +6 -0
  408. package/src/components/Skeleton/Rectangular.tsx +6 -0
  409. package/src/components/Skeleton/Skeleton.tsx +10 -14
  410. package/src/components/Skeleton/SkeletonExample.tsx +5 -3
  411. package/src/components/Skeleton/Thumbnail.tsx +6 -0
  412. package/src/components/SkeletonText/SkeletonText.tsx +5 -9
  413. package/src/components/Slider/Slider.tsx +2 -2
  414. package/src/components/Slider/SliderExample.tsx +42 -17
  415. package/src/components/Slider/SliderIntervalDots.tsx +6 -0
  416. package/src/components/Snackbar/Manager.tsx +63 -0
  417. package/src/components/Snackbar/Snackbar.tsx +23 -7
  418. package/src/components/Snackbar/SnackbarExample.tsx +28 -6
  419. package/src/components/Snackbar/index.tsx +1 -0
  420. package/src/components/StylesProviderDemo/StylesProviderDemo.tsx +1 -3
  421. package/src/components/Switch/Switch.tsx +2 -2
  422. package/src/components/TabGroup/TabGroup.tsx +2 -2
  423. package/src/components/TabGroup/TabGroupExample.tsx +5 -11
  424. package/src/components/TabGroup/tab-group.scss +1 -0
  425. package/src/components/TabList/TabList.tsx +3 -4
  426. package/src/components/TabList/tab-list.scss +0 -1
  427. package/src/components/Table/Footer.tsx +6 -0
  428. package/src/components/Table/Table.tsx +53 -16
  429. package/src/components/Table/table.scss +0 -1
  430. package/src/components/Tag/Tag.tsx +1 -3
  431. package/src/components/Textarea/Textarea.tsx +13 -13
  432. package/src/components/TimePicker/Listbox.tsx +6 -0
  433. package/src/components/TimePicker/Segment.tsx +6 -0
  434. package/src/components/TimePicker/TimePicker.tsx +14 -14
  435. package/src/components/ToggleOption/ToggleOption.tsx +1 -0
  436. package/src/components/ToggleOption/toggle-option.scss +2 -61
  437. package/src/components/Tooltip/Tooltip.tsx +3 -7
  438. package/src/components/Tooltip/TooltipExample.tsx +23 -11
  439. package/src/components/Truncated/Truncated.tsx +1 -2
  440. package/src/components/Txt/Txt.tsx +1 -3
  441. package/src/components/UIProvider/AriaLiveMessageHandler.tsx +4 -2
  442. package/src/components/UIProvider/UIProvider.tsx +0 -1
  443. package/src/hooks/useAddEventListener.ts +1 -3
  444. package/src/hooks/useLongPress.ts +58 -48
  445. package/src/hooks/useTimeout.ts +1 -5
  446. package/src/styles/base.scss +9 -0
  447. package/src/types/common.ts +4 -0
  448. package/src/types/meta.ts +1 -0
  449. package/src/utils/createCustomEvent.ts +35 -0
  450. package/src/utils/createExampleChildElement.tsx +3 -8
  451. package/src/utils/demo.ts +24 -27
  452. package/dist/components/ListItem/ListItemButton.d.ts +0 -2
  453. package/dist/components/ListItem/ListItemButton.js +0 -7
  454. package/dist/components/ListItem/ListItemButton.js.map +0 -1
  455. package/dist/components/Pagination/PageInput.d.ts +0 -4
  456. package/dist/components/Pagination/PageInput.js +0 -36
  457. package/dist/components/Pagination/PageInput.js.map +0 -1
  458. package/dist/components/Truncated/truncated.css +0 -8
  459. package/dist/components/Truncated/truncated.css.js +0 -13
  460. package/dist/hooks/usePaginationState.d.ts +0 -4
  461. package/dist/hooks/usePaginationState.js +0 -22
  462. package/dist/hooks/usePaginationState.js.map +0 -1
  463. package/src/components/ListItem/ListItemButton.tsx +0 -6
  464. package/src/components/Pagination/PageInput.tsx +0 -65
  465. package/src/components/Truncated/truncated.scss +0 -8
  466. package/src/hooks/usePaginationState.tsx +0 -24
@@ -1 +1 @@
1
- {"version":3,"file":"BottomNavigationExample.js","sourceRoot":"","sources":["../../../src/components/BottomNavigation/BottomNavigationExample.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BottomNavigationExample.js","sourceRoot":"","sources":["../../../src/components/BottomNavigation/BottomNavigationExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,OAAO,GAAoC;IACpD;QACI,KAAK,EAAE,eAAe;QACtB,SAAS,EAAE;YACP,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,UAAU;oBAChB,YAAY,EAAE,cAAc;iBAC/B;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,OAAO;oBACb,YAAY,EAAE,WAAW;iBAC5B;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,YAAY;oBAClB,YAAY,EAAE,gBAAgB;iBACjC;aACJ;YACD,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,aAAa;SACvB;KACJ;IACD;QACI,KAAK,EAAE,cAAc;QACrB,SAAS,EAAE;YACP,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,UAAU;oBAChB,YAAY,EAAE,cAAc;iBAC/B;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,OAAO;oBACb,YAAY,EAAE,WAAW;iBAC5B;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,YAAY;oBAClB,YAAY,EAAE,gBAAgB;iBACjC;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,OAAO;oBACb,YAAY,EAAE,WAAW;iBAC5B;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,0BAA0B;oBACjC,IAAI,EAAE,QAAQ;oBACd,YAAY,EAAE,YAAY;iBAC7B;aACJ;YACD,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,aAAa;SACvB;KACJ;IACD;QACI,KAAK,EAAE,iBAAiB;QACxB,SAAS,EAAE;YACP,OAAO,EAAE;gBACL;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,UAAU;oBAChB,YAAY,EAAE,cAAc;iBAC/B;gBACD;oBACI,KAAK,EAAE,GAAG;oBACV,KAAK,EAAE,QAAQ;oBACf,IAAI,EAAE,OAAO;oBACb,YAAY,EAAE,WAAW;oBACzB,QAAQ,EAAE,IAAI;iBACjB;aACJ;YACD,KAAK,EAAE,GAAG;YACV,KAAK,EAAE,aAAa;SACvB;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAA4C;IAC5E,cAAc,EAAE;QACZ,MAAM,EAAE,OAAO;QACf,KAAK,EAAE,MAAM;QACb,OAAO,EAAE,CAAC;QACV,cAAc,EAAE,KAAK;KACxB;IACD,YAAY,EAAE;QACV,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;YACnD,GAAG,MAAM;YACT,IAAI,EAAE,SAAS;YACf,YAAY,EAAE,SAAS;SAC1B,CAAC,CAAC;QACH,KAAK,EAAE,aAAa;KACvB;IACD,YAAY,EAAE,EAAE;IAChB,OAAO;IACP,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,QAAQ,EAAE,EAAE;IACZ,QAAQ,EAAE,KAAK;CAClB,CAAC"}
@@ -4,6 +4,7 @@ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] {
4
4
  box-sizing: border-box;
5
5
  background-color: var(--background-base);
6
6
  height: var(--spacing-sizing-13);
7
+ gap: var(--spacing-sizing-02);
7
8
  }
8
9
  ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation][data-variant=elevated] {
9
10
  box-shadow: var(--drop-shadow-north);
@@ -18,7 +19,7 @@ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li {
18
19
  color: var(--foreground-neutral-on-surface-variant-02);
19
20
  font: var(--labels-x-small);
20
21
  flex-direction: column;
21
- gap: 0;
22
+ justify-content: center;
22
23
  overflow: hidden;
23
24
  }
24
25
  ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li[data-pseudo=focus] > ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li, ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:focus-visible {
@@ -45,6 +46,12 @@ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li[aria-disabled=tru
45
46
  [data-pseudo=active] ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:not([aria-disabled=true]), ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:not([aria-disabled=true]):active {
46
47
  background-color: var(--interactions-neutral-press-opacity);
47
48
  }
49
+ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:first-child {
50
+ padding-left: var(--spacing-sizing-02);
51
+ }
52
+ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:last-child {
53
+ padding-right: var(--spacing-sizing-02);
54
+ }
48
55
  ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation][data-mode=fixed] {
49
56
  position: fixed;
50
57
  bottom: 0;
@@ -7,6 +7,7 @@ style.appendChild(document.createTextNode(`ul[data-bspk-utility=tab-list][data-b
7
7
  box-sizing: border-box;
8
8
  background-color: var(--background-base);
9
9
  height: var(--spacing-sizing-13);
10
+ gap: var(--spacing-sizing-02);
10
11
  }
11
12
  ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation][data-variant=elevated] {
12
13
  box-shadow: var(--drop-shadow-north);
@@ -21,7 +22,7 @@ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li {
21
22
  color: var(--foreground-neutral-on-surface-variant-02);
22
23
  font: var(--labels-x-small);
23
24
  flex-direction: column;
24
- gap: 0;
25
+ justify-content: center;
25
26
  overflow: hidden;
26
27
  }
27
28
  ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li[data-pseudo=focus] > ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li, ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:focus-visible {
@@ -48,6 +49,12 @@ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li[aria-disabled=tru
48
49
  [data-pseudo=active] ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:not([aria-disabled=true]), ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:not([aria-disabled=true]):active {
49
50
  background-color: var(--interactions-neutral-press-opacity);
50
51
  }
52
+ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:first-child {
53
+ padding-left: var(--spacing-sizing-02);
54
+ }
55
+ ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation] li:last-child {
56
+ padding-right: var(--spacing-sizing-02);
57
+ }
51
58
  ul[data-bspk-utility=tab-list][data-bspk=bottom-navigation][data-mode=fixed] {
52
59
  position: fixed;
53
60
  bottom: 0;
@@ -33,24 +33,23 @@ export type BreadcrumbProps = CommonProps<'id'> & ScrollListItemsStyleProps & {
33
33
  * @example
34
34
  * import { Breadcrumb } from '@bspk/ui/breadcrumb';
35
35
  *
36
- * function Example() {
37
- * return (
38
- * <Breadcrumb
39
- * items={[
40
- * { label: 'level 1', href: 'https://bspk.anywhere.re' },
41
- * { label: 'level 2', href: 'https://bspk.anywhere.re' },
42
- * { label: 'level 3', href: 'https://bspk.anywhere.re' },
43
- * { label: 'level 4', href: 'https://bspk.anywhere.re' },
44
- * { label: 'level 5', href: 'https://bspk.anywhere.re' },
45
- * { label: 'level 6', href: 'https://bspk.anywhere.re' },
46
- * { label: 'level 7', href: 'https://bspk.anywhere.re' },
47
- * { label: 'level 8', href: 'https://bspk.anywhere.re' },
48
- * { label: 'level 9', href: 'https://bspk.anywhere.re' },
49
- * { label: 'level 10', href: 'https://bspk.anywhere.re' },
50
- * ]}
51
- * />
52
- * );
53
- * }
36
+ * <Breadcrumb
37
+ * id="example-breadcrumb"
38
+ * scrollLimit={5}
39
+ * items={[
40
+ * { label: 'Brioche', href: '#brioche' },
41
+ * { label: 'Whole Wheat', href: '#whole-wheat' },
42
+ * { label: 'Sourdough', href: '#sourdough' },
43
+ * { label: 'Rye', href: '#rye' },
44
+ * { label: 'Multigrain', href: '#multigrain' },
45
+ * { label: 'Baguette', href: '#baguette' },
46
+ * { label: 'Focaccia', href: '#focaccia' },
47
+ * { label: 'Ciabatta', href: '#ciabatta' },
48
+ * { label: 'Pita', href: '#pita' },
49
+ * { label: 'Naan', href: '#naan' },
50
+ * { label: 'Flatbread', href: '#flatbread' },
51
+ * ]}
52
+ * />;
54
53
  *
55
54
  * @name Breadcrumb
56
55
  * @phase UXReview
@@ -11,24 +11,23 @@ import { useId } from '../../hooks/useId';
11
11
  * @example
12
12
  * import { Breadcrumb } from '@bspk/ui/breadcrumb';
13
13
  *
14
- * function Example() {
15
- * return (
16
- * <Breadcrumb
17
- * items={[
18
- * { label: 'level 1', href: 'https://bspk.anywhere.re' },
19
- * { label: 'level 2', href: 'https://bspk.anywhere.re' },
20
- * { label: 'level 3', href: 'https://bspk.anywhere.re' },
21
- * { label: 'level 4', href: 'https://bspk.anywhere.re' },
22
- * { label: 'level 5', href: 'https://bspk.anywhere.re' },
23
- * { label: 'level 6', href: 'https://bspk.anywhere.re' },
24
- * { label: 'level 7', href: 'https://bspk.anywhere.re' },
25
- * { label: 'level 8', href: 'https://bspk.anywhere.re' },
26
- * { label: 'level 9', href: 'https://bspk.anywhere.re' },
27
- * { label: 'level 10', href: 'https://bspk.anywhere.re' },
28
- * ]}
29
- * />
30
- * );
31
- * }
14
+ * <Breadcrumb
15
+ * id="example-breadcrumb"
16
+ * scrollLimit={5}
17
+ * items={[
18
+ * { label: 'Brioche', href: '#brioche' },
19
+ * { label: 'Whole Wheat', href: '#whole-wheat' },
20
+ * { label: 'Sourdough', href: '#sourdough' },
21
+ * { label: 'Rye', href: '#rye' },
22
+ * { label: 'Multigrain', href: '#multigrain' },
23
+ * { label: 'Baguette', href: '#baguette' },
24
+ * { label: 'Focaccia', href: '#focaccia' },
25
+ * { label: 'Ciabatta', href: '#ciabatta' },
26
+ * { label: 'Pita', href: '#pita' },
27
+ * { label: 'Naan', href: '#naan' },
28
+ * { label: 'Flatbread', href: '#flatbread' },
29
+ * ]}
30
+ * />;
32
31
  *
33
32
  * @name Breadcrumb
34
33
  * @phase UXReview
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAkB,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAgCtC;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,EAAmB;IAC/E,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,OAAO,CACH,4BAAgB,YAAY,eAAW,YAAY,EAAC,EAAE,EAAE,EAAE,YACtD,yBACI,yBACI,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAI,EACpD,KAAC,eAAe,0BAAe,IAC9B,EACJ,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,CACpG,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAChD,yBACI,KAAC,IAAI,OAAK,IAAI,GAAI,EAClB,KAAC,eAAe,0BAAe,KAF1B,cAAc,GAAG,EAAE,CAGvB,CACR,CAAC,CACL,EACD,6BAAiB,MAAM,YACnB,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAO,GAC7D,IACJ,GACH,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAkB,MAAM,sBAAsB,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAgCtC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,GAAG,EAAE,EAAE,WAAW,EAAmB;IAC/E,MAAM,EAAE,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC;IAEzB,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,OAAO,CACH,4BAAgB,YAAY,eAAW,YAAY,EAAC,EAAE,EAAE,EAAE,YACtD,yBACI,yBACI,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,GAAI,EACpD,KAAC,eAAe,0BAAe,IAC9B,EACJ,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAChB,KAAC,kBAAkB,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAAE,WAAW,EAAE,WAAW,GAAI,CACpG,CAAC,CAAC,CAAC,CACA,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAChD,yBACI,KAAC,IAAI,OAAK,IAAI,GAAI,EAClB,KAAC,eAAe,0BAAe,KAF1B,cAAc,GAAG,EAAE,CAGvB,CACR,CAAC,CACL,EACD,6BAAiB,MAAM,YACnB,KAAC,GAAG,IAAC,OAAO,EAAC,WAAW,YAAE,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,KAAK,GAAO,GAC7D,IACJ,GACH,CACT,CAAC;AACN,CAAC"}
@@ -23,4 +23,10 @@ export type BreadcrumbDropdownProps = ScrollListItemsStyleProps & {
23
23
  items: BreadcrumbItem[];
24
24
  id: string;
25
25
  };
26
+ /**
27
+ * The BreadcrumbDropdown component is used to display a dropdown menu within a breadcrumb navigation.
28
+ *
29
+ * @name BreadcrumbDropdown
30
+ * @parent Breadcrumb
31
+ */
26
32
  export declare function BreadcrumbDropdown({ items: itemsProp, id, scrollLimit }: BreadcrumbDropdownProps): import("react/jsx-runtime").JSX.Element;
@@ -11,6 +11,12 @@ import { getElementById } from '../../utils/dom';
11
11
  import { handleKeyDown } from '../../utils/handleKeyDown';
12
12
  import { scrollListItemsStyle } from '../../utils/scrollListItemsStyle';
13
13
  import { useIds } from '../../utils/useIds';
14
+ /**
15
+ * The BreadcrumbDropdown component is used to display a dropdown menu within a breadcrumb navigation.
16
+ *
17
+ * @name BreadcrumbDropdown
18
+ * @parent Breadcrumb
19
+ */
14
20
  export function BreadcrumbDropdown({ items: itemsProp, id, scrollLimit }) {
15
21
  const menuId = `${id}-menu`;
16
22
  const items = useIds(`breadcrumb-${id}`, itemsProp);
@@ -1 +1 @@
1
- {"version":3,"file":"BreadcrumbDropdown.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbDropdown.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"BreadcrumbDropdown.js","sourceRoot":"","sources":["../../../src/components/Breadcrumb/BreadcrumbDropdown.tsx"],"names":[],"mappings":"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"}
@@ -79,17 +79,7 @@ export type ButtonProps<As extends ElementType = ElementType> = CommonProps<'dis
79
79
  * import { Button } from '@bspk/ui/Button';
80
80
  * import { SvgPerson } from '@bspk/icons/Person';
81
81
  *
82
- * function Example() {
83
- * return (
84
- * <Button
85
- * label="Click Me"
86
- * size="medium"
87
- * variant="primary"
88
- * onClick={() => console.log('Button clicked')}
89
- * icon={<SvgPerson />}
90
- * />
91
- * );
92
- * }
82
+ * <Button label="Click Me" size="medium" onClick={() => action('Button clicked')} icon={<SvgPerson />} />;
93
83
  *
94
84
  * @name Button
95
85
  * @phase UXReview
@@ -9,17 +9,7 @@ import { Tooltip } from '../Tooltip';
9
9
  * import { Button } from '@bspk/ui/Button';
10
10
  * import { SvgPerson } from '@bspk/icons/Person';
11
11
  *
12
- * function Example() {
13
- * return (
14
- * <Button
15
- * label="Click Me"
16
- * size="medium"
17
- * variant="primary"
18
- * onClick={() => console.log('Button clicked')}
19
- * icon={<SvgPerson />}
20
- * />
21
- * );
22
- * }
12
+ * <Button label="Click Me" size="medium" onClick={() => action('Button clicked')} icon={<SvgPerson />} />;
23
13
  *
24
14
  * @name Button
25
15
  * @phase UXReview
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
@@ -1,5 +1,3 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { SvgPerson } from '@bspk/icons/Person';
3
1
  export const presets = [
4
2
  {
5
3
  label: 'Icon & Text',
@@ -29,7 +27,7 @@ export const presets = [
29
27
  export const ButtonExample = {
30
28
  presets,
31
29
  variants: {
32
- iconOnly: () => ({ icon: _jsx(SvgPerson, {}), label: 'Person' }),
30
+ iconOnly: { icon: 'Person', label: 'Person' },
33
31
  },
34
32
  };
35
33
  //# sourceMappingURL=ButtonExample.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonExample.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAI/C,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC1C;QACI,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE;YACP,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,KAAK;SAClB;KACJ;IACD;QACI,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE;YACP,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;SAClB;KACJ;IACD;QACI,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,KAAK;SACf;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAkC;IACxD,OAAO;IACP,QAAQ,EAAE;QACN,QAAQ,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,KAAC,SAAS,KAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KAC7D;CACJ,CAAC"}
1
+ {"version":3,"file":"ButtonExample.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAA0B;IAC1C;QACI,KAAK,EAAE,aAAa;QACpB,SAAS,EAAE;YACP,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,KAAK;YACZ,QAAQ,EAAE,KAAK;SAClB;KACJ;IACD;QACI,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE;YACP,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,SAAS;YACf,QAAQ,EAAE,KAAK;SAClB;KACJ;IACD;QACI,KAAK,EAAE,WAAW;QAClB,SAAS,EAAE;YACP,QAAQ,EAAE,IAAI;YACd,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,KAAK;SACf;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAkC;IACxD,OAAO;IACP,QAAQ,EAAE;QACN,QAAQ,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;KAChD;CACJ,CAAC"}
@@ -33,20 +33,16 @@ export type ButtonDockProps = {
33
33
  * @example
34
34
  * import { ButtonDock } from '@bspk/ui/ButtonDock';
35
35
  *
36
- * function Example() {
37
- * return (
38
- * <ButtonDock
39
- * primaryButton={{
40
- * children: 'Send',
41
- * label: 'send',
42
- * }}
43
- * secondaryButton={{
44
- * children: 'Cancel',
45
- * label: 'cancel',
46
- * }}
47
- * />
48
- * );
49
- * }
36
+ * <ButtonDock
37
+ * primaryButton={{
38
+ * children: 'Send',
39
+ * label: 'send',
40
+ * }}
41
+ * secondaryButton={{
42
+ * children: 'Cancel',
43
+ * label: 'cancel',
44
+ * }}
45
+ * />;
50
46
  *
51
47
  * @name ButtonDock
52
48
  * @phase Dev
@@ -8,20 +8,16 @@ import { Button } from '../Button/Button';
8
8
  * @example
9
9
  * import { ButtonDock } from '@bspk/ui/ButtonDock';
10
10
  *
11
- * function Example() {
12
- * return (
13
- * <ButtonDock
14
- * primaryButton={{
15
- * children: 'Send',
16
- * label: 'send',
17
- * }}
18
- * secondaryButton={{
19
- * children: 'Cancel',
20
- * label: 'cancel',
21
- * }}
22
- * />
23
- * );
24
- * }
11
+ * <ButtonDock
12
+ * primaryButton={{
13
+ * children: 'Send',
14
+ * label: 'send',
15
+ * }}
16
+ * secondaryButton={{
17
+ * children: 'Cancel',
18
+ * label: 'cancel',
19
+ * }}
20
+ * />;
25
21
  *
26
22
  * @name ButtonDock
27
23
  * @phase Dev
@@ -1 +1 @@
1
- {"version":3,"file":"ButtonDock.js","sourceRoot":"","sources":["../../../src/components/ButtonDock/ButtonDock.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAe,MAAM,4BAA4B,CAAC;AA6BjE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,GAAG,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAmB;IACjH,MAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;IAEhE,OAAO,CACH,mCAAuB,gBAAgB,eAAY,aAAa,eAAY,IAAI,aAC3E,eAAe,IAAI,KAAC,MAAM,IAAO,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,eAAe,GAAM,EAEhG,KAAC,MAAM,IAAO,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,aAAa,GAAM,IACtE,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"ButtonDock.js","sourceRoot":"","sources":["../../../src/components/ButtonDock/ButtonDock.tsx"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAe,MAAM,4BAA4B,CAAC;AA6BjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,WAAW,GAAG,MAAM,EAAE,IAAI,GAAG,QAAQ,EAAmB;IACjH,MAAM,gBAAgB,GAAG,eAAe,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;IAEhE,OAAO,CACH,mCAAuB,gBAAgB,eAAY,aAAa,eAAY,IAAI,aAC3E,eAAe,IAAI,KAAC,MAAM,IAAO,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,WAAW,EAAE,GAAG,eAAe,GAAM,EAEhG,KAAC,MAAM,IAAO,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,aAAa,GAAM,IACtE,CACT,CAAC;AACN,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import './card.scss';
2
2
  import { ReactNode } from 'react';
3
- import { ElementProps } from '-/types/common';
3
+ import { ElementProps, SetRef } from '-/types/common';
4
4
  export type CardProps = {
5
5
  /**
6
6
  * The content of the card.
@@ -14,6 +14,8 @@ export type CardProps = {
14
14
  * @default elevated
15
15
  */
16
16
  variant?: 'elevated' | 'outlined';
17
+ /** A ref to the list item div element. */
18
+ innerRef?: SetRef<HTMLElement>;
17
19
  };
18
20
  /**
19
21
  * Cards are often rectangular and contain various content, such as text, images, icons, multimedia, and interactive
@@ -25,17 +27,13 @@ export type CardProps = {
25
27
  * @example
26
28
  * import { Card } from '@bspk/ui/card';
27
29
  *
28
- * function Example() {
29
- * return (
30
- * <Card variant="elevated" showPadding={false}>
31
- * <h3>Card Title</h3>
32
- * <p>This is some content inside the card.</p>
33
- * </Card>
34
- * );
35
- * }
30
+ * <Card variant="elevated" style={{ padding: 'var(--spacing-sizing-04)', maxWidth: '100%', width: '400px' }}>
31
+ * <h3>Card Title</h3>
32
+ * <p>This is some content inside the card.</p>
33
+ * </Card>;
36
34
  *
37
35
  * @name Card
38
36
  * @phase UXReview
39
37
  */
40
- export declare function Card({ children, variant, ...props }: ElementProps<CardProps, 'div'>): import("react/jsx-runtime").JSX.Element;
38
+ export declare function Card({ children, variant, innerRef, ...props }: ElementProps<CardProps, 'div'>): import("react/jsx-runtime").JSX.Element;
41
39
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -10,19 +10,15 @@ import './card.css.js';
10
10
  * @example
11
11
  * import { Card } from '@bspk/ui/card';
12
12
  *
13
- * function Example() {
14
- * return (
15
- * <Card variant="elevated" showPadding={false}>
16
- * <h3>Card Title</h3>
17
- * <p>This is some content inside the card.</p>
18
- * </Card>
19
- * );
20
- * }
13
+ * <Card variant="elevated" style={{ padding: 'var(--spacing-sizing-04)', maxWidth: '100%', width: '400px' }}>
14
+ * <h3>Card Title</h3>
15
+ * <p>This is some content inside the card.</p>
16
+ * </Card>;
21
17
  *
22
18
  * @name Card
23
19
  * @phase UXReview
24
20
  */
25
- export function Card({ children, variant = 'elevated', ...props }) {
26
- return (_jsx("div", { ...props, "data-bspk": "card", "data-variant": variant, children: children }));
21
+ export function Card({ children, variant = 'elevated', innerRef, ...props }) {
22
+ return (_jsx("div", { ...props, "data-bspk": "card", "data-variant": variant, ref: innerRef, children: children }));
27
23
  }
28
24
  //# sourceMappingURL=Card.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAC;AAmBrB;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,UAAU,EAAE,GAAG,KAAK,EAAkC;IAC7F,OAAO,CACH,iBAAS,KAAK,eAAY,MAAM,kBAAe,OAAO,YACjD,QAAQ,GACP,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../src/components/Card/Card.tsx"],"names":[],"mappings":";AAAA,OAAO,aAAa,CAAC;AAqBrB;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,UAAU,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkC;IACvG,OAAO,CACH,iBAAS,KAAK,eAAY,MAAM,kBAAe,OAAO,EAAE,GAAG,EAAE,QAAQ,YAChE,QAAQ,GACP,CACT,CAAC;AACN,CAAC"}
@@ -42,19 +42,15 @@ export type CarouselProps = {
42
42
  * @example
43
43
  * import { Carousel } from '@bspk/ui/Carousel';
44
44
  *
45
- * function Example() {
46
- * return (
47
- * <Carousel label="Example Carousel" width="1/2">
48
- * <div>child 1</div>
49
- * <div>child 2</div>
50
- * <div>child 3</div>
51
- * <div>child 4</div>
52
- * <div>child 5</div>
53
- * <div>child 6</div>
54
- * <div>child 7</div>
55
- * </Carousel>
56
- * );
57
- * }
45
+ * <Carousel label="Example Carousel" width="1/2">
46
+ * <div>child 1</div>
47
+ * <div>child 2</div>
48
+ * <div>child 3</div>
49
+ * <div>child 4</div>
50
+ * <div>child 5</div>
51
+ * <div>child 6</div>
52
+ * <div>child 7</div>
53
+ * </Carousel>;
58
54
  *
59
55
  * @name Carousel
60
56
  * @phase UXReview
@@ -14,19 +14,15 @@ import { handleKeyDown } from '../../utils/handleKeyDown';
14
14
  * @example
15
15
  * import { Carousel } from '@bspk/ui/Carousel';
16
16
  *
17
- * function Example() {
18
- * return (
19
- * <Carousel label="Example Carousel" width="1/2">
20
- * <div>child 1</div>
21
- * <div>child 2</div>
22
- * <div>child 3</div>
23
- * <div>child 4</div>
24
- * <div>child 5</div>
25
- * <div>child 6</div>
26
- * <div>child 7</div>
27
- * </Carousel>
28
- * );
29
- * }
17
+ * <Carousel label="Example Carousel" width="1/2">
18
+ * <div>child 1</div>
19
+ * <div>child 2</div>
20
+ * <div>child 3</div>
21
+ * <div>child 4</div>
22
+ * <div>child 5</div>
23
+ * <div>child 6</div>
24
+ * <div>child 7</div>
25
+ * </Carousel>;
30
26
  *
31
27
  * @name Carousel
32
28
  * @phase UXReview
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Carousel.js","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAA4B,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACtF,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAuCtD;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,UAAU,QAAQ,CAAC,EACrB,KAAK,GAAG,UAAU,EAClB,QAAQ,EACR,SAAS,EAAE,SAAS,GAAG,KAAK,EAC5B,GAAG,EAAE,OAAO,EACZ,KAAK,GACO;IACZ,MAAM,GAAG,GAAG,OAAO,IAAI,EAAE,CAAC;IAC1B,MAAM,UAAU,GAAG,OAAO,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC;IAEhF,MAAM,YAAY,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAEzD,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,SAAS,GAAG,QAAQ,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QAC7C,OAAO;YACH,KAAK,EAAE,SAAS;YAChB,KAAK,EAAE,SAAS,CAAC,MAAM;SAC1B,CAAC;IACN,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,MAAM,UAAU,GAAG,CAAC,GAAoB,EAAE,EAAE,CAAC,GAAG,EAAE;QAC9C,eAAe,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,MAAM,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC;YACvF,MAAM,WAAW,GAAG,YAAY,CAAC,OAAO,EAAE,QAAQ,CAAC,OAAO,CAA4B,CAAC;YACvF,WAAW,EAAE,KAAK,EAAE,CAAC;YACrB,WAAW,EAAE,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;YACxF,OAAO,OAAO,CAAC;QACnB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC;IAEpE,OAAO,CACH,6BACgB,KAAK,0BACI,UAAU,eACrB,UAAU,EACpB,IAAI,EAAC,QAAQ,EACb,KAAK,EAAE,WAAW,CAAC;YACf,GAAG,KAAK;YACR,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,0BAA0B;YACtD,cAAc,EAAE,UAAU;SAC7B,CAAC,aAEF,sDACI,2CAEQ,UAAU,EACd,gBAAgB,EAAE,aAAa,CAC3B;wBACI,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC;wBAC7B,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC;qBACjC,EACD;wBACI,cAAc,EAAE,IAAI;wBACpB,eAAe,EAAE,IAAI;qBACxB,CACJ,EACD,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,YAAY,CAAC,OAAO,GAAG,IAAI,CAAC,YAE3C,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CACzB,4BACgB,SAAS,KAAK,GAAG,CAAC,OAAO,KAAK,EAAE,0BACvB,OAAO,iBACf,YAAY,KAAK,KAAK,IAAI,SAAS,6BAGhD,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YAExC,KAAK,IAJD,KAAK,CAKR,CACT,CAAC,GACA,GACJ,EACN,iDACI,KAAC,MAAM,kBACQ,gBAAgB,EAC3B,QAAQ,EAAE,YAAY,KAAK,CAAC,EAC5B,IAAI,EAAE,KAAC,cAAc,0BAAe,EACpC,QAAQ,QACR,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAC3B,OAAO,EAAC,UAAU,GACpB,EACF,KAAC,WAAW,IAAC,WAAW,EAAE,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAI,EAC/D,KAAC,MAAM,kBACQ,YAAY,EACvB,QAAQ,EAAE,YAAY,KAAK,KAAK,GAAG,CAAC,EACpC,IAAI,EAAE,KAAC,eAAe,0BAAe,EACrC,QAAQ,QACR,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,UAAU,CAAC,MAAM,CAAC,EAC3B,OAAO,EAAC,UAAU,GACpB,IACA,EACN,4BAAgB,QAAQ,kCACnB,SAAS,YAAY,GAAG,CAAC,OAAO,KAAK,EAAE,GACrC,IACL,CACT,CAAC;AACN,CAAC"}
@@ -1,23 +1,10 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Button } from '../Button';
3
3
  import { COLOR_VARIANTS } from '../../utils/colorVariants';
4
- function ExampleSlide({ number, onClick }) {
5
- return (_jsxs("div", { "data-color": COLOR_VARIANTS[(number + 3) % COLOR_VARIANTS.length], style: {
6
- backgroundColor: 'var(--background)',
7
- color: 'var(--foreground)',
8
- borderRadius: '8px',
9
- minHeight: '180px',
10
- padding: 20,
11
- display: 'flex',
12
- flexDirection: 'column',
13
- alignItems: 'center',
14
- justifyContent: 'center',
15
- }, children: ["Slide ", number, onClick && (_jsx(Button, { label: "Click me", onClick: () => onClick(`Slide ${number} clicked`), variant: "tertiary" }))] }));
16
- }
17
4
  export const CarouselExample = ({ action }) => {
18
5
  return {
19
6
  containerStyle: { width: '100%', padding: '16px', overflow: 'hidden' },
20
- render: ({ props, Component }) => (_jsx(Component, { ...props, children: Array.from({ length: props.slideCount || 7 }, (_, i) => i + 1).map((num) => (_jsx(ExampleSlide, { number: num, onClick: action }, num))) })),
7
+ render: ({ props, Component }) => (_jsx(Component, { ...props, children: Array.from({ length: props.slideCount || 7 }, (_, i) => i + 1).map((num) => (_jsx(SlidePlaceholder, { number: num, onClick: action }, num))) })),
21
8
  sections: [],
22
9
  variants: false,
23
10
  presets: [
@@ -48,4 +35,17 @@ export const CarouselExample = ({ action }) => {
48
35
  ],
49
36
  };
50
37
  };
38
+ function SlidePlaceholder({ number, onClick }) {
39
+ return (_jsxs("div", { "data-color": COLOR_VARIANTS[(number + 3) % COLOR_VARIANTS.length], style: {
40
+ backgroundColor: 'var(--background)',
41
+ color: 'var(--foreground)',
42
+ borderRadius: '8px',
43
+ minHeight: '180px',
44
+ padding: 20,
45
+ display: 'flex',
46
+ flexDirection: 'column',
47
+ alignItems: 'center',
48
+ justifyContent: 'center',
49
+ }, children: ["Slide ", number, onClick && (_jsx(Button, { label: "Click me", onClick: () => onClick(`Slide ${number} clicked`), variant: "tertiary" }))] }));
50
+ }
51
51
  //# sourceMappingURL=CarouselExample.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselExample.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,SAAS,YAAY,CAAC,EAAE,MAAM,EAAE,OAAO,EAA2D;IAC9F,OAAO,CACH,6BACgB,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAChE,KAAK,EAAE;YACH,eAAe,EAAE,mBAAmB;YACpC,KAAK,EAAE,mBAAmB;YAC1B,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SAC3B,uBAEM,MAAM,EACZ,OAAO,IAAI,CACR,KAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,MAAM,UAAU,CAAC,EAAE,OAAO,EAAC,UAAU,GAAG,CACpG,IACC,CACT,CAAC;AACN,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAA+D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACtG,OAAO;QACH,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACtE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC9B,KAAC,SAAS,OAAK,KAAK,YACf,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzE,KAAC,YAAY,IAAW,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,IAAjC,GAAG,CAAkC,CAC3D,CAAC,GACM,CACf;QACD,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAEtE;aACJ;YACD;gBACI,KAAK,EAAE,aAAa;gBACpB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAEvE;aACJ;YACD;gBACI,KAAK,EAAE,YAAY;gBACnB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAEtE;aACJ;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAErE;aACJ;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAErE;aACJ;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAErE;aACJ;SACJ;KACJ,CAAC;AACN,CAAC,CAAC"}
1
+ {"version":3,"file":"CarouselExample.js","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvD,MAAM,CAAC,MAAM,eAAe,GAA+D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACtG,OAAO;QACH,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE;QACtE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC9B,KAAC,SAAS,OAAK,KAAK,YACf,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,UAAU,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACzE,KAAC,gBAAgB,IAAW,MAAM,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,IAAjC,GAAG,CAAkC,CAC/D,CAAC,GACM,CACf;QACD,QAAQ,EAAE,EAAE;QACZ,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE;YACL;gBACI,KAAK,EAAE,QAAQ;gBACf,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAEtE;aACJ;YACD;gBACI,KAAK,EAAE,aAAa;gBACpB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,OAAO,EAEvE;aACJ;YACD;gBACI,KAAK,EAAE,YAAY;gBACnB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,MAAM,EAEtE;aACJ;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAErE;aACJ;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAErE;aACJ;YACD;gBACI,KAAK,EAAE,WAAW;gBAClB,SAAS,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,SAAS,EAAE,KAAK,EAErE;aACJ;SACJ;KACJ,CAAC;AACN,CAAC,CAAC;AAEF,SAAS,gBAAgB,CAAC,EAAE,MAAM,EAAE,OAAO,EAA2D;IAClG,OAAO,CACH,6BACgB,cAAc,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,cAAc,CAAC,MAAM,CAAC,EAChE,KAAK,EAAE;YACH,eAAe,EAAE,mBAAmB;YACpC,KAAK,EAAE,mBAAmB;YAC1B,YAAY,EAAE,KAAK;YACnB,SAAS,EAAE,OAAO;YAClB,OAAO,EAAE,EAAE;YACX,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;SAC3B,uBAEM,MAAM,EACZ,OAAO,IAAI,CACR,KAAC,MAAM,IAAC,KAAK,EAAC,UAAU,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,SAAS,MAAM,UAAU,CAAC,EAAE,OAAO,EAAC,UAAU,GAAG,CACpG,IACC,CACT,CAAC;AACN,CAAC"}
@@ -34,11 +34,14 @@ export type CheckboxProps = Omit<FieldControlProps, 'onChange' | 'readOnly' | 'v
34
34
  * @example
35
35
  * import { Checkbox } from '@bspk/ui/Checkbox';
36
36
  *
37
- * function Example() {
38
- * const [checked, setChecked] = React.useState(false);
37
+ * () => {
38
+ * const [checked, setChecked] = useState(false);
39
39
  *
40
40
  * return (
41
- * <label htmlFor="sample-checkbox">
41
+ * <label
42
+ * htmlFor="sample-checkbox"
43
+ * style={{ display: 'flex', alignItems: 'center', gap: 'var(--spacing-sizing-02)' }}
44
+ * >
42
45
  * <Checkbox
43
46
  * aria-label="Sample"
44
47
  * checked={checked}
@@ -50,7 +53,7 @@ export type CheckboxProps = Omit<FieldControlProps, 'onChange' | 'readOnly' | 'v
50
53
  * Checkbox Label
51
54
  * </label>
52
55
  * );
53
- * }
56
+ * };
54
57
  *
55
58
  * @element
56
59
  *