haze-ui 1.24.1 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (422) hide show
  1. package/README.md +237 -0
  2. package/dist/components/Accordion/Accordion.js +1 -0
  3. package/dist/components/Accordion/AccordionItem.js +1 -0
  4. package/dist/components/Accordion/index.js +1 -0
  5. package/dist/components/Affix/Affix.js +1 -0
  6. package/dist/components/Affix/index.js +1 -0
  7. package/dist/components/Alert/Alert.js +20 -18
  8. package/dist/components/Alert/index.js +1 -0
  9. package/dist/components/ApprovalCard/ApprovalCard.js +28 -25
  10. package/dist/components/ApprovalCard/index.js +1 -0
  11. package/dist/components/AspectRatio/AspectRatio.js +1 -0
  12. package/dist/components/AspectRatio/index.js +1 -0
  13. package/dist/components/AsyncSection/AsyncSection.js +33 -30
  14. package/dist/components/AsyncSection/index.js +1 -0
  15. package/dist/components/Avatar/Avatar.js +1 -0
  16. package/dist/components/Avatar/index.js +1 -0
  17. package/dist/components/AvatarGroup/AvatarGroup.js +30 -0
  18. package/dist/components/AvatarGroup/index.js +3 -0
  19. package/dist/components/BackToTop/BackToTop.js +16 -14
  20. package/dist/components/BackToTop/index.js +1 -0
  21. package/dist/components/Badge/Badge.js +1 -0
  22. package/dist/components/Badge/index.js +1 -0
  23. package/dist/components/Banner/Banner.js +20 -18
  24. package/dist/components/Banner/index.js +1 -0
  25. package/dist/components/BottomSheet/BottomSheet.js +1 -0
  26. package/dist/components/BottomSheet/index.js +1 -0
  27. package/dist/components/Breadcrumb/Breadcrumb.js +19 -17
  28. package/dist/components/Breadcrumb/BreadcrumbItem.js +1 -0
  29. package/dist/components/Breadcrumb/index.js +1 -0
  30. package/dist/components/Button/Button.js +1 -0
  31. package/dist/components/Button/ButtonLink.js +1 -0
  32. package/dist/components/Button/index.js +1 -0
  33. package/dist/components/Button/styles.js +1 -0
  34. package/dist/components/Calendar/Calendar.js +124 -0
  35. package/dist/components/Calendar/date.js +54 -0
  36. package/dist/components/Calendar/index.js +3 -0
  37. package/dist/components/Card/Card.js +1 -0
  38. package/dist/components/Card/index.js +1 -0
  39. package/dist/components/Carousel/Carousel.js +43 -40
  40. package/dist/components/Carousel/CarouselSlide.js +1 -0
  41. package/dist/components/Carousel/index.js +1 -0
  42. package/dist/components/Cascader/Cascader.js +228 -0
  43. package/dist/components/Cascader/index.js +3 -0
  44. package/dist/components/ChatContainer/ChatContainer.js +1 -0
  45. package/dist/components/ChatContainer/index.js +1 -0
  46. package/dist/components/ChatInput/ChatInput.js +31 -29
  47. package/dist/components/ChatInput/index.js +1 -0
  48. package/dist/components/ChatMessage/ChatMessage.js +29 -27
  49. package/dist/components/ChatMessage/index.js +1 -0
  50. package/dist/components/Checkbox/Checkbox.js +1 -0
  51. package/dist/components/Checkbox/CheckboxCore.js +1 -0
  52. package/dist/components/Checkbox/index.js +1 -0
  53. package/dist/components/Chip/Chip.js +21 -19
  54. package/dist/components/Chip/index.js +1 -0
  55. package/dist/components/CodeBlock/CodeBlock.js +1 -0
  56. package/dist/components/CodeBlock/index.js +1 -0
  57. package/dist/components/Collapsible/Collapsible.js +1 -0
  58. package/dist/components/Collapsible/index.js +1 -0
  59. package/dist/components/ColorPicker/ColorPicker.js +1 -0
  60. package/dist/components/ColorPicker/ColorPickerCore.js +29 -26
  61. package/dist/components/ColorPicker/index.js +1 -0
  62. package/dist/components/Combobox/Combobox.js +70 -41
  63. package/dist/components/Combobox/ComboboxOption.js +9 -5
  64. package/dist/components/Combobox/index.js +1 -0
  65. package/dist/components/Command/Command.js +1 -0
  66. package/dist/components/Command/index.js +1 -0
  67. package/dist/components/ConfirmDialog/ConfirmDialog.js +41 -39
  68. package/dist/components/ConfirmDialog/index.js +1 -0
  69. package/dist/components/Container/Container.js +1 -0
  70. package/dist/components/Container/index.js +1 -0
  71. package/dist/components/ContextMenu/ContextMenu.js +1 -0
  72. package/dist/components/ContextMenu/ContextMenuContent.js +1 -0
  73. package/dist/components/ContextMenu/ContextMenuContext.js +1 -0
  74. package/dist/components/ContextMenu/ContextMenuItem.js +1 -0
  75. package/dist/components/ContextMenu/ContextMenuSeparator.js +1 -0
  76. package/dist/components/ContextMenu/ContextMenuTrigger.js +1 -0
  77. package/dist/components/ContextMenu/index.js +1 -0
  78. package/dist/components/ConversationList/ConversationItem.js +1 -0
  79. package/dist/components/ConversationList/ConversationList.js +1 -0
  80. package/dist/components/ConversationList/index.js +1 -0
  81. package/dist/components/DataTable/DataTable.js +193 -0
  82. package/dist/components/DataTable/index.js +3 -0
  83. package/dist/components/DateRangePicker/DateRangePicker.js +1 -0
  84. package/dist/components/DateRangePicker/DateRangePickerCore.js +22 -19
  85. package/dist/components/DateRangePicker/index.js +1 -0
  86. package/dist/components/Datepicker/Datepicker.js +11 -8
  87. package/dist/components/Datepicker/DatepickerCore.js +19 -16
  88. package/dist/components/Datepicker/index.js +1 -0
  89. package/dist/components/Dialog/Dialog.js +1 -0
  90. package/dist/components/Dialog/index.js +1 -0
  91. package/dist/components/DiffViewer/DiffViewer.js +1 -0
  92. package/dist/components/DiffViewer/index.js +1 -0
  93. package/dist/components/Disclosure/Disclosure.js +1 -0
  94. package/dist/components/Disclosure/index.js +1 -0
  95. package/dist/components/Divider/Divider.js +1 -0
  96. package/dist/components/Divider/index.js +1 -0
  97. package/dist/components/Drawer/Drawer.js +1 -0
  98. package/dist/components/Drawer/index.js +1 -0
  99. package/dist/components/DropdownMenu/DropdownMenu.js +1 -0
  100. package/dist/components/DropdownMenu/DropdownMenuContent.js +1 -0
  101. package/dist/components/DropdownMenu/DropdownMenuContext.js +1 -0
  102. package/dist/components/DropdownMenu/DropdownMenuItem.js +1 -0
  103. package/dist/components/DropdownMenu/DropdownMenuSeparator.js +1 -0
  104. package/dist/components/DropdownMenu/DropdownMenuTrigger.js +1 -0
  105. package/dist/components/DropdownMenu/index.js +1 -0
  106. package/dist/components/Empty/Empty.js +22 -19
  107. package/dist/components/Empty/index.js +1 -0
  108. package/dist/components/FileInput/FileInput.js +15 -13
  109. package/dist/components/FileInput/index.js +1 -0
  110. package/dist/components/Flex/Flex.js +1 -0
  111. package/dist/components/Flex/index.js +1 -0
  112. package/dist/components/Grid/Grid.js +1 -0
  113. package/dist/components/Grid/GridItem.js +1 -0
  114. package/dist/components/Grid/index.js +1 -0
  115. package/dist/components/HoverCard/HoverCard.js +54 -0
  116. package/dist/components/HoverCard/index.js +3 -0
  117. package/dist/components/Icon/Icon.js +1 -0
  118. package/dist/components/Icon/index.js +1 -0
  119. package/dist/components/Image/Image.js +1 -0
  120. package/dist/components/Image/index.js +1 -0
  121. package/dist/components/InlineEdit/InlineEdit.js +33 -31
  122. package/dist/components/InlineEdit/index.js +1 -0
  123. package/dist/components/Input/Input.js +1 -0
  124. package/dist/components/Input/InputCore.js +1 -0
  125. package/dist/components/Input/index.js +1 -0
  126. package/dist/components/Kbd/Kbd.js +22 -0
  127. package/dist/components/Kbd/index.js +3 -0
  128. package/dist/components/List/List.js +1 -0
  129. package/dist/components/List/ListItem.js +1 -0
  130. package/dist/components/List/index.js +1 -0
  131. package/dist/components/LocaleProvider/LocaleContext.js +6 -0
  132. package/dist/components/LocaleProvider/LocaleProvider.js +22 -0
  133. package/dist/components/LocaleProvider/index.js +6 -0
  134. package/dist/components/LocaleProvider/locale.js +132 -0
  135. package/dist/components/LocaleProvider/useStrings.js +27 -0
  136. package/dist/components/LocaleProvider/zh-cn.js +128 -0
  137. package/dist/components/LogViewer/LogViewer.js +45 -43
  138. package/dist/components/LogViewer/index.js +1 -0
  139. package/dist/components/MarkdownRenderer/MarkdownRenderer.js +20 -19
  140. package/dist/components/MarkdownRenderer/index.js +1 -0
  141. package/dist/components/MarkdownRenderer/markdown-blocks.js +42 -0
  142. package/dist/components/Mentions/Mentions.js +17 -0
  143. package/dist/components/Mentions/MentionsCore.js +116 -0
  144. package/dist/components/Mentions/index.js +4 -0
  145. package/dist/components/Menu/Menu.js +1 -0
  146. package/dist/components/Menu/MenuDivider.js +1 -0
  147. package/dist/components/Menu/MenuItem.js +1 -0
  148. package/dist/components/Menu/index.js +1 -0
  149. package/dist/components/ModelPicker/ModelPicker.js +17 -15
  150. package/dist/components/ModelPicker/index.js +1 -0
  151. package/dist/components/NavigationBar/NavLink.js +1 -0
  152. package/dist/components/NavigationBar/NavigationBar.js +1 -0
  153. package/dist/components/NavigationBar/index.js +1 -0
  154. package/dist/components/NumberInput/NumberInput.js +1 -0
  155. package/dist/components/NumberInput/NumberInputCore.js +35 -33
  156. package/dist/components/NumberInput/index.js +1 -0
  157. package/dist/components/OTPInput/OTPInput.js +1 -0
  158. package/dist/components/OTPInput/OTPInputCore.js +36 -30
  159. package/dist/components/OTPInput/index.js +1 -0
  160. package/dist/components/Pagination/Pagination.js +32 -30
  161. package/dist/components/Pagination/index.js +1 -0
  162. package/dist/components/PasswordInput/PasswordInput.js +1 -0
  163. package/dist/components/PasswordInput/PasswordInputCore.js +23 -21
  164. package/dist/components/PasswordInput/index.js +1 -0
  165. package/dist/components/Popover/Popover.js +1 -0
  166. package/dist/components/Popover/index.js +1 -0
  167. package/dist/components/Progress/Progress.js +41 -39
  168. package/dist/components/Progress/index.js +1 -0
  169. package/dist/components/Radio/Radio.js +1 -0
  170. package/dist/components/Radio/RadioContext.js +1 -0
  171. package/dist/components/Radio/RadioGroup.js +1 -0
  172. package/dist/components/Radio/RadioGroupCore.js +1 -0
  173. package/dist/components/Radio/index.js +1 -0
  174. package/dist/components/Rating/Rating.js +1 -0
  175. package/dist/components/Rating/RatingCore.js +29 -26
  176. package/dist/components/Rating/index.js +1 -0
  177. package/dist/components/Resizable/Resizable.js +1 -0
  178. package/dist/components/Resizable/index.js +1 -0
  179. package/dist/components/ScrollArea/ScrollArea.js +1 -0
  180. package/dist/components/ScrollArea/index.js +1 -0
  181. package/dist/components/Segmented/Segmented.js +1 -0
  182. package/dist/components/Segmented/SegmentedCore.js +1 -0
  183. package/dist/components/Segmented/index.js +1 -0
  184. package/dist/components/Select/Option.js +1 -0
  185. package/dist/components/Select/Select.js +1 -0
  186. package/dist/components/Select/SelectCore.js +1 -0
  187. package/dist/components/Select/index.js +1 -0
  188. package/dist/components/Sidebar/Sidebar.js +113 -0
  189. package/dist/components/Sidebar/index.js +3 -0
  190. package/dist/components/Skeleton/Skeleton.js +1 -0
  191. package/dist/components/Skeleton/index.js +1 -0
  192. package/dist/components/Slider/Slider.js +1 -0
  193. package/dist/components/Slider/SliderCore.js +1 -0
  194. package/dist/components/Slider/index.js +1 -0
  195. package/dist/components/Spinner/Spinner.js +15 -12
  196. package/dist/components/Spinner/index.js +1 -0
  197. package/dist/components/Stat/Stat.js +1 -0
  198. package/dist/components/Stat/index.js +1 -0
  199. package/dist/components/StepTimeline/StepTimeline.js +1 -0
  200. package/dist/components/StepTimeline/index.js +1 -0
  201. package/dist/components/Stepper/Step.js +1 -0
  202. package/dist/components/Stepper/Stepper.js +1 -0
  203. package/dist/components/Stepper/StepperContext.js +1 -0
  204. package/dist/components/Stepper/index.js +1 -0
  205. package/dist/components/StreamingText/StreamingText.js +39 -18
  206. package/dist/components/StreamingText/index.js +1 -0
  207. package/dist/components/SwipeAction/SwipeAction.js +1 -0
  208. package/dist/components/SwipeAction/index.js +1 -0
  209. package/dist/components/Switch/Switch.js +1 -0
  210. package/dist/components/Switch/SwitchCore.js +1 -0
  211. package/dist/components/Switch/index.js +1 -0
  212. package/dist/components/Table/Table.js +1 -0
  213. package/dist/components/Table/TableBody.js +1 -0
  214. package/dist/components/Table/TableCell.js +1 -0
  215. package/dist/components/Table/TableHead.js +1 -0
  216. package/dist/components/Table/TableRow.js +1 -0
  217. package/dist/components/Table/index.js +1 -0
  218. package/dist/components/Tabs/Tab.js +1 -0
  219. package/dist/components/Tabs/TabList.js +1 -0
  220. package/dist/components/Tabs/TabPanel.js +1 -0
  221. package/dist/components/Tabs/Tabs.js +1 -0
  222. package/dist/components/Tabs/TabsContext.js +1 -0
  223. package/dist/components/Tabs/index.js +1 -0
  224. package/dist/components/Tag/Tag.js +17 -14
  225. package/dist/components/Tag/index.js +1 -0
  226. package/dist/components/TagGroup/TagGroup.js +1 -0
  227. package/dist/components/TagGroup/TagGroupItem.js +13 -10
  228. package/dist/components/TagGroup/index.js +1 -0
  229. package/dist/components/TagInput/TagInput.js +1 -0
  230. package/dist/components/TagInput/TagInputCore.js +53 -50
  231. package/dist/components/TagInput/index.js +1 -0
  232. package/dist/components/Textarea/Textarea.js +1 -0
  233. package/dist/components/Textarea/TextareaCore.js +1 -0
  234. package/dist/components/Textarea/index.js +1 -0
  235. package/dist/components/ThinkingIndicator/ThinkingIndicator.js +14 -11
  236. package/dist/components/ThinkingIndicator/index.js +1 -0
  237. package/dist/components/TimePicker/TimePicker.js +1 -0
  238. package/dist/components/TimePicker/TimePickerCore.js +1 -0
  239. package/dist/components/TimePicker/index.js +1 -0
  240. package/dist/components/Timeline/Timeline.js +1 -0
  241. package/dist/components/Timeline/index.js +1 -0
  242. package/dist/components/Toast/Toast.js +36 -30
  243. package/dist/components/Toast/ToastContainer.js +45 -28
  244. package/dist/components/Toast/ToastContext.js +1 -0
  245. package/dist/components/Toast/index.js +5 -3
  246. package/dist/components/Toast/toast2.js +45 -0
  247. package/dist/components/Toast/useToast.js +1 -0
  248. package/dist/components/TokenCounter/TokenCounter.js +20 -18
  249. package/dist/components/TokenCounter/index.js +1 -0
  250. package/dist/components/ToolCallCard/ToolCallCard.js +40 -37
  251. package/dist/components/ToolCallCard/index.js +1 -0
  252. package/dist/components/Toolbar/Toolbar.js +60 -0
  253. package/dist/components/Toolbar/ToolbarButton.js +26 -0
  254. package/dist/components/Toolbar/ToolbarContext.js +9 -0
  255. package/dist/components/Toolbar/ToolbarSeparator.js +23 -0
  256. package/dist/components/Toolbar/index.js +5 -0
  257. package/dist/components/Tooltip/Tooltip.js +1 -0
  258. package/dist/components/Tooltip/index.js +1 -0
  259. package/dist/components/Tour/Tour.js +198 -0
  260. package/dist/components/Tour/index.js +3 -0
  261. package/dist/components/Transfer/Transfer.js +1 -0
  262. package/dist/components/Transfer/TransferCore.js +62 -67
  263. package/dist/components/Transfer/index.js +1 -0
  264. package/dist/components/Tree/Tree.js +1 -0
  265. package/dist/components/Tree/TreeItem.js +57 -55
  266. package/dist/components/Tree/index.js +1 -0
  267. package/dist/components/Tree/utils.js +1 -0
  268. package/dist/components/Typography/Typography.js +1 -0
  269. package/dist/components/Typography/index.js +1 -0
  270. package/dist/components/Upload/Upload.js +1 -0
  271. package/dist/components/Upload/UploadCore.js +37 -35
  272. package/dist/components/Upload/index.js +1 -0
  273. package/dist/components/VirtualList/VirtualList.js +141 -26
  274. package/dist/components/VirtualList/index.js +1 -0
  275. package/dist/css/accordion.css +1 -1
  276. package/dist/css/affix.css +1 -1
  277. package/dist/css/alert.css +1 -1
  278. package/dist/css/approval-card.css +1 -1
  279. package/dist/css/async-section.css +1 -1
  280. package/dist/css/avatar-group.css +2 -0
  281. package/dist/css/back-to-top.css +1 -1
  282. package/dist/css/breadcrumb.css +1 -1
  283. package/dist/css/button.css +1 -1
  284. package/dist/css/calendar.css +2 -0
  285. package/dist/css/carousel.css +1 -1
  286. package/dist/css/cascader.css +2 -0
  287. package/dist/css/chat-input.css +1 -1
  288. package/dist/css/chat-message.css +1 -1
  289. package/dist/css/checkbox.css +1 -1
  290. package/dist/css/chip.css +1 -1
  291. package/dist/css/code-block.css +1 -1
  292. package/dist/css/color-picker.css +1 -1
  293. package/dist/css/combobox.css +1 -1
  294. package/dist/css/command.css +1 -1
  295. package/dist/css/container.css +1 -1
  296. package/dist/css/context-menu.css +1 -1
  297. package/dist/css/conversation-list.css +1 -1
  298. package/dist/css/data-table.css +2 -0
  299. package/dist/css/date-range-picker.css +1 -1
  300. package/dist/css/datepicker.css +1 -2
  301. package/dist/css/diff-viewer.css +1 -1
  302. package/dist/css/disclosure.css +1 -1
  303. package/dist/css/dropdown-menu.css +1 -1
  304. package/dist/css/file-input.css +1 -1
  305. package/dist/css/hover-card.css +2 -0
  306. package/dist/css/inline-edit.css +1 -1
  307. package/dist/css/input.css +1 -1
  308. package/dist/css/kbd.css +2 -0
  309. package/dist/css/list.css +1 -1
  310. package/dist/css/log-viewer.css +1 -1
  311. package/dist/css/markdown-renderer.css +1 -1
  312. package/dist/css/mentions.css +2 -0
  313. package/dist/css/menu.css +1 -1
  314. package/dist/css/model-picker.css +1 -1
  315. package/dist/css/navigation-bar.css +2 -2
  316. package/dist/css/number-input.css +1 -1
  317. package/dist/css/otp-input.css +1 -1
  318. package/dist/css/pagination.css +1 -1
  319. package/dist/css/password-input.css +1 -1
  320. package/dist/css/progress.css +1 -1
  321. package/dist/css/radio.css +1 -1
  322. package/dist/css/rating.css +1 -1
  323. package/dist/css/resizable.css +1 -1
  324. package/dist/css/segmented.css +1 -1
  325. package/dist/css/select.css +1 -1
  326. package/dist/css/sidebar.css +2 -0
  327. package/dist/css/slider.css +1 -1
  328. package/dist/css/step-timeline.css +1 -1
  329. package/dist/css/stepper.css +1 -1
  330. package/dist/css/streaming-text.css +1 -1
  331. package/dist/css/swipe-action.css +1 -1
  332. package/dist/css/switch.css +1 -1
  333. package/dist/css/table.css +1 -1
  334. package/dist/css/tabs.css +1 -1
  335. package/dist/css/tag-input.css +1 -1
  336. package/dist/css/tag.css +1 -1
  337. package/dist/css/textarea.css +1 -1
  338. package/dist/css/time-picker.css +1 -1
  339. package/dist/css/token-counter.css +1 -1
  340. package/dist/css/tokens.css +1 -1
  341. package/dist/css/toolbar.css +4 -0
  342. package/dist/css/tour.css +2 -0
  343. package/dist/css/tree.css +1 -1
  344. package/dist/css/upload.css +1 -1
  345. package/dist/css/virtual-list.css +1 -1
  346. package/dist/css-manifest.json +29 -1
  347. package/dist/form/FormItem.js +1 -0
  348. package/dist/form/index.js +1 -0
  349. package/dist/haze-ui.css +74 -63
  350. package/dist/hooks/useClipboard.js +30 -0
  351. package/dist/hooks/useDebouncedCallback.js +17 -0
  352. package/dist/hooks/useDebouncedValue.js +12 -0
  353. package/dist/hooks/useMediaQuery.js +13 -0
  354. package/dist/hooks/usePrefersReducedMotion.js +9 -0
  355. package/dist/hooks/useTitle.js +1 -0
  356. package/dist/index.js +139 -115
  357. package/dist/registry.json +247 -0
  358. package/dist/tokens/colors.js +1 -0
  359. package/dist/tokens/index.js +1 -0
  360. package/dist/tokens/motion.js +1 -0
  361. package/dist/tokens/oklch.js +1 -0
  362. package/dist/tokens/palette.js +1 -0
  363. package/dist/tokens/registry.js +1 -0
  364. package/dist/tokens/spacing.js +1 -0
  365. package/dist/tokens/typography.js +1 -0
  366. package/dist/types/components/AvatarGroup/AvatarGroup.d.ts +9 -0
  367. package/dist/types/components/AvatarGroup/index.d.ts +2 -0
  368. package/dist/types/components/Calendar/Calendar.d.ts +21 -0
  369. package/dist/types/components/Calendar/date.d.ts +79 -0
  370. package/dist/types/components/Calendar/index.d.ts +2 -0
  371. package/dist/types/components/Cascader/Cascader.d.ts +26 -0
  372. package/dist/types/components/Cascader/index.d.ts +2 -0
  373. package/dist/types/components/Combobox/Combobox.d.ts +7 -1
  374. package/dist/types/components/Combobox/ComboboxOption.d.ts +13 -1
  375. package/dist/types/components/DataTable/DataTable.d.ts +102 -0
  376. package/dist/types/components/DataTable/index.d.ts +2 -0
  377. package/dist/types/components/Datepicker/Datepicker.d.ts +3 -1
  378. package/dist/types/components/Datepicker/DatepickerCore.d.ts +3 -1
  379. package/dist/types/components/HoverCard/HoverCard.d.ts +49 -0
  380. package/dist/types/components/HoverCard/index.d.ts +2 -0
  381. package/dist/types/components/Kbd/Kbd.d.ts +6 -0
  382. package/dist/types/components/Kbd/index.d.ts +2 -0
  383. package/dist/types/components/LocaleProvider/LocaleContext.d.ts +19 -0
  384. package/dist/types/components/LocaleProvider/LocaleProvider.d.ts +16 -0
  385. package/dist/types/components/LocaleProvider/index.d.ts +7 -0
  386. package/dist/types/components/LocaleProvider/locale.d.ts +182 -0
  387. package/dist/types/components/LocaleProvider/useStrings.d.ts +10 -0
  388. package/dist/types/components/LocaleProvider/zh-cn.d.ts +13 -0
  389. package/dist/types/components/MarkdownRenderer/markdown-blocks.d.ts +6 -0
  390. package/dist/types/components/Mentions/Mentions.d.ts +17 -0
  391. package/dist/types/components/Mentions/MentionsCore.d.ts +21 -0
  392. package/dist/types/components/Mentions/index.d.ts +4 -0
  393. package/dist/types/components/Sidebar/Sidebar.d.ts +64 -0
  394. package/dist/types/components/Sidebar/index.d.ts +4 -0
  395. package/dist/types/components/Toast/index.d.ts +2 -0
  396. package/dist/types/components/Toast/toast.d.ts +46 -0
  397. package/dist/types/components/Toolbar/Toolbar.d.ts +16 -0
  398. package/dist/types/components/Toolbar/ToolbarButton.d.ts +20 -0
  399. package/dist/types/components/Toolbar/ToolbarContext.d.ts +5 -0
  400. package/dist/types/components/Toolbar/ToolbarSeparator.d.ts +14 -0
  401. package/dist/types/components/Toolbar/index.d.ts +6 -0
  402. package/dist/types/components/Tour/Tour.d.ts +46 -0
  403. package/dist/types/components/Tour/index.d.ts +2 -0
  404. package/dist/types/components/VirtualList/VirtualList.d.ts +58 -4
  405. package/dist/types/components/VirtualList/index.d.ts +1 -1
  406. package/dist/types/hooks/index.d.ts +6 -0
  407. package/dist/types/hooks/useClipboard.d.ts +31 -0
  408. package/dist/types/hooks/useDebouncedCallback.d.ts +21 -0
  409. package/dist/types/hooks/useDebouncedValue.d.ts +20 -0
  410. package/dist/types/hooks/useMediaQuery.d.ts +17 -0
  411. package/dist/types/hooks/usePrefersReducedMotion.d.ts +14 -0
  412. package/dist/types/index.d.ts +28 -4
  413. package/dist/utils/classnames.js +1 -0
  414. package/dist/utils/collision.js +1 -0
  415. package/dist/utils/floating.js +1 -0
  416. package/dist/utils/focus-scope.js +1 -0
  417. package/dist/utils/focus.js +1 -0
  418. package/dist/utils/menuKeyboard.js +1 -0
  419. package/dist/utils/presence.js +1 -0
  420. package/package.json +34 -18
  421. package/dist/components/Datepicker/Calendar.js +0 -120
  422. package/dist/types/components/Datepicker/Calendar.d.ts +0 -8
