@a-type/ui 1.2.0 → 1.2.2

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 (553) hide show
  1. package/dist/cjs/components/actions/ActionButton.js +2 -2
  2. package/dist/cjs/components/actions/ActionButton.js.map +1 -1
  3. package/dist/cjs/components/avatar/Avatar.js +2 -2
  4. package/dist/cjs/components/avatar/Avatar.js.map +1 -1
  5. package/dist/cjs/components/box/Box.d.ts +21 -0
  6. package/dist/cjs/components/box/Box.js +67 -0
  7. package/dist/cjs/components/box/Box.js.map +1 -0
  8. package/dist/cjs/components/box/Box.stories.d.ts +29 -0
  9. package/dist/cjs/components/box/Box.stories.js +35 -0
  10. package/dist/cjs/components/box/Box.stories.js.map +1 -0
  11. package/dist/cjs/components/button/Button.js +5 -5
  12. package/dist/cjs/components/button/Button.js.map +1 -1
  13. package/dist/cjs/components/button/Button.stories.js +3 -3
  14. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  15. package/dist/cjs/components/button/ConfirmedButton.js +3 -3
  16. package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
  17. package/dist/cjs/components/camera/Camera.d.ts +1 -1
  18. package/dist/cjs/components/camera/Camera.js +7 -7
  19. package/dist/cjs/components/camera/Camera.js.map +1 -1
  20. package/dist/cjs/components/camera/Camera.stories.d.ts +1 -1
  21. package/dist/cjs/components/card/Card.stories.js +10 -10
  22. package/dist/cjs/components/card/Card.stories.js.map +1 -1
  23. package/dist/cjs/components/colorPicker/ColorPicker.d.ts +3 -2
  24. package/dist/cjs/components/colorPicker/ColorPicker.js +3 -3
  25. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  26. package/dist/cjs/components/datePicker/DatePicker.js +8 -8
  27. package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
  28. package/dist/cjs/components/dialog/Dialog.js +28 -28
  29. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  30. package/dist/cjs/components/dialog/Dialog.stories.js +11 -11
  31. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  32. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +2 -2
  33. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  34. package/dist/cjs/components/editableText/EditableText.js +5 -5
  35. package/dist/cjs/components/editableText/EditableText.js.map +1 -1
  36. package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts +1 -1
  37. package/dist/cjs/components/forms/CheckboxField.js +2 -2
  38. package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
  39. package/dist/cjs/components/horizontalList/HorizontalList.js +4 -4
  40. package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
  41. package/dist/cjs/components/horizontalList/HorizontalList.stories.js +6 -6
  42. package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
  43. package/dist/cjs/components/imageUploader/ImageUploader.js +5 -5
  44. package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
  45. package/dist/cjs/components/index.d.ts +3 -2
  46. package/dist/cjs/components/index.js +5 -4
  47. package/dist/cjs/components/index.js.map +1 -1
  48. package/dist/cjs/components/layouts/PageNowPlaying.js +2 -2
  49. package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
  50. package/dist/cjs/components/layouts/PageRoot.d.ts +4 -5
  51. package/dist/cjs/components/layouts/PageRoot.js +2 -21
  52. package/dist/cjs/components/layouts/PageRoot.js.map +1 -1
  53. package/dist/cjs/components/layouts/PageSection.d.ts +5 -3
  54. package/dist/cjs/components/layouts/PageSection.js +1 -21
  55. package/dist/cjs/components/layouts/PageSection.js.map +1 -1
  56. package/dist/cjs/components/layouts/layouts.stories.js +8 -8
  57. package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
  58. package/dist/cjs/components/navBar/NavBar.d.ts +1 -1
  59. package/dist/cjs/components/navBar/NavBar.js +4 -4
  60. package/dist/cjs/components/navBar/NavBar.js.map +1 -1
  61. package/dist/cjs/components/numberStepper/NumberStepper.js +2 -2
  62. package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
  63. package/dist/cjs/components/particles/ParticleLayer.stories.d.ts +1 -0
  64. package/dist/cjs/components/particles/ParticleLayer.stories.js +20 -4
  65. package/dist/cjs/components/particles/ParticleLayer.stories.js.map +1 -1
  66. package/dist/cjs/components/particles/particlesState.d.ts +4 -4
  67. package/dist/cjs/components/particles/particlesState.js +21 -1
  68. package/dist/cjs/components/particles/particlesState.js.map +1 -1
  69. package/dist/cjs/components/provider/Provider.js +6 -6
  70. package/dist/cjs/components/provider/Provider.js.map +1 -1
  71. package/dist/cjs/components/select/Select.d.ts +1 -1
  72. package/dist/cjs/components/select/Select.js +6 -6
  73. package/dist/cjs/components/select/Select.js.map +1 -1
  74. package/dist/cjs/components/select/Select.stories.js +2 -2
  75. package/dist/cjs/components/select/Select.stories.js.map +1 -1
  76. package/dist/cjs/components/textArea/TextArea.js +3 -3
  77. package/dist/cjs/components/textArea/TextArea.js.map +1 -1
  78. package/dist/cjs/hooks/useVisualViewportOffset.js +2 -2
  79. package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
  80. package/dist/cjs/themes.stories.js +6 -6
  81. package/dist/cjs/themes.stories.js.map +1 -1
  82. package/dist/cjs/uno.preset.js +19 -4
  83. package/dist/cjs/uno.preset.js.map +1 -1
  84. package/dist/css/main.css +16 -1
  85. package/dist/esm/components/actions/ActionButton.js +1 -1
  86. package/dist/esm/components/actions/ActionButton.js.map +1 -1
  87. package/dist/esm/components/avatar/Avatar.js +1 -1
  88. package/dist/esm/components/avatar/Avatar.js.map +1 -1
  89. package/dist/esm/components/box/Box.d.ts +21 -0
  90. package/dist/esm/components/box/Box.js +61 -0
  91. package/dist/esm/components/box/Box.js.map +1 -0
  92. package/dist/esm/components/box/Box.stories.d.ts +29 -0
  93. package/dist/esm/components/box/Box.stories.js +32 -0
  94. package/dist/esm/components/box/Box.stories.js.map +1 -0
  95. package/dist/esm/components/button/Button.js +3 -3
  96. package/dist/esm/components/button/Button.js.map +1 -1
  97. package/dist/esm/components/button/Button.stories.js +2 -2
  98. package/dist/esm/components/button/Button.stories.js.map +1 -1
  99. package/dist/esm/components/button/ConfirmedButton.js +2 -2
  100. package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
  101. package/dist/esm/components/camera/Camera.d.ts +1 -1
  102. package/dist/esm/components/camera/Camera.js +5 -5
  103. package/dist/esm/components/camera/Camera.js.map +1 -1
  104. package/dist/esm/components/camera/Camera.stories.d.ts +1 -1
  105. package/dist/esm/components/card/Card.stories.js +3 -3
  106. package/dist/esm/components/card/Card.stories.js.map +1 -1
  107. package/dist/esm/components/colorPicker/ColorPicker.d.ts +3 -2
  108. package/dist/esm/components/colorPicker/ColorPicker.js +3 -3
  109. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  110. package/dist/esm/components/datePicker/DatePicker.js +4 -4
  111. package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
  112. package/dist/esm/components/dialog/Dialog.js +8 -8
  113. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  114. package/dist/esm/components/dialog/Dialog.stories.js +6 -6
  115. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  116. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +1 -1
  117. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  118. package/dist/esm/components/editableText/EditableText.js +3 -3
  119. package/dist/esm/components/editableText/EditableText.js.map +1 -1
  120. package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts +1 -1
  121. package/dist/esm/components/forms/CheckboxField.js +1 -1
  122. package/dist/esm/components/forms/CheckboxField.js.map +1 -1
  123. package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
  124. package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
  125. package/dist/esm/components/horizontalList/HorizontalList.stories.js +3 -3
  126. package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
  127. package/dist/esm/components/imageUploader/ImageUploader.js +3 -3
  128. package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
  129. package/dist/esm/components/index.d.ts +3 -2
  130. package/dist/esm/components/index.js +3 -2
  131. package/dist/esm/components/index.js.map +1 -1
  132. package/dist/esm/components/layouts/PageNowPlaying.js +1 -1
  133. package/dist/esm/components/layouts/PageNowPlaying.js.map +1 -1
  134. package/dist/esm/components/layouts/PageRoot.d.ts +4 -5
  135. package/dist/esm/components/layouts/PageRoot.js +2 -18
  136. package/dist/esm/components/layouts/PageRoot.js.map +1 -1
  137. package/dist/esm/components/layouts/PageSection.d.ts +5 -3
  138. package/dist/esm/components/layouts/PageSection.js +1 -17
  139. package/dist/esm/components/layouts/PageSection.js.map +1 -1
  140. package/dist/esm/components/layouts/layouts.stories.js +6 -6
  141. package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
  142. package/dist/esm/components/navBar/NavBar.d.ts +1 -1
  143. package/dist/esm/components/navBar/NavBar.js +3 -3
  144. package/dist/esm/components/navBar/NavBar.js.map +1 -1
  145. package/dist/esm/components/numberStepper/NumberStepper.js +1 -1
  146. package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
  147. package/dist/esm/components/particles/ParticleLayer.stories.d.ts +1 -0
  148. package/dist/esm/components/particles/ParticleLayer.stories.js +19 -3
  149. package/dist/esm/components/particles/ParticleLayer.stories.js.map +1 -1
  150. package/dist/esm/components/particles/particlesState.d.ts +4 -4
  151. package/dist/esm/components/particles/particlesState.js +21 -1
  152. package/dist/esm/components/particles/particlesState.js.map +1 -1
  153. package/dist/esm/components/provider/Provider.js +3 -3
  154. package/dist/esm/components/provider/Provider.js.map +1 -1
  155. package/dist/esm/components/select/Select.d.ts +1 -1
  156. package/dist/esm/components/select/Select.js +3 -3
  157. package/dist/esm/components/select/Select.js.map +1 -1
  158. package/dist/esm/components/select/Select.stories.js +1 -1
  159. package/dist/esm/components/select/Select.stories.js.map +1 -1
  160. package/dist/esm/components/textArea/TextArea.js +2 -2
  161. package/dist/esm/components/textArea/TextArea.js.map +1 -1
  162. package/dist/esm/hooks/useVisualViewportOffset.js +1 -1
  163. package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
  164. package/dist/esm/themes.stories.js +5 -5
  165. package/dist/esm/themes.stories.js.map +1 -1
  166. package/dist/esm/uno.preset.js +19 -4
  167. package/dist/esm/uno.preset.js.map +1 -1
  168. package/package.json +1 -1
  169. package/src/components/actions/ActionButton.tsx +2 -2
  170. package/src/components/avatar/Avatar.tsx +1 -1
  171. package/src/components/box/Box.stories.tsx +59 -0
  172. package/src/components/box/Box.tsx +124 -0
  173. package/src/components/button/Button.stories.tsx +2 -2
  174. package/src/components/button/Button.tsx +4 -4
  175. package/src/components/button/ConfirmedButton.tsx +2 -2
  176. package/src/components/camera/Camera.tsx +6 -6
  177. package/src/components/card/Card.stories.tsx +3 -3
  178. package/src/components/colorPicker/ColorPicker.tsx +18 -5
  179. package/src/components/datePicker/DatePicker.tsx +4 -4
  180. package/src/components/dialog/Dialog.stories.tsx +8 -8
  181. package/src/components/dialog/Dialog.tsx +8 -8
  182. package/src/components/dropdownMenu/DropdownMenu.stories.tsx +1 -1
  183. package/src/components/editableText/EditableText.tsx +3 -3
  184. package/src/components/forms/CheckboxField.tsx +1 -1
  185. package/src/components/horizontalList/HorizontalList.stories.tsx +3 -3
  186. package/src/components/horizontalList/HorizontalList.tsx +2 -2
  187. package/src/components/imageUploader/ImageUploader.tsx +3 -3
  188. package/src/components/index.ts +3 -2
  189. package/src/components/layouts/PageNowPlaying.tsx +1 -1
  190. package/src/components/layouts/PageRoot.tsx +7 -24
  191. package/src/components/layouts/PageSection.tsx +4 -16
  192. package/src/components/layouts/layouts.stories.tsx +8 -8
  193. package/src/components/navBar/NavBar.tsx +3 -3
  194. package/src/components/numberStepper/NumberStepper.tsx +1 -1
  195. package/src/components/particles/ParticleLayer.stories.tsx +40 -3
  196. package/src/components/particles/particlesState.ts +29 -4
  197. package/src/components/provider/Provider.tsx +3 -3
  198. package/src/components/select/Select.stories.tsx +1 -1
  199. package/src/components/select/Select.tsx +3 -3
  200. package/src/components/textArea/TextArea.tsx +2 -2
  201. package/src/hooks/useVisualViewportOffset.ts +1 -1
  202. package/src/themes.stories.tsx +5 -5
  203. package/src/uno.preset.ts +35 -12
  204. package/dist/cjs/components/actions.d.ts +0 -1
  205. package/dist/cjs/components/actions.js +0 -19
  206. package/dist/cjs/components/actions.js.map +0 -1
  207. package/dist/cjs/components/avatar.d.ts +0 -1
  208. package/dist/cjs/components/avatar.js +0 -19
  209. package/dist/cjs/components/avatar.js.map +0 -1
  210. package/dist/cjs/components/button.d.ts +0 -1
  211. package/dist/cjs/components/button.js +0 -19
  212. package/dist/cjs/components/button.js.map +0 -1
  213. package/dist/cjs/components/camera.d.ts +0 -1
  214. package/dist/cjs/components/camera.js +0 -19
  215. package/dist/cjs/components/camera.js.map +0 -1
  216. package/dist/cjs/components/card.d.ts +0 -1
  217. package/dist/cjs/components/card.js +0 -19
  218. package/dist/cjs/components/card.js.map +0 -1
  219. package/dist/cjs/components/checkbox.d.ts +0 -1
  220. package/dist/cjs/components/checkbox.js +0 -19
  221. package/dist/cjs/components/checkbox.js.map +0 -1
  222. package/dist/cjs/components/chip.d.ts +0 -1
  223. package/dist/cjs/components/chip.js +0 -19
  224. package/dist/cjs/components/chip.js.map +0 -1
  225. package/dist/cjs/components/collapsible.d.ts +0 -1
  226. package/dist/cjs/components/collapsible.js +0 -19
  227. package/dist/cjs/components/collapsible.js.map +0 -1
  228. package/dist/cjs/components/colorPicker.d.ts +0 -1
  229. package/dist/cjs/components/colorPicker.js +0 -19
  230. package/dist/cjs/components/colorPicker.js.map +0 -1
  231. package/dist/cjs/components/contextMenu.d.ts +0 -1
  232. package/dist/cjs/components/contextMenu.js +0 -19
  233. package/dist/cjs/components/contextMenu.js.map +0 -1
  234. package/dist/cjs/components/datePicker.d.ts +0 -1
  235. package/dist/cjs/components/datePicker.js +0 -19
  236. package/dist/cjs/components/datePicker.js.map +0 -1
  237. package/dist/cjs/components/dialog.d.ts +0 -1
  238. package/dist/cjs/components/dialog.js +0 -19
  239. package/dist/cjs/components/dialog.js.map +0 -1
  240. package/dist/cjs/components/divider.d.ts +0 -1
  241. package/dist/cjs/components/divider.js +0 -19
  242. package/dist/cjs/components/divider.js.map +0 -1
  243. package/dist/cjs/components/dropdownMenu.d.ts +0 -1
  244. package/dist/cjs/components/dropdownMenu.js +0 -19
  245. package/dist/cjs/components/dropdownMenu.js.map +0 -1
  246. package/dist/cjs/components/editableText.d.ts +0 -1
  247. package/dist/cjs/components/editableText.js +0 -19
  248. package/dist/cjs/components/editableText.js.map +0 -1
  249. package/dist/cjs/components/errorBoundary.d.ts +0 -1
  250. package/dist/cjs/components/errorBoundary.js +0 -19
  251. package/dist/cjs/components/errorBoundary.js.map +0 -1
  252. package/dist/cjs/components/forms.d.ts +0 -1
  253. package/dist/cjs/components/forms.js +0 -19
  254. package/dist/cjs/components/forms.js.map +0 -1
  255. package/dist/cjs/components/horizontalList.d.ts +0 -1
  256. package/dist/cjs/components/horizontalList.js +0 -19
  257. package/dist/cjs/components/horizontalList.js.map +0 -1
  258. package/dist/cjs/components/icon.d.ts +0 -1
  259. package/dist/cjs/components/icon.js +0 -19
  260. package/dist/cjs/components/icon.js.map +0 -1
  261. package/dist/cjs/components/imageUploader.d.ts +0 -1
  262. package/dist/cjs/components/imageUploader.js +0 -19
  263. package/dist/cjs/components/imageUploader.js.map +0 -1
  264. package/dist/cjs/components/infiniteLoadTrigger.d.ts +0 -1
  265. package/dist/cjs/components/infiniteLoadTrigger.js +0 -19
  266. package/dist/cjs/components/infiniteLoadTrigger.js.map +0 -1
  267. package/dist/cjs/components/input.d.ts +0 -1
  268. package/dist/cjs/components/input.js +0 -19
  269. package/dist/cjs/components/input.js.map +0 -1
  270. package/dist/cjs/components/layouts.d.ts +0 -1
  271. package/dist/cjs/components/layouts.js +0 -19
  272. package/dist/cjs/components/layouts.js.map +0 -1
  273. package/dist/cjs/components/liveUpdateTextField.d.ts +0 -1
  274. package/dist/cjs/components/liveUpdateTextField.js +0 -19
  275. package/dist/cjs/components/liveUpdateTextField.js.map +0 -1
  276. package/dist/cjs/components/marquee.d.ts +0 -1
  277. package/dist/cjs/components/marquee.js +0 -19
  278. package/dist/cjs/components/marquee.js.map +0 -1
  279. package/dist/cjs/components/masonry.d.ts +0 -1
  280. package/dist/cjs/components/masonry.js +0 -19
  281. package/dist/cjs/components/masonry.js.map +0 -1
  282. package/dist/cjs/components/navBar.d.ts +0 -1
  283. package/dist/cjs/components/navBar.js +0 -19
  284. package/dist/cjs/components/navBar.js.map +0 -1
  285. package/dist/cjs/components/note.d.ts +0 -1
  286. package/dist/cjs/components/note.js +0 -19
  287. package/dist/cjs/components/note.js.map +0 -1
  288. package/dist/cjs/components/numberStepper.d.ts +0 -1
  289. package/dist/cjs/components/numberStepper.js +0 -19
  290. package/dist/cjs/components/numberStepper.js.map +0 -1
  291. package/dist/cjs/components/particles.d.ts +0 -1
  292. package/dist/cjs/components/particles.js +0 -19
  293. package/dist/cjs/components/particles.js.map +0 -1
  294. package/dist/cjs/components/peek.d.ts +0 -1
  295. package/dist/cjs/components/peek.js +0 -19
  296. package/dist/cjs/components/peek.js.map +0 -1
  297. package/dist/cjs/components/popover.d.ts +0 -1
  298. package/dist/cjs/components/popover.js +0 -19
  299. package/dist/cjs/components/popover.js.map +0 -1
  300. package/dist/cjs/components/progress.d.ts +0 -1
  301. package/dist/cjs/components/progress.js +0 -19
  302. package/dist/cjs/components/progress.js.map +0 -1
  303. package/dist/cjs/components/provider.d.ts +0 -1
  304. package/dist/cjs/components/provider.js +0 -19
  305. package/dist/cjs/components/provider.js.map +0 -1
  306. package/dist/cjs/components/relativeTime.d.ts +0 -1
  307. package/dist/cjs/components/relativeTime.js +0 -19
  308. package/dist/cjs/components/relativeTime.js.map +0 -1
  309. package/dist/cjs/components/richEditor.d.ts +0 -1
  310. package/dist/cjs/components/richEditor.js +0 -19
  311. package/dist/cjs/components/richEditor.js.map +0 -1
  312. package/dist/cjs/components/scrollArea.d.ts +0 -1
  313. package/dist/cjs/components/scrollArea.js +0 -19
  314. package/dist/cjs/components/scrollArea.js.map +0 -1
  315. package/dist/cjs/components/select.d.ts +0 -1
  316. package/dist/cjs/components/select.js +0 -19
  317. package/dist/cjs/components/select.js.map +0 -1
  318. package/dist/cjs/components/skeletons.d.ts +0 -1
  319. package/dist/cjs/components/skeletons.js +0 -19
  320. package/dist/cjs/components/skeletons.js.map +0 -1
  321. package/dist/cjs/components/slider.d.ts +0 -1
  322. package/dist/cjs/components/slider.js +0 -19
  323. package/dist/cjs/components/slider.js.map +0 -1
  324. package/dist/cjs/components/slot.d.ts +0 -1
  325. package/dist/cjs/components/slot.js +0 -8
  326. package/dist/cjs/components/slot.js.map +0 -1
  327. package/dist/cjs/components/spinner.d.ts +0 -1
  328. package/dist/cjs/components/spinner.js +0 -19
  329. package/dist/cjs/components/spinner.js.map +0 -1
  330. package/dist/cjs/components/switch.d.ts +0 -1
  331. package/dist/cjs/components/switch.js +0 -19
  332. package/dist/cjs/components/switch.js.map +0 -1
  333. package/dist/cjs/components/tabs.d.ts +0 -1
  334. package/dist/cjs/components/tabs.js +0 -19
  335. package/dist/cjs/components/tabs.js.map +0 -1
  336. package/dist/cjs/components/textArea.d.ts +0 -1
  337. package/dist/cjs/components/textArea.js +0 -19
  338. package/dist/cjs/components/textArea.js.map +0 -1
  339. package/dist/cjs/components/toasts.d.ts +0 -1
  340. package/dist/cjs/components/toasts.js +0 -19
  341. package/dist/cjs/components/toasts.js.map +0 -1
  342. package/dist/cjs/components/toggleGroup.d.ts +0 -1
  343. package/dist/cjs/components/toggleGroup.js +0 -19
  344. package/dist/cjs/components/toggleGroup.js.map +0 -1
  345. package/dist/cjs/components/tooltip.d.ts +0 -1
  346. package/dist/cjs/components/tooltip.js +0 -19
  347. package/dist/cjs/components/tooltip.js.map +0 -1
  348. package/dist/cjs/components/typography.d.ts +0 -1
  349. package/dist/cjs/components/typography.js +0 -19
  350. package/dist/cjs/components/typography.js.map +0 -1
  351. package/dist/cjs/components/utility.d.ts +0 -1
  352. package/dist/cjs/components/utility.js +0 -19
  353. package/dist/cjs/components/utility.js.map +0 -1
  354. package/dist/esm/components/actions.d.ts +0 -1
  355. package/dist/esm/components/actions.js +0 -3
  356. package/dist/esm/components/actions.js.map +0 -1
  357. package/dist/esm/components/avatar.d.ts +0 -1
  358. package/dist/esm/components/avatar.js +0 -3
  359. package/dist/esm/components/avatar.js.map +0 -1
  360. package/dist/esm/components/button.d.ts +0 -1
  361. package/dist/esm/components/button.js +0 -3
  362. package/dist/esm/components/button.js.map +0 -1
  363. package/dist/esm/components/camera.d.ts +0 -1
  364. package/dist/esm/components/camera.js +0 -3
  365. package/dist/esm/components/camera.js.map +0 -1
  366. package/dist/esm/components/card.d.ts +0 -1
  367. package/dist/esm/components/card.js +0 -3
  368. package/dist/esm/components/card.js.map +0 -1
  369. package/dist/esm/components/checkbox.d.ts +0 -1
  370. package/dist/esm/components/checkbox.js +0 -3
  371. package/dist/esm/components/checkbox.js.map +0 -1
  372. package/dist/esm/components/chip.d.ts +0 -1
  373. package/dist/esm/components/chip.js +0 -3
  374. package/dist/esm/components/chip.js.map +0 -1
  375. package/dist/esm/components/collapsible.d.ts +0 -1
  376. package/dist/esm/components/collapsible.js +0 -3
  377. package/dist/esm/components/collapsible.js.map +0 -1
  378. package/dist/esm/components/colorPicker.d.ts +0 -1
  379. package/dist/esm/components/colorPicker.js +0 -3
  380. package/dist/esm/components/colorPicker.js.map +0 -1
  381. package/dist/esm/components/contextMenu.d.ts +0 -1
  382. package/dist/esm/components/contextMenu.js +0 -3
  383. package/dist/esm/components/contextMenu.js.map +0 -1
  384. package/dist/esm/components/datePicker.d.ts +0 -1
  385. package/dist/esm/components/datePicker.js +0 -3
  386. package/dist/esm/components/datePicker.js.map +0 -1
  387. package/dist/esm/components/dialog.d.ts +0 -1
  388. package/dist/esm/components/dialog.js +0 -3
  389. package/dist/esm/components/dialog.js.map +0 -1
  390. package/dist/esm/components/divider.d.ts +0 -1
  391. package/dist/esm/components/divider.js +0 -3
  392. package/dist/esm/components/divider.js.map +0 -1
  393. package/dist/esm/components/dropdownMenu.d.ts +0 -1
  394. package/dist/esm/components/dropdownMenu.js +0 -3
  395. package/dist/esm/components/dropdownMenu.js.map +0 -1
  396. package/dist/esm/components/editableText.d.ts +0 -1
  397. package/dist/esm/components/editableText.js +0 -3
  398. package/dist/esm/components/editableText.js.map +0 -1
  399. package/dist/esm/components/errorBoundary.d.ts +0 -1
  400. package/dist/esm/components/errorBoundary.js +0 -3
  401. package/dist/esm/components/errorBoundary.js.map +0 -1
  402. package/dist/esm/components/forms.d.ts +0 -1
  403. package/dist/esm/components/forms.js +0 -3
  404. package/dist/esm/components/forms.js.map +0 -1
  405. package/dist/esm/components/horizontalList.d.ts +0 -1
  406. package/dist/esm/components/horizontalList.js +0 -3
  407. package/dist/esm/components/horizontalList.js.map +0 -1
  408. package/dist/esm/components/icon.d.ts +0 -1
  409. package/dist/esm/components/icon.js +0 -3
  410. package/dist/esm/components/icon.js.map +0 -1
  411. package/dist/esm/components/imageUploader.d.ts +0 -1
  412. package/dist/esm/components/imageUploader.js +0 -3
  413. package/dist/esm/components/imageUploader.js.map +0 -1
  414. package/dist/esm/components/infiniteLoadTrigger.d.ts +0 -1
  415. package/dist/esm/components/infiniteLoadTrigger.js +0 -3
  416. package/dist/esm/components/infiniteLoadTrigger.js.map +0 -1
  417. package/dist/esm/components/input.d.ts +0 -1
  418. package/dist/esm/components/input.js +0 -3
  419. package/dist/esm/components/input.js.map +0 -1
  420. package/dist/esm/components/layouts.d.ts +0 -1
  421. package/dist/esm/components/layouts.js +0 -3
  422. package/dist/esm/components/layouts.js.map +0 -1
  423. package/dist/esm/components/liveUpdateTextField.d.ts +0 -1
  424. package/dist/esm/components/liveUpdateTextField.js +0 -3
  425. package/dist/esm/components/liveUpdateTextField.js.map +0 -1
  426. package/dist/esm/components/marquee.d.ts +0 -1
  427. package/dist/esm/components/marquee.js +0 -3
  428. package/dist/esm/components/marquee.js.map +0 -1
  429. package/dist/esm/components/masonry.d.ts +0 -1
  430. package/dist/esm/components/masonry.js +0 -3
  431. package/dist/esm/components/masonry.js.map +0 -1
  432. package/dist/esm/components/navBar.d.ts +0 -1
  433. package/dist/esm/components/navBar.js +0 -3
  434. package/dist/esm/components/navBar.js.map +0 -1
  435. package/dist/esm/components/note.d.ts +0 -1
  436. package/dist/esm/components/note.js +0 -3
  437. package/dist/esm/components/note.js.map +0 -1
  438. package/dist/esm/components/numberStepper.d.ts +0 -1
  439. package/dist/esm/components/numberStepper.js +0 -3
  440. package/dist/esm/components/numberStepper.js.map +0 -1
  441. package/dist/esm/components/particles.d.ts +0 -1
  442. package/dist/esm/components/particles.js +0 -3
  443. package/dist/esm/components/particles.js.map +0 -1
  444. package/dist/esm/components/peek.d.ts +0 -1
  445. package/dist/esm/components/peek.js +0 -3
  446. package/dist/esm/components/peek.js.map +0 -1
  447. package/dist/esm/components/popover.d.ts +0 -1
  448. package/dist/esm/components/popover.js +0 -3
  449. package/dist/esm/components/popover.js.map +0 -1
  450. package/dist/esm/components/progress.d.ts +0 -1
  451. package/dist/esm/components/progress.js +0 -3
  452. package/dist/esm/components/progress.js.map +0 -1
  453. package/dist/esm/components/provider.d.ts +0 -1
  454. package/dist/esm/components/provider.js +0 -3
  455. package/dist/esm/components/provider.js.map +0 -1
  456. package/dist/esm/components/relativeTime.d.ts +0 -1
  457. package/dist/esm/components/relativeTime.js +0 -3
  458. package/dist/esm/components/relativeTime.js.map +0 -1
  459. package/dist/esm/components/richEditor.d.ts +0 -1
  460. package/dist/esm/components/richEditor.js +0 -3
  461. package/dist/esm/components/richEditor.js.map +0 -1
  462. package/dist/esm/components/scrollArea.d.ts +0 -1
  463. package/dist/esm/components/scrollArea.js +0 -3
  464. package/dist/esm/components/scrollArea.js.map +0 -1
  465. package/dist/esm/components/select.d.ts +0 -1
  466. package/dist/esm/components/select.js +0 -3
  467. package/dist/esm/components/select.js.map +0 -1
  468. package/dist/esm/components/skeletons.d.ts +0 -1
  469. package/dist/esm/components/skeletons.js +0 -3
  470. package/dist/esm/components/skeletons.js.map +0 -1
  471. package/dist/esm/components/slider.d.ts +0 -1
  472. package/dist/esm/components/slider.js +0 -3
  473. package/dist/esm/components/slider.js.map +0 -1
  474. package/dist/esm/components/slot.d.ts +0 -1
  475. package/dist/esm/components/slot.js +0 -3
  476. package/dist/esm/components/slot.js.map +0 -1
  477. package/dist/esm/components/spinner.d.ts +0 -1
  478. package/dist/esm/components/spinner.js +0 -3
  479. package/dist/esm/components/spinner.js.map +0 -1
  480. package/dist/esm/components/switch.d.ts +0 -1
  481. package/dist/esm/components/switch.js +0 -3
  482. package/dist/esm/components/switch.js.map +0 -1
  483. package/dist/esm/components/tabs.d.ts +0 -1
  484. package/dist/esm/components/tabs.js +0 -3
  485. package/dist/esm/components/tabs.js.map +0 -1
  486. package/dist/esm/components/textArea.d.ts +0 -1
  487. package/dist/esm/components/textArea.js +0 -3
  488. package/dist/esm/components/textArea.js.map +0 -1
  489. package/dist/esm/components/toasts.d.ts +0 -1
  490. package/dist/esm/components/toasts.js +0 -3
  491. package/dist/esm/components/toasts.js.map +0 -1
  492. package/dist/esm/components/toggleGroup.d.ts +0 -1
  493. package/dist/esm/components/toggleGroup.js +0 -3
  494. package/dist/esm/components/toggleGroup.js.map +0 -1
  495. package/dist/esm/components/tooltip.d.ts +0 -1
  496. package/dist/esm/components/tooltip.js +0 -3
  497. package/dist/esm/components/tooltip.js.map +0 -1
  498. package/dist/esm/components/typography.d.ts +0 -1
  499. package/dist/esm/components/typography.js +0 -3
  500. package/dist/esm/components/typography.js.map +0 -1
  501. package/dist/esm/components/utility.d.ts +0 -1
  502. package/dist/esm/components/utility.js +0 -3
  503. package/dist/esm/components/utility.js.map +0 -1
  504. package/src/components/actions.ts +0 -1
  505. package/src/components/avatar.ts +0 -1
  506. package/src/components/button.ts +0 -1
  507. package/src/components/camera.ts +0 -1
  508. package/src/components/card.ts +0 -1
  509. package/src/components/checkbox.ts +0 -1
  510. package/src/components/chip.ts +0 -1
  511. package/src/components/collapsible.ts +0 -1
  512. package/src/components/colorPicker.ts +0 -1
  513. package/src/components/contextMenu.ts +0 -1
  514. package/src/components/datePicker.ts +0 -1
  515. package/src/components/dialog.ts +0 -1
  516. package/src/components/divider.ts +0 -1
  517. package/src/components/dropdownMenu.ts +0 -1
  518. package/src/components/editableText.ts +0 -1
  519. package/src/components/errorBoundary.ts +0 -1
  520. package/src/components/forms.ts +0 -1
  521. package/src/components/horizontalList.ts +0 -1
  522. package/src/components/icon.ts +0 -1
  523. package/src/components/imageUploader.ts +0 -1
  524. package/src/components/infiniteLoadTrigger.ts +0 -1
  525. package/src/components/input.ts +0 -1
  526. package/src/components/layouts.ts +0 -1
  527. package/src/components/liveUpdateTextField.ts +0 -1
  528. package/src/components/marquee.ts +0 -1
  529. package/src/components/masonry.ts +0 -1
  530. package/src/components/navBar.ts +0 -1
  531. package/src/components/note.ts +0 -1
  532. package/src/components/numberStepper.ts +0 -1
  533. package/src/components/particles.ts +0 -1
  534. package/src/components/peek.ts +0 -1
  535. package/src/components/popover.ts +0 -1
  536. package/src/components/progress.ts +0 -1
  537. package/src/components/provider.ts +0 -1
  538. package/src/components/relativeTime.ts +0 -1
  539. package/src/components/richEditor.ts +0 -1
  540. package/src/components/scrollArea.ts +0 -1
  541. package/src/components/select.ts +0 -1
  542. package/src/components/skeletons.ts +0 -1
  543. package/src/components/slider.ts +0 -1
  544. package/src/components/slot.ts +0 -1
  545. package/src/components/spinner.ts +0 -1
  546. package/src/components/switch.ts +0 -1
  547. package/src/components/tabs.ts +0 -1
  548. package/src/components/textArea.ts +0 -1
  549. package/src/components/toasts.ts +0 -1
  550. package/src/components/toggleGroup.ts +0 -1
  551. package/src/components/tooltip.ts +0 -1
  552. package/src/components/typography.ts +0 -1
  553. package/src/components/utility.ts +0 -1
