@bspk/ui 1.3.11 → 1.3.17

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 (506) hide show
  1. package/dist/components/Accordion/Accordion.d.ts +22 -20
  2. package/dist/components/Accordion/Accordion.js +22 -20
  3. package/dist/components/Accordion/Accordion.js.map +1 -1
  4. package/dist/components/Accordion/AccordionExample.js +5 -4
  5. package/dist/components/Accordion/AccordionExample.js.map +1 -1
  6. package/dist/components/Avatar/Avatar.d.ts +1 -2
  7. package/dist/components/Avatar/Avatar.js +2 -3
  8. package/dist/components/Avatar/Avatar.js.map +1 -1
  9. package/dist/components/Avatar/avatar.css +13 -8
  10. package/dist/components/Avatar/avatar.css.js +13 -8
  11. package/dist/components/AvatarGroup/AvatarGroup.d.ts +1 -1
  12. package/dist/components/AvatarGroup/AvatarGroup.js +1 -1
  13. package/dist/components/Badge/Badge.d.ts +1 -1
  14. package/dist/components/Badge/Badge.js +1 -1
  15. package/dist/components/Badge/BadgeExample.js +0 -1
  16. package/dist/components/Badge/BadgeExample.js.map +1 -1
  17. package/dist/components/BadgeDot/BadgeDot.d.ts +1 -1
  18. package/dist/components/BadgeDot/BadgeDot.js +1 -1
  19. package/dist/components/BadgeDot/BadgeDotExample.js +0 -1
  20. package/dist/components/BadgeDot/BadgeDotExample.js.map +1 -1
  21. package/dist/components/BannerAlert/BannerAlert.d.ts +14 -12
  22. package/dist/components/BannerAlert/BannerAlert.js +14 -12
  23. package/dist/components/BannerAlert/BannerAlert.js.map +1 -1
  24. package/dist/components/BannerAlert/BannerAlertExample.js +0 -1
  25. package/dist/components/BannerAlert/BannerAlertExample.js.map +1 -1
  26. package/dist/components/Breadcrumb/Breadcrumb.d.ts +20 -18
  27. package/dist/components/Breadcrumb/Breadcrumb.js +20 -18
  28. package/dist/components/Breadcrumb/Breadcrumb.js.map +1 -1
  29. package/dist/components/Button/Button.d.ts +29 -4
  30. package/dist/components/Button/Button.js +33 -8
  31. package/dist/components/Button/Button.js.map +1 -1
  32. package/dist/components/Button/button.css +4 -3
  33. package/dist/components/Button/button.css.js +4 -3
  34. package/dist/components/Calendar/Calendar.d.ts +5 -41
  35. package/dist/components/Calendar/Calendar.js +61 -185
  36. package/dist/components/Calendar/Calendar.js.map +1 -1
  37. package/dist/components/Calendar/CalendarExample.js +0 -1
  38. package/dist/components/Calendar/CalendarExample.js.map +1 -1
  39. package/dist/components/Calendar/calendar.css +35 -28
  40. package/dist/components/Calendar/calendar.css.js +35 -28
  41. package/dist/components/Calendar/index.d.ts +1 -0
  42. package/dist/components/Calendar/index.js +1 -0
  43. package/dist/components/Calendar/index.js.map +1 -1
  44. package/dist/components/Calendar/utils.d.ts +11 -0
  45. package/dist/components/Calendar/utils.js +76 -0
  46. package/dist/components/Calendar/utils.js.map +1 -0
  47. package/dist/components/Card/Card.d.ts +1 -1
  48. package/dist/components/Card/Card.js +1 -1
  49. package/dist/components/Carousel/Carousel.d.ts +8 -8
  50. package/dist/components/Carousel/Carousel.js +8 -8
  51. package/dist/components/Carousel/carousel.css +0 -1
  52. package/dist/components/Carousel/carousel.css.js +0 -1
  53. package/dist/components/Checkbox/Checkbox.d.ts +1 -1
  54. package/dist/components/Checkbox/Checkbox.js +1 -1
  55. package/dist/components/Checkbox/checkbox.css +3 -1
  56. package/dist/components/Checkbox/checkbox.css.js +3 -1
  57. package/dist/components/CheckboxGroup/CheckboxGroup.d.ts +1 -1
  58. package/dist/components/CheckboxGroup/CheckboxGroup.js +1 -1
  59. package/dist/components/CheckboxGroup/checkbox-group.css +1 -1
  60. package/dist/components/CheckboxGroup/checkbox-group.css.js +1 -1
  61. package/dist/components/CheckboxGroupField/CheckboxGroupField.d.ts +1 -1
  62. package/dist/components/CheckboxGroupField/CheckboxGroupField.js +1 -1
  63. package/dist/components/CheckboxOption/CheckboxOption.d.ts +1 -1
  64. package/dist/components/CheckboxOption/CheckboxOption.js +1 -1
  65. package/dist/components/Chip/Chip.d.ts +1 -1
  66. package/dist/components/Chip/Chip.js +1 -1
  67. package/dist/components/ChipGroup/ChipGroup.d.ts +1 -1
  68. package/dist/components/ChipGroup/ChipGroup.js +1 -1
  69. package/dist/components/DatePicker/DatePicker.d.ts +23 -11
  70. package/dist/components/DatePicker/DatePicker.js +20 -83
  71. package/dist/components/DatePicker/DatePicker.js.map +1 -1
  72. package/dist/components/DatePicker/DatePickerExample.d.ts +1 -0
  73. package/dist/components/DatePicker/DatePickerExample.js +10 -2
  74. package/dist/components/DatePicker/DatePickerExample.js.map +1 -1
  75. package/dist/components/DatePicker/date-picker.css +9 -0
  76. package/dist/components/DatePicker/date-picker.css.js +9 -0
  77. package/dist/components/DatePickerField/DatePickerField.d.ts +1 -1
  78. package/dist/components/DatePickerField/DatePickerField.js +1 -1
  79. package/dist/components/Divider/Divider.d.ts +4 -4
  80. package/dist/components/Divider/Divider.js +4 -4
  81. package/dist/components/Divider/DividerExample.js +17 -20
  82. package/dist/components/Divider/DividerExample.js.map +1 -1
  83. package/dist/components/Drawer/Drawer.d.ts +8 -10
  84. package/dist/components/Drawer/Drawer.js +9 -12
  85. package/dist/components/Drawer/Drawer.js.map +1 -1
  86. package/dist/components/Drawer/DrawerExample.d.ts +1 -0
  87. package/dist/components/Drawer/DrawerExample.js +10 -4
  88. package/dist/components/Drawer/DrawerExample.js.map +1 -1
  89. package/dist/components/Drawer/drawer.css +6 -0
  90. package/dist/components/Drawer/drawer.css.js +6 -0
  91. package/dist/components/EmptyState/EmptyState.d.ts +2 -2
  92. package/dist/components/EmptyState/EmptyState.js +4 -7
  93. package/dist/components/EmptyState/EmptyState.js.map +1 -1
  94. package/dist/components/EmptyState/EmptyStateExample.js +5 -6
  95. package/dist/components/EmptyState/EmptyStateExample.js.map +1 -1
  96. package/dist/components/ExamplePlaceholder/ExamplePlaceholder.d.ts +6 -13
  97. package/dist/components/ExamplePlaceholder/ExamplePlaceholder.js +12 -7
  98. package/dist/components/ExamplePlaceholder/ExamplePlaceholder.js.map +1 -1
  99. package/dist/components/Fab/Fab.d.ts +5 -3
  100. package/dist/components/Fab/Fab.js +8 -6
  101. package/dist/components/Fab/Fab.js.map +1 -1
  102. package/dist/components/Fab/FabExample.d.ts +1 -0
  103. package/dist/components/Fab/FabExample.js +6 -0
  104. package/dist/components/Fab/FabExample.js.map +1 -1
  105. package/dist/components/Fab/fab.css +5 -3
  106. package/dist/components/Fab/fab.css.js +5 -3
  107. package/dist/components/FileUpload/FileUpload.d.ts +1 -1
  108. package/dist/components/FileUpload/FileUpload.js +1 -1
  109. package/dist/components/FileUploadItem/FileUploadItem.d.ts +1 -1
  110. package/dist/components/FileUploadItem/FileUploadItem.js +1 -1
  111. package/dist/components/Flex/Flex.d.ts +55 -0
  112. package/dist/components/Flex/Flex.js +38 -0
  113. package/dist/components/Flex/Flex.js.map +1 -0
  114. package/dist/components/Flex/FlexExample.d.ts +5 -0
  115. package/dist/components/Flex/FlexExample.js +13 -0
  116. package/dist/components/Flex/FlexExample.js.map +1 -0
  117. package/dist/components/Flex/index.d.ts +1 -0
  118. package/dist/components/Flex/index.js +2 -0
  119. package/dist/components/Flex/index.js.map +1 -0
  120. package/dist/components/FormField/FormFieldExample.js +0 -1
  121. package/dist/components/FormField/FormFieldExample.js.map +1 -1
  122. package/dist/components/Grid/Grid.d.ts +48 -0
  123. package/dist/components/Grid/Grid.js +36 -0
  124. package/dist/components/Grid/Grid.js.map +1 -0
  125. package/dist/components/Grid/GridExample.d.ts +3 -0
  126. package/dist/components/Grid/GridExample.js +28 -0
  127. package/dist/components/Grid/GridExample.js.map +1 -0
  128. package/dist/components/Grid/index.d.ts +1 -0
  129. package/dist/components/Grid/index.js +2 -0
  130. package/dist/components/Grid/index.js.map +1 -0
  131. package/dist/components/InlineAlert/InlineAlert.d.ts +1 -1
  132. package/dist/components/InlineAlert/InlineAlert.js +1 -1
  133. package/dist/components/Input/Input.d.ts +5 -9
  134. package/dist/components/Input/Input.js +5 -9
  135. package/dist/components/Input/Input.js.map +1 -1
  136. package/dist/components/Input/InputElement.js +3 -6
  137. package/dist/components/Input/InputElement.js.map +1 -1
  138. package/dist/components/Input/InputExample.d.ts +1 -0
  139. package/dist/components/Input/InputExample.js +10 -1
  140. package/dist/components/Input/InputExample.js.map +1 -1
  141. package/dist/components/Input/input.css +6 -1
  142. package/dist/components/Input/input.css.js +6 -1
  143. package/dist/components/InputField/InputField.d.ts +1 -1
  144. package/dist/components/InputField/InputField.js +1 -1
  145. package/dist/components/InputNumber/InputNumber.d.ts +6 -15
  146. package/dist/components/InputNumber/InputNumber.js +6 -15
  147. package/dist/components/InputNumber/InputNumber.js.map +1 -1
  148. package/dist/components/InputNumber/InputNumberExample.d.ts +1 -0
  149. package/dist/components/InputNumber/InputNumberExample.js +10 -1
  150. package/dist/components/InputNumber/InputNumberExample.js.map +1 -1
  151. package/dist/components/InputNumber/input-number.css +6 -4
  152. package/dist/components/InputNumber/input-number.css.js +6 -4
  153. package/dist/components/InputNumberField/InputNumberField.d.ts +1 -1
  154. package/dist/components/InputNumberField/InputNumberField.js +1 -1
  155. package/dist/components/InputPhone/InputPhone.d.ts +7 -9
  156. package/dist/components/InputPhone/InputPhone.js +19 -19
  157. package/dist/components/InputPhone/InputPhone.js.map +1 -1
  158. package/dist/components/InputPhone/InputPhoneExample.d.ts +2 -1
  159. package/dist/components/InputPhone/InputPhoneExample.js +9 -1
  160. package/dist/components/InputPhone/InputPhoneExample.js.map +1 -1
  161. package/dist/components/InputPhoneField/InputPhoneField.d.ts +1 -1
  162. package/dist/components/InputPhoneField/InputPhoneField.js +1 -1
  163. package/dist/components/Link/Link.d.ts +1 -1
  164. package/dist/components/Link/Link.js +1 -1
  165. package/dist/components/ListItem/ListItem.d.ts +1 -1
  166. package/dist/components/ListItem/ListItem.js +1 -1
  167. package/dist/components/Menu/Menu.d.ts +1 -3
  168. package/dist/components/Menu/Menu.js +1 -3
  169. package/dist/components/Menu/Menu.js.map +1 -1
  170. package/dist/components/Modal/Modal.d.ts +1 -3
  171. package/dist/components/Modal/Modal.js +2 -4
  172. package/dist/components/Modal/Modal.js.map +1 -1
  173. package/dist/components/OTPInput/OTPInput.d.ts +1 -1
  174. package/dist/components/OTPInput/OTPInput.js +1 -1
  175. package/dist/components/OTPInput/OTPInputExample.js +0 -1
  176. package/dist/components/OTPInput/OTPInputExample.js.map +1 -1
  177. package/dist/components/PageControl/PageControl.d.ts +1 -1
  178. package/dist/components/PageControl/PageControl.js +1 -1
  179. package/dist/components/PageControl/PageControlExample.js +0 -1
  180. package/dist/components/PageControl/PageControlExample.js.map +1 -1
  181. package/dist/components/PageHeader/PageHeader.d.ts +57 -0
  182. package/dist/components/PageHeader/PageHeader.js +28 -0
  183. package/dist/components/PageHeader/PageHeader.js.map +1 -0
  184. package/dist/components/PageHeader/PageHeaderExample.d.ts +4 -0
  185. package/dist/components/PageHeader/PageHeaderExample.js +56 -0
  186. package/dist/components/PageHeader/PageHeaderExample.js.map +1 -0
  187. package/dist/components/PageHeader/index.d.ts +1 -0
  188. package/dist/components/PageHeader/index.js +2 -0
  189. package/dist/components/PageHeader/index.js.map +1 -0
  190. package/dist/components/PageHeader/page-header.css +35 -0
  191. package/dist/components/PageHeader/page-header.css.js +40 -0
  192. package/dist/components/Pagination/Pagination.d.ts +2 -2
  193. package/dist/components/Pagination/Pagination.js +8 -3
  194. package/dist/components/Pagination/Pagination.js.map +1 -1
  195. package/dist/components/Pagination/pagination.css +8 -2
  196. package/dist/components/Pagination/pagination.css.js +8 -2
  197. package/dist/components/Password/Password.d.ts +11 -16
  198. package/dist/components/Password/Password.js +11 -16
  199. package/dist/components/Password/Password.js.map +1 -1
  200. package/dist/components/Password/PasswordExample.d.ts +1 -0
  201. package/dist/components/Password/PasswordExample.js +9 -0
  202. package/dist/components/Password/PasswordExample.js.map +1 -1
  203. package/dist/components/PasswordField/PasswordField.d.ts +1 -1
  204. package/dist/components/PasswordField/PasswordField.js +1 -1
  205. package/dist/components/Popover/Popover.d.ts +1 -1
  206. package/dist/components/Popover/Popover.js +1 -1
  207. package/dist/components/Popover/PopoverExample.js +0 -1
  208. package/dist/components/Popover/PopoverExample.js.map +1 -1
  209. package/dist/components/Popover/popover.css +7 -5
  210. package/dist/components/Popover/popover.css.js +7 -5
  211. package/dist/components/ProgressBar/ProgressBar.d.ts +1 -1
  212. package/dist/components/ProgressBar/ProgressBar.js +1 -1
  213. package/dist/components/ProgressCircle/ProgressCircle.d.ts +1 -1
  214. package/dist/components/ProgressCircle/ProgressCircle.js +1 -1
  215. package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +1 -1
  216. package/dist/components/ProgressionStepper/ProgressionStepper.js +1 -1
  217. package/dist/components/ProgressionStepper/ProgressionStepperExample.js +0 -1
  218. package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
  219. package/dist/components/ProgressionStepper/progression-stepper.css +5 -3
  220. package/dist/components/ProgressionStepper/progression-stepper.css.js +5 -3
  221. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.d.ts +1 -1
  222. package/dist/components/ProgressionStepperBar/ProgressionStepperBar.js +1 -1
  223. package/dist/components/ProgressionStepperBar/progression-stepper-bar.css +6 -6
  224. package/dist/components/ProgressionStepperBar/progression-stepper-bar.css.js +7 -7
  225. package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
  226. package/dist/components/RadioGroup/RadioGroup.js +1 -1
  227. package/dist/components/RadioGroup/radio-group.css +1 -1
  228. package/dist/components/RadioGroup/radio-group.css.js +1 -1
  229. package/dist/components/RadioGroupField/RadioGroupField.d.ts +1 -1
  230. package/dist/components/RadioGroupField/RadioGroupField.js +1 -1
  231. package/dist/components/Rating/Rating.d.ts +3 -2
  232. package/dist/components/Rating/Rating.js +5 -3
  233. package/dist/components/Rating/Rating.js.map +1 -1
  234. package/dist/components/SearchBar/SearchBar.d.ts +1 -1
  235. package/dist/components/SearchBar/SearchBar.js +3 -4
  236. package/dist/components/SearchBar/SearchBar.js.map +1 -1
  237. package/dist/components/SegmentedControl/SegmentedControl.d.ts +1 -1
  238. package/dist/components/SegmentedControl/SegmentedControl.js +1 -1
  239. package/dist/components/SegmentedControl/segmented-control.css +3 -1
  240. package/dist/components/SegmentedControl/segmented-control.css.js +3 -1
  241. package/dist/components/Select/Select.d.ts +11 -24
  242. package/dist/components/Select/Select.js +11 -24
  243. package/dist/components/Select/Select.js.map +1 -1
  244. package/dist/components/Select/SelectExample.d.ts +1 -0
  245. package/dist/components/Select/SelectExample.js +18 -1
  246. package/dist/components/Select/SelectExample.js.map +1 -1
  247. package/dist/components/SelectField/SelectField.d.ts +1 -1
  248. package/dist/components/SelectField/SelectField.js +1 -1
  249. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  250. package/dist/components/Skeleton/Skeleton.js +1 -1
  251. package/dist/components/SkeletonText/SkeletonText.d.ts +1 -1
  252. package/dist/components/SkeletonText/SkeletonText.js +1 -1
  253. package/dist/components/Slider/Slider.d.ts +18 -3
  254. package/dist/components/Slider/Slider.js +20 -4
  255. package/dist/components/Slider/Slider.js.map +1 -1
  256. package/dist/components/Slider/SliderExample.d.ts +1 -0
  257. package/dist/components/Slider/SliderExample.js +7 -2
  258. package/dist/components/Slider/SliderExample.js.map +1 -1
  259. package/dist/components/Snackbar/Manager.d.ts +1 -1
  260. package/dist/components/Snackbar/Manager.js +1 -1
  261. package/dist/components/Snackbar/Snackbar.d.ts +1 -1
  262. package/dist/components/Snackbar/Snackbar.js +1 -1
  263. package/dist/components/Snackbar/SnackbarExample.js +0 -1
  264. package/dist/components/Snackbar/SnackbarExample.js.map +1 -1
  265. package/dist/components/Switch/Switch.d.ts +1 -1
  266. package/dist/components/Switch/Switch.js +1 -1
  267. package/dist/components/Switch/switch.css +11 -9
  268. package/dist/components/Switch/switch.css.js +11 -9
  269. package/dist/components/SwitchOption/SwitchOption.d.ts +1 -1
  270. package/dist/components/SwitchOption/SwitchOption.js +1 -1
  271. package/dist/components/TabGroup/TabGroup.d.ts +1 -1
  272. package/dist/components/TabGroup/TabGroup.js +1 -1
  273. package/dist/components/TabGroup/TabGroupExample.js +0 -1
  274. package/dist/components/TabGroup/TabGroupExample.js.map +1 -1
  275. package/dist/components/TabList/TabListExample.js +0 -1
  276. package/dist/components/TabList/TabListExample.js.map +1 -1
  277. package/dist/components/TabList/tab-list.css +5 -3
  278. package/dist/components/TabList/tab-list.css.js +5 -3
  279. package/dist/components/Table/Table.d.ts +2 -2
  280. package/dist/components/Table/Table.js +8 -8
  281. package/dist/components/Table/Table.js.map +1 -1
  282. package/dist/components/Table/TableExample.js +56 -54
  283. package/dist/components/Table/TableExample.js.map +1 -1
  284. package/dist/components/Table/utils.d.ts +2 -2
  285. package/dist/components/Table/utils.js +27 -22
  286. package/dist/components/Table/utils.js.map +1 -1
  287. package/dist/components/Tag/Tag.d.ts +1 -1
  288. package/dist/components/Tag/Tag.js +1 -1
  289. package/dist/components/Textarea/Textarea.d.ts +5 -8
  290. package/dist/components/Textarea/Textarea.js +5 -8
  291. package/dist/components/Textarea/Textarea.js.map +1 -1
  292. package/dist/components/Textarea/TextareaExample.d.ts +1 -0
  293. package/dist/components/Textarea/TextareaExample.js +12 -1
  294. package/dist/components/Textarea/TextareaExample.js.map +1 -1
  295. package/dist/components/Textarea/textarea.css +5 -3
  296. package/dist/components/Textarea/textarea.css.js +5 -3
  297. package/dist/components/TextareaField/TextareaField.d.ts +1 -1
  298. package/dist/components/TextareaField/TextareaField.js +1 -1
  299. package/dist/components/TimePicker/TimePicker.d.ts +5 -9
  300. package/dist/components/TimePicker/TimePicker.js +5 -9
  301. package/dist/components/TimePicker/TimePicker.js.map +1 -1
  302. package/dist/components/TimePicker/TimePickerExample.d.ts +1 -0
  303. package/dist/components/TimePicker/TimePickerExample.js +9 -1
  304. package/dist/components/TimePicker/TimePickerExample.js.map +1 -1
  305. package/dist/components/TimePickerField/TimePickerField.d.ts +1 -1
  306. package/dist/components/TimePickerField/TimePickerField.js +1 -1
  307. package/dist/components/Tooltip/Tooltip.d.ts +1 -1
  308. package/dist/components/Tooltip/Tooltip.js +2 -2
  309. package/dist/components/Tooltip/Tooltip.js.map +1 -1
  310. package/dist/components/Tooltip/tooltip.css +7 -3
  311. package/dist/components/Tooltip/tooltip.css.js +7 -3
  312. package/dist/components/Txt/Txt.d.ts +1 -1
  313. package/dist/components/Txt/Txt.js +1 -1
  314. package/dist/components/UIProvider/UIProvider.js +4 -6
  315. package/dist/components/UIProvider/UIProvider.js.map +1 -1
  316. package/dist/components/UIProvider/UIProviderExample.d.ts +0 -1
  317. package/dist/components/UIProvider/UIProviderExample.js +1 -46
  318. package/dist/components/UIProvider/UIProviderExample.js.map +1 -1
  319. package/dist/hooks/useControlledState.d.ts +7 -0
  320. package/dist/hooks/useControlledState.js +21 -0
  321. package/dist/hooks/useControlledState.js.map +1 -0
  322. package/dist/hooks/{useAddEventListener.js → useEventListener.js} +1 -1
  323. package/dist/hooks/useEventListener.js.map +1 -0
  324. package/dist/types/meta.d.ts +0 -1
  325. package/dist/types/meta.js +0 -7
  326. package/dist/types/meta.js.map +1 -1
  327. package/dist/utils/createCustomEvent.js +1 -1
  328. package/dist/utils/createCustomEvent.js.map +1 -1
  329. package/dist/utils/demo.d.ts +19 -2
  330. package/dist/utils/demo.js.map +1 -1
  331. package/dist/utils/dom.d.ts +1 -0
  332. package/dist/utils/dom.js +5 -0
  333. package/dist/utils/dom.js.map +1 -1
  334. package/dist/utils/handleKeyDown.d.ts +1 -0
  335. package/dist/utils/handleKeyDown.js +9 -3
  336. package/dist/utils/handleKeyDown.js.map +1 -1
  337. package/dist/utils/keyboard.d.ts +3 -1
  338. package/dist/utils/keyboard.js.map +1 -1
  339. package/dist/utils/sendAriaLiveMessage.d.ts +8 -0
  340. package/dist/utils/sendAriaLiveMessage.js +14 -0
  341. package/dist/utils/sendAriaLiveMessage.js.map +1 -0
  342. package/dist/utils/sizing.d.ts +3 -0
  343. package/dist/utils/sizing.js +28 -0
  344. package/dist/utils/sizing.js.map +1 -0
  345. package/dist/utils/uiContext.d.ts +0 -1
  346. package/dist/utils/uiContext.js.map +1 -1
  347. package/meta.ts +9 -8
  348. package/package.json +31 -25
  349. package/src/components/Accordion/Accordion.tsx +22 -20
  350. package/src/components/Accordion/AccordionExample.tsx +5 -4
  351. package/src/components/Avatar/Avatar.tsx +2 -3
  352. package/src/components/Avatar/avatar.scss +9 -6
  353. package/src/components/AvatarGroup/AvatarGroup.tsx +1 -1
  354. package/src/components/Badge/Badge.tsx +1 -1
  355. package/src/components/Badge/BadgeExample.tsx +0 -1
  356. package/src/components/BadgeDot/BadgeDot.tsx +1 -1
  357. package/src/components/BadgeDot/BadgeDotExample.tsx +0 -1
  358. package/src/components/BannerAlert/BannerAlert.tsx +14 -12
  359. package/src/components/BannerAlert/BannerAlertExample.tsx +0 -1
  360. package/src/components/Breadcrumb/Breadcrumb.tsx +20 -18
  361. package/src/components/Button/Button.tsx +36 -10
  362. package/src/components/Button/button.scss +13 -6
  363. package/src/components/Calendar/Calendar.rtl.test.tsx +1 -1
  364. package/src/components/Calendar/Calendar.tsx +156 -371
  365. package/src/components/Calendar/CalendarExample.tsx +0 -1
  366. package/src/components/Calendar/calendar.scss +46 -40
  367. package/src/components/Calendar/index.tsx +1 -0
  368. package/src/components/Calendar/utils.tsx +98 -0
  369. package/src/components/Card/Card.tsx +1 -1
  370. package/src/components/Carousel/Carousel.tsx +8 -8
  371. package/src/components/Carousel/carousel.scss +0 -1
  372. package/src/components/Checkbox/Checkbox.tsx +1 -1
  373. package/src/components/CheckboxGroup/CheckboxGroup.tsx +1 -1
  374. package/src/components/CheckboxGroupField/CheckboxGroupField.tsx +1 -1
  375. package/src/components/CheckboxOption/CheckboxOption.tsx +1 -1
  376. package/src/components/Chip/Chip.tsx +1 -1
  377. package/src/components/ChipGroup/ChipGroup.tsx +1 -1
  378. package/src/components/DatePicker/DatePicker.rtl.test.tsx +1 -1
  379. package/src/components/DatePicker/DatePicker.tsx +51 -106
  380. package/src/components/DatePicker/DatePickerExample.tsx +20 -3
  381. package/src/components/DatePicker/date-picker.scss +11 -0
  382. package/src/components/DatePickerField/DatePickerField.tsx +1 -1
  383. package/src/components/Divider/Divider.tsx +4 -4
  384. package/src/components/Divider/DividerExample.tsx +22 -23
  385. package/src/components/Drawer/Drawer.tsx +9 -16
  386. package/src/components/Drawer/DrawerExample.tsx +28 -4
  387. package/src/components/Drawer/drawer.scss +7 -0
  388. package/src/components/EmptyState/EmptyState.rtl.test.tsx +1 -1
  389. package/src/components/EmptyState/EmptyState.tsx +14 -21
  390. package/src/components/EmptyState/EmptyStateExample.tsx +5 -5
  391. package/src/components/ExamplePlaceholder/ExamplePlaceholder.tsx +17 -22
  392. package/src/components/Fab/Fab.tsx +10 -7
  393. package/src/components/Fab/FabExample.tsx +10 -1
  394. package/src/components/FileUpload/FileUpload.tsx +1 -1
  395. package/src/components/FileUploadItem/FileUploadItem.tsx +1 -1
  396. package/src/components/{Layout/Layout.rtl.test.tsx → Flex/Flex.rtl.test.tsx} +3 -3
  397. package/src/components/Flex/Flex.tsx +100 -0
  398. package/src/components/Flex/FlexExample.tsx +27 -0
  399. package/src/components/Flex/index.tsx +1 -0
  400. package/src/components/FormField/FormFieldExample.tsx +1 -2
  401. package/src/components/Grid/Grid.rtl.test.tsx +19 -0
  402. package/src/components/Grid/Grid.tsx +75 -0
  403. package/src/components/Grid/GridExample.tsx +42 -0
  404. package/src/components/Grid/index.tsx +1 -0
  405. package/src/components/InlineAlert/InlineAlert.tsx +1 -1
  406. package/src/components/Input/Input.tsx +5 -9
  407. package/src/components/Input/InputElement.tsx +4 -7
  408. package/src/components/Input/InputExample.tsx +19 -1
  409. package/src/components/Input/input.scss +9 -1
  410. package/src/components/InputField/InputField.tsx +1 -1
  411. package/src/components/InputNumber/InputNumber.tsx +6 -15
  412. package/src/components/InputNumber/InputNumberExample.tsx +24 -1
  413. package/src/components/InputNumberField/InputNumberField.tsx +1 -1
  414. package/src/components/InputPhone/InputPhone.tsx +18 -17
  415. package/src/components/InputPhone/InputPhoneExample.tsx +27 -2
  416. package/src/components/InputPhoneField/InputPhoneField.tsx +1 -1
  417. package/src/components/Link/Link.tsx +1 -1
  418. package/src/components/ListItem/ListItem.tsx +1 -1
  419. package/src/components/Menu/Menu.tsx +1 -3
  420. package/src/components/Modal/Modal.tsx +2 -4
  421. package/src/components/OTPInput/OTPInput.tsx +1 -1
  422. package/src/components/OTPInput/OTPInputExample.tsx +0 -1
  423. package/src/components/PageControl/PageControl.tsx +1 -1
  424. package/src/components/PageControl/PageControlExample.tsx +0 -1
  425. package/src/components/PageHeader/PageHeader.rtl.test.tsx +18 -0
  426. package/src/components/PageHeader/PageHeader.tsx +78 -0
  427. package/src/components/PageHeader/PageHeaderExample.tsx +58 -0
  428. package/src/components/PageHeader/index.tsx +1 -0
  429. package/src/components/PageHeader/page-header.scss +41 -0
  430. package/src/components/Pagination/Pagination.tsx +14 -3
  431. package/src/components/Pagination/pagination.scss +12 -5
  432. package/src/components/Password/Password.tsx +11 -16
  433. package/src/components/Password/PasswordExample.tsx +18 -1
  434. package/src/components/PasswordField/PasswordField.tsx +1 -1
  435. package/src/components/Popover/Popover.tsx +1 -1
  436. package/src/components/Popover/PopoverExample.tsx +0 -1
  437. package/src/components/ProgressBar/ProgressBar.tsx +1 -1
  438. package/src/components/ProgressCircle/ProgressCircle.tsx +1 -1
  439. package/src/components/ProgressionStepper/ProgressionStepper.tsx +1 -1
  440. package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +0 -1
  441. package/src/components/ProgressionStepperBar/ProgressionStepperBar.tsx +1 -1
  442. package/src/components/RadioGroup/RadioGroup.tsx +1 -1
  443. package/src/components/RadioGroupField/RadioGroupField.tsx +1 -1
  444. package/src/components/Rating/Rating.tsx +7 -3
  445. package/src/components/SearchBar/SearchBar.tsx +3 -5
  446. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
  447. package/src/components/Select/Select.tsx +11 -24
  448. package/src/components/Select/SelectExample.tsx +36 -1
  449. package/src/components/SelectField/SelectField.tsx +1 -1
  450. package/src/components/Skeleton/Skeleton.tsx +1 -1
  451. package/src/components/SkeletonText/SkeletonText.tsx +1 -1
  452. package/src/components/Slider/Slider.tsx +21 -4
  453. package/src/components/Slider/SliderExample.tsx +16 -2
  454. package/src/components/Snackbar/Manager.tsx +1 -1
  455. package/src/components/Snackbar/Snackbar.tsx +1 -1
  456. package/src/components/Snackbar/SnackbarExample.tsx +0 -1
  457. package/src/components/Switch/Switch.tsx +1 -1
  458. package/src/components/SwitchOption/SwitchOption.tsx +1 -1
  459. package/src/components/TabGroup/TabGroup.tsx +1 -1
  460. package/src/components/TabGroup/TabGroupExample.tsx +0 -1
  461. package/src/components/TabList/TabListExample.tsx +0 -1
  462. package/src/components/Table/Table.tsx +11 -16
  463. package/src/components/Table/TableExample.tsx +56 -54
  464. package/src/components/Table/utils.ts +31 -20
  465. package/src/components/Tag/Tag.tsx +1 -1
  466. package/src/components/Textarea/Textarea.tsx +5 -8
  467. package/src/components/Textarea/TextareaExample.tsx +21 -1
  468. package/src/components/TextareaField/TextareaField.tsx +1 -1
  469. package/src/components/TimePicker/TimePicker.tsx +5 -9
  470. package/src/components/TimePicker/TimePickerExample.tsx +18 -1
  471. package/src/components/TimePickerField/TimePickerField.tsx +1 -1
  472. package/src/components/Tooltip/Tooltip.tsx +2 -2
  473. package/src/components/Tooltip/tooltip.scss +2 -0
  474. package/src/components/Txt/Txt.tsx +1 -1
  475. package/src/components/UIProvider/UIProvider.tsx +1 -4
  476. package/src/components/UIProvider/UIProviderExample.tsx +0 -83
  477. package/src/hooks/useControlledState.ts +31 -0
  478. package/src/types/meta.ts +0 -8
  479. package/src/utils/createCustomEvent.ts +1 -1
  480. package/src/utils/demo.ts +19 -2
  481. package/src/utils/dom.ts +8 -0
  482. package/src/utils/handleKeyDown.ts +9 -3
  483. package/src/utils/keyboard.ts +5 -2
  484. package/src/utils/sendAriaLiveMessage.ts +17 -0
  485. package/src/utils/sizing.ts +30 -0
  486. package/src/utils/uiContext.ts +0 -1
  487. package/.scripts/index.ts +0 -110
  488. package/dist/components/Layout/Layout.d.ts +0 -50
  489. package/dist/components/Layout/Layout.js +0 -28
  490. package/dist/components/Layout/Layout.js.map +0 -1
  491. package/dist/components/Layout/LayoutExample.d.ts +0 -4
  492. package/dist/components/Layout/LayoutExample.js +0 -9
  493. package/dist/components/Layout/LayoutExample.js.map +0 -1
  494. package/dist/components/Layout/index.d.ts +0 -1
  495. package/dist/components/Layout/index.js +0 -2
  496. package/dist/components/Layout/index.js.map +0 -1
  497. package/dist/components/UIProvider/AriaLiveMessageHandler.d.ts +0 -13
  498. package/dist/components/UIProvider/AriaLiveMessageHandler.js +0 -31
  499. package/dist/components/UIProvider/AriaLiveMessageHandler.js.map +0 -1
  500. package/dist/hooks/useAddEventListener.js.map +0 -1
  501. package/src/components/Layout/Layout.tsx +0 -85
  502. package/src/components/Layout/LayoutExample.tsx +0 -17
  503. package/src/components/Layout/index.tsx +0 -1
  504. package/src/components/UIProvider/AriaLiveMessageHandler.tsx +0 -46
  505. /package/dist/hooks/{useAddEventListener.d.ts → useEventListener.d.ts} +0 -0
  506. /package/src/hooks/{useAddEventListener.ts → useEventListener.ts} +0 -0
