@a-type/ui 2.8.13 → 3.0.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 (504) hide show
  1. package/dist/cjs/colors.stories.js +3 -3
  2. package/dist/cjs/colors.stories.js.map +1 -1
  3. package/dist/cjs/components/actions/ActionBar.stories.js +2 -2
  4. package/dist/cjs/components/actions/ActionBar.stories.js.map +1 -1
  5. package/dist/cjs/components/box/Box.d.ts +5 -2
  6. package/dist/cjs/components/box/Box.js +12 -10
  7. package/dist/cjs/components/box/Box.js.map +1 -1
  8. package/dist/cjs/components/box/Box.stories.d.ts +3 -8
  9. package/dist/cjs/components/box/Box.stories.js +25 -10
  10. package/dist/cjs/components/box/Box.stories.js.map +1 -1
  11. package/dist/cjs/components/button/Button.d.ts +5 -6
  12. package/dist/cjs/components/button/Button.js +25 -37
  13. package/dist/cjs/components/button/Button.js.map +1 -1
  14. package/dist/cjs/components/button/Button.stories.d.ts +8 -2
  15. package/dist/cjs/components/button/Button.stories.js +18 -6
  16. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  17. package/dist/cjs/components/button/classes.d.ts +4 -13
  18. package/dist/cjs/components/button/classes.js +21 -40
  19. package/dist/cjs/components/button/classes.js.map +1 -1
  20. package/dist/cjs/components/camera/Camera.js +4 -4
  21. package/dist/cjs/components/camera/Camera.js.map +1 -1
  22. package/dist/cjs/components/card/Card.js +6 -6
  23. package/dist/cjs/components/card/Card.js.map +1 -1
  24. package/dist/cjs/components/card/Card.stories.js +7 -7
  25. package/dist/cjs/components/card/Card.stories.js.map +1 -1
  26. package/dist/cjs/components/checkbox/Checkbox.js +3 -3
  27. package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
  28. package/dist/cjs/components/chip/Chip.d.ts +3 -2
  29. package/dist/cjs/components/chip/Chip.js +2 -5
  30. package/dist/cjs/components/chip/Chip.js.map +1 -1
  31. package/dist/cjs/components/chip/Chip.stories.d.ts +20 -0
  32. package/dist/cjs/components/chip/Chip.stories.js +36 -0
  33. package/dist/cjs/components/chip/Chip.stories.js.map +1 -0
  34. package/dist/cjs/components/colorPicker/ColorPicker.js +2 -1
  35. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  36. package/dist/cjs/components/colorPicker/ColorPicker.stories.d.ts +15 -0
  37. package/dist/cjs/components/colorPicker/ColorPicker.stories.js +21 -0
  38. package/dist/cjs/components/colorPicker/ColorPicker.stories.js.map +1 -0
  39. package/dist/cjs/components/contextMenu/contextMenu.js +2 -2
  40. package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
  41. package/dist/cjs/components/datePicker/DatePicker.d.ts +3 -1
  42. package/dist/cjs/components/datePicker/DatePicker.js +7 -7
  43. package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
  44. package/dist/cjs/components/dialog/Dialog.js +4 -5
  45. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  46. package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +6 -3
  47. package/dist/cjs/components/dropdownMenu/DropdownMenu.js +15 -9
  48. package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
  49. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +2 -1
  50. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +2 -1
  51. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  52. package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.d.ts +5 -0
  53. package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.js +15 -0
  54. package/dist/cjs/components/dropdownMenu/DropdownTriggerContext.js.map +1 -0
  55. package/dist/cjs/components/editableText/EditableText.js +1 -1
  56. package/dist/cjs/components/editableText/EditableText.js.map +1 -1
  57. package/dist/cjs/components/emojiPicker/EmojiPicker.d.ts +2 -2
  58. package/dist/cjs/components/emojiPicker/EmojiPicker.js +4 -4
  59. package/dist/cjs/components/emojiPicker/EmojiPicker.js.map +1 -1
  60. package/dist/cjs/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
  61. package/dist/cjs/components/forms/CheckboxField.js +1 -1
  62. package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
  63. package/dist/cjs/components/forms/FieldLabel.d.ts +1 -0
  64. package/dist/cjs/components/forms/FieldLabel.js +7 -0
  65. package/dist/cjs/components/forms/FieldLabel.js.map +1 -0
  66. package/dist/cjs/components/forms/Form.js +1 -2
  67. package/dist/cjs/components/forms/Form.js.map +1 -1
  68. package/dist/cjs/components/forms/NumberStepperField.js +2 -2
  69. package/dist/cjs/components/forms/NumberStepperField.js.map +1 -1
  70. package/dist/cjs/components/forms/TextField.d.ts +0 -1
  71. package/dist/cjs/components/forms/TextField.js +5 -5
  72. package/dist/cjs/components/forms/TextField.js.map +1 -1
  73. package/dist/cjs/components/horizontalList/HorizontalList.js +2 -2
  74. package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
  75. package/dist/cjs/components/imageUploader/ImageUploader.js +6 -7
  76. package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
  77. package/dist/cjs/components/input/Input.js +1 -1
  78. package/dist/cjs/components/input/Input.js.map +1 -1
  79. package/dist/cjs/components/layouts/PageNav.js +1 -1
  80. package/dist/cjs/components/layouts/PageNav.js.map +1 -1
  81. package/dist/cjs/components/layouts/layouts.stories.js +2 -2
  82. package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
  83. package/dist/cjs/components/masonry/masonry.stories.js +1 -1
  84. package/dist/cjs/components/masonry/masonry.stories.js.map +1 -1
  85. package/dist/cjs/components/navBar/NavBar.d.ts +1 -1
  86. package/dist/cjs/components/navBar/NavBar.js +6 -10
  87. package/dist/cjs/components/navBar/NavBar.js.map +1 -1
  88. package/dist/cjs/components/note/Note.d.ts +3 -1
  89. package/dist/cjs/components/note/Note.js +2 -2
  90. package/dist/cjs/components/note/Note.js.map +1 -1
  91. package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
  92. package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
  93. package/dist/cjs/components/peek/Peek.js +1 -1
  94. package/dist/cjs/components/peek/Peek.js.map +1 -1
  95. package/dist/cjs/components/popover/Popover.js +1 -1
  96. package/dist/cjs/components/popover/Popover.js.map +1 -1
  97. package/dist/cjs/components/progress/Progress.d.ts +3 -2
  98. package/dist/cjs/components/progress/Progress.js +9 -3
  99. package/dist/cjs/components/progress/Progress.js.map +1 -1
  100. package/dist/cjs/components/progress/Progress.stories.d.ts +2 -2
  101. package/dist/cjs/components/richEditor/index.js +1 -1
  102. package/dist/cjs/components/richEditor/index.js.map +1 -1
  103. package/dist/cjs/components/select/Select.js +4 -4
  104. package/dist/cjs/components/select/Select.js.map +1 -1
  105. package/dist/cjs/components/skeletons/TextSkeleton.stories.js +1 -1
  106. package/dist/cjs/components/skeletons/TextSkeleton.stories.js.map +1 -1
  107. package/dist/cjs/components/slider/Slider.d.ts +3 -2
  108. package/dist/cjs/components/slider/Slider.js +9 -5
  109. package/dist/cjs/components/slider/Slider.js.map +1 -1
  110. package/dist/cjs/components/slider/Slider.stories.d.ts +1 -1
  111. package/dist/cjs/components/switch/Switch.js +2 -2
  112. package/dist/cjs/components/switch/Switch.js.map +1 -1
  113. package/dist/cjs/components/tabs/tabs.js +4 -4
  114. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  115. package/dist/cjs/components/tabs/tabs.stories.d.ts +1 -0
  116. package/dist/cjs/components/tabs/tabs.stories.js +7 -1
  117. package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
  118. package/dist/cjs/components/toggleGroup/toggleGroup.js +2 -2
  119. package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
  120. package/dist/cjs/components/viewport/Viewport.stories.js +1 -1
  121. package/dist/cjs/components/viewport/Viewport.stories.js.map +1 -1
  122. package/dist/cjs/components/viewport/ViewportZoomControls.js +1 -1
  123. package/dist/cjs/components/viewport/ViewportZoomControls.js.map +1 -1
  124. package/dist/cjs/themes.stories.js +10 -14
  125. package/dist/cjs/themes.stories.js.map +1 -1
  126. package/dist/cjs/uno/logic/color.d.ts +29 -0
  127. package/dist/cjs/uno/logic/color.js +61 -0
  128. package/dist/cjs/uno/logic/color.js.map +1 -0
  129. package/dist/cjs/uno/preflights/_util.d.ts +2 -0
  130. package/dist/cjs/uno/preflights/_util.js +12 -0
  131. package/dist/cjs/uno/preflights/_util.js.map +1 -0
  132. package/dist/cjs/uno/preflights/base.d.ts +2 -0
  133. package/dist/cjs/uno/preflights/base.js +19 -0
  134. package/dist/cjs/uno/preflights/base.js.map +1 -0
  135. package/dist/cjs/uno/preflights/colors.d.ts +1 -0
  136. package/dist/cjs/uno/preflights/colors.js +167 -0
  137. package/dist/cjs/uno/preflights/colors.js.map +1 -0
  138. package/dist/cjs/uno/preflights/customization.d.ts +10 -0
  139. package/dist/cjs/uno/preflights/customization.js +30 -0
  140. package/dist/cjs/uno/preflights/customization.js.map +1 -0
  141. package/dist/cjs/uno/preflights/dark.d.ts +1 -0
  142. package/dist/cjs/uno/preflights/dark.js +49 -0
  143. package/dist/cjs/uno/preflights/dark.js.map +1 -0
  144. package/dist/cjs/uno/preflights/globals.d.ts +2 -0
  145. package/dist/cjs/uno/preflights/globals.js +58 -0
  146. package/dist/cjs/uno/preflights/globals.js.map +1 -0
  147. package/dist/cjs/uno/preflights/index.d.ts +3 -0
  148. package/dist/cjs/uno/preflights/index.js +20 -0
  149. package/dist/cjs/uno/preflights/index.js.map +1 -0
  150. package/dist/cjs/uno/preflights/layers.d.ts +2 -0
  151. package/dist/cjs/uno/preflights/layers.js +9 -0
  152. package/dist/cjs/uno/preflights/layers.js.map +1 -0
  153. package/dist/cjs/uno/rules/anchor.d.ts +2 -0
  154. package/dist/cjs/uno/rules/anchor.js +25 -0
  155. package/dist/cjs/uno/rules/anchor.js.map +1 -0
  156. package/dist/cjs/uno/rules/color.d.ts +2 -0
  157. package/dist/cjs/uno/rules/color.js +153 -0
  158. package/dist/cjs/uno/rules/color.js.map +1 -0
  159. package/dist/cjs/uno/rules/index.d.ts +1 -0
  160. package/dist/cjs/uno/rules/index.js +17 -0
  161. package/dist/cjs/uno/rules/index.js.map +1 -0
  162. package/dist/cjs/uno/rules/overflow.d.ts +2 -0
  163. package/dist/cjs/uno/rules/overflow.js +44 -0
  164. package/dist/cjs/uno/rules/overflow.js.map +1 -0
  165. package/dist/cjs/uno/rules/shadow.d.ts +2 -0
  166. package/dist/cjs/uno/rules/shadow.js +19 -0
  167. package/dist/cjs/uno/rules/shadow.js.map +1 -0
  168. package/dist/cjs/uno/rules/util.d.ts +2 -0
  169. package/dist/cjs/uno/rules/util.js +34 -0
  170. package/dist/cjs/uno/rules/util.js.map +1 -0
  171. package/dist/cjs/uno/shortcuts/index.d.ts +2 -0
  172. package/dist/cjs/uno/shortcuts/index.js +22 -0
  173. package/dist/cjs/uno/shortcuts/index.js.map +1 -0
  174. package/dist/cjs/uno/theme/animations.d.ts +3 -0
  175. package/dist/cjs/uno/theme/animations.js +213 -0
  176. package/dist/cjs/uno/theme/animations.js.map +1 -0
  177. package/dist/cjs/uno/theme/borders.d.ts +3 -0
  178. package/dist/cjs/uno/theme/borders.js +19 -0
  179. package/dist/cjs/uno/theme/borders.js.map +1 -0
  180. package/dist/cjs/uno/theme/colors.d.ts +55 -0
  181. package/dist/cjs/uno/theme/colors.js +29 -0
  182. package/dist/cjs/uno/theme/colors.js.map +1 -0
  183. package/dist/cjs/uno/theme/index.d.ts +2 -0
  184. package/dist/cjs/uno/theme/index.js +36 -0
  185. package/dist/cjs/uno/theme/index.js.map +1 -0
  186. package/dist/cjs/uno/theme/shadows.d.ts +2 -0
  187. package/dist/cjs/uno/theme/shadows.js +18 -0
  188. package/dist/cjs/uno/theme/shadows.js.map +1 -0
  189. package/dist/cjs/uno/theme/sizes.d.ts +3 -0
  190. package/dist/cjs/uno/theme/sizes.js +17 -0
  191. package/dist/cjs/uno/theme/sizes.js.map +1 -0
  192. package/dist/cjs/uno/theme/spacing.d.ts +2 -0
  193. package/dist/cjs/uno/theme/spacing.js +12 -0
  194. package/dist/cjs/uno/theme/spacing.js.map +1 -0
  195. package/dist/cjs/uno/theme/typography.d.ts +3 -0
  196. package/dist/cjs/uno/theme/typography.js +27 -0
  197. package/dist/cjs/uno/theme/typography.js.map +1 -0
  198. package/dist/cjs/uno/uno.preset.d.ts +2 -17
  199. package/dist/cjs/uno/uno.preset.js +14 -937
  200. package/dist/cjs/uno/uno.preset.js.map +1 -1
  201. package/dist/cjs/uno/variants/index.d.ts +2 -0
  202. package/dist/cjs/uno/variants/index.js +16 -0
  203. package/dist/cjs/uno/variants/index.js.map +1 -0
  204. package/dist/cjs/utilities.stories.js +1 -1
  205. package/dist/cjs/utilities.stories.js.map +1 -1
  206. package/dist/css/main.css +13 -1216
  207. package/dist/esm/colors.stories.js +3 -3
  208. package/dist/esm/colors.stories.js.map +1 -1
  209. package/dist/esm/components/actions/ActionBar.stories.js +2 -2
  210. package/dist/esm/components/actions/ActionBar.stories.js.map +1 -1
  211. package/dist/esm/components/box/Box.d.ts +5 -2
  212. package/dist/esm/components/box/Box.js +12 -10
  213. package/dist/esm/components/box/Box.js.map +1 -1
  214. package/dist/esm/components/box/Box.stories.d.ts +3 -8
  215. package/dist/esm/components/box/Box.stories.js +24 -9
  216. package/dist/esm/components/box/Box.stories.js.map +1 -1
  217. package/dist/esm/components/button/Button.d.ts +5 -6
  218. package/dist/esm/components/button/Button.js +26 -5
  219. package/dist/esm/components/button/Button.js.map +1 -1
  220. package/dist/esm/components/button/Button.stories.d.ts +8 -2
  221. package/dist/esm/components/button/Button.stories.js +17 -5
  222. package/dist/esm/components/button/Button.stories.js.map +1 -1
  223. package/dist/esm/components/button/classes.d.ts +4 -13
  224. package/dist/esm/components/button/classes.js +21 -39
  225. package/dist/esm/components/button/classes.js.map +1 -1
  226. package/dist/esm/components/camera/Camera.js +4 -4
  227. package/dist/esm/components/camera/Camera.js.map +1 -1
  228. package/dist/esm/components/card/Card.js +6 -6
  229. package/dist/esm/components/card/Card.js.map +1 -1
  230. package/dist/esm/components/card/Card.stories.js +7 -7
  231. package/dist/esm/components/card/Card.stories.js.map +1 -1
  232. package/dist/esm/components/checkbox/Checkbox.js +3 -3
  233. package/dist/esm/components/checkbox/Checkbox.js.map +1 -1
  234. package/dist/esm/components/chip/Chip.d.ts +2 -1
  235. package/dist/esm/components/chip/Chip.js +2 -5
  236. package/dist/esm/components/chip/Chip.js.map +1 -1
  237. package/dist/esm/components/chip/Chip.stories.d.ts +20 -0
  238. package/dist/esm/components/chip/Chip.stories.js +33 -0
  239. package/dist/esm/components/chip/Chip.stories.js.map +1 -0
  240. package/dist/esm/components/colorPicker/ColorPicker.js +2 -1
  241. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  242. package/dist/esm/components/colorPicker/ColorPicker.stories.d.ts +15 -0
  243. package/dist/esm/components/colorPicker/ColorPicker.stories.js +18 -0
  244. package/dist/esm/components/colorPicker/ColorPicker.stories.js.map +1 -0
  245. package/dist/esm/components/contextMenu/contextMenu.js +2 -2
  246. package/dist/esm/components/contextMenu/contextMenu.js.map +1 -1
  247. package/dist/esm/components/datePicker/DatePicker.d.ts +3 -1
  248. package/dist/esm/components/datePicker/DatePicker.js +7 -7
  249. package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
  250. package/dist/esm/components/dialog/Dialog.js +4 -5
  251. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  252. package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +6 -3
  253. package/dist/esm/components/dropdownMenu/DropdownMenu.js +13 -8
  254. package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
  255. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +2 -1
  256. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +2 -1
  257. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  258. package/dist/esm/components/dropdownMenu/DropdownTriggerContext.d.ts +5 -0
  259. package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js +11 -0
  260. package/dist/esm/components/dropdownMenu/DropdownTriggerContext.js.map +1 -0
  261. package/dist/esm/components/editableText/EditableText.js +1 -1
  262. package/dist/esm/components/editableText/EditableText.js.map +1 -1
  263. package/dist/esm/components/emojiPicker/EmojiPicker.d.ts +2 -2
  264. package/dist/esm/components/emojiPicker/EmojiPicker.js +4 -4
  265. package/dist/esm/components/emojiPicker/EmojiPicker.js.map +1 -1
  266. package/dist/esm/components/emojiPicker/EmojiPicker.stories.d.ts +1 -1
  267. package/dist/esm/components/forms/CheckboxField.js +1 -1
  268. package/dist/esm/components/forms/CheckboxField.js.map +1 -1
  269. package/dist/esm/components/forms/FieldLabel.d.ts +1 -0
  270. package/dist/esm/components/forms/FieldLabel.js +4 -0
  271. package/dist/esm/components/forms/FieldLabel.js.map +1 -0
  272. package/dist/esm/components/forms/Form.js +1 -2
  273. package/dist/esm/components/forms/Form.js.map +1 -1
  274. package/dist/esm/components/forms/NumberStepperField.js +1 -1
  275. package/dist/esm/components/forms/NumberStepperField.js.map +1 -1
  276. package/dist/esm/components/forms/TextField.d.ts +0 -1
  277. package/dist/esm/components/forms/TextField.js +2 -2
  278. package/dist/esm/components/forms/TextField.js.map +1 -1
  279. package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
  280. package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
  281. package/dist/esm/components/imageUploader/ImageUploader.js +6 -7
  282. package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
  283. package/dist/esm/components/input/Input.js +1 -1
  284. package/dist/esm/components/input/Input.js.map +1 -1
  285. package/dist/esm/components/layouts/PageNav.js +1 -1
  286. package/dist/esm/components/layouts/PageNav.js.map +1 -1
  287. package/dist/esm/components/layouts/layouts.stories.js +2 -2
  288. package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
  289. package/dist/esm/components/masonry/masonry.stories.js +1 -1
  290. package/dist/esm/components/masonry/masonry.stories.js.map +1 -1
  291. package/dist/esm/components/navBar/NavBar.d.ts +1 -1
  292. package/dist/esm/components/navBar/NavBar.js +6 -10
  293. package/dist/esm/components/navBar/NavBar.js.map +1 -1
  294. package/dist/esm/components/note/Note.d.ts +3 -1
  295. package/dist/esm/components/note/Note.js +2 -2
  296. package/dist/esm/components/note/Note.js.map +1 -1
  297. package/dist/esm/components/numberStepper/NumberStepper.js +2 -2
  298. package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
  299. package/dist/esm/components/peek/Peek.js +1 -1
  300. package/dist/esm/components/peek/Peek.js.map +1 -1
  301. package/dist/esm/components/popover/Popover.js +1 -1
  302. package/dist/esm/components/popover/Popover.js.map +1 -1
  303. package/dist/esm/components/progress/Progress.d.ts +3 -2
  304. package/dist/esm/components/progress/Progress.js +6 -3
  305. package/dist/esm/components/progress/Progress.js.map +1 -1
  306. package/dist/esm/components/progress/Progress.stories.d.ts +2 -2
  307. package/dist/esm/components/richEditor/index.js +1 -1
  308. package/dist/esm/components/richEditor/index.js.map +1 -1
  309. package/dist/esm/components/select/Select.js +4 -4
  310. package/dist/esm/components/select/Select.js.map +1 -1
  311. package/dist/esm/components/skeletons/TextSkeleton.stories.js +1 -1
  312. package/dist/esm/components/skeletons/TextSkeleton.stories.js.map +1 -1
  313. package/dist/esm/components/slider/Slider.d.ts +3 -2
  314. package/dist/esm/components/slider/Slider.js +6 -5
  315. package/dist/esm/components/slider/Slider.js.map +1 -1
  316. package/dist/esm/components/slider/Slider.stories.d.ts +1 -1
  317. package/dist/esm/components/switch/Switch.js +2 -2
  318. package/dist/esm/components/switch/Switch.js.map +1 -1
  319. package/dist/esm/components/tabs/tabs.js +4 -4
  320. package/dist/esm/components/tabs/tabs.js.map +1 -1
  321. package/dist/esm/components/tabs/tabs.stories.d.ts +1 -0
  322. package/dist/esm/components/tabs/tabs.stories.js +6 -0
  323. package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
  324. package/dist/esm/components/toggleGroup/toggleGroup.js +2 -2
  325. package/dist/esm/components/toggleGroup/toggleGroup.js.map +1 -1
  326. package/dist/esm/components/viewport/Viewport.stories.js +1 -1
  327. package/dist/esm/components/viewport/Viewport.stories.js.map +1 -1
  328. package/dist/esm/components/viewport/ViewportZoomControls.js +1 -1
  329. package/dist/esm/components/viewport/ViewportZoomControls.js.map +1 -1
  330. package/dist/esm/themes.stories.js +10 -14
  331. package/dist/esm/themes.stories.js.map +1 -1
  332. package/dist/esm/uno/logic/color.d.ts +29 -0
  333. package/dist/esm/uno/logic/color.js +53 -0
  334. package/dist/esm/uno/logic/color.js.map +1 -0
  335. package/dist/esm/uno/preflights/_util.d.ts +2 -0
  336. package/dist/esm/uno/preflights/_util.js +9 -0
  337. package/dist/esm/uno/preflights/_util.js.map +1 -0
  338. package/dist/esm/uno/preflights/base.d.ts +2 -0
  339. package/dist/esm/uno/preflights/base.js +16 -0
  340. package/dist/esm/uno/preflights/base.js.map +1 -0
  341. package/dist/esm/uno/preflights/colors.d.ts +1 -0
  342. package/dist/esm/uno/preflights/colors.js +164 -0
  343. package/dist/esm/uno/preflights/colors.js.map +1 -0
  344. package/dist/esm/uno/preflights/customization.d.ts +10 -0
  345. package/dist/esm/uno/preflights/customization.js +26 -0
  346. package/dist/esm/uno/preflights/customization.js.map +1 -0
  347. package/dist/esm/uno/preflights/dark.d.ts +1 -0
  348. package/dist/esm/uno/preflights/dark.js +46 -0
  349. package/dist/esm/uno/preflights/dark.js.map +1 -0
  350. package/dist/esm/uno/preflights/globals.d.ts +2 -0
  351. package/dist/esm/uno/preflights/globals.js +55 -0
  352. package/dist/esm/uno/preflights/globals.js.map +1 -0
  353. package/dist/esm/uno/preflights/index.d.ts +3 -0
  354. package/dist/esm/uno/preflights/index.js +16 -0
  355. package/dist/esm/uno/preflights/index.js.map +1 -0
  356. package/dist/esm/uno/preflights/layers.d.ts +2 -0
  357. package/dist/esm/uno/preflights/layers.js +6 -0
  358. package/dist/esm/uno/preflights/layers.js.map +1 -0
  359. package/dist/esm/uno/rules/anchor.d.ts +2 -0
  360. package/dist/esm/uno/rules/anchor.js +22 -0
  361. package/dist/esm/uno/rules/anchor.js.map +1 -0
  362. package/dist/esm/uno/rules/color.d.ts +2 -0
  363. package/dist/esm/uno/rules/color.js +150 -0
  364. package/dist/esm/uno/rules/color.js.map +1 -0
  365. package/dist/esm/uno/rules/index.d.ts +1 -0
  366. package/dist/esm/uno/rules/index.js +14 -0
  367. package/dist/esm/uno/rules/index.js.map +1 -0
  368. package/dist/esm/uno/rules/overflow.d.ts +2 -0
  369. package/dist/esm/uno/rules/overflow.js +41 -0
  370. package/dist/esm/uno/rules/overflow.js.map +1 -0
  371. package/dist/esm/uno/rules/shadow.d.ts +2 -0
  372. package/dist/esm/uno/rules/shadow.js +16 -0
  373. package/dist/esm/uno/rules/shadow.js.map +1 -0
  374. package/dist/esm/uno/rules/util.d.ts +2 -0
  375. package/dist/esm/uno/rules/util.js +31 -0
  376. package/dist/esm/uno/rules/util.js.map +1 -0
  377. package/dist/esm/uno/shortcuts/index.d.ts +2 -0
  378. package/dist/esm/uno/shortcuts/index.js +19 -0
  379. package/dist/esm/uno/shortcuts/index.js.map +1 -0
  380. package/dist/esm/uno/theme/animations.d.ts +3 -0
  381. package/dist/esm/uno/theme/animations.js +210 -0
  382. package/dist/esm/uno/theme/animations.js.map +1 -0
  383. package/dist/esm/uno/theme/borders.d.ts +3 -0
  384. package/dist/esm/uno/theme/borders.js +16 -0
  385. package/dist/esm/uno/theme/borders.js.map +1 -0
  386. package/dist/esm/uno/theme/colors.d.ts +55 -0
  387. package/dist/esm/uno/theme/colors.js +26 -0
  388. package/dist/esm/uno/theme/colors.js.map +1 -0
  389. package/dist/esm/uno/theme/index.d.ts +2 -0
  390. package/dist/esm/uno/theme/index.js +33 -0
  391. package/dist/esm/uno/theme/index.js.map +1 -0
  392. package/dist/esm/uno/theme/shadows.d.ts +2 -0
  393. package/dist/esm/uno/theme/shadows.js +15 -0
  394. package/dist/esm/uno/theme/shadows.js.map +1 -0
  395. package/dist/esm/uno/theme/sizes.d.ts +3 -0
  396. package/dist/esm/uno/theme/sizes.js +14 -0
  397. package/dist/esm/uno/theme/sizes.js.map +1 -0
  398. package/dist/esm/uno/theme/spacing.d.ts +2 -0
  399. package/dist/esm/uno/theme/spacing.js +9 -0
  400. package/dist/esm/uno/theme/spacing.js.map +1 -0
  401. package/dist/esm/uno/theme/typography.d.ts +3 -0
  402. package/dist/esm/uno/theme/typography.js +24 -0
  403. package/dist/esm/uno/theme/typography.js.map +1 -0
  404. package/dist/esm/uno/uno.preset.d.ts +2 -17
  405. package/dist/esm/uno/uno.preset.js +14 -937
  406. package/dist/esm/uno/uno.preset.js.map +1 -1
  407. package/dist/esm/uno/variants/index.d.ts +2 -0
  408. package/dist/esm/uno/variants/index.js +13 -0
  409. package/dist/esm/uno/variants/index.js.map +1 -0
  410. package/dist/esm/utilities.stories.js +1 -1
  411. package/dist/esm/utilities.stories.js.map +1 -1
  412. package/package.json +9 -9
  413. package/src/colors.stories.tsx +6 -6
  414. package/src/components/actions/ActionBar.stories.tsx +2 -2
  415. package/src/components/box/Box.stories.tsx +74 -19
  416. package/src/components/box/Box.tsx +23 -13
  417. package/src/components/button/Button.stories.tsx +45 -11
  418. package/src/components/button/Button.tsx +45 -12
  419. package/src/components/button/classes.tsx +65 -59
  420. package/src/components/camera/Camera.tsx +7 -4
  421. package/src/components/card/Card.stories.tsx +9 -9
  422. package/src/components/card/Card.tsx +12 -9
  423. package/src/components/checkbox/Checkbox.tsx +6 -5
  424. package/src/components/chip/Chip.stories.tsx +58 -0
  425. package/src/components/chip/Chip.tsx +8 -13
  426. package/src/components/colorPicker/ColorPicker.stories.tsx +21 -0
  427. package/src/components/colorPicker/ColorPicker.tsx +2 -1
  428. package/src/components/contextMenu/contextMenu.tsx +6 -4
  429. package/src/components/datePicker/DatePicker.tsx +17 -13
  430. package/src/components/dialog/Dialog.tsx +10 -9
  431. package/src/components/dropdownMenu/DropdownMenu.stories.tsx +5 -2
  432. package/src/components/dropdownMenu/DropdownMenu.tsx +30 -15
  433. package/src/components/dropdownMenu/DropdownTriggerContext.tsx +19 -0
  434. package/src/components/editableText/EditableText.tsx +3 -3
  435. package/src/components/emojiPicker/EmojiPicker.tsx +5 -5
  436. package/src/components/forms/CheckboxField.tsx +1 -1
  437. package/src/components/forms/FieldLabel.tsx +6 -0
  438. package/src/components/forms/Form.tsx +1 -3
  439. package/src/components/forms/NumberStepperField.tsx +1 -5
  440. package/src/components/forms/TextField.tsx +2 -5
  441. package/src/components/horizontalList/HorizontalList.tsx +3 -3
  442. package/src/components/imageUploader/ImageUploader.tsx +12 -7
  443. package/src/components/input/Input.tsx +1 -1
  444. package/src/components/layouts/PageNav.tsx +1 -1
  445. package/src/components/layouts/layouts.stories.tsx +2 -2
  446. package/src/components/masonry/masonry.stories.tsx +2 -1
  447. package/src/components/navBar/NavBar.tsx +12 -19
  448. package/src/components/note/Note.tsx +15 -7
  449. package/src/components/numberStepper/NumberStepper.tsx +3 -3
  450. package/src/components/peek/Peek.tsx +1 -1
  451. package/src/components/popover/Popover.tsx +1 -1
  452. package/src/components/progress/Progress.tsx +13 -6
  453. package/src/components/richEditor/index.tsx +1 -1
  454. package/src/components/select/Select.tsx +6 -6
  455. package/src/components/skeletons/TextSkeleton.stories.tsx +1 -1
  456. package/src/components/slider/Slider.tsx +14 -10
  457. package/src/components/switch/Switch.tsx +8 -2
  458. package/src/components/tabs/tabs.stories.tsx +22 -0
  459. package/src/components/tabs/tabs.tsx +14 -7
  460. package/src/components/toggleGroup/toggleGroup.tsx +6 -4
  461. package/src/components/viewport/Viewport.stories.tsx +1 -1
  462. package/src/components/viewport/ViewportZoomControls.tsx +3 -3
  463. package/src/themes.stories.tsx +43 -29
  464. package/src/uno/logic/color.ts +99 -0
  465. package/src/uno/preflights/_util.ts +10 -0
  466. package/src/uno/preflights/base.ts +17 -0
  467. package/src/uno/preflights/colors.ts +165 -0
  468. package/src/uno/preflights/customization.ts +44 -0
  469. package/src/uno/preflights/dark.ts +47 -0
  470. package/src/uno/preflights/globals.ts +55 -0
  471. package/src/uno/preflights/index.ts +21 -0
  472. package/src/uno/preflights/layers.ts +7 -0
  473. package/src/uno/rules/anchor.ts +22 -0
  474. package/src/uno/rules/color.ts +153 -0
  475. package/src/uno/rules/index.ts +13 -0
  476. package/src/uno/rules/overflow.ts +45 -0
  477. package/src/uno/rules/shadow.ts +16 -0
  478. package/src/uno/rules/util.ts +31 -0
  479. package/src/uno/shortcuts/index.ts +21 -0
  480. package/src/uno/theme/animations.ts +211 -0
  481. package/src/uno/theme/borders.ts +17 -0
  482. package/src/uno/theme/colors.ts +35 -0
  483. package/src/uno/theme/index.ts +33 -0
  484. package/src/uno/theme/shadows.ts +15 -0
  485. package/src/uno/theme/sizes.ts +15 -0
  486. package/src/uno/theme/spacing.ts +9 -0
  487. package/src/uno/theme/typography.ts +24 -0
  488. package/src/uno/uno.preset.ts +21 -1036
  489. package/src/uno/variants/index.ts +12 -0
  490. package/src/utilities.stories.tsx +4 -2
  491. package/dist/cjs/uno/colors.d.ts +0 -65
  492. package/dist/cjs/uno/colors.js +0 -138
  493. package/dist/cjs/uno/colors.js.map +0 -1
  494. package/dist/cjs/uno/shadows.d.ts +0 -6
  495. package/dist/cjs/uno/shadows.js +0 -20
  496. package/dist/cjs/uno/shadows.js.map +0 -1
  497. package/dist/esm/uno/colors.d.ts +0 -65
  498. package/dist/esm/uno/colors.js +0 -131
  499. package/dist/esm/uno/colors.js.map +0 -1
  500. package/dist/esm/uno/shadows.d.ts +0 -6
  501. package/dist/esm/uno/shadows.js +0 -17
  502. package/dist/esm/uno/shadows.js.map +0 -1
  503. package/src/uno/colors.ts +0 -154
  504. package/src/uno/shadows.ts +0 -15
