@a-type/ui 3.1.0 → 4.0.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (464) hide show
  1. package/dist/cjs/components/actions/ActionBar.d.ts +1 -1
  2. package/dist/cjs/components/actions/ActionBar.js +2 -2
  3. package/dist/cjs/components/actions/ActionBar.js.map +1 -1
  4. package/dist/cjs/components/actions/ActionButton.d.ts +3 -3
  5. package/dist/cjs/components/actions/ActionButton.js +2 -2
  6. package/dist/cjs/components/actions/ActionButton.js.map +1 -1
  7. package/dist/cjs/components/avatar/Avatar.d.ts +4 -2
  8. package/dist/cjs/components/avatar/Avatar.js +4 -14
  9. package/dist/cjs/components/avatar/Avatar.js.map +1 -1
  10. package/dist/cjs/components/box/Box.stories.js +1 -1
  11. package/dist/cjs/components/box/Box.stories.js.map +1 -1
  12. package/dist/cjs/components/button/Button.d.ts +7 -7
  13. package/dist/cjs/components/button/Button.js +7 -12
  14. package/dist/cjs/components/button/Button.js.map +1 -1
  15. package/dist/cjs/components/button/Button.stories.d.ts +1 -1
  16. package/dist/cjs/components/button/ConfirmedButton.js +1 -2
  17. package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
  18. package/dist/cjs/components/camera/Camera.d.ts +4 -4
  19. package/dist/cjs/components/camera/Camera.js +6 -7
  20. package/dist/cjs/components/camera/Camera.js.map +1 -1
  21. package/dist/cjs/components/card/Card.d.ts +8 -2
  22. package/dist/cjs/components/card/Card.js +21 -9
  23. package/dist/cjs/components/card/Card.js.map +1 -1
  24. package/dist/cjs/components/card/Card.stories.js +3 -3
  25. package/dist/cjs/components/card/Card.stories.js.map +1 -1
  26. package/dist/cjs/components/checkbox/Checkbox.d.ts +3 -3
  27. package/dist/cjs/components/checkbox/Checkbox.js +5 -38
  28. package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
  29. package/dist/cjs/components/chip/Chip.d.ts +3 -2
  30. package/dist/cjs/components/chip/Chip.js +3 -4
  31. package/dist/cjs/components/chip/Chip.js.map +1 -1
  32. package/dist/cjs/components/chip/Chip.stories.d.ts +6 -1
  33. package/dist/cjs/components/chip/Chip.stories.js +9 -3
  34. package/dist/cjs/components/chip/Chip.stories.js.map +1 -1
  35. package/dist/cjs/components/collapsible/Collapsible.d.ts +9 -9
  36. package/dist/cjs/components/collapsible/Collapsible.js +15 -38
  37. package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
  38. package/dist/cjs/components/collapsible/Collapsible.stories.d.ts +1 -1
  39. package/dist/cjs/components/colorMode/ColorModeToggle.d.ts +4 -2
  40. package/dist/cjs/components/colorMode/ColorModeToggle.js +8 -9
  41. package/dist/cjs/components/colorMode/ColorModeToggle.js.map +1 -1
  42. package/dist/cjs/components/colorPicker/ColorPicker.d.ts +4 -3
  43. package/dist/cjs/components/colorPicker/ColorPicker.js +8 -4
  44. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  45. package/dist/cjs/components/contextMenu/contextMenu.d.ts +11 -12
  46. package/dist/cjs/components/contextMenu/contextMenu.js +9 -42
  47. package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
  48. package/dist/cjs/components/contextMenu/contextMenu.stories.d.ts +22 -0
  49. package/dist/cjs/components/contextMenu/contextMenu.stories.js +22 -0
  50. package/dist/cjs/components/contextMenu/contextMenu.stories.js.map +1 -0
  51. package/dist/cjs/components/dialog/Dialog.d.ts +27 -22
  52. package/dist/cjs/components/dialog/Dialog.js +109 -80
  53. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  54. package/dist/cjs/components/dialog/Dialog.stories.d.ts +8 -8
  55. package/dist/cjs/components/dialog/Dialog.stories.js +6 -6
  56. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  57. package/dist/cjs/components/divider/Divider.js +2 -1
  58. package/dist/cjs/components/divider/Divider.js.map +1 -1
  59. package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +26 -21
  60. package/dist/cjs/components/dropdownMenu/DropdownMenu.js +22 -19
  61. package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
  62. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -26
  63. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +6 -2
  64. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  65. package/dist/cjs/components/forms/EmojiField.d.ts +3 -2
  66. package/dist/cjs/components/forms/EmojiField.js +1 -1
  67. package/dist/cjs/components/forms/EmojiField.js.map +1 -1
  68. package/dist/cjs/components/forms/FormikForm.d.ts +2 -2
  69. package/dist/cjs/components/forms/FormikForm.stories.d.ts +2 -2
  70. package/dist/cjs/components/forms/SubmitButton.d.ts +1 -1
  71. package/dist/cjs/components/forms/SubmitButton.js +14 -2
  72. package/dist/cjs/components/forms/SubmitButton.js.map +1 -1
  73. package/dist/cjs/components/forms/TextField.js.map +1 -1
  74. package/dist/cjs/components/forms/ToggleGroupField.d.ts +3 -2
  75. package/dist/cjs/components/forms/ToggleGroupField.js +9 -2
  76. package/dist/cjs/components/forms/ToggleGroupField.js.map +1 -1
  77. package/dist/cjs/components/horizontalList/HorizontalList.d.ts +1 -3
  78. package/dist/cjs/components/horizontalList/HorizontalList.js +3 -3
  79. package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
  80. package/dist/cjs/components/horizontalList/HorizontalList.stories.js +1 -1
  81. package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
  82. package/dist/cjs/components/icon/Icon.d.ts +7 -3
  83. package/dist/cjs/components/icon/Icon.js +14 -2
  84. package/dist/cjs/components/icon/Icon.js.map +1 -1
  85. package/dist/cjs/components/icon/Icon.stories.d.ts +28 -0
  86. package/dist/cjs/components/icon/Icon.stories.js +34 -0
  87. package/dist/cjs/components/icon/Icon.stories.js.map +1 -0
  88. package/dist/cjs/components/imageUploader/ImageUploader.js +1 -1
  89. package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
  90. package/dist/cjs/components/index.d.ts +1 -1
  91. package/dist/cjs/components/index.js +1 -4
  92. package/dist/cjs/components/index.js.map +1 -1
  93. package/dist/cjs/components/input/Input.d.ts +1 -2
  94. package/dist/cjs/components/input/Input.js +4 -5
  95. package/dist/cjs/components/input/Input.js.map +1 -1
  96. package/dist/cjs/components/input/Input.stories.d.ts +1 -1
  97. package/dist/cjs/components/layouts/layouts.stories.js +6 -6
  98. package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
  99. package/dist/cjs/components/lightbox/Lightbox.d.ts +18 -16
  100. package/dist/cjs/components/lightbox/Lightbox.js +10 -43
  101. package/dist/cjs/components/lightbox/Lightbox.js.map +1 -1
  102. package/dist/cjs/components/lightbox/Lightbox.stories.d.ts +9 -7
  103. package/dist/cjs/components/marquee/marquee.stories.js +1 -1
  104. package/dist/cjs/components/marquee/marquee.stories.js.map +1 -1
  105. package/dist/cjs/components/navBar/NavBar.d.ts +9 -9
  106. package/dist/cjs/components/navBar/NavBar.js +5 -7
  107. package/dist/cjs/components/navBar/NavBar.js.map +1 -1
  108. package/dist/cjs/components/popover/Popover.d.ts +19 -13
  109. package/dist/cjs/components/popover/Popover.js +22 -50
  110. package/dist/cjs/components/popover/Popover.js.map +1 -1
  111. package/dist/cjs/components/popover/Popover.stories.d.ts +2 -23
  112. package/dist/cjs/components/popover/Popover.stories.js +1 -1
  113. package/dist/cjs/components/popover/Popover.stories.js.map +1 -1
  114. package/dist/cjs/components/progress/Progress.d.ts +22 -6
  115. package/dist/cjs/components/progress/Progress.js +17 -42
  116. package/dist/cjs/components/progress/Progress.js.map +1 -1
  117. package/dist/cjs/components/progress/Progress.stories.d.ts +13 -3
  118. package/dist/cjs/components/progress/Progress.stories.js +7 -2
  119. package/dist/cjs/components/progress/Progress.stories.js.map +1 -1
  120. package/dist/cjs/components/pwaInstall/PwaInstall.d.ts +3 -3
  121. package/dist/cjs/components/pwaInstall/PwaInstall.js +6 -4
  122. package/dist/cjs/components/pwaInstall/PwaInstall.js.map +1 -1
  123. package/dist/cjs/components/pwaInstall/PwaInstallTrigger.d.ts +1 -2
  124. package/dist/cjs/components/pwaInstall/PwaInstallTrigger.stories.js +1 -1
  125. package/dist/cjs/components/pwaInstall/PwaInstallTrigger.stories.js.map +1 -1
  126. package/dist/cjs/components/scrollArea/ScrollArea.d.ts +23 -28
  127. package/dist/cjs/components/scrollArea/ScrollArea.js +26 -56
  128. package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
  129. package/dist/cjs/components/scrollArea/ScrollArea.stories.d.ts +13 -10
  130. package/dist/cjs/components/scrollArea/ScrollArea.stories.js +16 -12
  131. package/dist/cjs/components/scrollArea/ScrollArea.stories.js.map +1 -1
  132. package/dist/cjs/components/select/Select.d.ts +37 -46
  133. package/dist/cjs/components/select/Select.js +37 -83
  134. package/dist/cjs/components/select/Select.js.map +1 -1
  135. package/dist/cjs/components/select/Select.stories.d.ts +15 -11
  136. package/dist/cjs/components/select/Select.stories.js +23 -2
  137. package/dist/cjs/components/select/Select.stories.js.map +1 -1
  138. package/dist/cjs/components/slider/Slider.d.ts +36 -13
  139. package/dist/cjs/components/slider/Slider.js +26 -41
  140. package/dist/cjs/components/slider/Slider.js.map +1 -1
  141. package/dist/cjs/components/slider/Slider.stories.d.ts +16 -7
  142. package/dist/cjs/components/slider/Slider.stories.js +23 -10
  143. package/dist/cjs/components/slider/Slider.stories.js.map +1 -1
  144. package/dist/cjs/components/switch/Switch.d.ts +4 -4
  145. package/dist/cjs/components/switch/Switch.js +3 -3
  146. package/dist/cjs/components/switch/Switch.js.map +1 -1
  147. package/dist/cjs/components/switch/Switch.stories.d.ts +27 -0
  148. package/dist/cjs/components/switch/Switch.stories.js +24 -0
  149. package/dist/cjs/components/switch/Switch.stories.js.map +1 -0
  150. package/dist/cjs/components/tabs/tabs.d.ts +16 -12
  151. package/dist/cjs/components/tabs/tabs.js +12 -47
  152. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  153. package/dist/cjs/components/tabs/tabs.stories.js +3 -3
  154. package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
  155. package/dist/cjs/components/textArea/TextArea.d.ts +4 -4
  156. package/dist/cjs/components/textArea/TextArea.js +6 -8
  157. package/dist/cjs/components/textArea/TextArea.js.map +1 -1
  158. package/dist/cjs/components/textArea/TextArea.stories.d.ts +1 -1
  159. package/dist/cjs/components/toasts/toasts.d.ts +4 -0
  160. package/dist/cjs/components/toasts/toasts.js +6 -0
  161. package/dist/cjs/components/toasts/toasts.js.map +1 -1
  162. package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +5 -6
  163. package/dist/cjs/components/toggleGroup/toggleGroup.js +6 -38
  164. package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
  165. package/dist/cjs/components/toggleGroup/toggleGroup.stories.d.ts +17 -0
  166. package/dist/cjs/components/toggleGroup/toggleGroup.stories.js +21 -0
  167. package/dist/cjs/components/toggleGroup/toggleGroup.stories.js.map +1 -0
  168. package/dist/cjs/components/tooltip/Tooltip.d.ts +12 -9
  169. package/dist/cjs/components/tooltip/Tooltip.js +12 -43
  170. package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
  171. package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +2 -20
  172. package/dist/cjs/components/tooltip/Tooltip.stories.js +14 -5
  173. package/dist/cjs/components/tooltip/Tooltip.stories.js.map +1 -1
  174. package/dist/cjs/components/utility/ArrowSvg.d.ts +1 -0
  175. package/dist/cjs/components/utility/ArrowSvg.js +9 -0
  176. package/dist/cjs/components/utility/ArrowSvg.js.map +1 -0
  177. package/dist/cjs/components/utility/HideWhileKeyboardOpen.d.ts +1 -2
  178. package/dist/cjs/components/utility/HideWhileKeyboardOpen.js +3 -4
  179. package/dist/cjs/components/utility/HideWhileKeyboardOpen.js.map +1 -1
  180. package/dist/cjs/components/utility/SlotDiv.d.ts +3 -4
  181. package/dist/cjs/components/utility/SlotDiv.js +9 -7
  182. package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
  183. package/dist/cjs/hooks/useTitleBarColor.stories.js +1 -1
  184. package/dist/cjs/hooks/useTitleBarColor.stories.js.map +1 -1
  185. package/dist/cjs/hooks/useVisualViewportOffset.js +31 -10
  186. package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
  187. package/dist/cjs/hooks/withClassName.d.ts +2 -2
  188. package/dist/cjs/hooks/withClassName.js.map +1 -1
  189. package/dist/cjs/themes.stories.js +2 -2
  190. package/dist/cjs/themes.stories.js.map +1 -1
  191. package/dist/cjs/uno/preflights/globals.js +29 -25
  192. package/dist/cjs/uno/preflights/globals.js.map +1 -1
  193. package/dist/cjs/uno/rules/util.js +18 -8
  194. package/dist/cjs/uno/rules/util.js.map +1 -1
  195. package/dist/cjs/uno/theme/animations.js +0 -74
  196. package/dist/cjs/uno/theme/animations.js.map +1 -1
  197. package/dist/css/main.css +9 -42
  198. package/dist/esm/components/actions/ActionBar.js +2 -2
  199. package/dist/esm/components/actions/ActionBar.js.map +1 -1
  200. package/dist/esm/components/actions/ActionButton.d.ts +3 -3
  201. package/dist/esm/components/actions/ActionButton.js +2 -2
  202. package/dist/esm/components/actions/ActionButton.js.map +1 -1
  203. package/dist/esm/components/avatar/Avatar.d.ts +4 -2
  204. package/dist/esm/components/avatar/Avatar.js +4 -14
  205. package/dist/esm/components/avatar/Avatar.js.map +1 -1
  206. package/dist/esm/components/box/Box.stories.js +1 -1
  207. package/dist/esm/components/box/Box.stories.js.map +1 -1
  208. package/dist/esm/components/button/Button.d.ts +7 -7
  209. package/dist/esm/components/button/Button.js +7 -12
  210. package/dist/esm/components/button/Button.js.map +1 -1
  211. package/dist/esm/components/button/Button.stories.d.ts +1 -1
  212. package/dist/esm/components/button/ConfirmedButton.js +1 -2
  213. package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
  214. package/dist/esm/components/camera/Camera.d.ts +4 -4
  215. package/dist/esm/components/camera/Camera.js +6 -7
  216. package/dist/esm/components/camera/Camera.js.map +1 -1
  217. package/dist/esm/components/card/Card.d.ts +8 -2
  218. package/dist/esm/components/card/Card.js +21 -9
  219. package/dist/esm/components/card/Card.js.map +1 -1
  220. package/dist/esm/components/card/Card.stories.js +3 -3
  221. package/dist/esm/components/card/Card.stories.js.map +1 -1
  222. package/dist/esm/components/checkbox/Checkbox.d.ts +3 -3
  223. package/dist/esm/components/checkbox/Checkbox.js +5 -5
  224. package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
  225. package/dist/esm/components/chip/Chip.d.ts +3 -2
  226. package/dist/esm/components/chip/Chip.js +3 -4
  227. package/dist/esm/components/chip/Chip.js.map +1 -1
  228. package/dist/esm/components/chip/Chip.stories.d.ts +6 -1
  229. package/dist/esm/components/chip/Chip.stories.js +9 -3
  230. package/dist/esm/components/chip/Chip.stories.js.map +1 -1
  231. package/dist/esm/components/collapsible/Collapsible.d.ts +9 -9
  232. package/dist/esm/components/collapsible/Collapsible.js +15 -5
  233. package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
  234. package/dist/esm/components/collapsible/Collapsible.stories.d.ts +1 -1
  235. package/dist/esm/components/colorMode/ColorModeToggle.d.ts +4 -2
  236. package/dist/esm/components/colorMode/ColorModeToggle.js +8 -9
  237. package/dist/esm/components/colorMode/ColorModeToggle.js.map +1 -1
  238. package/dist/esm/components/colorPicker/ColorPicker.d.ts +4 -3
  239. package/dist/esm/components/colorPicker/ColorPicker.js +9 -5
  240. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  241. package/dist/esm/components/contextMenu/contextMenu.d.ts +11 -12
  242. package/dist/esm/components/contextMenu/contextMenu.js +9 -9
  243. package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
  244. package/dist/esm/components/contextMenu/contextMenu.stories.d.ts +22 -0
  245. package/dist/esm/components/contextMenu/contextMenu.stories.js +19 -0
  246. package/dist/esm/components/contextMenu/contextMenu.stories.js.map +1 -0
  247. package/dist/esm/components/dialog/Dialog.d.ts +27 -22
  248. package/dist/esm/components/dialog/Dialog.js +110 -49
  249. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  250. package/dist/esm/components/dialog/Dialog.stories.d.ts +8 -8
  251. package/dist/esm/components/dialog/Dialog.stories.js +6 -6
  252. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  253. package/dist/esm/components/divider/Divider.js +2 -1
  254. package/dist/esm/components/divider/Divider.js.map +1 -1
  255. package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +26 -21
  256. package/dist/esm/components/dropdownMenu/DropdownMenu.js +22 -19
  257. package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
  258. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +3 -26
  259. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +5 -1
  260. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  261. package/dist/esm/components/forms/EmojiField.d.ts +3 -2
  262. package/dist/esm/components/forms/EmojiField.js +1 -1
  263. package/dist/esm/components/forms/EmojiField.js.map +1 -1
  264. package/dist/esm/components/forms/FormikForm.d.ts +2 -2
  265. package/dist/esm/components/forms/FormikForm.stories.d.ts +2 -2
  266. package/dist/esm/components/forms/SubmitButton.d.ts +1 -1
  267. package/dist/esm/components/forms/SubmitButton.js +14 -2
  268. package/dist/esm/components/forms/SubmitButton.js.map +1 -1
  269. package/dist/esm/components/forms/TextField.js.map +1 -1
  270. package/dist/esm/components/forms/ToggleGroupField.d.ts +3 -2
  271. package/dist/esm/components/forms/ToggleGroupField.js +9 -2
  272. package/dist/esm/components/forms/ToggleGroupField.js.map +1 -1
  273. package/dist/esm/components/horizontalList/HorizontalList.d.ts +1 -3
  274. package/dist/esm/components/horizontalList/HorizontalList.js +4 -4
  275. package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
  276. package/dist/esm/components/horizontalList/HorizontalList.stories.js +1 -1
  277. package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
  278. package/dist/esm/components/icon/Icon.d.ts +7 -3
  279. package/dist/esm/components/icon/Icon.js +14 -2
  280. package/dist/esm/components/icon/Icon.js.map +1 -1
  281. package/dist/esm/components/icon/Icon.stories.d.ts +28 -0
  282. package/dist/esm/components/icon/Icon.stories.js +31 -0
  283. package/dist/esm/components/icon/Icon.stories.js.map +1 -0
  284. package/dist/esm/components/imageUploader/ImageUploader.js +1 -1
  285. package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
  286. package/dist/esm/components/index.d.ts +1 -1
  287. package/dist/esm/components/index.js +1 -1
  288. package/dist/esm/components/index.js.map +1 -1
  289. package/dist/esm/components/input/Input.d.ts +1 -2
  290. package/dist/esm/components/input/Input.js +4 -5
  291. package/dist/esm/components/input/Input.js.map +1 -1
  292. package/dist/esm/components/input/Input.stories.d.ts +1 -1
  293. package/dist/esm/components/layouts/layouts.stories.js +4 -4
  294. package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
  295. package/dist/esm/components/lightbox/Lightbox.d.ts +18 -16
  296. package/dist/esm/components/lightbox/Lightbox.js +6 -6
  297. package/dist/esm/components/lightbox/Lightbox.js.map +1 -1
  298. package/dist/esm/components/lightbox/Lightbox.stories.d.ts +9 -7
  299. package/dist/esm/components/marquee/marquee.stories.js +1 -1
  300. package/dist/esm/components/marquee/marquee.stories.js.map +1 -1
  301. package/dist/esm/components/navBar/NavBar.d.ts +9 -9
  302. package/dist/esm/components/navBar/NavBar.js +5 -7
  303. package/dist/esm/components/navBar/NavBar.js.map +1 -1
  304. package/dist/esm/components/popover/Popover.d.ts +19 -13
  305. package/dist/esm/components/popover/Popover.js +18 -13
  306. package/dist/esm/components/popover/Popover.js.map +1 -1
  307. package/dist/esm/components/popover/Popover.stories.d.ts +2 -23
  308. package/dist/esm/components/popover/Popover.stories.js +1 -1
  309. package/dist/esm/components/popover/Popover.stories.js.map +1 -1
  310. package/dist/esm/components/progress/Progress.d.ts +22 -6
  311. package/dist/esm/components/progress/Progress.js +16 -9
  312. package/dist/esm/components/progress/Progress.js.map +1 -1
  313. package/dist/esm/components/progress/Progress.stories.d.ts +13 -3
  314. package/dist/esm/components/progress/Progress.stories.js +6 -1
  315. package/dist/esm/components/progress/Progress.stories.js.map +1 -1
  316. package/dist/esm/components/pwaInstall/PwaInstall.d.ts +3 -3
  317. package/dist/esm/components/pwaInstall/PwaInstall.js +6 -4
  318. package/dist/esm/components/pwaInstall/PwaInstall.js.map +1 -1
  319. package/dist/esm/components/pwaInstall/PwaInstallTrigger.d.ts +1 -2
  320. package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js +1 -1
  321. package/dist/esm/components/pwaInstall/PwaInstallTrigger.stories.js.map +1 -1
  322. package/dist/esm/components/scrollArea/ScrollArea.d.ts +23 -28
  323. package/dist/esm/components/scrollArea/ScrollArea.js +25 -21
  324. package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
  325. package/dist/esm/components/scrollArea/ScrollArea.stories.d.ts +13 -10
  326. package/dist/esm/components/scrollArea/ScrollArea.stories.js +13 -12
  327. package/dist/esm/components/scrollArea/ScrollArea.stories.js.map +1 -1
  328. package/dist/esm/components/select/Select.d.ts +37 -46
  329. package/dist/esm/components/select/Select.js +32 -77
  330. package/dist/esm/components/select/Select.js.map +1 -1
  331. package/dist/esm/components/select/Select.stories.d.ts +15 -11
  332. package/dist/esm/components/select/Select.stories.js +22 -1
  333. package/dist/esm/components/select/Select.stories.js.map +1 -1
  334. package/dist/esm/components/slider/Slider.d.ts +36 -13
  335. package/dist/esm/components/slider/Slider.js +23 -7
  336. package/dist/esm/components/slider/Slider.js.map +1 -1
  337. package/dist/esm/components/slider/Slider.stories.d.ts +16 -7
  338. package/dist/esm/components/slider/Slider.stories.js +22 -9
  339. package/dist/esm/components/slider/Slider.stories.js.map +1 -1
  340. package/dist/esm/components/switch/Switch.d.ts +4 -4
  341. package/dist/esm/components/switch/Switch.js +3 -3
  342. package/dist/esm/components/switch/Switch.js.map +1 -1
  343. package/dist/esm/components/switch/Switch.stories.d.ts +27 -0
  344. package/dist/esm/components/switch/Switch.stories.js +21 -0
  345. package/dist/esm/components/switch/Switch.stories.js.map +1 -0
  346. package/dist/esm/components/tabs/tabs.d.ts +16 -12
  347. package/dist/esm/components/tabs/tabs.js +10 -12
  348. package/dist/esm/components/tabs/tabs.js.map +1 -1
  349. package/dist/esm/components/tabs/tabs.stories.js +3 -3
  350. package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
  351. package/dist/esm/components/textArea/TextArea.d.ts +4 -4
  352. package/dist/esm/components/textArea/TextArea.js +7 -9
  353. package/dist/esm/components/textArea/TextArea.js.map +1 -1
  354. package/dist/esm/components/textArea/TextArea.stories.d.ts +1 -1
  355. package/dist/esm/components/toasts/toasts.d.ts +4 -0
  356. package/dist/esm/components/toasts/toasts.js +6 -0
  357. package/dist/esm/components/toasts/toasts.js.map +1 -1
  358. package/dist/esm/components/toggleGroup/toggleGroup.d.ts +5 -6
  359. package/dist/esm/components/toggleGroup/toggleGroup.js +4 -3
  360. package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
  361. package/dist/esm/components/toggleGroup/toggleGroup.stories.d.ts +17 -0
  362. package/dist/esm/components/toggleGroup/toggleGroup.stories.js +18 -0
  363. package/dist/esm/components/toggleGroup/toggleGroup.stories.js.map +1 -0
  364. package/dist/esm/components/tooltip/Tooltip.d.ts +12 -9
  365. package/dist/esm/components/tooltip/Tooltip.js +11 -9
  366. package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
  367. package/dist/esm/components/tooltip/Tooltip.stories.d.ts +2 -20
  368. package/dist/esm/components/tooltip/Tooltip.stories.js +14 -5
  369. package/dist/esm/components/tooltip/Tooltip.stories.js.map +1 -1
  370. package/dist/esm/components/utility/ArrowSvg.d.ts +1 -0
  371. package/dist/esm/components/utility/ArrowSvg.js +6 -0
  372. package/dist/esm/components/utility/ArrowSvg.js.map +1 -0
  373. package/dist/esm/components/utility/HideWhileKeyboardOpen.d.ts +1 -2
  374. package/dist/esm/components/utility/HideWhileKeyboardOpen.js +3 -4
  375. package/dist/esm/components/utility/HideWhileKeyboardOpen.js.map +1 -1
  376. package/dist/esm/components/utility/SlotDiv.d.ts +3 -4
  377. package/dist/esm/components/utility/SlotDiv.js +9 -7
  378. package/dist/esm/components/utility/SlotDiv.js.map +1 -1
  379. package/dist/esm/hooks/useTitleBarColor.stories.js +1 -1
  380. package/dist/esm/hooks/useTitleBarColor.stories.js.map +1 -1
  381. package/dist/esm/hooks/useVisualViewportOffset.js +31 -10
  382. package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
  383. package/dist/esm/hooks/withClassName.d.ts +2 -2
  384. package/dist/esm/hooks/withClassName.js +2 -2
  385. package/dist/esm/hooks/withClassName.js.map +1 -1
  386. package/dist/esm/themes.stories.js +2 -2
  387. package/dist/esm/themes.stories.js.map +1 -1
  388. package/dist/esm/uno/preflights/globals.js +29 -25
  389. package/dist/esm/uno/preflights/globals.js.map +1 -1
  390. package/dist/esm/uno/rules/util.js +18 -8
  391. package/dist/esm/uno/rules/util.js.map +1 -1
  392. package/dist/esm/uno/theme/animations.js +0 -74
  393. package/dist/esm/uno/theme/animations.js.map +1 -1
  394. package/package.json +1 -21
  395. package/src/components/actions/ActionBar.tsx +13 -9
  396. package/src/components/actions/ActionButton.tsx +2 -4
  397. package/src/components/avatar/Avatar.tsx +24 -40
  398. package/src/components/box/Box.stories.tsx +1 -1
  399. package/src/components/button/Button.tsx +13 -21
  400. package/src/components/button/ConfirmedButton.tsx +3 -7
  401. package/src/components/camera/Camera.tsx +23 -21
  402. package/src/components/card/Card.stories.tsx +22 -15
  403. package/src/components/card/Card.tsx +57 -40
  404. package/src/components/checkbox/Checkbox.tsx +13 -9
  405. package/src/components/chip/Chip.stories.tsx +13 -6
  406. package/src/components/chip/Chip.tsx +6 -7
  407. package/src/components/collapsible/Collapsible.tsx +29 -18
  408. package/src/components/colorMode/ColorModeToggle.tsx +13 -12
  409. package/src/components/colorPicker/ColorPicker.tsx +33 -27
  410. package/src/components/contextMenu/contextMenu.stories.tsx +39 -0
  411. package/src/components/contextMenu/contextMenu.tsx +33 -32
  412. package/src/components/dialog/Dialog.stories.tsx +15 -37
  413. package/src/components/dialog/Dialog.tsx +219 -102
  414. package/src/components/divider/Divider.tsx +5 -1
  415. package/src/components/dropdownMenu/DropdownMenu.stories.tsx +63 -5
  416. package/src/components/dropdownMenu/DropdownMenu.tsx +86 -47
  417. package/src/components/forms/EmojiField.tsx +18 -15
  418. package/src/components/forms/SubmitButton.tsx +2 -2
  419. package/src/components/forms/TextField.tsx +2 -2
  420. package/src/components/forms/ToggleGroupField.tsx +9 -1
  421. package/src/components/horizontalList/HorizontalList.stories.tsx +2 -2
  422. package/src/components/horizontalList/HorizontalList.tsx +10 -18
  423. package/src/components/icon/Icon.stories.tsx +47 -0
  424. package/src/components/icon/Icon.tsx +30 -17
  425. package/src/components/imageUploader/ImageUploader.tsx +8 -9
  426. package/src/components/index.ts +1 -1
  427. package/src/components/input/Input.tsx +3 -7
  428. package/src/components/layouts/layouts.stories.tsx +10 -16
  429. package/src/components/lightbox/Lightbox.tsx +25 -13
  430. package/src/components/marquee/marquee.stories.tsx +5 -3
  431. package/src/components/navBar/NavBar.tsx +9 -17
  432. package/src/components/popover/Popover.stories.tsx +6 -7
  433. package/src/components/popover/Popover.tsx +86 -38
  434. package/src/components/progress/Progress.stories.tsx +15 -3
  435. package/src/components/progress/Progress.tsx +65 -11
  436. package/src/components/pwaInstall/PwaInstall.tsx +21 -22
  437. package/src/components/pwaInstall/PwaInstallTrigger.stories.tsx +5 -4
  438. package/src/components/pwaInstall/PwaInstallTrigger.tsx +1 -1
  439. package/src/components/scrollArea/ScrollArea.stories.tsx +86 -45
  440. package/src/components/scrollArea/ScrollArea.tsx +108 -96
  441. package/src/components/select/Select.stories.tsx +39 -10
  442. package/src/components/select/Select.tsx +158 -218
  443. package/src/components/slider/Slider.stories.tsx +40 -15
  444. package/src/components/slider/Slider.tsx +60 -30
  445. package/src/components/switch/Switch.stories.tsx +24 -0
  446. package/src/components/switch/Switch.tsx +9 -8
  447. package/src/components/tabs/tabs.stories.tsx +7 -13
  448. package/src/components/tabs/tabs.tsx +35 -28
  449. package/src/components/textArea/TextArea.tsx +17 -25
  450. package/src/components/toasts/toasts.tsx +6 -0
  451. package/src/components/toggleGroup/toggleGroup.stories.tsx +27 -0
  452. package/src/components/toggleGroup/toggleGroup.tsx +10 -8
  453. package/src/components/tooltip/Tooltip.stories.tsx +20 -10
  454. package/src/components/tooltip/Tooltip.tsx +72 -30
  455. package/src/components/utility/ArrowSvg.tsx +15 -0
  456. package/src/components/utility/HideWhileKeyboardOpen.tsx +3 -8
  457. package/src/components/utility/SlotDiv.tsx +10 -10
  458. package/src/hooks/useTitleBarColor.stories.tsx +1 -3
  459. package/src/hooks/useVisualViewportOffset.ts +34 -11
  460. package/src/hooks/withClassName.tsx +3 -3
  461. package/src/themes.stories.tsx +10 -20
  462. package/src/uno/preflights/globals.ts +25 -21
  463. package/src/uno/rules/util.ts +18 -8
  464. package/src/uno/theme/animations.ts +0 -74