@@ -1,5 +1,7 @@
1
+ export { Slot, Slottable, type SlotProps } from '@radix-ui/react-slot';
1
2
  export * from './actions/index.js';
2
3
  export * from './avatar/index.js';
4
+ export * from './box/Box.js';
3
5
  export * from './button/index.js';
4
6
  export * from './camera/index.js';
5
7
  export * from './card/index.js';
@@ -30,15 +32,14 @@ export * from './numberStepper/index.js';
30
32
  export * from './particles/index.js';
31
33
  export * from './peek/index.js';
32
34
  export * from './popover/index.js';
33
- export * from './provider/Provider.js';
34
35
  export * from './progress/Progress.js';
36
+ export * from './provider/Provider.js';
35
37
  export * from './relativeTime/index.js';
36
38
  export * from './richEditor/index.js';
37
39
  export * from './scrollArea/ScrollArea.js';
38
40
  export * from './select/index.js';
39
41
  export * from './skeletons/skeletons.js';
40
42
  export * from './slider/index.js';
41
- export { Slot, type SlotProps, Slottable } from '@radix-ui/react-slot';
42
43
  export * from './spinner/index.js';
43
44
  export * from './switch/index.js';
44
45
  export * from './tabs/tabs.js';
@@ -2,7 +2,7 @@
2
2
 