@@ -1,43 +1,25 @@
1
1
  // @unocss-include
2
2
  import clsx from 'clsx';
3
- const sizeMap = {
4
- default: 'default',
5
- small: 'small',
6
- icon: 'default',
7
- 'icon-small': 'small',
8
- };
9
- export function getButtonClassName({ color, size: rawSize, toggleable, align, disableIconMode, }) {
10
- const size = sizeMap[rawSize !== null && rawSize !== void 0 ? rawSize : 'default'];
11
- return clsx('layer-components:px-4 layer-components:py-2 layer-components:bg-[var(--bg-neutral,var(--bg))] layer-components:[--webkit-tap-highlight-color:transparent] layer-components:[line-height:1] layer-components:text-size-md layer-components:font-inherit layer-components:border-solid layer-components:border-thin layer-components:border-transparent layer-components:rounded-lg layer-components:cursor-pointer layer-components:font-bold layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center layer-components:relative layer-components:overflow-visible layer-components:select-none layer-components:all:transition layer-components:duration-200 layer-components:whitespace-nowrap layer-components:ring-bg', 'layer-components:hover:bg-[var(--bg)] layer-components:hover:bg-darken-1 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:bg-[var(--bg)] layer-components:focus-visible:outline-off layer-components:focus-visible:bg-darken-1 layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:bg-[var(--bg)] layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:bg-darken-1', 'layer-components:active:bg-[var(--bg)] layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:bg-[var(--bg)] layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:bg-[var(--bg)] layer-components:[&[data-disabled=true]]:shadow-none', colors[color !== null && color !== void 0 ? color : 'default'], `btn-color-${color !== null && color !== void 0 ? color : 'default'}`, sizes[size !== null && size !== void 0 ? size : 'default'], disableIconMode ? '' : iconModeSizes[size !== null && size !== void 0 ? size : 'default'], `size-${size !== null && size !== void 0 ? size : 'default'}`, toggleable && toggledClass, align && aligns[align],
12
- // compound variants
13
- color === 'ghost' &&
14
- toggleable &&
15
- 'layer-variants:[aria-pressed="true"]:[--bg:var(--color-primary-wash)]');
3
+ export function getButtonClassName({ color, emphasis = 'default', size = 'default', toggleable, align, disableIconMode, }) {
4
+ if (emphasis === 'unstyled') {
5
+ return clsx('layer-components:p-0 layer-components:m-0 layer-components:border-none layer-components:bg-transparent layer-components:appearance-none', 'layer-components:cursor-pointer', 'layer-components:focus:outline-off');
6
+ }
7
+ return clsx(color && `palette-${color}`, 'layer-components:px-4 layer-components:py-2', 'layer-components:leading-none layer-components:text-md layer-components:font-inherit layer-components:font-bold layer-components:select-none', 'layer-components:border-solid layer-components:border-thin layer-components:border-color layer-components:rounded-lg', 'layer-components:cursor-pointer', 'layer-components:flex layer-components:flex-row layer-components:gap-sm layer-components:items-center', 'layer-components:relative layer-components:overflow-visible layer-components:whitespace-nowrap', 'layer-components:transition-all layer-components:duration-200', 'layer-components:shadow-sm layer-components:ring-bg', 'layer-components:color-contrast', emphasis === 'ghost' && 'layer-variants:shadow-none layer-variants:border-none', emphasis === 'contrast' && 'layer-variants:border-bg layer-variants:hover:bg-gray-ink', {
8
+ 'layer-components:bg-main': emphasis === 'primary',
9
+ 'layer-components:bg-main-light layer-components:color-main-ink': emphasis === 'light',
10
+ 'layer-components:bg-white layer-variants:focus-visible:bg-white': emphasis === 'default',
11
+ 'layer-components:bg-transparent layer-components:aria-pressed:bg-main-wash': emphasis === 'ghost',
12
+ 'layer-components:bg-black': emphasis === 'contrast',
13
+ }, color === 'gray' && '[--l-saturation:0] hov', {
14
+ 'layer-components:px-4 layer-components:py-1 layer-components:text-sm layer-components:rounded-md': size === 'small',
15
+ 'layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg': size === 'default' && !disableIconMode,
16
+ 'layer-components:[&[data-has-icon=true][data-has-label=false]]:p-2 layer-components:[&[data-has-icon=true][data-has-label=false]]:text-xs layer-components:[&[data-has-icon=true][data-has-label=false]]:rounded-lg layer-components:[&[data-has-icon=true][data-has-label=false]]:-m-y-0.5': size === 'small' && !disableIconMode,
17
+ }, 'layer-components:hover:bg-main layer-components:hover:bg-lighten-2 layer-components:hover:ring-4', 'layer-components:focus:outline-off', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-6', 'layer-components:[&[data-focus=true]]:ring-6 layer-components:[&[data-focus=true]]:ring-accent layer-components:[&[data-focus=true]]:outline-off', 'layer-components:active:bg-darken-1 layer-components:active:ring-8', 'layer-components:disabled:opacity-50 layer-components:disabled:cursor-default layer-components:disabled:shadow-none layer-components:disabled:ring-none', 'layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:[&[data-disabled=true]]:shadow-none', {
18
+ 'layer-variants:[&[aria-pressed=false]]:[&:not(:hover)]:bg-transparent': toggleable,
19
+ }, {
20
+ 'layer-components:self-start': align === 'start',
21
+ 'layer-components:self-stretch': align === 'stretch',
22
+ 'layer-components:self-end': align === 'end',
23
+ }, `size-${size !== null && size !== void 0 ? size : 'default'}`);
16
24
  }