@@ -1 +1 @@
1
- {"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":"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"}
@@ -1,6 +1,6 @@
1
- import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
1
+ import { CheckboxIndicatorProps, CheckboxRootProps } from '@base-ui/react/checkbox';
2
2
  import { Ref } from 'react';
3
- export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
3
+ export interface CheckboxProps extends CheckboxRootProps {
4
4
  /**
5
5
  * The checked visual state. Prominent mode means the checked version is visually
6
6
  * emphasized to the user. Faded means the checked version is visually de-emphasized.
@@ -11,7 +11,7 @@ export interface CheckboxProps extends CheckboxPrimitive.CheckboxProps {
11
11
  ref?: Ref<HTMLButtonElement>;
12
12
  }
13
13
  export declare function CheckboxRoot({ className, checkedMode, ...props }: CheckboxProps): import("react/jsx-runtime.js").JSX.Element;
14
- export declare function CheckboxIndicator({ children, className, ...props }: CheckboxPrimitive.CheckboxIndicatorProps): import("react/jsx-runtime.js").JSX.Element;
14
+ export declare function CheckboxIndicator({ children, className, ...props }: CheckboxIndicatorProps): import("react/jsx-runtime.js").JSX.Element;
15
15
  export declare const Checkbox: ((props: CheckboxProps) => import("react/jsx-runtime.js").JSX.Element) & {
16
16
  Root: typeof CheckboxRoot;
17
17
  Indicator: typeof CheckboxIndicator;
@@ -1,39 +1,6 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
3
  'use client';
4
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
5
- if (k2 === undefined) k2 = k;
6
- var desc = Object.getOwnPropertyDescriptor(m, k);
7
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
8
- desc = { enumerable: true, get: function() { return m[k]; } };
9
- }
10
- Object.defineProperty(o, k2, desc);
11
- }) : (function(o, m, k, k2) {
12
- if (k2 === undefined) k2 = k;
13
- o[k2] = m[k];
14
- }));
15
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
16
- Object.defineProperty(o, "default", { enumerable: true, value: v });
17
- }) : function(o, v) {
18
- o["default"] = v;
19
- });
20
- var __importStar = (this && this.__importStar) || (function () {
21
- var ownKeys = function(o) {
22
- ownKeys = Object.getOwnPropertyNames || function (o) {
23
- var ar = [];
24
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
25
- return ar;
26
- };
27
- return ownKeys(o);
28
- };
29
- return function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- })();
37
4
  var __rest = (this && this.__rest) || function (s, e) {
38
5
  var t = {};
39
6
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -53,18 +20,18 @@ exports.Checkbox = void 0;
53
20
  exports.CheckboxRoot = CheckboxRoot;
54
21
  exports.CheckboxIndicator = CheckboxIndicator;
55
22
  const jsx_runtime_1 = require("react/jsx-runtime");
56
- const CheckboxPrimitive = __importStar(require("@radix-ui/react-checkbox"));
23
+ const checkbox_1 = require("@base-ui/react/checkbox");
57
24
  const clsx_1 = __importDefault(require("clsx"));
58
25
  const Icon_js_1 = require("../icon/Icon.js");
59
26
  function CheckboxRoot(_a) {
60
27
  var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
61
- return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Root, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border layer-components:border-default layer-components:transition-all layer-components:rounded-lg layer-components:shadow-sm layer-components:cursor-pointer', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
62
- ? 'layer-components:[&[data-state=checked]]:bg-main layer-components:[&[data-state=checked]]:animate-checkbox-fade layer-components:[&[data-state=checked]]:animate-forwards'
63
- : 'layer-components:[&[data-state=checked]]:bg-main layer-components:[&[data-state=checked]]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg layer-components:[&:hover:not(:disabled)]:ring-2', 'layer-components:[&:active:not(:disabled)]:bg-darken-1 layer-components:[&:active:not(:disabled)]:ring-4', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
28
+ return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox.Root, Object.assign({}, props, { className: (0, clsx_1.default)('layer-components:block layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border layer-components:border-default layer-components:transition-all layer-components:rounded-lg layer-components:shadow-sm layer-components:cursor-pointer', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', checkedMode === 'faded'
29
+ ? 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:animate-checkbox-fade layer-components:data-[checked]:animate-forwards'
30
+ : 'layer-components:data-[checked]:bg-main layer-components:data-[checked]:border-main-ink', 'layer-components:[&:hover:not(:disabled)]:bg-lighten-2 layer-components:[&:hover:not(:disabled)]:ring-bg layer-components:[&:hover:not(:disabled)]:ring-2', 'layer-components:[&:active:not(:disabled)]:bg-darken-1 layer-components:[&:active:not(:disabled)]:ring-4', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
64
31
  }
65
32
  function CheckboxIndicator(_a) {
66
33
  var { children, className } = _a, props = __rest(_a, ["children", "className"]);
67
- return ((0, jsx_runtime_1.jsx)(CheckboxPrimitive.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "check", size: 16 }) })));
34
+ return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox.Indicator, Object.assign({ className: (0, clsx_1.default)('absolute center color-black', className) }, props, { children: children !== null && children !== void 0 ? children : (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "check", size: 16 }) })));
68
35
  }
69
36
  exports.Checkbox = Object.assign(function Checkbox(props) {
70
37
  return ((0, jsx_runtime_1.jsx)(CheckboxRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(CheckboxIndicator, {}) })));
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBb,oCAqBC;AAED,8CAaC;;AApDD,4EAA8D;AAC9D,gDAA8B;AAE9B,6CAAuC;AAavC,SAAgB,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,2IAA2I,EAC3I,iEAAiE,EACjE,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,2FAA2F;YAC7F,CAAC,CAAC,oEAAoE,EACvE,yEAAyE,EACzE,iEAAiE,EACjE,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,SAAgB,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,IAAA,cAAU,EAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACf,CAC9B,CAAC;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,uBAAC,YAAY,oBAAK,KAAK,cACtB,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;AAsBb,oCAqBC;AAED,8CAaC;;AAxDD,sDAIiC;AACjC,gDAA8B;AAE9B,6CAAuC;AAavC,SAAgB,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,uBAAC,mBAAY,CAAC,IAAI,oBACb,KAAK,IACT,SAAS,EAAE,IAAA,cAAU,EACpB,iJAAiJ,EACjJ,iEAAiE,EACjE,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,kFAAkF;YACpF,CAAC,CAAC,2DAA2D,EAC9D,yEAAyE,EACzE,iEAAiE,EACjE,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,SAAgB,iBAAiB,CAAC,EAIT;QAJS,EACjC,QAAQ,EACR,SAAS,OAEe,EADrB,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,uBAAC,mBAAY,CAAC,SAAS,kBACtB,SAAS,EAAE,IAAA,cAAU,EAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACpB,CACzB,CAAC;AACH,CAAC;AAEY,QAAA,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,uBAAC,YAAY,oBAAK,KAAK,cACtB,uBAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
@@ -1,8 +1,9 @@
1
+ import { UseRenderRenderProp } from '@base-ui/react/use-render';
1
2
  import { HTMLAttributes, Ref } from 'react';
2
3
  import { PaletteName } from '../../uno/index.js';
3
4
  export interface ChipProps extends HTMLAttributes<HTMLElement> {
4
5
  color?: PaletteName;
5
- asChild?: boolean;
6
+ render?: UseRenderRenderProp;
6
7
  ref?: Ref<any>;
7
8
  }
8
- export declare function Chip({ className, color, asChild, ref, ...rest }: ChipProps): import("react/jsx-runtime.js").JSX.Element;
9
+ export declare function Chip({ className, color, ...rest }: ChipProps): import("react/jsx-runtime.js").JSX.Element;
@@ -17,11 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
17
17
  Object.defineProperty(exports, "__esModule", { value: true });
18
18
  exports.Chip = Chip;
19
19
  const jsx_runtime_1 = require("react/jsx-runtime");
20
- const react_slot_1 = require("@radix-ui/react-slot");
21
20
  const clsx_1 = __importDefault(require("clsx"));
21
+ const SlotDiv_js_1 = require("../utility/SlotDiv.js");
22
22
  function Chip(_a) {
23
- var { className, color, asChild, ref } = _a, rest = __rest(_a, ["className", "color", "asChild", "ref"]);
24
- const Component = asChild ? react_slot_1.Slot : 'div';
25
- return ((0, jsx_runtime_1.jsx)(Component, Object.assign({ ref: ref, className: (0, clsx_1.default)(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:gap-1 layer-composed:items-center layer-composed:whitespace-nowrap', 'layer-composed:bg-main-wash layer-composed:color-contrast layer-composed:border-light layer-composed:border-solid layer-composed:border layer-composed:rounded-lg', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
23
+ var { className, color } = _a, rest = __rest(_a, ["className", "color"]);
24
+ return ((0, jsx_runtime_1.jsx)(SlotDiv_js_1.SlotDiv, Object.assign({ className: (0, clsx_1.default)(color && `palette-${color}`, 'layer-composed:inline-flex layer-composed:flex-row layer-composed:gap-1 layer-composed:items-center layer-composed:whitespace-nowrap layer-composed:font-normal', 'layer-composed:bg-main-wash layer-composed:color-contrast layer-composed:border-light layer-composed:border-solid layer-composed:border layer-composed:rounded-lg', 'layer-composed:px-sm layer-composed:py-xs layer-composed:text-xs', className), role: rest.onClick ? 'button' : undefined }, rest)));
26
25
  }
27
26
  //# sourceMappingURL=Chip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAWA,oBAgBC;;AA3BD,qDAA4C;AAC5C,gDAA8B;AAU9B,SAAgB,IAAI,CAAC,EAAsD;QAAtD,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,OAAsB,EAAjB,IAAI,cAAzC,wCAA2C,CAAF;IAC7D,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACN,uBAAC,SAAS,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,cAAU,EACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,4EAA4E,EAC5E,0FAA0F,EAC1F,sCAAsC,EACtC,SAAS,CACT,EACD,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,EACP,CACF,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAYA,oBAcC;;AAzBD,gDAA8B;AAG9B,sDAAgD;AAQhD,SAAgB,IAAI,CAAC,EAAwC;QAAxC,EAAE,SAAS,EAAE,KAAK,OAAsB,EAAjB,IAAI,cAA3B,sBAA6B,CAAF;IAC/C,OAAO,CACN,uBAAC,oBAAO,kBACP,SAAS,EAAE,IAAA,cAAU,EACpB,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,wFAAwF,EACxF,0FAA0F,EAC1F,sCAAsC,EACtC,SAAS,CACT,EACD,IAAI,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IACrC,IAAI,EACP,CACF,CAAC;AACH,CAAC"}
@@ -3,7 +3,12 @@ import { Chip } from './Chip.js';
3
3
  declare const meta: {
4
4
  title: string;
5
5
  component: typeof Chip;
6
- argTypes: {};
6
+ argTypes: {
7
+ color: {
8
+ control: "select";
9
+ options: readonly ["primary", "accent", "attention", "success", "lemon", "leek", "tomato", "blueberry", "eggplant", "gray", "high-contrast"];
10
+ };
11
+ };
7
12
  args: {
8
13
  children: string;
9
14
  };
@@ -3,13 +3,19 @@
3
3
  Object.defineProperty(exports, "__esModule", { value: true });
4
4
  exports.AsButton = exports.Colors = exports.Default = void 0;
5
5
  const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const index_js_1 = require("../../uno/index.js");
6
7
  const Box_js_1 = require("../box/Box.js");
7
8
  const Button_js_1 = require("../button/Button.js");
8
9
  const Chip_js_1 = require("./Chip.js");
9
10
  const meta = {
10
11
  title: 'Components/Chip',
11
12
  component: Chip_js_1.Chip,
12
- argTypes: {},
13
+ argTypes: {
14
+ color: {
15
+ control: 'select',
16
+ options: index_js_1.paletteNames,
17
+ },
18
+ },
13
19
  args: {
14
20
  children: 'Chip',
15
21
  },
@@ -29,8 +35,8 @@ exports.Colors = {
29
35
  },
30
36
  };
31
37
  exports.AsButton = {
32
- render() {
33
- return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, { asChild: true, children: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "primary", children: "Clickable Chip" }) }), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { children: "Non-clickable Chip" })] }));
38
+ render(args) {
39
+ return ((0, jsx_runtime_1.jsxs)(Box_js_1.Box, { gap: true, items: "center", children: [(0, jsx_runtime_1.jsx)(Button_js_1.Button, Object.assign({}, args, { render: (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, { color: "primary", children: "Clickable Chip" }) })), (0, jsx_runtime_1.jsx)(Chip_js_1.Chip, Object.assign({}, args, { children: "Non-clickable Chip" }))] }));
34
40
  },
35
41
  };
36
42
  //# sourceMappingURL=Chip.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";;;;AACA,0CAAoC;AACpC,mDAA6C;AAC7C,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE,EAAE;IACZ,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEW,QAAA,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM;QACL,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,uBAAC,kBAAM,IAAC,OAAO,kBACd,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,GACnC,EACT,uBAAC,cAAI,qCAA0B,IAC1B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";;;;AACA,iDAAkD;AAClD,0CAAoC;AACpC,mDAA6C;AAC7C,uCAAiC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACT,KAAK,EAAE;YACN,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,uBAAY;SACrB;KACD;IACD,IAAI,EAAE;QACL,QAAQ,EAAE,MAAM;KAChB;IACD,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CAC2B,CAAC;AAE9B,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,uBAAC,cAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEW,QAAA,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,uBAAC,cAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,uBAAC,cAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,uBAAC,cAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,uBAAC,cAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,uBAAC,cAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEW,QAAA,QAAQ,GAAU;IAC9B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,wBAAC,YAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,uBAAC,kBAAM,oBACF,IAAI,IACR,MAAM,EAAE,uBAAC,cAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,IAClD,EACF,uBAAC,cAAI,oBAAK,IAAI,sCAA2B,IACpC,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
@@ -1,24 +1,24 @@
1
- import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
1
+ import { CollapsiblePanelProps, CollapsibleRootProps } from '@base-ui/react/collapsible';
2
2
  import { Ref } from 'react';
3
- export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>>;
4
- export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }: CollapsiblePrimitive.CollapsibleContentProps & {
3
+ export declare const CollapsibleRoot: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const CollapsibleContent: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
5
5
  horizontal?: boolean;
6
6
  both?: boolean;
7
7
  ref?: Ref<HTMLDivElement>;
8
8
  }) => import("react/jsx-runtime.js").JSX.Element;
9
- export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
10
- export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
9
+ export declare const CollapsibleTrigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible/index.js").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
10
+ export declare const CollapsibleSimple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
11
11
  horizontal?: boolean;
12
12
  both?: boolean;
13
13
  }) => import("react/jsx-runtime.js").JSX.Element;
14
- export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & import("react").RefAttributes<HTMLDivElement>> & {
15
- Content: ({ ref, horizontal, both, ...props }: CollapsiblePrimitive.CollapsibleContentProps & {
14
+ export declare const Collapsible: import("react").ForwardRefExoticComponent<CollapsibleRootProps & import("react").RefAttributes<HTMLDivElement>> & {
15
+ Content: ({ ref, horizontal, both, ...props }: CollapsiblePanelProps & {
16
16
  horizontal?: boolean;
17
17
  both?: boolean;
18
18
  ref?: Ref<HTMLDivElement>;
19
19
  }) => import("react/jsx-runtime.js").JSX.Element;
20
- Trigger: import("react").ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
21
- Simple: ({ horizontal, both, children, ...props }: CollapsiblePrimitive.CollapsibleProps & {
20
+ Trigger: import("react").ForwardRefExoticComponent<import("@base-ui/react/collapsible/index.js").CollapsibleTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
21
+ Simple: ({ horizontal, both, children, ...props }: CollapsibleRootProps & {
22
22
  horizontal?: boolean;
23
23
  both?: boolean;
24
24
  }) => import("react/jsx-runtime.js").JSX.Element;
@@ -1,39 +1,6 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
3
  'use client';
4
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
5
- if (k2 === undefined) k2 = k;
6
- var desc = Object.getOwnPropertyDescriptor(m, k);
7
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
8
- desc = { enumerable: true, get: function() { return m[k]; } };
9
- }
10
- Object.defineProperty(o, k2, desc);
11
- }) : (function(o, m, k, k2) {
12
- if (k2 === undefined) k2 = k;
13
- o[k2] = m[k];
14
- }));
15
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
16
- Object.defineProperty(o, "default", { enumerable: true, value: v });
17
- }) : function(o, v) {
18
- o["default"] = v;
19
- });
20
- var __importStar = (this && this.__importStar) || (function () {
21
- var ownKeys = function(o) {
22
- ownKeys = Object.getOwnPropertyNames || function (o) {
23
- var ar = [];
24
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
25
- return ar;
26
- };
27
- return ownKeys(o);
28
- };
29
- return function (mod) {
30
- if (mod && mod.__esModule) return mod;
31
- var result = {};
32
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
33
- __setModuleDefault(result, mod);
34
- return result;
35
- };
36
- })();
37
4
  var __rest = (this && this.__rest) || function (s, e) {
38
5
  var t = {};
39
6
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -48,17 +15,27 @@ var __rest = (this && this.__rest) || function (s, e) {
48
15
  Object.defineProperty(exports, "__esModule", { value: true });
49
16
  exports.Collapsible = exports.CollapsibleSimple = exports.CollapsibleTrigger = exports.CollapsibleContent = exports.CollapsibleRoot = void 0;
50
17
  const jsx_runtime_1 = require("react/jsx-runtime");
51
- const CollapsiblePrimitive = __importStar(require("@radix-ui/react-collapsible"));
18
+ const collapsible_1 = require("@base-ui/react/collapsible");
52
19
  const withClassName_js_1 = require("../../hooks/withClassName.js");
53
- exports.CollapsibleRoot = CollapsiblePrimitive.Root;
54
- const CollapsibleContentBase = (0, withClassName_js_1.withClassName)(CollapsiblePrimitive.Content, 'overflow-hidden', 'layer-components:[&[data-state=open]]:animate-radix-collapsible-open-vertical layer-components:[&[data-state=open]]:animate-duration-300 layer-components:[&[data-state=open]]:animate-ease-springy layer-components:[&[data-state=closed]]:animate-radix-collapsible-close-vertical layer-components:[&[data-state=closed]]:animate-duration-300 layer-components:[&[data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-horizontal][data-state=open]]:animate-radix-collapsible-open-horizontal layer-variants:[&[data-horizontal][data-state=open]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=open]]:animate-ease-springy layer-variants:[&[data-horizontal][data-state=closed]]:animate-radix-collapsible-close-horizontal layer-variants:[&[data-horizontal][data-state=closed]]:animate-duration-300 layer-variants:[&[data-horizontal][data-state=closed]]:animate-ease-springy', 'layer-variants:[&[data-both][data-state=open]]:animate-radix-collapsible-open-both layer-variants:[&[data-both][data-state=open]]:animate-duration-300 layer-variants:[&[data-both][data-state=open]]:animate-ease-springy layer-variants:[&[data-both][data-state=closed]]:animate-radix-collapsible-close-both layer-variants:[&[data-both][data-state=closed]]:animate-duration-300 layer-variants:[&[data-both][data-state=closed]]:animate-ease-springy');
20
+ exports.CollapsibleRoot = collapsible_1.Collapsible.Root;
21
+ const CollapsibleContentBase = (0, withClassName_js_1.withClassName)(collapsible_1.Collapsible.Panel, 'overflow-hidden transition-all', 'data-[vertical]:h-[--collapsible-panel-height] data-[horizontal]:w-[--collapsible-panel-width]', 'data-[both]:h-[--collapsible-panel-height] data-[both]:w-[--collapsible-panel-width]', 'data-[starting-style]:data-[vertical]:h-0', 'data-[starting-style]:data-[both]:h-0 data-[starting-style]:data-[both]:w-0', 'data-[ending-style]:data-[vertical]:h-0', 'data-[ending-style]:data-[both]:h-0 data-[ending-style]:data-[both]:w-0', 'data-[starting-style]:data-[horizontal]:w-0', 'data-[ending-style]:data-[horizontal]:w-0', 'data-[hidden]:[&:not([hidden="until-found"])]:hidden');
55
22
  // specifically removing className... it's causing problems?
56
23
  const CollapsibleContent = function CollapsibleContent(_a) {
57
24
  var { ref, horizontal, both } = _a, props = __rest(_a, ["ref", "horizontal", "both"]);
58
- return ((0, jsx_runtime_1.jsx)(CollapsibleContentBase, Object.assign({ "data-horizontal": horizontal, "data-both": both }, props, { ref: ref })));
25
+ const extraProps = {};
26
+ if (horizontal) {
27
+ extraProps['data-horizontal'] = true;
28
+ }
29
+ else if (both) {
30
+ extraProps['data-both'] = true;
31
+ }
32
+ else {
33
+ extraProps['data-vertical'] = true;
34
+ }
35
+ return (0, jsx_runtime_1.jsx)(CollapsibleContentBase, Object.assign({}, extraProps, props, { ref: ref }));
59
36
  };
60
37
  exports.CollapsibleContent = CollapsibleContent;
61
- exports.CollapsibleTrigger = CollapsiblePrimitive.Trigger;
38
+ exports.CollapsibleTrigger = collapsible_1.Collapsible.Trigger;
62
39
  const CollapsibleSimple = (_a) => {
63
40
  var { horizontal, both, children } = _a, props = __rest(_a, ["horizontal", "both", "children"]);
64
41
  return ((0, jsx_runtime_1.jsx)(exports.CollapsibleRoot, Object.assign({}, props, { children: (0, jsx_runtime_1.jsx)(exports.CollapsibleContent, { horizontal: horizontal, both: both, children: children }) })));
@@ -1 +1 @@
1
- {"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACb,kFAAoE;AAEpE,mEAA6D;AAEhD,QAAA,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AACzD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,oBAAoB,CAAC,OAAO,EAC5B,iBAAiB,EACjB,wPAAwP,EACxP,0RAA0R,EAC1R,kQAAkQ,CAClQ,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,OAAO,CACN,uBAAC,sBAAsB,qCACL,UAAU,eAChB,IAAI,IACX,KAAK,IACT,GAAG,EAAE,GAAG,IACP,CACF,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,kBAAkB,sBAkB7B;AACW,QAAA,kBAAkB,GAAG,oBAAoB,CAAC,OAAO,CAAC;AAExD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;CACzB,CAAC,CAAC"}
1
+ {"version":3,"file":"Collapsible.js","sourceRoot":"","sources":["../../../../src/components/collapsible/Collapsible.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;AACb,4DAIoC;AAEpC,mEAA6D;AAEhD,QAAA,eAAe,GAAG,yBAAe,CAAC,IAAI,CAAC;AACpD,MAAM,sBAAsB,GAAG,IAAA,gCAAa,EAC3C,yBAAe,CAAC,KAAK,EACrB,gCAAgC,EAChC,gGAAgG,EAChG,4EAA4E,EAC5E,6CAA6C,EAC7C,6CAA6C,EAC7C,2CAA2C,EAC3C,2CAA2C,EAC3C,+CAA+C,EAC/C,6CAA6C,EAC7C,wDAAwD,CACxD,CAAC;AACF,4DAA4D;AACrD,MAAM,kBAAkB,GAAG,SAAS,kBAAkB,CAAC,EAS7D;QAT6D,EAC7D,GAAG,EACH,UAAU,EACV,IAAI,OAMJ,EALG,KAAK,cAJqD,6BAK7D,CADQ;IAMR,MAAM,UAAU,GAAQ,EAAE,CAAC;IAC3B,IAAI,UAAU,EAAE,CAAC;QAChB,UAAU,CAAC,iBAAiB,CAAC,GAAG,IAAI,CAAC;IACtC,CAAC;SAAM,IAAI,IAAI,EAAE,CAAC;QACjB,UAAU,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAChC,CAAC;SAAM,CAAC;QACP,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC;IACpC,CAAC;IACD,OAAO,uBAAC,sBAAsB,oBAAK,UAAU,EAAM,KAAK,IAAE,GAAG,EAAE,GAAG,IAAI,CAAC;AACxE,CAAC,CAAC;AAnBW,QAAA,kBAAkB,sBAmB7B;AACW,QAAA,kBAAkB,GAAG,yBAAe,CAAC,OAAO,CAAC;AAEnD,MAAM,iBAAiB,GAAG,CAAC,EAQjC,EAAE,EAAE;QAR6B,EACjC,UAAU,EACV,IAAI,EACJ,QAAQ,OAKR,EAJG,KAAK,cAJyB,kCAKjC,CADQ;IAIH,OAAA,CACL,uBAAC,uBAAe,oBAAK,KAAK,cACzB,uBAAC,0BAAkB,IAAC,UAAU,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,YACpD,QAAQ,GACW,IACJ,CAClB,CAAA;CAAA,CAAC;AAdW,QAAA,iBAAiB,qBAc5B;AAEW,QAAA,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAe,EAAE;IACzD,OAAO,EAAE,0BAAkB;IAC3B,OAAO,EAAE,0BAAkB;IAC3B,MAAM,EAAE,yBAAiB;CACzB,CAAC,CAAC"}
@@ -2,7 +2,7 @@ import type { StoryObj } from '@storybook/react';
2
2
  import { CollapsibleSimple } from './Collapsible.js';
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ horizontal, both, children, ...props }: import("@radix-ui/react-collapsible").CollapsibleProps & {
5
+ component: ({ horizontal, both, children, ...props }: import("@base-ui/react/collapsible/index.js").CollapsibleRootProps & {
6
6
  horizontal?: boolean;
7
7
  both?: boolean;
8
8
  }) => import("react/jsx-runtime.js").JSX.Element;
@@ -1,4 +1,6 @@
1
- import { ToggleGroupSingleProps } from '@radix-ui/react-toggle-group';
2
- export interface ColorModeToggleProps extends Omit<ToggleGroupSingleProps, 'type'> {
1
+ import { ToggleGroupProps } from '@base-ui/react/toggle-group';
2
+ export interface ColorModeToggleProps extends Omit<ToggleGroupProps, 'type' | 'onValueChange' | 'value'> {
3
+ value?: 'light' | 'dark' | 'system';
4
+ onValueChange?: (value: 'light' | 'dark' | 'system', event: any) => void;
3
5
  }
4
6
  export declare function ColorModeToggle({ value: userValue, onValueChange: userOnValueChange, className, ...rest }: ColorModeToggleProps): import("react/jsx-runtime.js").JSX.Element;
@@ -21,14 +21,13 @@ function ColorModeToggle(_a) {
21
21
  var { value: userValue, onValueChange: userOnValueChange, className } = _a, rest = __rest(_a, ["value", "onValueChange", "className"]);
22
22
  const colorMode = (0, colorMode_js_1.useColorMode)();
23
23
  const value = userValue !== null && userValue !== void 0 ? userValue : colorMode;
24
- const onValueChange = (value) => {
25
- if (userOnValueChange) {
26
- userOnValueChange(value);
27
- }
28
- else {
29
- (0, colorMode_js_1.setColorMode)(value);
30
- }
31
- };
32
- return ((0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, Object.assign({ value: value, onValueChange: onValueChange, type: "single", className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "system", "aria-label": "Device", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "phone" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "light", "aria-label": "Light", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "sun" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "moon" }) })] })));
24
+ return ((0, jsx_runtime_1.jsxs)(toggleGroup_js_1.ToggleGroup, Object.assign({ value: [value], onValueChange: ([value], ev) => {
25
+ if (userOnValueChange) {
26
+ userOnValueChange(value, ev);
27
+ }
28
+ else {
29
+ (0, colorMode_js_1.setColorMode)(value);
30
+ }
31
+ }, className: className }, rest, { children: [(0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "system", "aria-label": "Device", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "phone" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "light", "aria-label": "Light", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "sun" }) }), (0, jsx_runtime_1.jsx)(toggleGroup_js_1.ToggleGroup.Item, { value: "dark", "aria-label": "Dark", children: (0, jsx_runtime_1.jsx)(Icon_js_1.Icon, { name: "moon" }) })] })));
33
32
  }
34
33
  //# sourceMappingURL=ColorModeToggle.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAQA,0CAmCC;;AA1CD,qDAAgE;AAChE,6CAAuC;AACvC,kEAA4D;AAK5D,SAAgB,eAAe,CAAC,EAKT;QALS,EAC/B,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,iBAAiB,EAChC,SAAS,OAEa,EADnB,IAAI,cAJwB,uCAK/B,CADO;IAEP,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IACrC,MAAM,aAAa,GAAG,CAAC,KAAa,EAAE,EAAE;QACvC,IAAI,iBAAiB,EAAE,CAAC;YACvB,iBAAiB,CAAC,KAAK,CAAC,CAAC;QAC1B,CAAC;aAAM,CAAC;YACP,IAAA,2BAAY,EAAC,KAAoC,CAAC,CAAC;QACpD,CAAC;IACF,CAAC,CAAC;IAEF,OAAO,CACN,wBAAC,4BAAW,kBACX,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,uBAAC,cAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"ColorModeToggle.js","sourceRoot":"","sources":["../../../../src/components/colorMode/ColorModeToggle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAWA,0CAiCC;;AA3CD,qDAAgE;AAChE,6CAAuC;AACvC,kEAA4D;AAQ5D,SAAgB,eAAe,CAAC,EAKT;QALS,EAC/B,KAAK,EAAE,SAAS,EAChB,aAAa,EAAE,iBAAiB,EAChC,SAAS,OAEa,EADnB,IAAI,cAJwB,uCAK/B,CADO;IAEP,MAAM,SAAS,GAAG,IAAA,2BAAY,GAAE,CAAC;IACjC,MAAM,KAAK,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,SAAS,CAAC;IAErC,OAAO,CACN,wBAAC,4BAAW,kBACX,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAE,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,EAAE;YAC9B,IAAI,iBAAiB,EAAE,CAAC;gBACvB,iBAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;YAC9B,CAAC;iBAAM,CAAC;gBACP,IAAA,2BAAY,EAAC,KAAoC,CAAC,CAAC;YACpD,CAAC;QACF,CAAC,EACD,SAAS,EAAE,SAAS,IAChB,IAAI,eAER,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,gBAAY,QAAQ,YACnD,uBAAC,cAAI,IAAC,IAAI,EAAC,OAAO,GAAG,GACH,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,gBAAY,OAAO,YACjD,uBAAC,cAAI,IAAC,IAAI,EAAC,KAAK,GAAG,GACD,EACnB,uBAAC,4BAAW,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,gBAAY,MAAM,YAC/C,uBAAC,cAAI,IAAC,IAAI,EAAC,MAAM,GAAG,GACF,KACN,CACd,CAAC;AACH,CAAC"}
@@ -1,4 +1,4 @@
1
- import { SelectTriggerProps } from '@radix-ui/react-select';
1
+ import { SelectTriggerProps } from '@base-ui/react/select';
2
2
  import { ReactNode } from 'react';
3
3
  import { PaletteName } from '../../uno/index.js';
4
4
  export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'onChange' | 'color'> {
@@ -6,8 +6,9 @@ export interface ColorPickerProps extends Omit<SelectTriggerProps, 'value' | 'on
6
6
  onChange: (value: PaletteName) => void;
7
7
  showGray?: boolean;
8
8
  }
9
- export declare function ColorPicker({ value, onChange, showGray, className, ...rest }: ColorPickerProps): import("react/jsx-runtime.js").JSX.Element;
10
- export declare function ColorSwatch({ value, children, }: {
9
+ export declare function ColorPicker({ value, onChange, showGray, className, nativeButton: _, ...rest }: ColorPickerProps): import("react/jsx-runtime.js").JSX.Element;
10
+ export declare function ColorSwatch({ value, children, className, ...rest }: {
11
11
  value: PaletteName;
12
12
  children?: ReactNode;
13
+ className?: string;
13
14
  }): import("react/jsx-runtime.js").JSX.Element;
@@ -51,14 +51,18 @@ const jsx_runtime_1 = require("react/jsx-runtime");
51
51
  const clsx_1 = __importStar(require("clsx"));
52
52
  const withClassName_js_1 = require("../../hooks/withClassName.js");
53
53
  const index_js_1 = require("../../uno/index.js");
54
+ const index_js_2 = require("../button/index.js");
54
55
  const Select_js_1 = require("../select/Select.js");
55
56
  function ColorPicker(_a) {
56
- var { value, onChange, showGray, className } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className"]);
57
+ var { value, onChange, showGray, className, nativeButton: _ } = _a, rest = __rest(_a, ["value", "onChange", "showGray", "className", "nativeButton"]);
57
58
  const resolvedValue = value && index_js_1.paletteNames.includes(value) ? value : 'lemon';
58
- return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, { value: resolvedValue, onValueChange: onChange, children: [(0, jsx_runtime_1.jsx)(Select_js_1.SelectTrigger, Object.assign({ className: (0, clsx_1.clsx)('layer-composed:p-sm', className) }, rest, { children: (0, jsx_runtime_1.jsx)(Select_js_1.SelectValue, {}) })), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectContent, { className: "z-[calc(var(--z-dialog)+1)]", children: [(0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "lemon", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "tomato", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "leek", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "blueberry", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "eggplant", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }), showGray && ((0, jsx_runtime_1.jsxs)(Select_js_1.SelectItem, { value: "gray", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "gray" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Salt" })] }))] })] }));
59
+ return ((0, jsx_runtime_1.jsxs)(Select_js_1.Select, { value: resolvedValue, onValueChange: (v) => {
60
+ onChange(v);
61
+ }, children: [(0, jsx_runtime_1.jsx)(Select_js_1.Select.Trigger, Object.assign({ className: (0, clsx_1.clsx)('layer-composed:p-sm', className) }, rest, { children: (0, jsx_runtime_1.jsx)(index_js_2.Button.Icon, { render: (0, jsx_runtime_1.jsx)(ColorSwatch, { value: resolvedValue }) }) })), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Content, { className: "z-[calc(var(--z-dialog)+1)]", children: [(0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "lemon", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "lemon" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Lemon" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "tomato", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "tomato" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Tomato" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "leek", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "leek" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Leek" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "blueberry", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "blueberry" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Blueberry" })] }), (0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "eggplant", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "eggplant" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Eggplant" })] }), showGray && ((0, jsx_runtime_1.jsxs)(Select_js_1.Select.Item, { value: "gray", children: [(0, jsx_runtime_1.jsx)(ColorSwatch, { value: "gray" }), (0, jsx_runtime_1.jsx)(ItemLabel, { children: "Salt" })] }))] })] }));
59
62
  }
60
63
  const ItemLabel = (0, withClassName_js_1.withClassName)('span', 'sr-only');
61
- function ColorSwatch({ value, children, }) {
62
- return ((0, jsx_runtime_1.jsx)("div", { className: (0, clsx_1.default)('bg-main w-16px h-16px rounded-sm', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`), children: children }));
64
+ function ColorSwatch(_a) {
65
+ var { value, children, className } = _a, rest = __rest(_a, ["value", "children", "className"]);
66
+ return ((0, jsx_runtime_1.jsx)("div", Object.assign({ className: (0, clsx_1.default)('bg-main w-16px h-16px rounded-sm', `palette-${value !== null && value !== void 0 ? value : 'lemon'}`, className) }, rest, { children: children })));
63
67
  }
64
68
  //# sourceMappingURL=ColorPicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,kCAgDC;AAID,kCAiBC;;AAxFD,6CAAwC;AAExC,mEAA6D;AAC7D,iDAA+D;AAC/D,mDAM6B;AAS7B,SAAgB,WAAW,CAAC,EAMT;QANS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,OAES,EADf,IAAI,cALoB,8CAM3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,uBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,wBAAC,kBAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,aACpD,uBAAC,yBAAa,kBACb,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAC7C,IAAI,cAER,uBAAC,uBAAW,KAAG,IACA,EAChB,wBAAC,yBAAa,IAAC,SAAS,EAAC,6BAA6B,aACrD,wBAAC,sBAAU,IAAC,KAAK,EAAC,OAAO,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,IAChB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,QAAQ,aACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,IACjB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,MAAM,aACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACf,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,WAAW,aAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,IACpB,EACb,wBAAC,sBAAU,IAAC,KAAK,EAAC,UAAU,aAC3B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,IACnB,EACZ,QAAQ,IAAI,CACZ,wBAAC,sBAAU,IAAC,KAAK,EAAC,MAAM,aACvB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACf,CACb,IACc,IACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,gCACC,SAAS,EAAE,IAAA,cAAU,EACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC7B,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,kCAsDC;AAID,kCAsBC;;AA9FD,6CAAwC;AAExC,mEAA6D;AAC7D,iDAA+D;AAC/D,iDAA4C;AAC5C,mDAA6C;AAS7C,SAAgB,WAAW,CAAC,EAOT;QAPS,EAC3B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,YAAY,EAAE,CAAC,OAEG,EADf,IAAI,cANoB,8DAO3B,CADO;IAEP,MAAM,aAAa,GAClB,KAAK,IAAI,uBAAY,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAE,KAAqB,CAAC,CAAC,CAAC,OAAO,CAAC;IAE1E,OAAO,CACN,wBAAC,kBAAM,IACN,KAAK,EAAE,aAAa,EACpB,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE;YACpB,QAAQ,CAAC,CAAgB,CAAC,CAAC;QAC5B,CAAC,aAED,uBAAC,kBAAM,CAAC,OAAO,kBACd,SAAS,EAAE,IAAA,WAAI,EAAC,qBAAqB,EAAE,SAAS,CAAC,IAC5C,IAAY,cAEjB,uBAAC,iBAAM,CAAC,IAAI,IAAC,MAAM,EAAE,uBAAC,WAAW,IAAC,KAAK,EAAE,aAAa,GAAI,GAAI,IAC9C,EACjB,wBAAC,kBAAM,CAAC,OAAO,IAAC,SAAS,EAAC,6BAA6B,aACtD,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,OAAO,aACzB,uBAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,uBAAC,SAAS,wBAAkB,IACf,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,aAC1B,uBAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,uBAAC,SAAS,yBAAmB,IAChB,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACd,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,WAAW,aAC7B,uBAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,uBAAC,SAAS,4BAAsB,IACnB,EACd,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,UAAU,aAC5B,uBAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,uBAAC,SAAS,2BAAqB,IAClB,EACb,QAAQ,IAAI,CACZ,wBAAC,kBAAM,CAAC,IAAI,IAAC,KAAK,EAAC,MAAM,aACxB,uBAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,uBAAC,SAAS,uBAAiB,IACd,CACd,IACe,IACT,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,IAAA,gCAAa,EAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,SAAgB,WAAW,CAAC,EAS3B;QAT2B,EAC3B,KAAK,EACL,QAAQ,EACR,SAAS,OAMT,EALG,IAAI,cAJoB,kCAK3B,CADO;IAMP,OAAO,CACN,8CACC,SAAS,EAAE,IAAA,cAAU,EACpB,kCAAkC,EAClC,WAAW,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,EAC7B,SAAS,CACT,IACG,IAAI,cAEP,QAAQ,IACJ,CACN,CAAC;AACH,CAAC"}
@@ -1,17 +1,16 @@
1
- import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
2
- import { ComponentPropsWithoutRef } from 'react';
3
- export declare const ContextMenuRoot: import("react").FC<ContextMenuPrimitive.ContextMenuProps>;
4
- export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
1
+ import { ContextMenu as BaseContextMenu, ContextMenuPopupProps } from '@base-ui/react/context-menu';
2
+ export declare const ContextMenuRoot: typeof BaseContextMenu.Root;
3
+ export declare const ContextMenuContent: ({ ref, className, onClick, ...props }: ContextMenuPopupProps & {
5
4
  ref?: React.Ref<HTMLDivElement>;
6
5
  }) => import("react/jsx-runtime.js").JSX.Element;
7
- export declare const ContextMenuArrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
8
- export declare const ContextMenuItem: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
9
- export declare const ContextMenuTrigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
10
- export declare const ContextMenu: import("react").FC<ContextMenuPrimitive.ContextMenuProps> & {
11
- Content: ({ ref, className, onClick, ...props }: ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Content> & {
6
+ export declare const ContextMenuArrow: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
7
+ export declare const ContextMenuItem: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuItemProps & import("react").RefAttributes<Element>>;
8
+ export declare const ContextMenuTrigger: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ export declare const ContextMenu: typeof BaseContextMenu.Root & {
10
+ Content: ({ ref, className, onClick, ...props }: ContextMenuPopupProps & {
12
11
  ref?: React.Ref<HTMLDivElement>;
13
12
  }) => import("react/jsx-runtime.js").JSX.Element;
14
- Arrow: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuArrowProps & import("react").RefAttributes<SVGSVGElement>>;
15
- Item: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuItemProps & import("react").RefAttributes<HTMLDivElement>>;
16
- Trigger: import("react").FunctionComponent<ContextMenuPrimitive.ContextMenuTriggerProps & import("react").RefAttributes<HTMLSpanElement>>;
13
+ Arrow: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuArrowProps & import("react").RefAttributes<HTMLDivElement>>;
14
+ Item: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuItemProps & import("react").RefAttributes<Element>>;
15
+ Trigger: import("react").FunctionComponent<import("@base-ui/react/context-menu/index.js").ContextMenuTriggerProps & import("react").RefAttributes<HTMLDivElement>>;
17
16
  };
@@ -1,38 +1,5 @@
1
1
  // @unocss-include
2
2
  "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
15
- Object.defineProperty(o, "default", { enumerable: true, value: v });
16
- }) : function(o, v) {
17
- o["default"] = v;
18
- });
19
- var __importStar = (this && this.__importStar) || (function () {
20
- var ownKeys = function(o) {
21
- ownKeys = Object.getOwnPropertyNames || function (o) {
22
- var ar = [];
23
- for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
24
- return ar;
25
- };
26
- return ownKeys(o);
27
- };
28
- return function (mod) {
29
- if (mod && mod.__esModule) return mod;
30
- var result = {};
31
- if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
32
- __setModuleDefault(result, mod);
33
- return result;
34
- };
35
- })();
36
3
  var __rest = (this && this.__rest) || function (s, e) {
37
4
  var t = {};
38
5
  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -50,22 +17,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
50
17
  Object.defineProperty(exports, "__esModule", { value: true });
51
18
  exports.ContextMenu = exports.ContextMenuTrigger = exports.ContextMenuItem = exports.ContextMenuArrow = exports.ContextMenuContent = exports.ContextMenuRoot = void 0;
52
19
  const jsx_runtime_1 = require("react/jsx-runtime");
53
- const ContextMenuPrimitive = __importStar(require("@radix-ui/react-context-menu"));
20
+ const context_menu_1 = require("@base-ui/react/context-menu");
54
21
  const clsx_1 = __importDefault(require("clsx"));
55
22
  const withClassName_js_1 = require("../../hooks/withClassName.js");
56
23
  const GroupScale_js_1 = require("../../systems/GroupScale.js");
57
- exports.ContextMenuRoot = ContextMenuPrimitive.Root;
24
+ exports.ContextMenuRoot = context_menu_1.ContextMenu.Root;
58
25
  const ContextMenuContent = function Content(_a) {
59
26
  var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
60
- return ((0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(ContextMenuPrimitive.Content, Object.assign({ className: (0, clsx_1.default)('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:overflow-hidden layer-components:border-gray-dark layer-components:border layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--radix-context-menu-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:max-h-[var(--radix-context-menu-content-available-height)] layer-components:overflow-y-auto layer-components:overflow-unstable', 'important:motion-reduce:animate-none', className), onClick: (ev) => {
61
- ev.stopPropagation();
62
- onClick === null || onClick === void 0 ? void 0 : onClick(ev);
63
- }, ref: ref, alignOffset: -10 }, props)) }) }));
27
+ return ((0, jsx_runtime_1.jsx)(context_menu_1.ContextMenu.Portal, { children: (0, jsx_runtime_1.jsx)(context_menu_1.ContextMenu.Positioner, { alignOffset: -10, children: (0, jsx_runtime_1.jsx)(GroupScale_js_1.GroupScaleReset, { children: (0, jsx_runtime_1.jsx)(context_menu_1.ContextMenu.Popup, Object.assign({ className: (0, clsx_1.default)('layer-components:min-w-120px layer-components:bg-white layer-components:rounded-md layer-components:overflow-hidden layer-components:border-gray-dark layer-components:border layer-components:shadow-md layer-components:z-menu', 'layer-components:transform-origin-[var(--transform-origin)]', 'layer-components:data-[starting-style]:opacity-0 layer-components:data-[starting-style]:scale-95', 'layer-components:data-[ending-style]:opacity-0 layer-components:data-[ending-style]:scale-95', 'layer-components:overflow-y-auto layer-components:overflow-unstable', 'important:motion-reduce:animate-none', 'layer-components:max-h-[--available-height] layer-components:max-w-[--available-width]', className), onClick: (ev) => {
28
+ ev.stopPropagation();
29
+ onClick === null || onClick === void 0 ? void 0 : onClick(ev);
30
+ }, ref: ref }, props)) }) }) }));
64
31
  };
65
32
  exports.ContextMenuContent = ContextMenuContent;
66
- exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Arrow, 'layer-components:arrow');
67
- exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Item, 'palette-gray', 'layer-components:flex layer-components:items-center layer-components:overflow-hidden layer-components:min-h-touch-large layer-components:py-sm layer-components:px-2 layer-components:relative layer-components:pl-25px layer-components:select-none layer-components:outline-none layer-components:cursor-pointer', 'layer-components:hover:bg-main-light layer-components:[&[data-highlighted=true]]:bg-main-light', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:cursor-default)');
68
- exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(ContextMenuPrimitive.Trigger, '');
33
+ exports.ContextMenuArrow = (0, withClassName_js_1.withClassName)(context_menu_1.ContextMenu.Arrow, 'layer-components:arrow');
34
+ exports.ContextMenuItem = (0, withClassName_js_1.withClassName)(context_menu_1.ContextMenu.Item, 'palette-gray', 'layer-components:flex layer-components:items-center layer-components:overflow-hidden layer-components:min-h-touch-large layer-components:py-sm layer-components:px-2 layer-components:relative layer-components:pl-25px layer-components:select-none layer-components:outline-none layer-components:cursor-pointer', 'layer-components:hover:bg-main-light layer-components:[&[data-highlighted=true]]:bg-main-light', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:cursor-default)');
35
+ exports.ContextMenuTrigger = (0, withClassName_js_1.withClassName)(context_menu_1.ContextMenu.Trigger, '');
69
36
  exports.ContextMenu = Object.assign(exports.ContextMenuRoot, {
70
37
  Content: exports.ContextMenuContent,
71
38
  Arrow: exports.ContextMenuArrow,