@@ -0,0 +1,228 @@
1
+
2
+ "use client";
3
+ import { classnames as e } from "../../utils/classnames.js";
4
+ import { useFocusScope as t } from "../../utils/focus-scope.js";
5
+ import { FloatingPanel as n, useFloating as r } from "../../utils/floating.js";
6
+ import { useStrings as i } from "../LocaleProvider/useStrings.js";
7
+ /* empty css */
8
+ import { jsx as a, jsxs as o } from "react/jsx-runtime";
9
+ import { Fragment as ee, useCallback as s, useEffect as c, useId as te, useRef as l, useState as ne } from "react";
10
+ import { isControl as u, useControl as d, useThru as f, watch as p } from "react-use-control";
11
+ //#region src/lib/components/Cascader/Cascader.tsx
12
+ var m = "haze-Cascader__wrapper", h = "haze-Cascader__trigger", g = "haze-Cascader__triggerValue", _ = "haze-Cascader__triggerPlaceholder", re = "haze-Cascader__triggerCaret", ie = "haze-Cascader__separator", ae = "haze-Cascader__panel", oe = "haze-Cascader__column", se = "haze-Cascader__item", v = "haze-Cascader__itemInPath", y = "haze-Cascader__itemLabel", b = "haze-Cascader__chevron", x = () => /* @__PURE__ */ a("svg", {
13
+ viewBox: "0 0 12 12",
14
+ fill: "none",
15
+ stroke: "currentColor",
16
+ strokeWidth: "2",
17
+ strokeLinecap: "round",
18
+ strokeLinejoin: "round",
19
+ "aria-hidden": "true",
20
+ focusable: "false",
21
+ children: a("path", { d: "M4 2l4 4-4 4" })
22
+ }), S = () => /* @__PURE__ */ a("svg", {
23
+ viewBox: "0 0 12 12",
24
+ fill: "none",
25
+ stroke: "currentColor",
26
+ strokeWidth: "2",
27
+ strokeLinecap: "round",
28
+ strokeLinejoin: "round",
29
+ "aria-hidden": "true",
30
+ focusable: "false",
31
+ children: a("path", { d: "M2 4l4 4 4-4" })
32
+ }), C = "[role=\"menuitem\"]";
33
+ function w(e) {
34
+ return e ? Array.from(e.querySelectorAll("[data-haze-cascader-column]")) : [];
35
+ }
36
+ function T(e) {
37
+ return e ? Array.from(e.querySelectorAll(C)) : [];
38
+ }
39
+ function E({ options: E, value: D, onChange: O, placeholder: k, changeOnSelect: A = !1, expandTrigger: j = "click", className: M, ...N }) {
40
+ let P = i("cascader"), [F, I] = d(!1, !1), L = u(D), [R, z] = d(f(L ? D : void 0, p((e) => O?.(e))), L ? [] : D ?? []), [B, V] = ne([]), H = te(), U = l(null), W = l(null), G = l(null), K = l(!1), q = r({
41
+ open: F,
42
+ setOpen: I,
43
+ triggerRef: U,
44
+ panelRef: W,
45
+ animated: !0
46
+ }), J = t({
47
+ enabled: F,
48
+ autoFocus: !1,
49
+ returnFocus: !0
50
+ }), Y = l(!1);
51
+ c(() => {
52
+ let e = F && !Y.current;
53
+ Y.current = F, e && V(R);
54
+ }, [F, R]), c(() => {
55
+ if (!F) {
56
+ K.current = !1, G.current = null;
57
+ return;
58
+ }
59
+ if (!q.shown) return;
60
+ let e = G.current;
61
+ if (e) {
62
+ G.current = null;
63
+ let t = T(w(W.current)[e.level]), n = e.value === void 0 ? e.index : t.findIndex((t) => t.dataset.value === e.value);
64
+ (n >= 0 ? t[n] : t[0])?.focus();
65
+ return;
66
+ }
67
+ if (K.current) return;
68
+ let t = W.current;
69
+ if (!t) return;
70
+ let n = Array.from(t.querySelectorAll(C)), r = R.length - 1, i = R[r], a;
71
+ if (i !== void 0) {
72
+ if (a = n.find((e) => e.dataset.level === String(r) && e.dataset.value === i), !a) return;
73
+ } else a = n.find((e) => e.dataset.level === "0");
74
+ a && (K.current = !0, a.focus());
75
+ }, [
76
+ F,
77
+ q.shown,
78
+ B,
79
+ R
80
+ ]);
81
+ let ce = s((e) => {
82
+ W.current = e, J(e);
83
+ }, [W, J]), X = [E];
84
+ for (let e of B) {
85
+ let t = X.at(-1).find((t) => t.value === e)?.children;
86
+ if (!t?.length) break;
87
+ X.push(t);
88
+ }
89
+ let Z = [], Q = E;
90
+ for (let e of R) {
91
+ let t = Q.find((t) => t.value === e);
92
+ if (!t) break;
93
+ Z.push(t), Q = t.children ?? [];
94
+ }
95
+ let $ = (e, t) => {
96
+ let n = [...B.slice(0, t), e.value];
97
+ e.children?.length ? (V(n), A && z(n)) : (z(n), I(!1), U.current?.focus());
98
+ }, le = (e, t) => {
99
+ j === "hover" && V([...B.slice(0, t), e.value]);
100
+ }, ue = (e) => {
101
+ !F && (e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), I(!0));
102
+ }, de = (e) => {
103
+ let t = W.current;
104
+ if (!t) return;
105
+ let n = (document.activeElement instanceof HTMLElement ? document.activeElement : null)?.closest(C) ?? void 0, r = n?.closest("[data-haze-cascader-column]"), i = n ? Number(n.dataset.level) : 0;
106
+ switch (e.key) {
107
+ case "ArrowDown":
108
+ case "ArrowUp": {
109
+ e.preventDefault();
110
+ let i = T(r ?? w(t)[0]);
111
+ if (i.length === 0) return;
112
+ let a = n ? i.indexOf(n) : -1;
113
+ i[a < 0 ? e.key === "ArrowDown" ? 0 : i.length - 1 : (a + (e.key === "ArrowDown" ? 1 : -1) + i.length) % i.length]?.focus();
114
+ return;
115
+ }
116
+ case "ArrowRight":
117
+ if (n?.getAttribute("aria-haspopup") !== "true") return;
118
+ e.preventDefault(), V([...B.slice(0, i), n.dataset.value]), G.current = {
119
+ level: i + 1,
120
+ index: 0
121
+ };
122
+ return;
123
+ case "ArrowLeft": {
124
+ if (!n || B.length === 0) return;
125
+ e.preventDefault();
126
+ let t = B[B.length - 1];
127
+ V(B.slice(0, -1)), G.current = {
128
+ level: B.length - 1,
129
+ index: 0,
130
+ value: t
131
+ };
132
+ return;
133
+ }
134
+ case "Home":
135
+ case "End": {
136
+ e.preventDefault();
137
+ let n = T(r ?? w(t)[0]);
138
+ if (n.length === 0) return;
139
+ (e.key === "Home" ? n[0] : n[n.length - 1])?.focus();
140
+ return;
141
+ }
142
+ case "Enter": {
143
+ if (!n) return;
144
+ e.preventDefault();
145
+ let t = X[i]?.find((e) => e.value === n.dataset.value);
146
+ if (!t) return;
147
+ t.children?.length ? (V([...B.slice(0, i), t.value]), G.current = {
148
+ level: i + 1,
149
+ index: 0
150
+ }) : $(t, i);
151
+ return;
152
+ }
153
+ case "Escape":
154
+ case "Tab":
155
+ e.preventDefault(), I(!1);
156
+ return;
157
+ }
158
+ };
159
+ return /* @__PURE__ */ o("div", {
160
+ ...N,
161
+ className: e([m, M]),
162
+ children: [/* @__PURE__ */ o("button", {
163
+ ref: U,
164
+ type: "button",
165
+ style: q.triggerStyle,
166
+ "aria-haspopup": "menu",
167
+ "aria-expanded": F,
168
+ "aria-controls": H,
169
+ onPointerDown: q.onTriggerPointerDown,
170
+ onClick: q.onTriggerClick,
171
+ onKeyDown: ue,
172
+ className: e(h),
173
+ children: [/* @__PURE__ */ a("span", {
174
+ className: e(g),
175
+ children: Z.length === 0 ? /* @__PURE__ */ a("span", {
176
+ className: e(_),
177
+ children: k
178
+ }) : Z.map((t, n) => /* @__PURE__ */ o(ee, { children: [n > 0 && /* @__PURE__ */ a("span", {
179
+ className: e(ie),
180
+ children: " / "
181
+ }), t.label] }, t.value))
182
+ }), /* @__PURE__ */ a("span", {
183
+ "aria-hidden": "true",
184
+ className: e(re),
185
+ children: /* @__PURE__ */ a(S, {})
186
+ })]
187
+ }), /* @__PURE__ */ a(n, {
188
+ ref: ce,
189
+ behavior: q,
190
+ placement: "bottom",
191
+ id: H,
192
+ role: "menu",
193
+ visualClass: ae,
194
+ onKeyDown: de,
195
+ children: X.map((t, n) => /* @__PURE__ */ a("div", {
196
+ role: "menu",
197
+ "data-haze-cascader-column": n,
198
+ className: e(oe),
199
+ children: t.map((t) => {
200
+ let r = !!t.children?.length, i = B[n] === t.value;
201
+ return /* @__PURE__ */ o("button", {
202
+ type: "button",
203
+ role: "menuitem",
204
+ tabIndex: -1,
205
+ "data-level": n,
206
+ "data-value": t.value,
207
+ "aria-haspopup": r ? "true" : void 0,
208
+ "aria-expanded": r ? i : void 0,
209
+ onClick: () => $(t, n),
210
+ onMouseEnter: () => le(t, n),
211
+ className: e([se, i && v]),
212
+ children: [/* @__PURE__ */ a("span", {
213
+ className: e(y),
214
+ children: t.label
215
+ }), r && /* @__PURE__ */ a("span", {
216
+ role: "img",
217
+ "aria-label": P.expand,
218
+ className: e(b),
219
+ children: /* @__PURE__ */ a(x, {})
220
+ })]
221
+ }, t.value);
222
+ })
223
+ }, n))
224
+ })]
225
+ });
226
+ }
227
+ //#endregion
228
+ export { E as default };
@@ -0,0 +1,3 @@
1
+ "use client";
2
+ import e from "./Cascader.js";
3
+ export { e as Cascader };
@@ -1,4 +1,5 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
3
4
  /* empty css */