17
- const colors = {
18
- primary: `layer-variants:[&.btn-color-primary]:[--bg:var(--color-primary)] layer-variants:[&.btn-color-primary]:shadow-sm layer-variants:[&.btn-color-primary]:color-black layer-variants:[&.btn-color-primary]:border-primary-dark`,
19
- accent: `layer-variants:[&.btn-color-accent]:[--bg-neutral:var(--color-accent-wash)] layer-variants:[&.btn-color-accent]:[--bg:var(--color-accent-light)] layer-variants:[&.btn-color-accent]:shadow-sm layer-variants:[&.btn-color-accent]:color-black layer-variants:[&.btn-color-accent]:border-accent-dark`,
20
- default: `layer-variants:[&.btn-color-default]:[--bg-neutral:var(--color-white)] layer-variants:[&.btn-color-default]:[--bg:var(--color-gray)] layer-variants:[&.btn-color-default]:bg-lighten-1 layer-variants:[&.btn-color-default]:shadow-sm layer-variants:[&.btn-color-default]:color-black layer-variants:[&.btn-color-default]:border-gray-dark layer-variants:[&.btn-color-default]:focus-visible:bg-lighten-1 layer-variants:[&.btn-color-default]:hover:bg-lighten-1`,
21
- ghost: `layer-variants:[&.btn-color-ghost]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghost]:[--bg:oklch(from_var(--color-gray)_l_c_h/50%)] layer-variants:[&.btn-color-ghost]:color-dark-blend`,
22
- destructive: `layer-variants:[&.btn-color-destructive]:[--bg:var(--color-attention)] layer-variants:[&.btn-color-destructive]:shadow-sm layer-variants:[&.btn-color-destructive]:border-attention-dark layer-variants:[&.btn-color-destructive]:color-black`,
23
- ghostDestructive: `layer-variants:[&.btn-color-ghostDestructive]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghostDestructive]:[--bg:var(--color-attention-light)] layer-variants:[&.btn-color-ghostDestructive]:color-attention-dark layer-variants:[&.btn-color-ghostDestructive]:hover:color-black layer-variants:[&.btn-color-ghostDestructive]:focus-visible:color-black`,
24
- ghostAccent: `layer-variants:[&.btn-color-ghostAccent]:[--bg-neutral:transparent] layer-variants:[&.btn-color-ghostAccent]:[--bg:var(--color-accent-light)] layer-variants:[&.btn-color-ghostAccent]:color-accent-dark layer-variants:[&.btn-color-ghostAccent]:hover:color-black layer-variants:[&.btn-color-ghostAccent]:focus-visible:color-black`,
25
- contrast: `layer-variants:[&.btn-color-contrast]:[--bg:var(--color-black)] layer-variants:[&.btn-color-contrast]:color-white layer-variants:[&.btn-color-contrast]:border-black layer-variants:[&.btn-color-contrast]:hover:bg-lighten-1 layer-variants:[&.btn-color-contrast]:focus-visible:bg-lighten-1 layer-variants:[&.btn-color-contrast]:active:bg-lighten-1`,
26
- unstyled: `layer-variants:bg-transparent layer-variants:hover:bg-transparent layer-variants:focus:bg-transparent layer-variants:active:bg-transparent layer-variants:color-inherit layer-variants:border-transparent layer-variants:shadow-none layer-variants:hover:shadow-none layer-variants:focus:shadow-none layer-variants:active:shadow-none layer-variants:p-0 layer-variants:items-start layer-variants:font-inherit layer-variants:font-normal layer-variants:rounded-none layer-variants:text-size-inherit layer-variants:transition-none`,
27
- };
28
- export const buttonColorClasses = colors;
29
- const sizes = {
30
- default: '',
31
- small: 'layer-variants:[&.size-small]:px-4 layer-variants:[&.size-small]:py-1 layer-variants:[&.size-small]:text-sm layer-variants:[&.size-small]:rounded-md',
32
- };
33
- const iconModeSizes = {
34
- default: 'layer-variants:[&[data-has-icon=true][data-has-label=false]]:p-2.35 layer-variants:[&[data-has-icon=true][data-has-label=false]]:text-sm layer-variants:[&[data-has-icon=true][data-has-label=false]]:rounded-lg',
35
- small: 'layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:p-2 layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:text-xs layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:rounded-lg layer-variants:[&.size-small[data-has-icon=true][data-has-label=false]]:-m-y-0.5',
36
- };
37
- const toggledClass = 'layer-variants:bg-transparent layer-variants:aria-pressed:bg-[var(--bg)] layer-variants:hover:(filter-brightness-[1.1])';
38
- const aligns = {
39
- start: 'self-start',
40
- stretch: 'self-stretch',
41
- end: 'self-end',
42
- };
43
25
  //# sourceMappingURL=classes.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAGxB,MAAM,OAAO,GAAG;IACf,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,SAAS;IACf,YAAY,EAAE,OAAO;CACyB,CAAC;AAEhD,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,IAAI,EAAE,OAAO,EACb,UAAU,EACV,KAAK,EACL,eAAe,GAOf;IACA,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,SAAS,CAAC,CAAC;IAE3C,OAAO,IAAI,CACV,kWAAkW,EAClW,4DAA4D,EAC5D,oCAAoC,EACpC,gFAAgF,EAChF,2EAA2E,EAC3E,6DAA6D,EAC7D,4FAA4F,EAC5F,iGAAiG,EACjG,MAAM,CAAC,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,EAC1B,aAAa,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,EAAE,EACjC,KAAK,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACxB,eAAe,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,CAAC,EACvD,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,EAC3B,UAAU,IAAI,YAAY,EAC1B,KAAK,IAAI,MAAM,CAAC,KAAK,CAAC;IACtB,oBAAoB;IACpB,KAAK,KAAK,OAAO;QAChB,UAAU;QACV,uEAAuE,CACxE,CAAC;AACH,CAAC;AAED,MAAM,MAAM,GAAG;IACd,OAAO,EAAE,8GAA8G;IACvH,MAAM,EAAE,yJAAyJ;IACjK,OAAO,EAAE,qMAAqM;IAC9M,KAAK,EAAE,iIAAiI;IACxI,WAAW,EAAE,sHAAsH;IACnI,gBAAgB,EAAE,qLAAqL;IACvM,WAAW,EAAE,sKAAsK;IACnL,QAAQ,EAAE,8JAA8J;IACxK,QAAQ,EAAE,ySAAyS;CACnT,CAAC;AACF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC;AAEzC,MAAM,KAAK,GAAG;IACb,OAAO,EAAE,EAAE;IACX,KAAK,EAAE,8DAA8D;CACrE,CAAC;AACF,MAAM,aAAa,GAAG;IACrB,OAAO,EACN,0FAA0F;IAC3F,KAAK,EACJ,2GAA2G;CAC5G,CAAC;AAEF,MAAM,YAAY,GACjB,6FAA6F,CAAC;AAE/F,MAAM,MAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,OAAO,EAAE,cAAc;IACvB,GAAG,EAAE,UAAU;CACf,CAAC"}