@@ -1,12 +1,13 @@
1
+ import { isValid } from 'date-fns';
1
2
  import { isValidElement, useMemo, useState } from 'react';
3
+ import { sendAriaLiveMessage } from '../../utils/sendAriaLiveMessage';
2
4
  const parseDateTime = (val) => {
3
- if (val instanceof Date)
4
- return val.getTime();
5
+ let dateValue = val;
5
6
  if (typeof val === 'string' || typeof val === 'number')
6
- return new Date(val).getTime();
7
- return 0;
7
+ dateValue = new Date(val).getTime();
8
+ return dateValue instanceof Date && isValid(dateValue) ? dateValue.getTime() : 0;
8
9
  };
9
- const BUILT_IN_COLUMN_SORTERS = {
10
+ export const BUILT_IN_COLUMN_SORTERS = {
10
11
  string: (a, b) => `${a}`.localeCompare(`${b}`),
11
12
  number: (a, b) => {
12
13
  const aNum = typeof a === 'number' ? a : Number(a) || 0;
@@ -18,11 +19,6 @@ const BUILT_IN_COLUMN_SORTERS = {
18
19
  return parseDateTime(a) - parseDateTime(b);
19
20
  },
20
21
  };
21
- export const SORT_PREV_NEXT_STATE = {
22
- asc: 'desc',
23
- desc: undefined,
24
- none: 'asc',
25
- };
26
22
  export function formatCell(value) {
27
23
  if (isValidElement(value))
28
24
  return value;
@@ -67,18 +63,20 @@ export function useTable({ data, pageIndex, pageSize, columns, }) {
67
63
  sorting,
68
64
  toggleSorting: (key) => {
69
65
  setSorting((prev) => {
70
- const nextArr = [...prev];
71
- const prevIndex = nextArr.findIndex((sort) => sort.key === key);
72
- if (prevIndex !== -1) {
73
- const order = SORT_PREV_NEXT_STATE[nextArr[prevIndex].order];
74
- if (order === undefined)
75
- nextArr.splice(prevIndex, 1);
76
- else
77
- nextArr[prevIndex] = { key, order: order };
78
- }
79
- else {
80
- nextArr.push({ key, order: 'asc' });
81
- }
66
+ let nextArr = [];
67
+ const exists = prev.find((sort) => sort.key === key);
68
+ const order = getNextOrder(exists?.order);
69
+ // update to nextOrder
70
+ if (order && exists)
71
+ nextArr = prev.map((sort) => (sort.key === key ? { ...sort, order } : sort));
72
+ // add nextOrder
73
+ if (order && !exists)
74
+ nextArr = [...prev, { key, order }];
75
+ // remove sorting
76
+ if (!order && exists)
77
+ nextArr = prev.filter((sort) => sort.key !== key);
78
+ const columnLabel = columns?.find((col) => col.key === key)?.label || key;
79
+ sendAriaLiveMessage(`${order ? `Sorted ${order}ending` : 'Removed sorting'} by ${columnLabel}`);
82
80
  return nextArr;
83
81
  });
84
82
  },
@@ -86,4 +84,11 @@ export function useTable({ data, pageIndex, pageSize, columns, }) {
86
84
  totalPages: Math.ceil(data.length / pageSize),
87
85
  };
88
86
  }
87
+ function getNextOrder(currentOrder) {
88
+ if (!currentOrder)
89
+ return 'asc';
90
+ if (currentOrder === 'asc')
91
+ return 'desc';
92
+ return undefined;
93
+ }
89
94
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,aAAa,GAAG,CAAC,GAAmB,EAAE,EAAE;IAC1C,IAAI,GAAG,YAAY,IAAI;QAAE,OAAO,GAAG,CAAC,OAAO,EAAE,CAAC;IAC9C,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,OAAO,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IACvF,OAAO,CAAC,CAAC;AACb,CAAC,CAAC;AAIF,MAAM,uBAAuB,GAAuD;IAChF,MAAM,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9E,MAAM,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;QAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,IAAI,GAAG,IAAI,CAAC;IACvB,CAAC;IACD,OAAO,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,IAAI,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;QAC3C,OAAO,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC;CACK,CAAC;AAwEX,MAAM,CAAC,MAAM,oBAAoB,GAAsD;IACnF,GAAG,EAAE,MAAM;IACX,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,KAAK;CACd,CAAC;AAEF,MAAM,UAAU,UAAU,CAAC,KAAqB;IAC5C,IAAI,cAAc,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAExC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAElE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,GAAG,KAAK,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAqB,EACzC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAMV;IACG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,gBAAgB;QAChB,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC1B,KAAK,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,OAAO,EAAE,CAAC;oBACnC,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBACtB,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBAEtB,MAAM,OAAO,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC;oBAE9D,IAAI,CAAC,OAAO;wBAAE,SAAS;oBAEvB,MAAM,SAAS,GAAG,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;oBAC7F,MAAM,IAAI,GAAW,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;oBAE/C,IAAI,IAAI,KAAK,CAAC;wBAAE,OAAO,IAAI,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7D,CAAC;gBAED,OAAO,CAAC,CAAC;YACb,CAAC,CAAC,CAAC;QACP,CAAC;QAED,mBAAmB;QACnB,MAAM,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;QACnC,MAAM,GAAG,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC7B,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElC,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO;QACH,IAAI,EAAE,YAAY;QAClB,OAAO;QACP,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE;YAC3B,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,MAAM,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC;gBAC1B,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBAChE,IAAI,SAAS,KAAK,CAAC,CAAC,EAAE,CAAC;oBACnB,MAAM,KAAK,GAAG,oBAAoB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC;oBAC7D,IAAI,KAAK,KAAK,SAAS;wBAAE,OAAO,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC;;wBACjD,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;gBACpD,CAAC;qBAAM,CAAC;oBACJ,OAAO,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;gBACxC,CAAC;gBACD,OAAO,OAAO,CAAC;YACnB,CAAC,CAAC,CAAC;QACP,CAAC;QACD,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAClC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;KAChD,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Table/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,OAAO,EAAE,cAAc,EAAa,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,aAAa,GAAG,CAAC,GAAmB,EAAE,EAAE;IAC1C,IAAI,SAAS,GAAG,GAAG,CAAC;IACpB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ;QAAE,SAAS,GAAG,IAAI,IAAI,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,CAAC;IAE5F,OAAO,SAAS,YAAY,IAAI,IAAI,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;AACrF,CAAC,CAAC;AAIF,MAAM,CAAC,MAAM,uBAAuB,GAAuD;IACvF,MAAM,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9E,MAAM,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;QAC7C,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,MAAM,IAAI,GAAG,OAAO,CAAC,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QACxD,OAAO,IAAI,GAAG,IAAI,CAAC;IACvB,CAAC;IACD,OAAO,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7E,IAAI,EAAE,CAAC,CAAiB,EAAE,CAAiB,EAAE,EAAE;QAC3C,OAAO,aAAa,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,CAAC,CAAC,CAAC;IAC/C,CAAC;CACK,CAAC;AAwEX,MAAM,UAAU,UAAU,CAAC,KAAqB;IAC5C,IAAI,cAAc,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC;IAExC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAElE,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;QAC5B,sCAAsC;QACtC,OAAO,CAAC,IAAI,CAAC,0BAA0B,EAAE,KAAK,CAAC,CAAC;QAChD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,OAAO,GAAG,KAAK,EAAE,CAAC;AACtB,CAAC;AAED,MAAM,UAAU,QAAQ,CAAqB,EACzC,IAAI,EACJ,SAAS,EACT,QAAQ,EACR,OAAO,GAMV;IACG,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAY,EAAE,CAAC,CAAC;IAEtD,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,MAAM,GAAG,IAAI,CAAC;QAElB,gBAAgB;QAChB,IAAI,OAAO,CAAC,MAAM,EAAE,CAAC;YACjB,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;gBAC1B,KAAK,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,OAAO,EAAE,CAAC;oBACnC,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBACtB,MAAM,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBAEtB,MAAM,OAAO,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC;oBAE9D,IAAI,CAAC,OAAO;wBAAE,SAAS;oBAEvB,MAAM,SAAS,GAAG,OAAO,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,uBAAuB,CAAC,OAAO,CAAC,CAAC;oBAC7F,MAAM,IAAI,GAAW,SAAS,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;oBAE/C,IAAI,IAAI,KAAK,CAAC;wBAAE,OAAO,IAAI,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBAC7D,CAAC;gBAED,OAAO,CAAC,CAAC;YACb,CAAC,CAAC,CAAC;QACP,CAAC;QAED,mBAAmB;QACnB,MAAM,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAC;QACnC,MAAM,GAAG,GAAG,KAAK,GAAG,QAAQ,CAAC;QAC7B,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;QAElC,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAElD,OAAO;QACH,IAAI,EAAE,YAAY;QAClB,OAAO;QACP,aAAa,EAAE,CAAC,GAAW,EAAE,EAAE;YAC3B,UAAU,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChB,IAAI,OAAO,GAAc,EAAE,CAAC;gBAE5B,MAAM,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBACrD,MAAM,KAAK,GAA0B,YAAY,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;gBAEjE,sBAAsB;gBACtB,IAAI,KAAK,IAAI,MAAM;oBAAE,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;gBAElG,gBAAgB;gBAChB,IAAI,KAAK,IAAI,CAAC,MAAM;oBAAE,OAAO,GAAG,CAAC,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC;gBAE1D,iBAAiB;gBACjB,IAAI,CAAC,KAAK,IAAI,MAAM;oBAAE,OAAO,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,KAAK,GAAG,CAAC,CAAC;gBAExE,MAAM,WAAW,GAAG,OAAO,EAAE,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,KAAK,IAAI,GAAG,CAAC;gBAC1E,mBAAmB,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,iBAAiB,OAAO,WAAW,EAAE,CAAC,CAAC;gBAEhG,OAAO,OAAO,CAAC;YACnB,CAAC,CAAC,CAAC;QACP,CAAC;QACD,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;QAClC,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC;KAChD,CAAC;AACN,CAAC;AAED,SAAS,YAAY,CAAC,YAAmC;IACrD,IAAI,CAAC,YAAY;QAAE,OAAO,KAAK,CAAC;IAChC,IAAI,YAAY,KAAK,KAAK;QAAE,OAAO,MAAM,CAAC;IAC1C,OAAO,SAAS,CAAC;AACrB,CAAC"}
@@ -35,7 +35,7 @@ export type TagProps = {
35
35
  * <Tag label="Example Tag" variant="flat" color="primary" />;
36
36
  *
37
37
  * @name Tag
38
- * @phase UXReview
38
+ * @phase Stable
39
39
  */
40
40
  export declare function Tag({ label, color, size, variant }: TagProps): import("react/jsx-runtime").JSX.Element;
41
41
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -10,7 +10,7 @@ import { Truncated } from '../Truncated';
10
10
  * <Tag label="Example Tag" variant="flat" color="primary" />;
11
11
  *
12
12
  * @name Tag
13
- * @phase UXReview
13
+ * @phase Stable
14
14
  */
15
15
  export function Tag({ label, color = 'white', size = 'small', variant = 'flat' }) {
16
16
  return (_jsxs("span", { "data-bspk": "tag", "data-color": color, "data-size": size, "data-variant": variant, children: [label && _jsx(Truncated, { children: label }), variant === 'corner-wrap' && _jsx("div", { "data-triangle": true })] }));
@@ -45,26 +45,23 @@ export type TextareaProps = CommonProps<'size'> & FieldControlProps<string, Chan
45
45
  * import { Textarea } from '@bspk/ui/Textarea';
46
46
  *
47
47
  * () => {
48
- * const [value, setValue] = useState('');
48
+ * const [value, setValue] = useState<string | undefined>('');
49
+ *
49
50
  * return (
50
- * <>
51
- * // standalone textarea example
52
- * <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
53
- * <br />
54
- * // textarea used within a field
51
+ * <div style={{ width: 320 }}>
55
52
  * <Field>
56
53
  * <FieldLabel>Example Textarea</FieldLabel>
57
54
  * <Textarea name="example-name" onChange={setValue} value={value} />
58
55
  * <FieldDescription>This is an example textarea field.</FieldDescription>
59
56
  * </Field>
60
- * </>
57
+ * </div>
61
58
  * );
62
59
  * };
63
60
  *
64
61
  * @element
65
62
  *
66
63
  * @name Textarea
67
- * @phase UXReview
64
+ * @phase Stable
68
65
  */
69
66
  export declare function Textarea({ invalid: invalidProp, onChange, size, value, name, innerRef, placeholder, id: idProp, minRows, maxRows, required, readOnly, disabled, 'aria-label': ariaLabel, ...otherProps }: TextareaProps): import("react/jsx-runtime").JSX.Element;
70
67
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -17,26 +17,23 @@ import { cssWithVars } from '../../utils/cwv';
17
17
  * import { Textarea } from '@bspk/ui/Textarea';
18
18
  *
19
19
  * () => {
20
- * const [value, setValue] = useState('');
20
+ * const [value, setValue] = useState<string | undefined>('');
21
+ *
21
22
  * return (
22
- * <>
23
- * // standalone textarea example
24
- * <Textarea aria-label="Enter text" name="example-name" onChange={setValue} value={value} />
25
- * <br />
26
- * // textarea used within a field
23
+ * <div style={{ width: 320 }}>
27
24
  * <Field>
28
25
  * <FieldLabel>Example Textarea</FieldLabel>
29
26
  * <Textarea name="example-name" onChange={setValue} value={value} />
30
27
  * <FieldDescription>This is an example textarea field.</FieldDescription>
31
28
  * </Field>
32
- * </>
29
+ * </div>
33
30
  * );
34
31
  * };
35
32
  *
36
33
  * @element
37
34
  *
38
35
  * @name Textarea
39
- * @phase UXReview
36
+ * @phase Stable
40
37
  */
41
38
  export function Textarea({ invalid: invalidProp, onChange, size = 'medium', value = '', name, innerRef, placeholder, id: idProp, minRows = 4, maxRows = 10, required = false, readOnly, disabled, 'aria-label': ariaLabel, ...otherProps }) {
42
39
  const { id, ariaDescribedBy, ariaErrorMessage, invalid } = useFieldInit({
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,EAAE,EAAE,MAAM,EACV,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACD;IACZ,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QACpE,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;KACd,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,qEAAqE;QACrE,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAC/B,MAAM,CAAC,WAA2B,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAEjE,OAAO,CACH,4BACc,UAAU,mBACL,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,oBAClB,QAAQ,IAAI,SAAS,eAC1B,IAAI,EACf,KAAK,EAAE,WAAW,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,YAAY,EAAE,OAAO;SACxB,CAAC,aAEF,sBACQ,UAAU,sBACI,eAAe,IAAI,SAAS,uBAC3B,gBAAgB,IAAI,SAAS,kBAClC,OAAO,IAAI,SAAS,gBACtB,SAAS,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBACd,MAAM,MAAM,GAAG,KAAK,CAAC,MAA6B,CAAC;oBACnD,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;gBACzB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EACxD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACjB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC/B,OAAO,EAAE,CAAC;gBACd,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,GACb,EACF,mEAAyC,IACvC,CACT,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,iBAAiB,CAAC;AACzB,OAAO,EAAe,MAAM,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAkC1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,QAAQ,CAAC,EACrB,OAAO,EAAE,WAAW,EACpB,QAAQ,EACR,IAAI,GAAG,QAAQ,EACf,KAAK,GAAG,EAAE,EACV,IAAI,EACJ,QAAQ,EACR,WAAW,EACX,EAAE,EAAE,MAAM,EACV,OAAO,GAAG,CAAC,EACX,OAAO,GAAG,EAAE,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,QAAQ,EACR,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACD;IACZ,MAAM,EAAE,EAAE,EAAE,eAAe,EAAE,gBAAgB,EAAE,OAAO,EAAE,GAAG,YAAY,CAAC;QACpE,MAAM;QACN,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,WAAW;KACd,CAAC,CAAC;IAEH,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,MAAM,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;QACvC,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,qEAAqE;QACrE,IAAI,MAAM,CAAC,KAAK,CAAC,MAAM;YAAE,OAAO;QAC/B,MAAM,CAAC,WAA2B,CAAC,SAAS,GAAG,GAAG,MAAM,CAAC,KAAK,IAAI,CAAC;IACxE,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,MAAM,CAA6B,IAAI,CAAC,CAAC;IAEjE,OAAO,CACH,4BACc,UAAU,mBACL,QAAQ,IAAI,SAAS,kBACtB,OAAO,IAAI,SAAS,oBAClB,QAAQ,IAAI,SAAS,eAC1B,IAAI,EACf,KAAK,EAAE,WAAW,CAAC;YACf,YAAY,EAAE,OAAO;YACrB,YAAY,EAAE,OAAO;SACxB,CAAC,aAEF,sBACQ,UAAU,sBACI,eAAe,IAAI,SAAS,uBAC3B,gBAAgB,IAAI,SAAS,kBAClC,OAAO,IAAI,SAAS,gBACtB,SAAS,IAAI,SAAS,EAClC,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,CAAC,KAAK,EAAE,EAAE;oBACd,MAAM,MAAM,GAAG,KAAK,CAAC,MAA6B,CAAC;oBACnD,MAAM,CAAC,SAAS,GAAG,CAAC,CAAC;gBACzB,CAAC,EACD,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,EACxD,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACV,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC;oBACjB,eAAe,CAAC,OAAO,GAAG,IAAI,CAAC;oBAC/B,OAAO,EAAE,CAAC;gBACd,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,MAAM,GACb,EACF,mEAAyC,IACvC,CACT,CAAC;AACN,CAAC"}
@@ -1,3 +1,4 @@
1
1
  import { TextareaProps } from '.';
2
2
  import { ComponentExample } from '-/utils/demo';
3
3
  export declare const TextareaExample: ComponentExample<TextareaProps>;
4
+ export declare const Usage: () => import("react/jsx-runtime").JSX.Element;
@@ -1,8 +1,19 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { Textarea } from '.';
4
+ import { Field, FieldDescription, FieldLabel } from '../Field';
2
5
  export const TextareaExample = {
3
6
  defaultState: {
4
7
  'aria-label': 'textarea aria-label',
5
8
  },
6
9
  render: ({ props, Component }) => _jsx(Component, { ...props }),
10
+ containerStyle: {
11
+ width: 320,
12
+ padding: 0,
13
+ },
14
+ };
15
+ export const Usage = () => {
16
+ const [value, setValue] = useState('');
17
+ return (_jsx("div", { style: { width: 320 }, children: _jsxs(Field, { children: [_jsx(FieldLabel, { children: "Example Textarea" }), _jsx(Textarea, { name: "example-name", onChange: setValue, value: value }), _jsx(FieldDescription, { children: "This is an example textarea field." })] }) }));
7
18
  };
8
19
  //# sourceMappingURL=TextareaExample.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TextareaExample.js","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,YAAY,EAAE;QACV,YAAY,EAAE,qBAAqB;KACtC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}
1
+ {"version":3,"file":"TextareaExample.js","sourceRoot":"","sources":["../../../src/components/Textarea/TextareaExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAiB,MAAM,GAAG,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,gBAAgB,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,CAAC,MAAM,eAAe,GAAoC;IAC5D,YAAY,EAAE;QACV,YAAY,EAAE,qBAAqB;KACtC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,cAAc,EAAE;QACZ,KAAK,EAAE,GAAG;QACV,OAAO,EAAE,CAAC;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACtB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAE3D,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACtB,MAAC,KAAK,eACF,KAAC,UAAU,mCAA8B,EACzC,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,EAClE,KAAC,gBAAgB,qDAAsD,IACnE,GACN,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -50,14 +50,16 @@
50
50
  }
51
51
  [data-bspk=textarea] textarea {
52
52
  text-wrap: break-word;
53
+ }
54
+ [data-bspk=textarea] textarea::placeholder {
55
+ color: var(--foreground-neutral-on-surface-variant-03);
56
+ }
57
+ [data-bspk=textarea] textarea {
53
58
  resize: none;
54
59
  color: inherit;
55
60
  background-color: inherit;
56
61
  outline: none;
57
62
  }
58
- [data-bspk=textarea] textarea::placeholder {
59
- color: var(--foreground-neutral-on-surface-variant-03);
60
- }
61
63
  [data-bspk=textarea]:hover:not(:focus-within) {
62
64
  background: linear-gradient(var(--interactions-hover-opacity), var(--interactions-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
63
65
  }
@@ -53,14 +53,16 @@ style.appendChild(document.createTextNode(`[data-bspk=textarea] {
53
53
  }
54
54
  [data-bspk=textarea] textarea {
55
55
  text-wrap: break-word;
56
+ }
57
+ [data-bspk=textarea] textarea::placeholder {
58
+ color: var(--foreground-neutral-on-surface-variant-03);
59
+ }
60
+ [data-bspk=textarea] textarea {
56
61
  resize: none;
57
62
  color: inherit;
58
63
  background-color: inherit;
59
64
  outline: none;
60
65
  }
61
- [data-bspk=textarea] textarea::placeholder {
62
- color: var(--foreground-neutral-on-surface-variant-03);
63
- }
64
66
  [data-bspk=textarea]:hover:not(:focus-within) {
65
67
  background: linear-gradient(var(--interactions-hover-opacity), var(--interactions-hover-opacity)), linear-gradient(var(--surface-neutral-t1-base), var(--surface-neutral-t1-base));
66
68
  }
@@ -7,7 +7,7 @@ export type TextareaFieldProps = FormFieldControlProps<TextareaProps>;
7
7
  * This component takes properties from the FormField and Textarea components.
8
8
  *
9
9
  * @name TextareaField
10
- * @phase UXReview
10
+ * @phase Stable
11
11
  *
12
12
  * @generated
13
13
  */
@@ -7,7 +7,7 @@ import { Textarea } from '../Textarea';
7
7
  * This component takes properties from the FormField and Textarea components.
8
8
  *
9
9
  * @name TextareaField
10
- * @phase UXReview
10
+ * @phase Stable
11
11
  *
12
12
  * @generated
13
13
  */
@@ -12,25 +12,21 @@ export type TimePickerProps = FieldControlProps & Pick<InputProps, 'size'>;
12
12
  * import { TimePicker } from '@bspk/ui/TimePicker';
13
13
  *
14
14
  * () => {
15
- * const [value, onChange] = useState('');
15
+ * const [value, onChange] = useState<string | undefined>('');
16
16
  *
17
17
  * return (
18
- * <>
19
- * // standalone time picker example
20
- * <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />
21
- * <br />
22
- * // time picker used within a field
18
+ * <div style={{ width: 320 }}>
23
19
  * <Field>
24
20
  * <FieldLabel>Time</FieldLabel>
25
- * <TimePicker value={value} onChange={onChange} />
21
+ * <TimePicker name="time" onChange={onChange} value={value} />
26
22
  * <FieldDescription>The time picker allows you to select a time.</FieldDescription>
27
23
  * </Field>
28
- * </>
24
+ * </div>
29
25
  * );
30
26
  * };
31
27
  *
32
28
  * @name TimePicker
33
- * @phase UXReview
29
+ * @phase Stable
34
30
  */
35
31
  export declare function TimePicker({ value, disabled, id: idProp, invalid: invalidProp, readOnly, name, size, required, onChange: onChangeProp, 'aria-label': ariaLabel, ...props }: ElementProps<TimePickerProps, 'div'>): import("react/jsx-runtime").JSX.Element;
36
32
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -23,25 +23,21 @@ import { handleKeyDown } from '../../utils/handleKeyDown';
23
23
  * import { TimePicker } from '@bspk/ui/TimePicker';
24
24
  *
25
25
  * () => {
26
- * const [value, onChange] = useState('');
26
+ * const [value, onChange] = useState<string | undefined>('');
27
27
  *
28
28
  * return (
29
- * <>
30
- * // standalone time picker example
31
- * <TimePicker aria-label="Time" name="time" value={value} onChange={onChange} />
32
- * <br />
33
- * // time picker used within a field
29
+ * <div style={{ width: 320 }}>
34
30
  * <Field>
35
31
  * <FieldLabel>Time</FieldLabel>
36
- * <TimePicker value={value} onChange={onChange} />
32
+ * <TimePicker name="time" onChange={onChange} value={value} />
37
33
  * <FieldDescription>The time picker allows you to select a time.</FieldDescription>
38
34
  * </Field>
39
- * </>
35
+ * </div>
40
36
  * );
41
37
  * };
42
38
  *
43
39
  * @name TimePicker
44
- * @phase UXReview
40
+ * @phase Stable
45
41
  */
46
42
  export function TimePicker({ value, disabled, id: idProp, invalid: invalidProp, readOnly, name, size, required = false, onChange: onChangeProp, 'aria-label': ariaLabel = 'Time picker', ...props }) {
47
43
  const { id, ariaDescribedBy, ariaErrorMessage, invalid } = useFieldInit({
@@ -1 +1 @@
1
- {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +1,4 @@
1
1
  import { TimePickerProps } from './TimePicker';
2
2
  import { ComponentExample } from '-/utils/demo';
3
3
  export declare const TimePickerExample: ComponentExample<TimePickerProps>;
4
+ export declare const Usage: () => import("react/jsx-runtime").JSX.Element;
@@ -1,9 +1,17 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import { useState } from 'react';
3
+ import { TimePicker } from './TimePicker';
4
+ import { Field, FieldLabel, FieldDescription } from '../Field';
2
5
  export const TimePickerExample = {
3
6
  variants: false,
4
7
  defaultState: {
5
8
  'aria-label': 'time picker aria-label',
6
9
  },
7
10
  render: ({ props, Component }) => _jsx(Component, { ...props }),
11
+ containerStyle: { width: 320, padding: 0 },
12
+ };
13
+ export const Usage = () => {
14
+ const [value, onChange] = useState('');
15
+ return (_jsx("div", { style: { width: 320 }, children: _jsxs(Field, { children: [_jsx(FieldLabel, { children: "Time" }), _jsx(TimePicker, { name: "time", onChange: onChange, value: value }), _jsx(FieldDescription, { children: "The time picker allows you to select a time." })] }) }));
8
16
  };
9
17
  //# sourceMappingURL=TimePickerExample.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"TimePickerExample.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePickerExample.tsx"],"names":[],"mappings":";AAGA,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE;QACV,YAAY,EAAE,wBAAwB;KACzC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;CAC7D,CAAC"}
1
+ {"version":3,"file":"TimePickerExample.js","sourceRoot":"","sources":["../../../src/components/TimePicker/TimePickerExample.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAGzE,MAAM,CAAC,MAAM,iBAAiB,GAAsC;IAChE,QAAQ,EAAE,KAAK;IACf,YAAY,EAAE;QACV,YAAY,EAAE,wBAAwB;KACzC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,KAAC,SAAS,OAAK,KAAK,GAAI;IAC1D,cAAc,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,EAAE;CAC7C,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,GAAG,EAAE;IACtB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAqB,EAAE,CAAC,CAAC;IAE3D,OAAO,CACH,cAAK,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,YACtB,MAAC,KAAK,eACF,KAAC,UAAU,uBAAkB,EAC7B,KAAC,UAAU,IAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,GAAI,EAC5D,KAAC,gBAAgB,+DAAgE,IAC7E,GACN,CACT,CAAC;AACN,CAAC,CAAC"}
@@ -7,7 +7,7 @@ export type TimePickerFieldProps = FormFieldControlProps<TimePickerProps>;
7
7
  * This component takes properties from the FormField and TimePicker components.
8
8
  *
9
9
  * @name TimePickerField
10
- * @phase UXReview
10
+ * @phase Stable
11
11
  *
12
12
  * @generated
13
13
  */
@@ -7,7 +7,7 @@ import { TimePicker } from '../TimePicker';
7
7
  * This component takes properties from the FormField and TimePicker components.
8
8
  *
9
9
  * @name TimePickerField
10
- * @phase UXReview
10
+ * @phase Stable
11
11
  *
12
12
  * @generated
13
13
  */
@@ -44,7 +44,7 @@ export type TooltipProps = {
44
44
  * </Tooltip>;
45
45
  *
46
46
  * @name Tooltip
47
- * @phase UXReview
47
+ * @phase Stable
48
48
  */
49
49
  export declare function Tooltip({ placement, label, children, disabled, showTail }: TooltipProps): import("react/jsx-runtime").JSX.Element;
50
50
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -16,7 +16,7 @@ import { useId } from '../../hooks/useId';
16
16
  * </Tooltip>;
17
17
  *
18
18
  * @name Tooltip
19
- * @phase UXReview
19
+ * @phase Stable
20
20
  */
21
21
  export function Tooltip({ placement = 'top', label, children, disabled = false, showTail = true }) {
22
22
  const id = useId();
@@ -30,7 +30,7 @@ export function Tooltip({ placement = 'top', label, children, disabled = false,
30
30
  hide: !show,
31
31
  refWidth: false,
32
32
  });
33
- if (disabled)
33
+ if (!label || disabled)
34
34
  return children({});
35
35
  return (_jsxs(_Fragment, { children: [children({
36
36
  onMouseOver: () => setShow(true),
@@ -1 +1 @@
1
- {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAmCtC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAgB;IAC3G,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,QAAQ;QACR,IAAI,EAAE,CAAC,IAAI;QACX,QAAQ,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;IAElC,OAAO,CACH,8BACK,QAAQ,CAAC;gBACN,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC5B,iBAAiB,EAAE,EAAE;aACxB,CAAC,EACD,KAAK,IAAI,CACN,KAAC,MAAM,cACH,4BACc,SAAS,oBACH,cAAc,EAAE,MAAM,EAAE,SAAS,EACjD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;wBACV,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBAC3B,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAc,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC5F,CAAC,EACD,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,cAAc,aAErB,4CAAiB,KAAK,GAAQ,EAC9B,wDAGI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gCACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;4BAC5B,CAAC,EACD,KAAK,EAAE;gCACH,MAAM,EAAE,gCAAgC;gCACxC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gCACzB,IAAI,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gCAC3E,GAAG,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;6BAC7E,GACH,IACA,GACD,CACZ,IACF,CACN,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAa,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAmCtC;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAgB;IAC3G,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,QAAQ;QACR,IAAI,EAAE,CAAC,IAAI;QACX,QAAQ,EAAE,KAAK;KAClB,CAAC,CAAC;IAEH,IAAI,CAAC,KAAK,IAAI,QAAQ;QAAE,OAAO,QAAQ,CAAC,EAAE,CAAC,CAAC;IAE5C,OAAO,CACH,8BACK,QAAQ,CAAC;gBACN,WAAW,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAChC,YAAY,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAClC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC;gBAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;gBAC5B,iBAAiB,EAAE,EAAE;aACxB,CAAC,EACD,KAAK,IAAI,CACN,KAAC,MAAM,cACH,4BACc,SAAS,oBACH,cAAc,EAAE,MAAM,EAAE,SAAS,EACjD,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;wBACV,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;wBAC3B,QAAQ,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa,CAAc,qBAAqB,EAAE,IAAI,CAAC,CAAC,CAAC;oBAC5F,CAAC,EACD,IAAI,EAAC,SAAS,EACd,KAAK,EAAE,cAAc,aAErB,4CAAiB,KAAK,GAAQ,EAC9B,wDAGI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;gCACV,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;4BAC5B,CAAC,EACD,KAAK,EAAE;gCACH,MAAM,EAAE,gCAAgC;gCACxC,OAAO,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gCACzB,IAAI,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;gCAC3E,GAAG,EAAE,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,KAAK,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;6BAC7E,GACH,IACA,GACD,CACZ,IACF,CACN,CAAC;AACN,CAAC"}
@@ -2,9 +2,6 @@
2
2
  position: fixed;
3
3
  pointer-events: none;
4
4
  z-index: var(--z-index-tooltip-popover);
5
- --arrow-size: var(--spacing-sizing-01);
6
- --arrow-offset: calc(var(--arrow-size) * -2);
7
- --arrow-color: var(--surface-neutral-inverse);
8
5
  }
9
6
  [data-bspk=tooltip] [data-text] {
10
7
  display: block;
@@ -18,6 +15,13 @@
18
15
  padding: var(--spacing-sizing-01) var(--spacing-sizing-02);
19
16
  border: none;
20
17
  transition: opacity 0.2s ease-in-out;
18
+ max-width: 300px;
19
+ word-wrap: break-word;
20
+ }
21
+ [data-bspk=tooltip] {
22
+ --arrow-size: var(--spacing-sizing-01);
23
+ --arrow-offset: calc(var(--arrow-size) * -2);
24
+ --arrow-color: var(--surface-neutral-inverse);
21
25
  }
22
26
  [data-bspk=tooltip] [data-arrow] {
23
27
  display: block;
@@ -5,9 +5,6 @@ style.appendChild(document.createTextNode(`[data-bspk=tooltip] {
5
5
  position: fixed;
6
6
  pointer-events: none;
7
7
  z-index: var(--z-index-tooltip-popover);
8
- --arrow-size: var(--spacing-sizing-01);
9
- --arrow-offset: calc(var(--arrow-size) * -2);
10
- --arrow-color: var(--surface-neutral-inverse);
11
8
  }
12
9
  [data-bspk=tooltip] [data-text] {
13
10
  display: block;
@@ -21,6 +18,13 @@ style.appendChild(document.createTextNode(`[data-bspk=tooltip] {
21
18
  padding: var(--spacing-sizing-01) var(--spacing-sizing-02);
22
19
  border: none;
23
20
  transition: opacity 0.2s ease-in-out;
21
+ max-width: 300px;
22
+ word-wrap: break-word;
23
+ }
24
+ [data-bspk=tooltip] {
25
+ --arrow-size: var(--spacing-sizing-01);
26
+ --arrow-offset: calc(var(--arrow-size) * -2);
27
+ --arrow-color: var(--surface-neutral-inverse);
24
28
  }
25
29
  [data-bspk=tooltip] [data-arrow] {
26
30
  display: block;
@@ -48,7 +48,7 @@ export type TxtProps<As extends ElementType = ElementType> = {
48
48
  * <Txt>Example Txt</Txt>;
49
49
  *
50
50
  * @name Txt
51
- * @phase UXReview
51
+ * @phase Stable
52
52
  */
53
53
  export declare function Txt<As extends ElementType = ElementType>({ children, as, variant, style: styleProp, skeletonLines, inherit, ...containerProps }: ElementProps<TxtProps<As>, As>): import("react/jsx-runtime").JSX.Element | null;
54
54
  /** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
@@ -9,7 +9,7 @@ import { SkeletonText } from '../SkeletonText';
9
9
  * <Txt>Example Txt</Txt>;
10
10
  *
11
11
  * @name Txt
12
- * @phase UXReview
12
+ * @phase Stable
13
13
  */
14
14
  export function Txt({ children, as, variant = 'body-base', style: styleProp, skeletonLines = 0, inherit, ...containerProps }) {
15
15
  const content = children?.toString();
@@ -1,8 +1,7 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { useState } from 'react';
3
- import { AriaLiveMessageHandler, sendAriaLiveMessage } from './AriaLiveMessageHandler';
4
- import { useEventListener } from '../../hooks/useAddEventListener';
5
3
  import { useDebounceState } from '../../hooks/useDebounceState';
4
+ import { useEventListener } from '../../hooks/useEventListener';
6
5
  import { useIsomorphicEffect } from '../../hooks/useIsomorphicEffect';
7
6
  import { UIContext } from '../../utils/uiContext';
8
7
  /**
@@ -26,13 +25,12 @@ export function UIProvider({ children }) {
26
25
  document.documentElement.style.setProperty('--scrollbar-width', `${window.innerWidth - document.documentElement.clientWidth}px`);
27
26
  }, [theme]);
28
27
  useEventListener('resize', () => setDeviceWidth(window.innerWidth));
29
- return (_jsxs(UIContext.Provider, { "data-bspk-utility": "ui-provider", value: {
28
+ return (_jsx(UIContext.Provider, { "data-bspk-utility": "ui-provider", value: {
30
29
  theme,
31
30
  setTheme,
32
31
  isMobile: deviceWidth < 640,
33
32
  isTablet: deviceWidth > 640 && deviceWidth < 1024,
34
33
  isDesktop: deviceWidth >= 1024,
35
- sendAriaLiveMessage,
36
- }, children: [children, _jsx(AriaLiveMessageHandler, {})] }));
34
+ }, children: children }));
37
35
  }
38
36
  //# sourceMappingURL=UIProvider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/components/UIProvider/UIProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,sBAAsB,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAc,MAAM,mBAAmB,CAAC;AAW1D;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IACxD,uFAAuF;IAEvF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACxD,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,mBAAmB,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,mBAAmB,EACnB,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAClE,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpE,OAAO,CACH,MAAC,SAAS,CAAC,QAAQ,yBACG,aAAa,EAC/B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;YACR,QAAQ,EAAE,WAAW,GAAG,GAAG;YAC3B,QAAQ,EAAE,WAAW,GAAG,GAAG,IAAI,WAAW,GAAG,IAAI;YACjD,SAAS,EAAE,WAAW,IAAI,IAAI;YAC9B,mBAAmB;SACtB,aAEA,QAAQ,EACT,KAAC,sBAAsB,KAAG,IACT,CACxB,CAAC;AACN,CAAC"}
1
+ {"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../../src/components/UIProvider/UIProvider.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAa,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,6BAA6B,CAAC;AAClE,OAAO,EAAE,SAAS,EAAc,MAAM,mBAAmB,CAAC;AAW1D;;;;;;;;;GASG;AACH,MAAM,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAmB;IACpD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAa,OAAO,CAAC,CAAC;IACxD,uFAAuF;IAEvF,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,gBAAgB,CAAC,GAAG,EAAE;QACxD,OAAO,OAAO,MAAM,KAAK,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC;IACjE,CAAC,EAAE,GAAG,CAAC,CAAC;IAER,mBAAmB,CAAC,GAAG,EAAE;QACrB,QAAQ,CAAC,eAAe,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;QAC/C,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CACtC,mBAAmB,EACnB,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,IAAI,CAClE,CAAC;IACN,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC;IAEpE,OAAO,CACH,KAAC,SAAS,CAAC,QAAQ,yBACG,aAAa,EAC/B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;YACR,QAAQ,EAAE,WAAW,GAAG,GAAG;YAC3B,QAAQ,EAAE,WAAW,GAAG,GAAG,IAAI,WAAW,GAAG,IAAI;YACjD,SAAS,EAAE,WAAW,IAAI,IAAI;SACjC,YAEA,QAAQ,GACQ,CACxB,CAAC;AACN,CAAC"}
@@ -2,4 +2,3 @@ import { UIProviderProps } from '.';
2
2
  import { ComponentExample, Preset } from '-/utils/demo';
3
3
  export declare const presets: Preset<UIProviderProps>[];
4
4
  export declare const UIProviderExample: ComponentExample<UIProviderProps>;
5
- export declare function AriaLiveExample(): import("react/jsx-runtime").JSX.Element;