4
5
  import { jsx as t } from "react/jsx-runtime";
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import e from "./ChatContainer.js";
2
3
  export { e as ChatContainer };
@@ -1,46 +1,48 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
4
+ import { useStrings as t } from "../LocaleProvider/useStrings.js";
3
5
  /* empty css */
4
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
5
- import { useCallback as r, useRef as i } from "react";
6
- import { useControl as a } from "react-use-control";
6
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
7
+ import { useCallback as i, useRef as a } from "react";
8
+ import { useControl as o } from "react-use-control";
7
9
  //#region src/lib/components/ChatInput/ChatInput.tsx
8
- var o = "haze-ChatInput__wrapper", s = "haze-ChatInput__textarea", c = "haze-ChatInput__sendBtn";
9
- function l({ value: l, onSend: u, placeholder: d = "Type a message...", disabled: f, maxLength: p, className: m }) {
10
- let [h, g] = a(l, ""), _ = i(null), v = r(() => {
11
- let e = h.trim();
12
- e && !f && (u?.(e), g(""), _.current && (_.current.style.height = "auto"));
10
+ var s = "haze-ChatInput__wrapper", c = "haze-ChatInput__textarea", l = "haze-ChatInput__sendBtn";
11
+ function u({ value: u, onSend: d, placeholder: f, disabled: p, maxLength: m, className: h }) {
12
+ let [g, _] = o(u, ""), v = a(null), y = t("chatInput"), b = f ?? y.placeholder, x = i(() => {
13
+ let e = g.trim();
14
+ e && !p && (d?.(e), _(""), v.current && (v.current.style.height = "auto"));
13
15
  }, [
14
- h,
15
- f,
16
- u,
17
- g
16
+ g,
17
+ p,
18
+ d,
19
+ _
18
20
  ]);
19
- return /* @__PURE__ */ n("div", {
20
- className: e([o, m]),
21
- children: [/* @__PURE__ */ t("textarea", {
22
- ref: _,
23
- value: h,
21
+ return /* @__PURE__ */ r("div", {
22
+ className: e([s, h]),
23
+ children: [/* @__PURE__ */ n("textarea", {
24
+ ref: v,
25
+ value: g,
24
26
  onChange: (e) => {
25
- g(e.target.value), _.current && (_.current.style.height = "auto", _.current.style.height = `${_.current.scrollHeight}px`);
27
+ _(e.target.value), v.current && (v.current.style.height = "auto", v.current.style.height = `${v.current.scrollHeight}px`);
26
28
  },
27
29
  onKeyDown: (e) => {
28
- e.key === "Enter" && !e.shiftKey && (e.preventDefault(), v());
30
+ e.key === "Enter" && !e.shiftKey && (e.preventDefault(), x());
29
31
  },
30
- placeholder: d,
31
- disabled: f,
32
- maxLength: p,
32
+ placeholder: b,
33
+ disabled: p,
34
+ maxLength: m,
33
35
  rows: 1,
34
- className: e([s])
35
- }), /* @__PURE__ */ t("button", {
36
+ className: e([c])
37
+ }), /* @__PURE__ */ n("button", {
36
38
  type: "button",
37
- onClick: v,
38
- disabled: f || !h.trim(),
39
- "aria-label": "Send",
40
- className: e([c]),
39
+ onClick: x,
40
+ disabled: p || !g.trim(),
41
+ "aria-label": y.send,
42
+ className: e([l]),
41
43
  children: "↑"
42
44
  })]
43
45
  });
44
46
  }
45
47
  //#endregion
46
- export { l as default };
48
+ export { u as default };
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import e from "./ChatInput.js";
2
3
  export { e as ChatInput };
@@ -1,41 +1,43 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
4
+ import { useStrings as t } from "../LocaleProvider/useStrings.js";
3
5
  /* empty css */
4
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
6
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
7
  //#region src/lib/components/ChatMessage/ChatMessage.tsx
6
- var r = "haze-ChatMessage__wrapper", i = "haze-ChatMessage__wrapperUser", a = "haze-ChatMessage__avatarSlot", o = "haze-ChatMessage__body", s = "haze-ChatMessage__header", c = "haze-ChatMessage__headerUser", l = "haze-ChatMessage__bubble", u = "haze-ChatMessage__bubbleUser", d = "haze-ChatMessage__bubbleAssistant", f = "haze-ChatMessage__bubbleSystem", p = "haze-ChatMessage__statusText", m = "haze-ChatMessage__statusError", h = {
7
- user: u,
8
- assistant: d,
9
- system: f
8
+ var i = "haze-ChatMessage__wrapper", a = "haze-ChatMessage__wrapperUser", o = "haze-ChatMessage__avatarSlot", s = "haze-ChatMessage__body", c = "haze-ChatMessage__header", l = "haze-ChatMessage__headerUser", u = "haze-ChatMessage__bubble", d = "haze-ChatMessage__bubbleUser", f = "haze-ChatMessage__bubbleAssistant", p = "haze-ChatMessage__bubbleSystem", m = "haze-ChatMessage__statusText", h = "haze-ChatMessage__statusError", g = {
9
+ user: d,
10
+ assistant: f,
11
+ system: p
10
12
  };
11
- function g({ role: u, avatar: d, name: f, timestamp: g, status: _, children: v, className: y }) {
12
- let b = u === "user";
13
- return /* @__PURE__ */ n("div", {
13
+ function _({ role: d, avatar: f, name: p, timestamp: _, status: v, children: y, className: b }) {
14
+ let x = d === "user", S = t("chatMessage");
15
+ return /* @__PURE__ */ r("div", {
14
16
  className: e([
15
- r,
16
- b && i,
17
- y
17
+ i,
18
+ x && a,
19
+ b
18
20
  ]),
19
- children: [u !== "system" && /* @__PURE__ */ t("div", {
20
- className: e([a]),
21
- children: d || (u === "user" ? "U" : "A")
22
- }), /* @__PURE__ */ n("div", {
21
+ children: [d !== "system" && /* @__PURE__ */ n("div", {
23
22
  className: e([o]),
23
+ children: f || (d === "user" ? "U" : "A")
24
+ }), /* @__PURE__ */ r("div", {
25
+ className: e([s]),
24
26
  children: [
25
- (f || g) && /* @__PURE__ */ n("div", {
26
- className: e([s, b && c]),
27
- children: [f && /* @__PURE__ */ t("span", { children: f }), g && /* @__PURE__ */ t("span", { children: g })]
27
+ (p || _) && /* @__PURE__ */ r("div", {
28
+ className: e([c, x && l]),
29
+ children: [p && /* @__PURE__ */ n("span", { children: p }), _ && /* @__PURE__ */ n("span", { children: _ })]
28
30
  }),
29
- /* @__PURE__ */ t("div", {
30
- className: e([l, h[u]]),
31
- children: v
31
+ /* @__PURE__ */ n("div", {
32
+ className: e([u, g[d]]),
33
+ children: y
32
34
  }),
33
- _ && /* @__PURE__ */ n("div", {
34
- className: e([p, _ === "error" && m]),
35
+ v && /* @__PURE__ */ r("div", {
36
+ className: e([m, v === "error" && h]),
35
37
  children: [
36
- _ === "sending" && "Sending...",
37
- _ === "sent" && "Sent",
38
- _ === "error" && "Failed to send"
38
+ v === "sending" && S.sending,
39
+ v === "sent" && S.sent,
40
+ v === "error" && S.failedToSend
39
41
  ]
40
42
  })
41
43
  ]
@@ -43,4 +45,4 @@ function g({ role: u, avatar: d, name: f, timestamp: g, status: _, children: v,
43
45
  });
44
46
  }
45
47
  //#endregion
46
- export { g as default };
48
+ export { _ as default };
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import e from "./ChatMessage.js";
2
3
  export { e as ChatMessage };
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import e from "./CheckboxCore.js";
2
3
  import { jsx as t } from "react/jsx-runtime";
3
4
  import { useControl as n } from "react-use-control";
@@ -1,4 +1,5 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
3
4
  /* empty css */
4
5
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import e from "./CheckboxCore.js";
2
3
  import t from "./Checkbox.js";
3
4
  export { t as Checkbox, e as CheckboxCore };
@@ -1,44 +1,46 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
4
+ import { useStrings as t } from "../LocaleProvider/useStrings.js";
3
5
  /* empty css */
4
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
6
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
7
  //#region src/lib/components/Chip/Chip.tsx
6
- var r = "haze-Chip__base", i = {
8
+ var i = "haze-Chip__base", a = {
7
9
  default: "haze-Chip__default",
8
10
  primary: "haze-Chip__primary",
9
11
  success: "haze-Chip__success",
10
12
  warning: "haze-Chip__warning",
11
13
  danger: "haze-Chip__danger"
12
- }, a = {
14
+ }, o = {
13
15
  default: "haze-Chip__default",
14
16
  primary: "haze-Chip__primary",
15
17
  success: "haze-Chip__success",
16
18
  warning: "haze-Chip__warning",
17
19
  danger: "haze-Chip__danger"
18
- }, o = "haze-Chip__iconStyle", s = "haze-Chip__closeBtn";
19
- function c({ variant: c = "solid", color: l = "default", icon: u, onClose: d, className: f, children: p }) {
20
- let m = c === "outline" ? a[l] : i[l];
21
- return /* @__PURE__ */ n("span", {
20
+ }, s = "haze-Chip__iconStyle", c = "haze-Chip__closeBtn";
21
+ function l({ variant: l = "solid", color: u = "default", icon: d, onClose: f, className: p, children: m }) {
22
+ let h = t("chip"), g = l === "outline" ? o[u] : a[u];
23
+ return /* @__PURE__ */ r("span", {
22
24
  className: e([
23
- r,
24
- m,
25
- f
25
+ i,
26
+ g,
27
+ p
26
28
  ]),
27
29
  children: [
28
- u && /* @__PURE__ */ t("span", {
29
- className: e([o]),
30
- children: u
30
+ d && /* @__PURE__ */ n("span", {
31
+ className: e([s]),
32
+ children: d
31
33
  }),
32
- p,
33
- d && /* @__PURE__ */ t("button", {
34
+ m,
35
+ f && /* @__PURE__ */ n("button", {
34
36
  type: "button",
35
- onClick: d,
36
- "aria-label": "Remove",
37
- className: e([s]),
37
+ onClick: f,
38
+ "aria-label": h.remove,
39
+ className: e([c]),
38
40
  children: "×"
39
41
  })
40
42
  ]
41
43
  });
42
44
  }
43
45
  //#endregion
44
- export { c as default };
46
+ export { l as default };
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import e from "./Chip.js";
2
3
  export { e as Chip };
@@ -1,4 +1,5 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
3
4
  /* empty css */
4
5
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import e from "./CodeBlock.js";
2
3
  export { e as CodeBlock };
@@ -1,4 +1,5 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
3
4
  import { Presence as t } from "../../utils/presence.js";
4
5
  /* empty css */
@@ -1,2 +1,3 @@
1
+ "use client";
1
2
  import { Collapsible as e, CollapsibleContent as t, CollapsibleTrigger as n } from "./Collapsible.js";
2
3
  export { e as Collapsible, t as CollapsibleContent, n as CollapsibleTrigger };
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import e from "./ColorPickerCore.js";
2
3
  import { jsx as t } from "react/jsx-runtime";
3
4
  import { useControl as n } from "react-use-control";
@@ -1,38 +1,41 @@
1
1
 
2
+ "use client";
2
3
  import { classnames as e } from "../../utils/classnames.js";
4
+ import { useStrings as t } from "../LocaleProvider/useStrings.js";
3
5
  /* empty css */
4
- import { jsx as t, jsxs as n } from "react/jsx-runtime";
6
+ import { jsx as n, jsxs as r } from "react/jsx-runtime";
5
7
  //#region src/lib/components/ColorPicker/ColorPickerCore.tsx
6
- var r = "haze-ColorPickerCore__container", i = "haze-ColorPickerCore__previewRow", a = "haze-ColorPickerCore__colorInput", o = "haze-ColorPickerCore__textInput", s = "haze-ColorPickerCore__presetsRow", c = "haze-ColorPickerCore__presetBtn", l = "haze-ColorPickerCore__activePreset";
7
- function u({ value: u, onChange: d, presets: f, className: p }) {
8
- return /* @__PURE__ */ n("div", {
9
- className: e([r, p]),
10
- children: [/* @__PURE__ */ n("div", {
11
- className: e([i]),
12
- children: [/* @__PURE__ */ t("input", {
8
+ var i = "haze-ColorPickerCore__container", a = "haze-ColorPickerCore__previewRow", o = "haze-ColorPickerCore__colorInput", s = "haze-ColorPickerCore__textInput", c = "haze-ColorPickerCore__presetsRow", l = "haze-ColorPickerCore__presetBtn", u = "haze-ColorPickerCore__activePreset";
9
+ function d({ value: d, onChange: f, presets: p, className: m }) {
10
+ let h = t("colorPicker");
11
+ return /* @__PURE__ */ r("div", {
12
+ className: e([i, m]),
13
+ children: [/* @__PURE__ */ r("div", {
14
+ className: e([a]),
15
+ children: [/* @__PURE__ */ n("input", {
13
16
  type: "color",
14
- value: u,
15
- "aria-label": "Pick color",
16
- onChange: (e) => d(e.target.value),
17
- className: e([a])
18
- }), /* @__PURE__ */ t("input", {
19
- type: "text",
20
- value: u,
21
- "aria-label": "Hex color",
22
- onChange: (e) => d(e.target.value),
17
+ value: d,
18
+ "aria-label": h.pickColor,
19
+ onChange: (e) => f(e.target.value),
23
20
  className: e([o])
21
+ }), /* @__PURE__ */ n("input", {
22
+ type: "text",
23
+ value: d,
24
+ "aria-label": h.hexColor,
25
+ onChange: (e) => f(e.target.value),
26
+ className: e([s])
24
27
  })]
25
- }), f && f.length > 0 && /* @__PURE__ */ t("div", {
26
- className: e([s]),
27
- children: f.map((n) => /* @__PURE__ */ t("button", {
28
+ }), p && p.length > 0 && /* @__PURE__ */ n("div", {
29
+ className: e([c]),
30
+ children: p.map((t) => /* @__PURE__ */ n("button", {
28
31
  type: "button",
29
- style: { background: n },
30
- "aria-label": n,
31
- onClick: () => d(n),
32
- className: e([c, u === n && l])
33
- }, n))
32
+ style: { background: t },
33
+ "aria-label": t,
34
+ onClick: () => f(t),
35
+ className: e([l, d === t && u])
36
+ }, t))
34
37
  })]
35
38
  });
36
39
  }
37
40
  //#endregion
38
- export { u as default };
41
+ export { d as default };
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import e from "./ColorPickerCore.js";
2
3
  import t from "./ColorPicker.js";
3
4
  export { t as ColorPicker, e as ColorPickerCore };