1
+ {"version":3,"file":"classes.js","sourceRoot":"","sources":["../../../../src/components/button/classes.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAIxB,MAAM,UAAU,kBAAkB,CAAC,EAClC,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,IAAI,GAAG,SAAS,EAChB,UAAU,EACV,KAAK,EACL,eAAe,GAQf;IACA,IAAI,QAAQ,KAAK,UAAU,EAAE,CAAC;QAC7B,OAAO,IAAI,CACV,uEAAuE,EACvE,mCAAmC,EACnC,oCAAoC,CACpC,CAAC;IACH,CAAC;IAED,OAAO,IAAI,CACV,KAAK,IAAI,WAAW,KAAK,EAAE,EAC3B,8BAA8B,EAC9B,4EAA4E,EAC5E,qEAAqE,EACrE,mCAAmC,EACnC,sDAAsD,EACtD,gEAAgE,EAChE,gDAAgD,EAChD,sCAAsC,EACtC,mCAAmC,EAEnC,QAAQ,KAAK,OAAO,IAAI,0CAA0C,EAClE,QAAQ,KAAK,UAAU,IAAI,8CAA8C,EAEzE;QACC,0BAA0B,EAAE,QAAQ,KAAK,SAAS;QAClD,iDAAiD,EAAE,QAAQ,KAAK,OAAO;QACvE,iEAAiE,EAChE,QAAQ,KAAK,SAAS;QACvB,6DAA6D,EAC5D,QAAQ,KAAK,OAAO;QACrB,6BAA6B,EAAE,QAAQ,KAAK,UAAU;KACtD,EACD,KAAK,KAAK,MAAM,IAAI,wBAAwB,EAE5C;QACC,iDAAiD,EAAE,IAAI,KAAK,OAAO;QACnE,4FAA4F,EAC3F,IAAI,KAAK,SAAS,IAAI,CAAC,eAAe;QACvC,kGAAkG,EACjG,IAAI,KAAK,OAAO,IAAI,CAAC,eAAe;KACrC,EAED,sDAAsD,EAEtD,oCAAoC,EACpC,iEAAiE,EACjE,wEAAwE,EAExE,8CAA8C,EAE9C,6EAA6E,EAC7E,kFAAkF,EAElF;QACC,uEAAuE,EACtE,UAAU;KACX,EAED;QACC,6BAA6B,EAAE,KAAK,KAAK,OAAO;QAChD,+BAA+B,EAAE,KAAK,KAAK,SAAS;QACpD,2BAA2B,EAAE,KAAK,KAAK,KAAK;KAC5C,EAED,QAAQ,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,SAAS,EAAE,CAC3B,CAAC;AACH,CAAC"}
@@ -134,7 +134,7 @@ export function CameraShutterButton(_a) {
134
134
  onClick === null || onClick === void 0 ? void 0 : onClick(ev);
135
135
  } }, rest)));