3
3
  import classNames from 'clsx';
4
4
  import { HTMLAttributes } from 'react';
5
- import { useConfig } from '../provider.js';
5
+ import { useConfig } from '../provider/Provider.js';
6
6
 
7
7
  export function PageNowPlaying({
8
8
  className,
@@ -1,25 +1,8 @@
1
- import classNames from 'clsx';
2
- import { forwardRef, ReactNode } from 'react';
1
+ import { withClassName } from '../../hooks.js';
3
2
 
4
- export const PageRoot = forwardRef<
5
- HTMLDivElement,
6
- {
7
- children?: ReactNode;
8
- className?: string;
9
- }
10
- >(function PageRoot({ className, children, ...props }, ref) {
11
- return (
12
- <div
13
- ref={ref}
14
- className={classNames(
15
- 'layer-components:(flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full bg-gray-1)',
16
- 'layer-components:(grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center)',
17
- 'sm:layer-responsive:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto bg-wash)',
18
- className,
19
- )}
20
- {...props}
21
- >
22
- {children}
23
- </div>
24
- );
25
- });
3
+ export const PageRoot = withClassName(
4
+ 'div',
5
+ 'layer-components:(flex-grow-1 flex-shrink-1 flex-basis-0 min-h-0 h-full bg-gray-1)',
6
+ 'layer-components:(grid grid-areas-[content]-[nav] grid-cols-[1fr] grid-rows-[1fr] items-start justify-center)',
7
+ 'sm:layer-responsive:(grid-areas-[gutter1_nav_content_gutter2] grid-cols-[1fr_auto_min(800px,60vw)_1fr] min-h-auto bg-wash)',
8
+ );
@@ -1,21 +1,9 @@
1
- import { HTMLAttributes } from 'react';
2
- import classNames from 'clsx';
3
1
  import { withClassName } from '../../hooks/withClassName.js';
4
2
 
5
- export function PageSection({
6
- className,
7
- ...props
8
- }: HTMLAttributes<HTMLDivElement>) {
9
- return (
10
- <div
11
- {...props}
12
- className={classNames(
13
- 'layer-components:(bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0)',
14
- className,
15
- )}
16
- />
17
- );
18
- }
3
+ export const PageSection = withClassName(
4
+ 'div',
5
+ 'layer-components:(bg-white rounded-lg border-default p-4 w-full max-w-80vw md:min-w-0)',
6
+ );
19
7
 
20
8
  export const PageSectionGrid = withClassName(
21
9
  'div',
@@ -1,7 +1,8 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
- import { PageRoot } from './PageRoot.js';
3
- import { PageContent } from './PageContent.js';
4
- import { PageNav } from './PageNav.js';
2
+ import { useEffect, useState } from 'react';
3
+ import { Button } from '../button/index.js';
4
+ import { Icon } from '../icon/index.js';
5
+ import { Input } from '../input/index.js';
5
6
  import {
6
7
  NavBarItem,
7
8
  NavBarItemIcon,
@@ -9,12 +10,11 @@ import {
9
10
  NavBarItemPip,
10
11
  NavBarItemText,
11
12
  NavBarRoot,
12
- } from '../navBar.js';
13
- import { Icon } from '../icon.js';
13
+ } from '../navBar/index.js';
14
+ import { PageContent } from './PageContent.js';
15
+ import { PageNav } from './PageNav.js';
14
16
  import { PageNowPlaying } from './PageNowPlaying.js';
15
- import { useEffect, useState } from 'react';
16
- import { Button } from '../button.js';
17
- import { Input } from '../input.js';
17
+ import { PageRoot } from './PageRoot.js';
18
18
 
19
19
  const meta = {
20
20
  title: 'layouts',
@@ -1,8 +1,8 @@
1
+ import { Slot } from '@radix-ui/react-slot';
1
2
  import classNames, { clsx } from 'clsx';
2
- import { withClassName } from '../../hooks.js';
3
3
  import { ReactNode, forwardRef } from 'react';
4
- import { Slot } from '@radix-ui/react-slot';
5
- import { Icon, IconProps } from '../icon.js';
4
+ import { withClassName } from '../../hooks.js';
5
+ import { Icon, IconProps } from '../icon/index.js';
6
6
 
7
7
  export const navBarItemClass = classNames(
8
8
  'layer-components:(flex flex-col items-center justify-center whitespace-nowrap py-1 px-3 bg-transparent rounded-md border-none cursor-pointer text-sm transition-colors h-full gap-6px relative text-gray-7 select-none)',
@@ -2,7 +2,7 @@ import { fractionToText } from '@a-type/utils';
2
2
  import { MinusIcon, PlusIcon } from '@radix-ui/react-icons';
3
3
  import classNames from 'clsx';
4
4
  import { ReactNode } from 'react';
5
- import { Button } from '../button.js';
5
+ import { Button } from '../button/index.js';
6
6
 
7
7
  export interface NumberStepperProps {
8
8
  value: number;
@@ -1,8 +1,10 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
- import { ParticleLayer } from './ParticleLayer.js';
3
- import { Button } from '../button.js';
2
+ import { MouseEvent, useRef, useState } from 'react';
3
+ import { Button } from '../button/index.js';
4
+ import { Checkbox } from '../checkbox/index.js';
5
+ import { Icon } from '../icon/index.js';
4
6
  import { useParticles } from './ParticleContext.js';
5
- import { MouseEvent } from 'react';
7
+ import { ParticleLayer } from './ParticleLayer.js';
6
8
 
7
9
  const meta = {
8
10
  title: 'ParticleLayer',
@@ -42,3 +44,38 @@ function ExplodeButton() {
42
44
  </Button>
43
45
  );
44
46
  }
47
+
48
+ export const HiddenTest: Story = {
49
+ render() {
50
+ const [hide, setHide] = useState(false);
51
+ const targetRef = useRef<SVGSVGElement>(null);
52
+ const particles = useParticles();
53
+
54
+ return (
55
+ <>
56
+ <div
57
+ className="w-full relative flex flex-col items-center justify-center p-10"
58
+ style={{ visibility: hide ? 'hidden' : 'visible' }}
59
+ >
60
+ <Icon name="placeholder" ref={targetRef} />
61
+ </div>
62
+ <div className="row">
63
+ <Button
64
+ onClick={() => {
65
+ particles?.addParticles(
66
+ particles.elementExplosion({
67
+ element: targetRef.current!,
68
+ count: 10,
69
+ }),
70
+ );
71
+ }}
72
+ >
73
+ Burst
74
+ </Button>
75
+ <Checkbox checked={hide} onCheckedChange={(c) => setHide(!!c)} />
76
+ <span>Hide (hidden elements should not show particles)</span>
77
+ </div>
78
+ </>
79
+ );
80
+ },
81
+ };
@@ -128,8 +128,12 @@ export class Particles {
128
128
  this.extendPool(spawn.count - this.freeParticles.length);
129
129
  }
130
130
  for (let i = 0; i < spawn.count; i++) {
131
- const particle = this.freeParticles.pop();
132
131
  const initials = spawn.initializer(i);
132
+ if (!initials) {
133
+ // the particle initializer returned null, so we skip this particle
134
+ continue;
135
+ }
136
+ const particle = this.freeParticles.pop();
133
137
  if (!particle) {
134
138
  throw new Error('Particle allocation failed');
135
139
  }
@@ -233,7 +237,7 @@ type ParticleInitializer = (index: number) => {
233
237
  velocityX: number;
234
238
  velocityY: number;
235
239
  drag: number;
236
- };
240
+ } | null;
237
241
 
238
242
  export function createCircleParticles({
239
243
  count,
@@ -284,7 +288,7 @@ export const createElementBorderInitializer = ({
284
288
  angleFuzz = 0.02,
285
289
  margin = 0,
286
290
  }: {
287
- element: HTMLElement;
291
+ element: HTMLElement | SVGElement;
288
292
  borders?: BorderName[];
289
293
  force?: number;
290
294
  drag?: number;
@@ -297,7 +301,28 @@ export const createElementBorderInitializer = ({
297
301
  // a single theoretical line, picking a random point on the line, and then converting that point
298
302
  // back to a point on the border.
299
303
  return (index: number) => {
304
+ // check that element is not hidden
305
+ if (
306
+ element instanceof HTMLElement &&
307
+ element.offsetWidth === 0 &&
308
+ element.offsetHeight === 0
309
+ ) {
310
+ return null;
311
+ }
312
+ if (element.getClientRects().length === 0) {
313
+ return null;
314
+ }
315
+
300
316
  const bounds = element.getBoundingClientRect();
317
+ if (bounds.width === 0 && bounds.height === 0) {
318
+ return null;
319
+ }
320
+
321
+ // by this point we've computed style already so this is cheap
322
+ if (window.getComputedStyle(element).visibility === 'hidden') {
323
+ return null;
324
+ }
325
+
301
326
  const rect = {
302
327
  left: bounds.left,
303
328
  top: bounds.top,
@@ -408,7 +433,7 @@ export const elementExplosion = ({
408
433
  margin,
409
434
  ...rest
410
435
  }: {
411
- element: HTMLElement;
436
+ element: HTMLElement | SVGElement;
412
437
  color?: Color | [Color, Color];
413
438
  count: number;
414
439
  startRadius?: number;
@@ -1,10 +1,10 @@
1
1
  import { createContext, ReactNode, useContext } from 'react';
2
- import { ParticleLayer } from '../particles.js';
3
- import { IconSpritesheet } from '../icon.js';
4
2
  import { Toaster, ToastPosition } from 'react-hot-toast';
5
- import { TooltipProvider } from '../tooltip.js';
6
3
  import { useVisualViewportOffset } from '../../hooks.js';
7
4
  import { useVirtualKeyboardBehavior } from '../../hooks/useVirtualKeyboardBehavior.js';
5
+ import { IconSpritesheet } from '../icon/index.js';
6
+ import { ParticleLayer } from '../particles/index.js';
7
+ import { TooltipProvider } from '../tooltip/index.js';
8
8
 
9
9
  export interface ProviderProps {
10
10
  children?: ReactNode;
@@ -1,6 +1,6 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
+ import { Button } from '../button/index.js';
2
3
  import { Select, SelectContent, SelectItem, SelectTrigger } from './Select.js';
3
- import { Button } from '../button.js';
4
4
 
5
5
  const meta = {
6
6
  title: 'Select',
@@ -6,6 +6,7 @@ import {
6
6
  ChevronUpIcon,
7
7
  } from '@radix-ui/react-icons';
8
8
  import * as SelectPrimitive from '@radix-ui/react-select';
9
+ import classNames from 'clsx';
9
10
  import {
10
11
  ComponentPropsWithRef,
11
12
  ComponentType,
@@ -16,10 +17,9 @@ import {
16
17
  forwardRef,
17
18
  useContext,
18
19
  } from 'react';
19
- import classNames from 'clsx';
20
20
  import { withClassName } from '../../hooks/withClassName.js';
21
- import { Button, ButtonProps, getButtonClassName } from '../button.js';
22
- import { Icon } from '../icon.js';
21
+ import { Button, ButtonProps, getButtonClassName } from '../button/index.js';
22
+ import { Icon } from '../icon/index.js';
23
23
 
24
24
  export const SelectItem = forwardRef<
25
25
  HTMLDivElement,
@@ -1,7 +1,6 @@
1
1
  'use client';
2
2
 
3
3
  import classNames from 'clsx';
4
- import useMergedRef from '../../hooks/useMergedRef.js';
5
4
  import {
6
5
  ChangeEvent,
7
6
  forwardRef,
@@ -11,8 +10,9 @@ import {
11
10
  useRef,
12
11
  useState,
13
12
  } from 'react';
14
- import { inputClassName } from '../input.js';
13
+ import useMergedRef from '../../hooks/useMergedRef.js';
15
14
  import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.js';
15
+ import { inputClassName } from '../input/index.js';
16
16
 
17
17
  export interface TextAreaProps
18
18
  extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref'> {
@@ -1,6 +1,6 @@
1
1
  import { useEffect, useState } from 'react';
2
+ import { useConfig } from '../components/provider/Provider.js';
2
3
  import { useStableCallback } from './useStableCallback.js';
3
- import { useConfig } from '../components/provider.js';
4
4
 
5
5
  /**
6
6
  * Applies bottom offset px as a CSS custom property to the document root.
@@ -1,10 +1,10 @@
1
1
  import type { Meta, StoryObj } from '@storybook/react';
2
2
  import clsx from 'clsx';
3
- import { Button } from './components/button.js';
4
- import { Input } from './components/input.js';
5
- import { TextArea } from './components/textArea.js';
6
- import { Card } from './components/card.js';
7
- import { Tabs } from './components/tabs.js';
3
+ import { Button } from './components/button/index.js';
4
+ import { Card } from './components/card/index.js';
5
+ import { Input } from './components/input/index.js';
6
+ import { Tabs } from './components/tabs/tabs.js';
7
+ import { TextArea } from './components/textArea/index.js';
8
8
 
9
9
  const meta = {
10
10
  title: 'themes',
package/src/uno.preset.ts CHANGED
@@ -1,5 +1,5 @@
1
- import { PreflightContext, Preset, presetUno } from 'unocss';
2
1
  import { entriesToCss, toArray } from '@unocss/core';
2
+ import { PreflightContext, Preset, presetUno } from 'unocss';
3
3
 
4
4
  export default function presetAglio({
5
5
  spacingIncrement = 0.25,
@@ -380,7 +380,7 @@ export default function presetAglio({
380
380
  ],
381
381
 
382
382
  shortcuts: {
383
- 'border-default': 'border border-solid border-black',
383
+ 'border-default': 'border border-1 border-solid border-black',
384
384
  'border-light': 'border border-solid border-gray5',
385
385
  'flex-1-0-0': 'flex-grow-1 flex-shrink-0 flex-basis-0',
386
386
  'flex-0-0-auto': 'flex-grow-0 flex-shrink-0 flex-basis-auto',
@@ -708,6 +708,21 @@ export default function presetAglio({
708
708
  --color-primary-wash: var(--color-red-wash);
709
709
  }
710
710
 
711
+ .theme-salt {
712
+ --color-attention-light: var(--color-red-light);
713
+ --color-attention: var(--color-red);
714
+ --color-attention-dark: var(--color-red-dark);
715
+ --color-attention-wash: var(--color-red-wash);
716
+ --color-accent: var(--color-gray-4);
717
+ --color-accent-wash: var(--color-gray-2);
718
+ --color-accent-light: var(--color-gray-3);
719
+ --color-accent-dark: var(--color-gray-5);
720
+ --color-primary: var(--color-gray-5);
721
+ --color-primary-light: var(--color-gray-4);
722
+ --color-primary-dark: var(--color-gray-6);
723
+ --color-primary-wash: var(--color-white);
724
+ }
725
+
711
726
  html, body {
712
727
  margin: 0;
713
728
  padding: 0;
@@ -793,14 +808,22 @@ function generateColors(from: number, to: number) {
793
808
  }
794
809
 
795
810
  function makeSpacing(increment: number) {
796
- return new Array(20)
797
- .fill(0)
798
- .map((_, i) => `${(i * increment).toFixed(2)}rem`)
799
- .reduce(
800
- (acc, cur, i) => {
801
- acc[i] = cur;
802
- return acc;
803
- },
804
- {} as Record<string, string>,
805
- );
811
+ return {
812
+ ...new Array(20)
813
+ .fill(0)
814
+ .map((_, i) => `${(i * increment).toFixed(2)}rem`)
815
+ .reduce(
816
+ (acc, cur, i) => {
817
+ acc[i] = cur;
818
+ return acc;
819
+ },
820
+ {} as Record<string, string>,
821
+ ),
822
+
823
+ xs: 'calc(0.25rem * var(--spacing-scale,1))',
824
+ sm: 'calc(0.5rem * var(--spacing-scale,1))',
825
+ md: 'calc(1rem * var(--spacing-scale,1))',
826
+ lg: 'calc(2rem * var(--spacing-scale,1))',
827
+ xl: 'calc(3rem * var(--spacing-scale,1))',
828
+ };
806
829
  }
@@ -1 +0,0 @@
1
- export * from './actions/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./actions/index.js"), exports);
19
- //# sourceMappingURL=actions.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/components/actions.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}
@@ -1 +0,0 @@
1
- export * from './avatar/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./avatar/index.js"), exports);
19
- //# sourceMappingURL=avatar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/components/avatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
@@ -1 +0,0 @@
1
- export * from './button/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./button/index.js"), exports);
19
- //# sourceMappingURL=button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
@@ -1 +0,0 @@
1
- export * from './camera/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./camera/index.js"), exports);
19
- //# sourceMappingURL=camera.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"camera.js","sourceRoot":"","sources":["../../../src/components/camera.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}
@@ -1 +0,0 @@
1
- export * from './card/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./card/index.js"), exports);
19
- //# sourceMappingURL=card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"card.js","sourceRoot":"","sources":["../../../src/components/card.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
@@ -1 +0,0 @@
1
- export * from './checkbox/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./checkbox/index.js"), exports);
19
- //# sourceMappingURL=checkbox.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/components/checkbox.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,sDAAoC"}
@@ -1 +0,0 @@
1
- export * from './chip/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./chip/index.js"), exports);
19
- //# sourceMappingURL=chip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/components/chip.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC"}
@@ -1 +0,0 @@
1
- export * from './collapsible/index.js';
@@ -1,19 +0,0 @@
1
- // @unocss-include
2
- "use strict";
3
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
4
- if (k2 === undefined) k2 = k;
5
- var desc = Object.getOwnPropertyDescriptor(m, k);
6
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
7
- desc = { enumerable: true, get: function() { return m[k]; } };
8
- }
9
- Object.defineProperty(o, k2, desc);
10
- }) : (function(o, m, k, k2) {
11
- if (k2 === undefined) k2 = k;
12
- o[k2] = m[k];
13
- }));
14
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
15
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
16
- };
17
- Object.defineProperty(exports, "__esModule", { value: true });
18
- __exportStar(require("./collapsible/index.js"), exports);
19
- //# sourceMappingURL=collapsible.js.map