136
136
  }
137
- const StyledShutterButton = withClassName('button', 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-wash hover:opacity-100', 'focus-visible:bg-lighten-1', 'focus:ring-primary focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
137
+ const StyledShutterButton = withClassName('button', 'absolute bottom-3 left-1/2 -translate-x-1/2 w-16 h-16 bg-white rounded-full cursor-pointer border-2 border-black border-solid ring-2 ring-white opacity-80', 'hover:bg-gray-wash hover:opacity-100', 'focus-visible:bg-lighten-1', 'focus:ring-accent focus:outline-none focus:opacity-100', 'sm:w-8 sm:h-8');
138
138
  export const CameraDeviceSelector = (props) => {
139
139
  const { devices, selectDeviceId, selectedDeviceId } = useContext(CameraContext);
140
140
  const swapCamera = () => {
@@ -152,13 +152,13 @@ export const CameraDeviceSelector = (props) => {
152
152
  if (!devices.length || devices.length === 1)
153
153
  return null;
154
154
  if (devices.length === 2) {
155
- return (_jsx(Button, { color: "ghost", className: "absolute bottom-2 left-2 color-white", onClick: swapCamera, children: _jsx(Icon, { name: "refresh" }) }));
155
+ return (_jsx(Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", onClick: swapCamera, children: _jsx(Icon, { name: "refresh" }) }));
156
156
  }
157
- return (_jsxs(Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [_jsx(Select.Trigger, { asChild: true, children: _jsx(Button, { color: "ghost", className: "absolute bottom-2 left-2 color-white", children: _jsx(Icon, { name: "refresh" }) }) }), _jsx(SelectContent, { children: devices.map((device) => (_jsx(SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
157
+ return (_jsxs(Select, { value: selectedDeviceId || 'default', onValueChange: selectDeviceId, children: [_jsx(Select.Trigger, { asChild: true, children: _jsx(Button, { emphasis: "ghost", className: "absolute bottom-2 left-2 color-white", children: _jsx(Icon, { name: "refresh" }) }) }), _jsx(SelectContent, { children: devices.map((device) => (_jsx(SelectItem, { value: device.deviceId, children: device.label }, device.deviceId))) })] }));
158
158
  };
159
159
  export const CameraFullscreenButton = (props) => {
160
160
  const { setFullscreen, fullscreen } = useContext(CameraContext);
161
- return (_jsx(Button, Object.assign({}, props, { color: "ghost", className: "absolute top-2 right-2 color-white", onClick: () => setFullscreen(!fullscreen), children: _jsx(Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
161
+ return (_jsx(Button, Object.assign({}, props, { emphasis: "ghost", className: "absolute top-2 right-2 color-white", onClick: () => setFullscreen(!fullscreen), children: _jsx(Icon, { name: fullscreen ? 'x' : 'maximize' }) })));
162
162
  };
163
163
  const CameraBase = (props) => {
164
164
  return (_jsxs(CameraRoot, Object.assign({}, props, { children: [_jsx(CameraShutterButton, {}), _jsx(CameraDeviceSelector, {}), _jsx(CameraFullscreenButton, {})] })));
@@ -1 +1 @@
1
- {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Camera.js","sourceRoot":"","sources":["../../../../src/components/camera/Camera.tsx"],"names":[],"mappings":"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"}
@@ -17,24 +17,24 @@ import { withClassName, withProps } from '../../hooks.js';
17
17
  import { Box } from '../box/Box.js';
18
18
  import { Masonry } from '../masonry/masonry.js';
19
19
  import { SlotDiv } from '../utility/SlotDiv.js';
20
- export const CardRoot = withClassName(withProps(Box, { container: 'reset' }), 'layer-components:flex layer-components:flex-col layer-components:border-light layer-components:rounded-lg layer-components:text-lg layer-components:overflow-hidden layer-components:h-max-content layer-components:relative layer-components:bg-wash layer-components:bg-darken-1 layer-components:color-black layer-components:shadow-sm', 'layer-variants:[&[data-borderless=true]]:border-none layer-variants:[&[data-borderless=true]]:shadow-md');
20
+ export const CardRoot = withClassName(withProps(Box, { container: 'reset' }), 'layer-components:flex layer-components:flex-col layer-components:border-light layer-components:rounded-lg layer-components:text-lg layer-components:overflow-hidden layer-components:h-max-content layer-components:relative layer-components:bg-wash layer-components:bg-darken-0.5 layer-components:color-black layer-components:shadow-sm', 'layer-variants:[&[data-borderless=true]]:border-none layer-variants:[&[data-borderless=true]]:shadow-md');
21
21
  export function CardMain(_a) {
22
22
  var { asChild, className, compact, nonInteractive, ref } = _a, rest = __rest(_a, ["asChild", "className", "compact", "nonInteractive", "ref"]);
23
23
  const isInteractive = !nonInteractive && (!!asChild || !!rest.onClick);
24
24
  const Comp = asChild ? Slot : isInteractive ? 'button' : 'div';
25
25
  return (_jsx(Comp, Object.assign({ ref: ref, className: classNames('layer-components:flex layer-components:flex-col layer-components:items-start layer-components:gap-1 layer-components:transition layer-components:pb-2 layer-components:flex-1 layer-components:min-h-40px layer-components:bg-transparent layer-components:border-none layer-components:text-start layer-components:text-inherit layer-components:text-sm layer-components:relative layer-components:z-1 layer-components:p-0 layer-components:font-inherit layer-components:outline-none layer-components:rounded-t-lg', !!compact && 'layer-variants:pb-0', isInteractive &&
26
- classNames('layer-components:cursor-pointer layer-components:hover:bg-gray-blend layer-components:hover:color-black layer-components:hover:shadow-sm-inset layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-gray', 'layer-components:[&[data-visually-focused=true]]:ring-inset layer-components:[&[data-visually-focused=true]]:ring-4 layer-components:[&[data-visually-focused=true]]:ring-gray', 'layer-components:[&[data-visually-disabled=true]]:cursor-default layer-components:disabled:cursor-default'), className), "data-compact": compact, "data-visually-focused": rest.visuallyFocused, "data-visually-disabled": rest.visuallyDisabled, "data-interactive": isInteractive }, rest)));
26
+ classNames('layer-components:cursor-pointer', 'layer-components:hover:bg-black/10 layer-components:hover:color-black', 'layer-components:focus:outline-none', 'layer-components:focus-visible:outline-none layer-components:focus-visible:bg-black/10 layer-components:focus-visible:ring-inset layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent', 'layer-components:[&[data-visually-focused=true]]:bg-black/10 layer-components:[&[data-visually-focused=true]]:ring-inset layer-components:[&[data-visually-focused=true]]:ring-4 layer-components:[&[data-visually-focused=true]]:ring-accent', 'layer-components:disabled:cursor-default', 'layer-components:[&[data-visually-disabled=true]]:cursor-default'), className), "data-compact": compact, "data-visually-focused": rest.visuallyFocused, "data-visually-disabled": rest.visuallyDisabled, "data-interactive": isInteractive }, rest)));
27
27
  }
28
- export const CardTitle = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:mt-0 layer-components:bg-white layer-components:py-2 layer-components:px-3 layer-components:rounded-lg layer-components:rounded-bl-none layer-components:rounded-tr-none layer-components:w-auto layer-components:mr-auto layer-components:border layer-components:border-solid layer-components:border-gray-dark-blend layer-components:text-md layer-components:max-h-80px layer-components:overflow-hidden layer-components:text-ellipsis layer-components:max-w-full layer-components:text-inherit layer-components:font-semibold layer-components:relative layer-components:z-1 layer-components:transition-colors', 'layer-components:[[data-compact=true]_&]:py-1 layer-components:[[data-compact=true]_&]:text-sm', 'layer-components:[[data-interactive=true]:hover>&]:bg-darken-2');
29
- const CardContentRoot = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:px-2 layer-components:py-1 layer-components:bg-light-blend layer-components:color-black layer-components:rounded-md layer-components:mx-2 layer-components:my-0.5 layer-components:border layer-components:border-solid layer-components:border-gray-dark-blend layer-components:text-xs layer-components:relative layer-components:z-1', 'layer-variants:[[data-compact=true]_&]:py-0 layer-variants:[[data-compact=true]_&]:px-1 layer-variants:[[data-compact=true]_&]:my-0 layer-variants:[[data-compact=true]_&]:text-xs', 'layer-variants:[&[data-unstyled=true]]:p-0 layer-variants:[&[data-unstyled=true]]:[background:unset] layer-variants:[&[data-unstyled=true]]:border-none');
28
+ export const CardTitle = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:mt-0 layer-components:bg-white layer-components:py-2 layer-components:px-3 layer-components:rounded-lg layer-components:rounded-bl-none layer-components:rounded-tr-none layer-components:w-auto layer-components:mr-auto layer-components:border layer-components:border-solid layer-components:border-gray-dark/50 layer-components:border-t-none layer-components:border-l-none layer-components:text-md layer-components:max-h-80px layer-components:overflow-hidden layer-components:text-ellipsis layer-components:max-w-full layer-components:text-inherit layer-components:font-semibold layer-components:relative layer-components:z-1 layer-components:transition-colors', 'layer-components:[[data-compact=true]_&]:py-1 layer-components:[[data-compact=true]_&]:text-sm', 'layer-components:[[data-interactive=true]:hover>&]:bg-darken-2');
29
+ const CardContentRoot = withClassName('div', 'layer-components:flex layer-components:flex-col layer-components:gap-1 layer-components:px-2 layer-components:py-1 layer-components:bg-white/80 layer-components:color-black layer-components:rounded-md layer-components:mx-2 layer-components:my-0.5 layer-components:border layer-components:border-solid layer-components:border-gray-dark/50 layer-components:text-xs layer-components:relative layer-components:z-1', 'layer-variants:[[data-compact=true]_&]:py-0 layer-variants:[[data-compact=true]_&]:px-1 layer-variants:[[data-compact=true]_&]:my-0 layer-variants:[[data-compact=true]_&]:text-xs', 'layer-variants:[&[data-unstyled=true]]:p-0 layer-variants:[&[data-unstyled=true]]:[background:unset] layer-variants:[&[data-unstyled=true]]:border-none');
30
30
  export function CardContent(_a) {
31
31
  var { unstyled, ref } = _a, rest = __rest(_a, ["unstyled", "ref"]);
32
32
  return _jsx(CardContentRoot, Object.assign({ ref: ref, "data-unstyled": unstyled }, rest));
33
33
  }
34
34
  export const CardImage = withClassName(SlotDiv, 'layer-components:absolute layer-components:z-0 layer-components:right-0 layer-components:top-0 layer-components:bottom-0 layer-components:w-full layer-components:h-full layer-components:object-cover layer-components:bg-cover layer-components:bg-center');
35
35
  export const CardFooter = withClassName('div', 'layer-components:flex layer-components:flex-row layer-components:flex-shrink-0 layer-components:p-1 layer-components:relative layer-components:z-1');
36
- export const CardActions = withClassName('div', 'layer-components:ml-0 layer-components:mr-auto layer-components:flex layer-components:flex-row layer-components:gap-2 layer-components:items-center layer-components:bg-white layer-components:rounded-lg layer-components:p-0 layer-components:border layer-components:border-solid layer-components:border-gray-dark-blend');
37
- export const CardMenu = withClassName('div', 'layer-components:mr-0 layer-components:ml-auto layer-components:my-auto layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:bg-overlay layer-components:py-0.5 layer-components:rounded-lg layer-components:p-0');
36
+ export const CardActions = withClassName('div', 'layer-components:ml-0 layer-components:mr-auto layer-components:flex layer-components:flex-row layer-components:gap-2 layer-components:items-center layer-components:bg-white/50 layer-components:rounded-lg layer-components:p-0 layer-components:border layer-components:border-solid layer-components:border-gray-dark/50');
37
+ export const CardMenu = withClassName('div', 'layer-components:mr-0 layer-components:ml-auto layer-components:my-auto layer-components:flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:bg-white/50 layer-components:py-0.5 layer-components:rounded-lg layer-components:p-0');
38
38
  export const cardGridColumns = {
39
39
  default: (size) => (size < 480 ? 1 : size < 800 ? 2 : 3),
40
40
  small: (size) => size < 320 ? 1 : size < 480 ? 2 : size < 800 ? 3 : 4,
@@ -1 +1 @@
1
- {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/card/Card.tsx"],"names":[],"mappings":"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"}
@@ -15,19 +15,19 @@ const meta = {
15
15
  };
16
16
  export default meta;
17
17
  export const Default = {
18
- render: (args) => (_jsxs("div", { className: "row items-stretch", children: [_jsxs(CardRoot, Object.assign({}, args, { className: "min-h-20vh", children: [_jsx(CardImage, { asChild: true, children: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), _jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsxs(CardFooter, { children: [_jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", color: "primary", children: _jsx(Icon, { name: "placeholder" }) })] }), _jsx(CardMenu, { children: _jsx(Button, { size: "small", color: "ghost", children: _jsx(Icon, { name: "dots" }) }) })] })] })), _jsxs(CardRoot, Object.assign({}, args, { className: "max-w-300px", children: [_jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title which is very long and would normally wrap" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { unstyled: true, children: "Styling optional" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }))] })),
18
+ render: (args) => (_jsxs("div", { className: "row items-stretch", children: [_jsxs(CardRoot, Object.assign({}, args, { className: "min-h-20vh", children: [_jsx(CardImage, { asChild: true, children: _jsx("img", { src: "https://resources.biscuits.club/images/pashka.jpg" }) }), _jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff you'd have on a card. Maybe a time?" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsxs(CardFooter, { children: [_jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", color: "primary", children: _jsx(Icon, { name: "placeholder" }) })] }), _jsx(CardMenu, { children: _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "dots" }) }) })] })] })), _jsxs(CardRoot, Object.assign({}, args, { className: "max-w-300px", children: [_jsxs(CardMain, { onClick: () => alert('clicked'), children: [_jsx(CardTitle, { children: "Card Title which is very long and would normally wrap" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { unstyled: true, children: "Styling optional" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }))] })),
19
19
  };
20
20
  export const Compact = {
21
- render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { compact: true, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
21
+ render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { compact: true, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" }), _jsx(CardContent, { children: "More things, if you want." })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { size: "small", emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
22
22
  };
23
23
  export const NonInteractive = {
24
- render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
24
+ render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
25
25
  };
26
26
  export const AsChild = {
27
- render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { asChild: true, children: _jsxs("a", { href: "#here", children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
27
+ render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { asChild: true, children: _jsxs("a", { href: "#here", children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
28
28
  };
29
29
  export const AsChildNonInteractive = {
30
- render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { asChild: true, nonInteractive: true, children: _jsxs("button", { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
30
+ render: () => (_jsxs(CardRoot, { children: [_jsx(CardMain, { asChild: true, nonInteractive: true, children: _jsxs("button", { children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
31
31
  };
32
32
  export const Grid = {
33
33
  render: () => {
@@ -51,11 +51,11 @@ function GridCard({ size, remove, resize, }) {
51
51
  return (_jsxs(CardRoot, { style: { height: size }, children: [_jsx(CardMain, { children: _jsx(CardTitle, { children: size }) }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", onClick: remove, children: "Delete" }), resize && (_jsx(Button, { size: "small", onClick: resize, children: "Resize" }))] }) })] }));
52
52
  }
53
53
  export const VisuallyFocused = {
54
- render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { visuallyFocused: true, onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
54
+ render: () => (_jsxs(CardRoot, { children: [_jsxs(CardMain, { visuallyFocused: true, onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })),
55
55
  };
56
56
  export const CardsInBox = {
57
57
  render() {
58
- return (_jsxs(Box, { container: true, p: true, gap: true, children: [_jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { color: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }));
58
+ return (_jsxs(Box, { container: true, p: true, gap: true, children: [_jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] }), _jsxs(CardRoot, { children: [_jsxs(CardMain, { onClick: () => { }, children: [_jsx(CardTitle, { children: "Card Title" }), _jsx(CardContent, { children: "Other stuff" })] }), _jsx(CardFooter, { children: _jsxs(CardActions, { children: [_jsx(Button, { size: "small", children: "Button" }), _jsx(Button, { emphasis: "ghost", children: _jsx(Icon, { name: "placeholder" }) })] }) })] })] }));
59
59
  },
60
60
  };
61
61
  //# sourceMappingURL=Card.stories.js.map
@@ -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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"}
@@ -17,9 +17,9 @@ import classNames from 'clsx';
17
17
  import { Icon } from '../icon/Icon.js';
18
18
  export function CheckboxRoot(_a) {
19
19
  var { className, checkedMode = 'prominent' } = _a, props = __rest(_a, ["className", "checkedMode"]);
20
- return (_jsx(CheckboxPrimitive.Root, Object.assign({}, props, { className: classNames('layer-components:w-28px layer-components:h-28px layer-components:flex-shrink-0 layer-components:relative layer-components:bg-white layer-components:border-default layer-components:transition layer-components:rounded-lg layer-components:shadow-sm', 'layer-components:focus-visible:outline-off layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-primary', checkedMode === 'faded'
21
- ? 'layer-components:[&[data-state=checked]]:bg-primary layer-components:[&[data-state=checked]]:animate-checkbox-fade layer-components:[&[data-state=checked]]:animate-forwards'
22
- : 'layer-components:[&[data-state=checked]]:bg-primary layer-components:[&[data-state=checked]]:border-primary-dark', 'layer-components:[&:hover:not(:disabled)]:shadow-[0_0_0_1px_var(--color-black)]', 'layer-components:[&:disabled]:bg-transparent layer-components:[&:disabled]:border-gray-light layer-components:[&:disabled]:shadow-none', className) })));
20
+ return (_jsx(CheckboxPrimitive.Root, Object.assign({}, props, { className: classNames('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'
21
+ ? 'layer-components:[&[data-state=checked]]:bg-main layer-components:[&[data-state=checked]]:animate-checkbox-fade layer-components:[&[data-state=checked]]:animate-forwards'
22
+ : '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) })));
23
23
  }
24
24
  export function CheckboxIndicator(_a) {
25
25
  var { children, className } = _a, props = __rest(_a, ["children", "className"]);
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/checkbox/Checkbox.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAavC,MAAM,UAAU,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,iHAAiH,EACjH,kEAAkE,EAClE,WAAW,KAAK,OAAO;YACtB,CAAC,CAAC,8FAA8F;YAChG,CAAC,CAAC,2EAA2E,EAC9E,iFAAiF,EACjF,8EAA8E,EAC9E,SAAS,CACT,IACA,CACF,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACf,CAC9B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,KAAC,YAAY,oBAAK,KAAK,cACtB,KAAC,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;;;;;;;;;;;;;AAEb,OAAO,KAAK,iBAAiB,MAAM,0BAA0B,CAAC;AAC9D,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAavC,MAAM,UAAU,YAAY,CAAC,EAIb;QAJa,EAC5B,SAAS,EACT,WAAW,GAAG,WAAW,OAEV,EADZ,KAAK,cAHoB,4BAI5B,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,IAAI,oBAClB,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,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,MAAM,UAAU,iBAAiB,CAAC,EAIS;QAJT,EACjC,QAAQ,EACR,SAAS,OAEiC,EADvC,KAAK,cAHyB,yBAIjC,CADQ;IAER,OAAO,CACN,KAAC,iBAAiB,CAAC,SAAS,kBAC3B,SAAS,EAAE,UAAU,CAAC,6BAA6B,EAAE,SAAS,CAAC,IAC3D,KAAK,cAER,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAC,IAAI,IAAC,IAAI,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,GAAI,IACf,CAC9B,CAAC;AACH,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,MAAM,CAAC,MAAM,CACpC,SAAS,QAAQ,CAAC,KAAoB;IACrC,OAAO,CACN,KAAC,YAAY,oBAAK,KAAK,cACtB,KAAC,iBAAiB,KAAG,IACP,CACf,CAAC;AACH,CAAC,EACD;IACC,IAAI,EAAE,YAAY;IAClB,SAAS,EAAE,iBAAiB;CAC5B,CACD,CAAC"}
@@ -1,6 +1,7 @@
1
1
  import { HTMLAttributes, Ref } from 'react';
2
+ import { PaletteName } from '../../uno/logic/color.js';
2
3
  export interface ChipProps extends HTMLAttributes<HTMLElement> {
3
- color?: 'neutral' | 'primary' | 'accent';
4
+ color?: PaletteName;
4
5
  asChild?: boolean;
5
6
  ref?: Ref<any>;
6
7
  }
@@ -14,11 +14,8 @@ import { jsx as _jsx } from "react/jsx-runtime";
14
14
  import { Slot } from '@radix-ui/react-slot';
15
15
  import classNames from 'clsx';
16
16
  export function Chip(_a) {
17
- var { className, color = 'neutral', asChild, ref } = _a, rest = __rest(_a, ["className", "color", "asChild", "ref"]);
17
+ var { className, color, asChild, ref } = _a, rest = __rest(_a, ["className", "color", "asChild", "ref"]);
18
18
  const Component = asChild ? Slot : 'div';
19
- return (_jsx(Component, Object.assign({ ref: ref, className: classNames('layer-components:inline-flex layer-components:flex-row layer-components:gap-1 layer-components:items-center layer-components:whitespace-nowrap layer-components:border-light layer-components:border-solid layer-components:border layer-components:rounded-lg layer-components:px-2 layer-components:py-1 layer-components:clor-black', {
20
- 'layer-variants:bg-primary-wash': color === 'primary',
21
- 'layer-variants:bg-accent-wash': color === 'accent',
22
- }, className) }, rest)));
19
+ return (_jsx(Component, Object.assign({ ref: ref, className: classNames(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
20
  }
24
21
  //# sourceMappingURL=Chip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAS9B,MAAM,UAAU,IAAI,CAAC,EAMT;QANS,EACpB,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,GAAG,OAEQ,EADR,IAAI,cALa,wCAMpB,CADO;IAEP,MAAM,SAAS,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACN,KAAC,SAAS,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,+IAA+I,EAC/I;YACC,gCAAgC,EAAE,KAAK,KAAK,SAAS;YACrD,+BAA+B,EAAE,KAAK,KAAK,QAAQ;SACnD,EACD,SAAS,CACT,IACG,IAAI,EACP,CACF,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,UAAU,MAAM,MAAM,CAAC;AAU9B,MAAM,UAAU,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,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC;IACzC,OAAO,CACN,KAAC,SAAS,kBACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACpB,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"}
@@ -0,0 +1,20 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { Chip } from './Chip.js';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof Chip;
6
+ argTypes: {};
7
+ args: {
8
+ children: string;
9
+ };
10
+ parameters: {
11
+ controls: {
12
+ expanded: boolean;
13
+ };
14
+ };
15
+ };
16
+ export default meta;
17
+ type Story = StoryObj<typeof Chip>;
18
+ export declare const Default: Story;
19
+ export declare const Colors: Story;
20
+ export declare const AsButton: Story;
@@ -0,0 +1,33 @@
1
+ // @unocss-include
2
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
+ import { Box } from '../box/Box.js';
4
+ import { Button } from '../button/Button.js';
5
+ import { Chip } from './Chip.js';
6
+ const meta = {
7
+ title: 'Components/Chip',
8
+ component: Chip,
9
+ argTypes: {},
10
+ args: {
11
+ children: 'Chip',
12
+ },
13
+ parameters: {
14
+ controls: { expanded: true },
15
+ },
16
+ };
17
+ export default meta;
18
+ export const Default = {
19
+ render(args) {
20
+ return _jsx(Chip, Object.assign({}, args));
21
+ },
22
+ };
23
+ export const Colors = {
24
+ render() {
25
+ return (_jsxs("div", { style: { display: 'flex', gap: '12px' }, children: [_jsx(Chip, { color: "gray", children: "Gray" }), _jsx(Chip, { color: "primary", children: "Primary" }), _jsx(Chip, { color: "accent", children: "Accent" }), _jsx(Chip, { color: "attention", children: "Attention" }), _jsx(Chip, { color: "success", children: "Success" }), _jsx(Chip, { color: "lemon", children: "Lemon" }), _jsx(Chip, { color: "leek", children: "Leek" }), _jsx(Chip, { color: "tomato", children: "Tomato" }), _jsx(Chip, { color: "blueberry", children: "Blueberry" }), _jsx(Chip, { color: "eggplant", children: "Eggplant" })] }));
26
+ },
27
+ };
28
+ export const AsButton = {
29
+ render() {
30
+ return (_jsxs(Box, { gap: true, items: "center", children: [_jsx(Button, { asChild: true, children: _jsx(Chip, { color: "primary", children: "Clickable Chip" }) }), _jsx(Chip, { children: "Non-clickable Chip" })] }));
31
+ },
32
+ };
33
+ //# sourceMappingURL=Chip.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Chip.stories.js","sourceRoot":"","sources":["../../../../src/components/chip/Chip.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,GAAG,EAAE,MAAM,eAAe,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,IAAI;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,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,KAAC,IAAI,oBAAK,IAAI,EAAI,CAAC;IAC3B,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC5B,MAAM;QACL,OAAO,CACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAC3C,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,wBAAe,EACpC,KAAC,IAAI,IAAC,KAAK,EAAC,OAAO,sBAAa,EAChC,KAAC,IAAI,IAAC,KAAK,EAAC,MAAM,qBAAY,EAC9B,KAAC,IAAI,IAAC,KAAK,EAAC,QAAQ,uBAAc,EAClC,KAAC,IAAI,IAAC,KAAK,EAAC,WAAW,0BAAiB,EACxC,KAAC,IAAI,IAAC,KAAK,EAAC,UAAU,yBAAgB,IACjC,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,MAAM;QACL,OAAO,CACN,MAAC,GAAG,IAAC,GAAG,QAAC,KAAK,EAAC,QAAQ,aACtB,KAAC,MAAM,IAAC,OAAO,kBACd,KAAC,IAAI,IAAC,KAAK,EAAC,SAAS,+BAAsB,GACnC,EACT,KAAC,IAAI,qCAA0B,IAC1B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
@@ -11,10 +11,11 @@ export function ColorPicker({ value, onChange, showSalt }) {
11
11
  'leek',
12
12
  'blueberry',
13
13
  'eggplant',
14
+ 'salt',
14
15
  ].includes(value || '')
15
16
  ? value
16
17
  : 'lemon';
17
- return (_jsxs(Select, { value: resolvedValue, onValueChange: onChange, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "z-[calc(var(--z-dialog)+1)]", children: [_jsxs(SelectItem, { value: "lemon", children: [_jsx(ColorSwatch, { value: "lemon" }), _jsx(ItemLabel, { children: "Lemon" })] }), _jsxs(SelectItem, { value: "tomato", children: [_jsx(ColorSwatch, { value: "tomato" }), _jsx(ItemLabel, { children: "Tomato" })] }), _jsxs(SelectItem, { value: "leek", children: [_jsx(ColorSwatch, { value: "leek" }), _jsx(ItemLabel, { children: "Leek" })] }), _jsxs(SelectItem, { value: "blueberry", children: [_jsx(ColorSwatch, { value: "blueberry" }), _jsx(ItemLabel, { children: "Blueberry" })] }), _jsxs(SelectItem, { value: "eggplant", children: [_jsx(ColorSwatch, { value: "eggplant" }), _jsx(ItemLabel, { children: "Eggplant" })] }), showSalt && (_jsxs(SelectItem, { value: "salt", children: [_jsx(ColorSwatch, { value: "salt" }), _jsx(ItemLabel, { children: "Salt" })] }))] })] }));
18
+ return (_jsxs(Select, { value: resolvedValue, onValueChange: onChange, children: [_jsx(SelectTrigger, { className: "layer-composed:p-sm", children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { className: "z-[calc(var(--z-dialog)+1)]", children: [_jsxs(SelectItem, { value: "lemon", children: [_jsx(ColorSwatch, { value: "lemon" }), _jsx(ItemLabel, { children: "Lemon" })] }), _jsxs(SelectItem, { value: "tomato", children: [_jsx(ColorSwatch, { value: "tomato" }), _jsx(ItemLabel, { children: "Tomato" })] }), _jsxs(SelectItem, { value: "leek", children: [_jsx(ColorSwatch, { value: "leek" }), _jsx(ItemLabel, { children: "Leek" })] }), _jsxs(SelectItem, { value: "blueberry", children: [_jsx(ColorSwatch, { value: "blueberry" }), _jsx(ItemLabel, { children: "Blueberry" })] }), _jsxs(SelectItem, { value: "eggplant", children: [_jsx(ColorSwatch, { value: "eggplant" }), _jsx(ItemLabel, { children: "Eggplant" })] }), showSalt && (_jsxs(SelectItem, { value: "salt", children: [_jsx(ColorSwatch, { value: "salt" }), _jsx(ItemLabel, { children: "Salt" })] }))] })] }));
18
19
  }
19
20
  const ItemLabel = withClassName('span', 'sr-only');
20
21
  export function ColorSwatch({ value, children, }) {
@@ -1 +1 @@
1
- {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACX,MAAM,qBAAqB,CAAC;AAgB7B,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAoB;IAC1E,MAAM,aAAa,GAAG;QACrB,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;KACV,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QACtB,CAAC,CAAE,KAAmB;QACtB,CAAC,CAAC,OAAO,CAAC;IAEX,OAAO,CACN,MAAC,MAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,aACpD,KAAC,aAAa,cACb,KAAC,WAAW,KAAG,GACA,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,6BAA6B,aACrD,MAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,wBAAkB,IAChB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,aACzB,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,KAAC,SAAS,yBAAmB,IACjB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,MAAM,aACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACf,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,WAAW,aAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,4BAAsB,IACpB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,UAAU,aAC3B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,KAAC,SAAS,2BAAqB,IACnB,EACZ,QAAQ,IAAI,CACZ,MAAC,UAAU,IAAC,KAAK,EAAC,MAAM,aACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACf,CACb,IACc,IACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CACpB,qCAAqC,EACrC,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC3B,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"ColorPicker.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EACN,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACX,MAAM,qBAAqB,CAAC;AAgB7B,MAAM,UAAU,WAAW,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAoB;IAC1E,MAAM,aAAa,GAAG;QACrB,OAAO;QACP,QAAQ;QACR,MAAM;QACN,WAAW;QACX,UAAU;QACV,MAAM;KACN,CAAC,QAAQ,CAAC,KAAK,IAAI,EAAE,CAAC;QACtB,CAAC,CAAE,KAAmB;QACtB,CAAC,CAAC,OAAO,CAAC;IAEX,OAAO,CACN,MAAC,MAAM,IAAC,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,QAAQ,aACpD,KAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,YAC7C,KAAC,WAAW,KAAG,GACA,EAChB,MAAC,aAAa,IAAC,SAAS,EAAC,6BAA6B,aACrD,MAAC,UAAU,IAAC,KAAK,EAAC,OAAO,aACxB,KAAC,WAAW,IAAC,KAAK,EAAC,OAAO,GAAG,EAC7B,KAAC,SAAS,wBAAkB,IAChB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,aACzB,KAAC,WAAW,IAAC,KAAK,EAAC,QAAQ,GAAG,EAC9B,KAAC,SAAS,yBAAmB,IACjB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,MAAM,aACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACf,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,WAAW,aAC5B,KAAC,WAAW,IAAC,KAAK,EAAC,WAAW,GAAG,EACjC,KAAC,SAAS,4BAAsB,IACpB,EACb,MAAC,UAAU,IAAC,KAAK,EAAC,UAAU,aAC3B,KAAC,WAAW,IAAC,KAAK,EAAC,UAAU,GAAG,EAChC,KAAC,SAAS,2BAAqB,IACnB,EACZ,QAAQ,IAAI,CACZ,MAAC,UAAU,IAAC,KAAK,EAAC,MAAM,aACvB,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,GAAG,EAC5B,KAAC,SAAS,uBAAiB,IACf,CACb,IACc,IACR,CACT,CAAC;AACH,CAAC;AAED,MAAM,SAAS,GAAG,aAAa,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,EAC3B,KAAK,EACL,QAAQ,GAIR;IACA,OAAO,CACN,cACC,SAAS,EAAE,UAAU,CACpB,qCAAqC,EACrC,SAAS,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,OAAO,EAAE,CAC3B,YAEA,QAAQ,GACJ,CACN,CAAC;AACH,CAAC"}
@@ -0,0 +1,15 @@
1
+ import type { StoryObj } from '@storybook/react';
2
+ import { ColorPicker } from './ColorPicker.js';
3
+ declare const meta: {
4
+ title: string;
5
+ component: typeof ColorPicker;
6
+ argTypes: {};
7
+ parameters: {
8
+ controls: {
9
+ expanded: boolean;
10
+ };
11
+ };
12
+ };
13
+ export default meta;
14
+ type Story = StoryObj<typeof ColorPicker>;
15
+ export declare const Default: Story;
@@ -0,0 +1,18 @@
1
+ // @unocss-include
2
+ import { jsx as _jsx } from "react/jsx-runtime";
3
+ import { ColorPicker } from './ColorPicker.js';
4
+ const meta = {
5
+ title: 'Components/ColorPicker',
6
+ component: ColorPicker,
7
+ argTypes: {},
8
+ parameters: {
9
+ controls: { expanded: true },
10
+ },
11
+ };
12
+ export default meta;
13
+ export const Default = {
14
+ render(args) {
15
+ return _jsx(ColorPicker, Object.assign({}, args));
16
+ },
17
+ };
18
+ //# sourceMappingURL=ColorPicker.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/colorPicker/ColorPicker.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAE/C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACkC,CAAC;AAErC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,KAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;IAClC,CAAC;CACD,CAAC"}
@@ -18,13 +18,13 @@ import { BoxContext } from '../box/Box.js';
18
18
  export const ContextMenuRoot = ContextMenuPrimitive.Root;
19
19
  export const ContextMenuContent = function Content(_a) {
20
20
  var { ref, className, onClick } = _a, props = __rest(_a, ["ref", "className", "onClick"]);
21
- return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsx(ContextMenuPrimitive.Content, Object.assign({ className: classNames('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', 'important:motion-reduce:animate-none', className), onClick: (ev) => {
21
+ return (_jsx(ContextMenuPrimitive.Portal, { children: _jsx(BoxContext.Provider, { value: { spacingScale: 1 }, children: _jsx(ContextMenuPrimitive.Content, Object.assign({ className: classNames('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) => {
22
22
  ev.stopPropagation();
23
23
  onClick === null || onClick === void 0 ? void 0 : onClick(ev);
24
24
  }, ref: ref, alignOffset: -10 }, props)) }) }));
25
25
  };
26
26
  export const ContextMenuArrow = withClassName(ContextMenuPrimitive.Arrow, 'layer-components:arrow');
27
- export const ContextMenuItem = withClassName(ContextMenuPrimitive.Item, 'layer-components:flex layer-components:items-center layer-components:py-1 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-gray layer-components:hover:bg-lighten-3 layer-components:[&[data-highlighted=true]]:bg-gray layer-components:[&[data-highlighted=true]]:bg-lighten-3 layer-components:[&[data-disabled=true]]:opacity-50 layer-components:[&[data-disabled=true]]:cursor-default layer-components:disabled:opacity-50 layer-components:disabled:cursor-default');
27
+ export const ContextMenuItem = withClassName(ContextMenuPrimitive.Item, 'palette-gray', 'layer-components:flex layer-components:items-center layer-components:overflow-hidden layer-components:min-h-touch 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)');
28
28
  export const ContextMenuTrigger = withClassName(ContextMenuPrimitive.Trigger, '');
29
29
  export const ContextMenu = Object.assign(ContextMenuRoot, {
30
30
  Content: ContextMenuContent,
@@ -1 +1 @@
1
- {"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAEzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,cAC3B,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,KAAC,oBAAoB,CAAC,OAAO,kBAC5B,SAAS,EAAE,UAAU,CACpB,6GAA6G,EAC7G,gFAAgF,EAChF,0DAA0D,EAC1D,6DAA6D,EAC7D,+FAA+F,EAC/F,sCAAsC,EACtC,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,EAAE,CAAC,eAAe,EAAE,CAAC;oBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;gBACf,CAAC,EACD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,EAAE,IACZ,KAAK,EACR,GACmB,GACO,CAC9B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,oBAAoB,CAAC,KAAK,EAC1B,0BAA0B,CAC1B,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,yGAAyG,EACzG,4LAA4L,CAC5L,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,oBAAoB,CAAC,OAAO,EAC5B,EAAE,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}
1
+ {"version":3,"file":"contextMenu.js","sourceRoot":"","sources":["../../../../src/components/contextMenu/contextMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AACrE,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,MAAM,CAAC,MAAM,eAAe,GAAG,oBAAoB,CAAC,IAAI,CAAC;AAEzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,SAAS,OAAO,CAAC,EAOlD;QAPkD,EAClD,GAAG,EACH,SAAS,EACT,OAAO,OAIP,EAHG,KAAK,cAJ0C,+BAKlD,CADQ;IAIR,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,cAC3B,KAAC,UAAU,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,YAC9C,KAAC,oBAAoB,CAAC,OAAO,kBAC5B,SAAS,EAAE,UAAU,CACpB,6GAA6G,EAC7G,gFAAgF,EAChF,0DAA0D,EAC1D,6DAA6D,EAC7D,iHAAiH,EACjH,sCAAsC,EACtC,SAAS,CACT,EACD,OAAO,EAAE,CAAC,EAAE,EAAE,EAAE;oBACf,EAAE,CAAC,eAAe,EAAE,CAAC;oBACrB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,EAAE,CAAC,CAAC;gBACf,CAAC,EACD,GAAG,EAAE,GAAG,EACR,WAAW,EAAE,CAAC,EAAE,IACZ,KAAK,EACR,GACmB,GACO,CAC9B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,aAAa,CAC5C,oBAAoB,CAAC,KAAK,EAC1B,wBAAwB,CACxB,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAC3C,oBAAoB,CAAC,IAAI,EACzB,cAAc,EACd,sIAAsI,EACtI,gGAAgG,EAChG,6HAA6H,CAC7H,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,aAAa,CAC9C,oBAAoB,CAAC,OAAO,EAC5B,EAAE,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC,eAAe,EAAE;IACzD,OAAO,EAAE,kBAAkB;IAC3B,KAAK,EAAE,gBAAgB;IACvB,IAAI,EAAE,eAAe;IACrB,OAAO,EAAE,kBAAkB;CAC3B,CAAC,CAAC"}
@@ -1,9 +1,11 @@
1
+ import { PaletteName } from '../../uno/logic/color.js';
1
2
  export interface DatePickerProps {
2
3
  value: Date | null;
3
4
  onChange: (date: Date | null) => void;
4
5
  className?: string;
6
+ color?: PaletteName;
5
7
  }
6
- export declare function DatePicker({ value, onChange, className, ...rest }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
8
+ export declare function DatePicker({ value, onChange, className, color, ...rest }: DatePickerProps): import("react/jsx-runtime").JSX.Element;
7
9
  export interface DateRangePickerProps {
8
10
  value: {
9
11
  start: Date | null;