@a-type/ui 1.2.2 → 1.3.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 (437) hide show
  1. package/dist/cjs/components/actions/ActionBar.js +3 -4
  2. package/dist/cjs/components/actions/ActionBar.js.map +1 -1
  3. package/dist/cjs/components/actions/ActionButton.js +1 -1
  4. package/dist/cjs/components/actions/ActionButton.js.map +1 -1
  5. package/dist/cjs/components/avatar/Avatar.d.ts +1 -1
  6. package/dist/cjs/components/avatar/Avatar.js +2 -3
  7. package/dist/cjs/components/avatar/Avatar.js.map +1 -1
  8. package/dist/cjs/components/avatar/AvatarList.d.ts +3 -3
  9. package/dist/cjs/components/avatar/AvatarList.js +7 -8
  10. package/dist/cjs/components/avatar/AvatarList.js.map +1 -1
  11. package/dist/cjs/components/box/Box.d.ts +0 -1
  12. package/dist/cjs/components/box/Box.js +1 -1
  13. package/dist/cjs/components/box/Box.js.map +1 -1
  14. package/dist/cjs/components/box/Box.stories.d.ts +1 -2
  15. package/dist/cjs/components/box/Box.stories.js +2 -2
  16. package/dist/cjs/components/box/Box.stories.js.map +1 -1
  17. package/dist/cjs/components/button/Button.js.map +1 -1
  18. package/dist/cjs/components/button/Button.stories.d.ts +0 -1
  19. package/dist/cjs/components/button/Button.stories.js +1 -1
  20. package/dist/cjs/components/button/Button.stories.js.map +1 -1
  21. package/dist/cjs/components/button/ConfirmedButton.d.ts +1 -1
  22. package/dist/cjs/components/button/ConfirmedButton.js +2 -3
  23. package/dist/cjs/components/button/ConfirmedButton.js.map +1 -1
  24. package/dist/cjs/components/button/classes.js +1 -2
  25. package/dist/cjs/components/button/classes.js.map +1 -1
  26. package/dist/cjs/components/camera/Camera.d.ts +5 -5
  27. package/dist/cjs/components/camera/Camera.js +6 -6
  28. package/dist/cjs/components/camera/Camera.js.map +1 -1
  29. package/dist/cjs/components/camera/Camera.stories.d.ts +3 -4
  30. package/dist/cjs/components/card/Card.d.ts +28 -52
  31. package/dist/cjs/components/card/Card.js +1 -1
  32. package/dist/cjs/components/card/Card.js.map +1 -1
  33. package/dist/cjs/components/card/Card.stories.d.ts +1 -4
  34. package/dist/cjs/components/card/Card.stories.js +8 -8
  35. package/dist/cjs/components/card/Card.stories.js.map +1 -1
  36. package/dist/cjs/components/checkbox/Checkbox.d.ts +4 -11
  37. package/dist/cjs/components/checkbox/Checkbox.js +19 -9
  38. package/dist/cjs/components/checkbox/Checkbox.js.map +1 -1
  39. package/dist/cjs/components/collapsible/Collapsible.d.ts +10 -11
  40. package/dist/cjs/components/collapsible/Collapsible.js +18 -8
  41. package/dist/cjs/components/collapsible/Collapsible.js.map +1 -1
  42. package/dist/cjs/components/collapsible/Collapsible.stories.d.ts +3 -3
  43. package/dist/cjs/components/collapsible/Collapsible.stories.js +1 -1
  44. package/dist/cjs/components/collapsible/Collapsible.stories.js.map +1 -1
  45. package/dist/cjs/components/colorPicker/ColorPicker.d.ts +2 -2
  46. package/dist/cjs/components/colorPicker/ColorPicker.js +4 -5
  47. package/dist/cjs/components/colorPicker/ColorPicker.js.map +1 -1
  48. package/dist/cjs/components/contextMenu/contextMenu.d.ts +6 -19
  49. package/dist/cjs/components/contextMenu/contextMenu.js +17 -7
  50. package/dist/cjs/components/contextMenu/contextMenu.js.map +1 -1
  51. package/dist/cjs/components/datePicker/DatePicker.d.ts +2 -2
  52. package/dist/cjs/components/datePicker/DatePicker.js +8 -9
  53. package/dist/cjs/components/datePicker/DatePicker.js.map +1 -1
  54. package/dist/cjs/components/dialog/Dialog.d.ts +24 -53
  55. package/dist/cjs/components/dialog/Dialog.js +21 -11
  56. package/dist/cjs/components/dialog/Dialog.js.map +1 -1
  57. package/dist/cjs/components/dialog/Dialog.stories.d.ts +10 -23
  58. package/dist/cjs/components/dialog/Dialog.stories.js +5 -5
  59. package/dist/cjs/components/dialog/Dialog.stories.js.map +1 -1
  60. package/dist/cjs/components/dropdownMenu/DropdownMenu.d.ts +20 -53
  61. package/dist/cjs/components/dropdownMenu/DropdownMenu.js +20 -10
  62. package/dist/cjs/components/dropdownMenu/DropdownMenu.js.map +1 -1
  63. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.d.ts +10 -27
  64. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js +1 -1
  65. package/dist/cjs/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  66. package/dist/cjs/components/editableText/EditableText.d.ts +1 -1
  67. package/dist/cjs/components/editableText/EditableText.js +1 -2
  68. package/dist/cjs/components/editableText/EditableText.js.map +1 -1
  69. package/dist/cjs/components/errorBoundary/ErrorBoundary.d.ts +1 -1
  70. package/dist/cjs/components/errorBoundary/ErrorBoundary.js.map +1 -1
  71. package/dist/cjs/components/forms/CheckboxField.d.ts +1 -1
  72. package/dist/cjs/components/forms/CheckboxField.js +3 -4
  73. package/dist/cjs/components/forms/CheckboxField.js.map +1 -1
  74. package/dist/cjs/components/forms/Form.d.ts +1 -4
  75. package/dist/cjs/components/forms/FormikForm.d.ts +1 -1
  76. package/dist/cjs/components/forms/FormikForm.js +3 -4
  77. package/dist/cjs/components/forms/FormikForm.js.map +1 -1
  78. package/dist/cjs/components/forms/NumberStepperField.d.ts +1 -1
  79. package/dist/cjs/components/forms/NumberStepperField.js +3 -4
  80. package/dist/cjs/components/forms/NumberStepperField.js.map +1 -1
  81. package/dist/cjs/components/forms/SubmitButton.d.ts +1 -1
  82. package/dist/cjs/components/forms/SubmitButton.js +1 -2
  83. package/dist/cjs/components/forms/SubmitButton.js.map +1 -1
  84. package/dist/cjs/components/forms/TextField.d.ts +3 -7
  85. package/dist/cjs/components/forms/TextField.js +4 -4
  86. package/dist/cjs/components/forms/TextField.js.map +1 -1
  87. package/dist/cjs/components/forms/hooks.js +3 -3
  88. package/dist/cjs/components/forms/hooks.js.map +1 -1
  89. package/dist/cjs/components/horizontalList/HorizontalList.d.ts +1 -1
  90. package/dist/cjs/components/horizontalList/HorizontalList.js +3 -4
  91. package/dist/cjs/components/horizontalList/HorizontalList.js.map +1 -1
  92. package/dist/cjs/components/horizontalList/HorizontalList.stories.d.ts +1 -1
  93. package/dist/cjs/components/horizontalList/HorizontalList.stories.js +3 -3
  94. package/dist/cjs/components/horizontalList/HorizontalList.stories.js.map +1 -1
  95. package/dist/cjs/components/icon/generated/IconSpritesheet.js +1 -1
  96. package/dist/cjs/components/icon/generated/IconSpritesheet.js.map +1 -1
  97. package/dist/cjs/components/imageUploader/ImageUploader.d.ts +1 -1
  98. package/dist/cjs/components/imageUploader/ImageUploader.js +38 -6
  99. package/dist/cjs/components/imageUploader/ImageUploader.js.map +1 -1
  100. package/dist/cjs/components/imageUploader/UploadIcon.js +1 -2
  101. package/dist/cjs/components/imageUploader/UploadIcon.js.map +1 -1
  102. package/dist/cjs/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
  103. package/dist/cjs/components/input/Input.d.ts +1 -0
  104. package/dist/cjs/components/input/Input.js +8 -4
  105. package/dist/cjs/components/input/Input.js.map +1 -1
  106. package/dist/cjs/components/input/Input.stories.d.ts +0 -1
  107. package/dist/cjs/components/layouts/PageContent.d.ts +1 -1
  108. package/dist/cjs/components/layouts/PageContent.js +2 -3
  109. package/dist/cjs/components/layouts/PageContent.js.map +1 -1
  110. package/dist/cjs/components/layouts/PageFixedArea.js +1 -2
  111. package/dist/cjs/components/layouts/PageFixedArea.js.map +1 -1
  112. package/dist/cjs/components/layouts/PageNav.d.ts +1 -1
  113. package/dist/cjs/components/layouts/PageNav.js +2 -3
  114. package/dist/cjs/components/layouts/PageNav.js.map +1 -1
  115. package/dist/cjs/components/layouts/PageNowPlaying.d.ts +1 -1
  116. package/dist/cjs/components/layouts/PageNowPlaying.js +1 -2
  117. package/dist/cjs/components/layouts/PageNowPlaying.js.map +1 -1
  118. package/dist/cjs/components/layouts/PageRoot.d.ts +1 -4
  119. package/dist/cjs/components/layouts/PageSection.d.ts +2 -7
  120. package/dist/cjs/components/layouts/layouts.stories.js +3 -3
  121. package/dist/cjs/components/layouts/layouts.stories.js.map +1 -1
  122. package/dist/cjs/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
  123. package/dist/cjs/components/marquee/marquee.d.ts +2 -4
  124. package/dist/cjs/components/marquee/marquee.js +2 -3
  125. package/dist/cjs/components/marquee/marquee.js.map +1 -1
  126. package/dist/cjs/components/marquee/marquee.stories.js +1 -1
  127. package/dist/cjs/components/marquee/marquee.stories.js.map +1 -1
  128. package/dist/cjs/components/masonry/masonry.js +3 -4
  129. package/dist/cjs/components/masonry/masonry.js.map +1 -1
  130. package/dist/cjs/components/masonry/masonry.stories.js +1 -1
  131. package/dist/cjs/components/masonry/masonry.stories.js.map +1 -1
  132. package/dist/cjs/components/navBar/NavBar.d.ts +8 -24
  133. package/dist/cjs/components/navBar/NavBar.js +18 -8
  134. package/dist/cjs/components/navBar/NavBar.js.map +1 -1
  135. package/dist/cjs/components/note/Note.js +2 -3
  136. package/dist/cjs/components/note/Note.js.map +1 -1
  137. package/dist/cjs/components/numberStepper/NumberStepper.d.ts +1 -1
  138. package/dist/cjs/components/numberStepper/NumberStepper.js +3 -4
  139. package/dist/cjs/components/numberStepper/NumberStepper.js.map +1 -1
  140. package/dist/cjs/components/particles/ParticleContext.d.ts +0 -1
  141. package/dist/cjs/components/particles/ParticleContext.js +2 -2
  142. package/dist/cjs/components/particles/ParticleContext.js.map +1 -1
  143. package/dist/cjs/components/particles/ParticleLayer.d.ts +1 -1
  144. package/dist/cjs/components/particles/ParticleLayer.js +2 -3
  145. package/dist/cjs/components/particles/ParticleLayer.js.map +1 -1
  146. package/dist/cjs/components/particles/ParticleLayer.stories.js +4 -4
  147. package/dist/cjs/components/particles/ParticleLayer.stories.js.map +1 -1
  148. package/dist/cjs/components/particles/particlesState.d.ts +41 -41
  149. package/dist/cjs/components/particles/particlesState.js +2 -2
  150. package/dist/cjs/components/particles/particlesState.js.map +1 -1
  151. package/dist/cjs/components/peek/Peek.d.ts +1 -1
  152. package/dist/cjs/components/peek/Peek.js +2 -3
  153. package/dist/cjs/components/peek/Peek.js.map +1 -1
  154. package/dist/cjs/components/popover/Popover.d.ts +12 -25
  155. package/dist/cjs/components/popover/Popover.js +19 -9
  156. package/dist/cjs/components/popover/Popover.js.map +1 -1
  157. package/dist/cjs/components/progress/Progress.d.ts +5 -14
  158. package/dist/cjs/components/progress/Progress.js +18 -8
  159. package/dist/cjs/components/progress/Progress.js.map +1 -1
  160. package/dist/cjs/components/progress/Progress.stories.d.ts +3 -8
  161. package/dist/cjs/components/progress/Progress.stories.js +1 -1
  162. package/dist/cjs/components/progress/Progress.stories.js.map +1 -1
  163. package/dist/cjs/components/provider/Provider.d.ts +2 -2
  164. package/dist/cjs/components/provider/Provider.js +5 -5
  165. package/dist/cjs/components/provider/Provider.js.map +1 -1
  166. package/dist/cjs/components/relativeTime/RelativeTime.js +1 -2
  167. package/dist/cjs/components/relativeTime/RelativeTime.js.map +1 -1
  168. package/dist/cjs/components/richEditor/RichEditor.d.ts +1 -2
  169. package/dist/cjs/components/richEditor/RichEditor.js +38 -8
  170. package/dist/cjs/components/richEditor/RichEditor.js.map +1 -1
  171. package/dist/cjs/components/richEditor/RichEditor.stories.d.ts +1 -2
  172. package/dist/cjs/components/richEditor/RichEditor.stories.js +6 -1
  173. package/dist/cjs/components/richEditor/RichEditor.stories.js.map +1 -1
  174. package/dist/cjs/components/scrollArea/ScrollArea.d.ts +4 -13
  175. package/dist/cjs/components/scrollArea/ScrollArea.js +18 -8
  176. package/dist/cjs/components/scrollArea/ScrollArea.js.map +1 -1
  177. package/dist/cjs/components/select/Select.d.ts +22 -52
  178. package/dist/cjs/components/select/Select.js +33 -23
  179. package/dist/cjs/components/select/Select.js.map +1 -1
  180. package/dist/cjs/components/select/Select.stories.d.ts +9 -20
  181. package/dist/cjs/components/select/Select.stories.js +2 -2
  182. package/dist/cjs/components/select/Select.stories.js.map +1 -1
  183. package/dist/cjs/components/skeletons/skeletons.d.ts +1 -1
  184. package/dist/cjs/components/slider/Slider.d.ts +8 -25
  185. package/dist/cjs/components/slider/Slider.js +19 -9
  186. package/dist/cjs/components/slider/Slider.js.map +1 -1
  187. package/dist/cjs/components/slider/Slider.stories.d.ts +4 -13
  188. package/dist/cjs/components/spinner/Spinner.js +2 -2
  189. package/dist/cjs/components/spinner/Spinner.js.map +1 -1
  190. package/dist/cjs/components/switch/Switch.d.ts +2 -7
  191. package/dist/cjs/components/switch/Switch.js +1 -1
  192. package/dist/cjs/components/switch/Switch.js.map +1 -1
  193. package/dist/cjs/components/tabs/tabs.d.ts +8 -25
  194. package/dist/cjs/components/tabs/tabs.js +17 -7
  195. package/dist/cjs/components/tabs/tabs.js.map +1 -1
  196. package/dist/cjs/components/tabs/tabs.stories.js +1 -1
  197. package/dist/cjs/components/tabs/tabs.stories.js.map +1 -1
  198. package/dist/cjs/components/textArea/TextArea.d.ts +1 -0
  199. package/dist/cjs/components/textArea/TextArea.js +6 -3
  200. package/dist/cjs/components/textArea/TextArea.js.map +1 -1
  201. package/dist/cjs/components/textArea/TextArea.stories.d.ts +0 -1
  202. package/dist/cjs/components/toggleGroup/toggleGroup.d.ts +4 -17
  203. package/dist/cjs/components/toggleGroup/toggleGroup.js +17 -7
  204. package/dist/cjs/components/toggleGroup/toggleGroup.js.map +1 -1
  205. package/dist/cjs/components/tooltip/Tooltip.d.ts +0 -1
  206. package/dist/cjs/components/tooltip/Tooltip.js +18 -8
  207. package/dist/cjs/components/tooltip/Tooltip.js.map +1 -1
  208. package/dist/cjs/components/tooltip/Tooltip.stories.d.ts +1 -2
  209. package/dist/cjs/components/typography/typography.d.ts +6 -19
  210. package/dist/cjs/components/utility/SlotDiv.js.map +1 -1
  211. package/dist/cjs/hooks/useAnimationFrame.js +4 -5
  212. package/dist/cjs/hooks/useAnimationFrame.js.map +1 -1
  213. package/dist/cjs/hooks/useIdOrGenerated.js +1 -2
  214. package/dist/cjs/hooks/useIdOrGenerated.js.map +1 -1
  215. package/dist/cjs/hooks/useLongPress.d.ts +2 -4
  216. package/dist/cjs/hooks/useLongPress.js +1 -2
  217. package/dist/cjs/hooks/useLongPress.js.map +1 -1
  218. package/dist/cjs/hooks/useMergedRef.js +17 -7
  219. package/dist/cjs/hooks/useMergedRef.js.map +1 -1
  220. package/dist/cjs/hooks/useOnUnmount.js +1 -2
  221. package/dist/cjs/hooks/useOnUnmount.js.map +1 -1
  222. package/dist/cjs/hooks/useRotatingShuffledValue.js +1 -2
  223. package/dist/cjs/hooks/useRotatingShuffledValue.js.map +1 -1
  224. package/dist/cjs/hooks/useSize.d.ts +4 -4
  225. package/dist/cjs/hooks/useSize.js +4 -5
  226. package/dist/cjs/hooks/useSize.js.map +1 -1
  227. package/dist/cjs/hooks/useStableCallback.js +1 -2
  228. package/dist/cjs/hooks/useStableCallback.js.map +1 -1
  229. package/dist/cjs/hooks/useTitleBarColor.js +2 -3
  230. package/dist/cjs/hooks/useTitleBarColor.js.map +1 -1
  231. package/dist/cjs/hooks/useToggle.js +1 -2
  232. package/dist/cjs/hooks/useToggle.js.map +1 -1
  233. package/dist/cjs/hooks/useVirtualKeyboardBehavior.js +1 -2
  234. package/dist/cjs/hooks/useVirtualKeyboardBehavior.js.map +1 -1
  235. package/dist/cjs/hooks/useVisualViewportOffset.js +2 -3
  236. package/dist/cjs/hooks/useVisualViewportOffset.js.map +1 -1
  237. package/dist/cjs/hooks/withClassName.js +4 -6
  238. package/dist/cjs/hooks/withClassName.js.map +1 -1
  239. package/dist/cjs/themes.stories.js +1 -1
  240. package/dist/cjs/themes.stories.js.map +1 -1
  241. package/dist/cjs/uno.preset.js +1 -1
  242. package/dist/cjs/uno.preset.js.map +1 -1
  243. package/dist/css/main.css +2 -2
  244. package/dist/esm/components/actions/ActionBar.js +2 -2
  245. package/dist/esm/components/actions/ActionBar.js.map +1 -1
  246. package/dist/esm/components/actions/ActionButton.js +1 -1
  247. package/dist/esm/components/actions/ActionButton.js.map +1 -1
  248. package/dist/esm/components/avatar/Avatar.js +1 -1
  249. package/dist/esm/components/avatar/Avatar.js.map +1 -1
  250. package/dist/esm/components/avatar/AvatarList.js +4 -4
  251. package/dist/esm/components/avatar/AvatarList.js.map +1 -1
  252. package/dist/esm/components/box/Box.d.ts +0 -1
  253. package/dist/esm/components/box/Box.js +1 -1
  254. package/dist/esm/components/box/Box.js.map +1 -1
  255. package/dist/esm/components/box/Box.stories.d.ts +0 -1
  256. package/dist/esm/components/box/Box.stories.js +2 -2
  257. package/dist/esm/components/box/Box.stories.js.map +1 -1
  258. package/dist/esm/components/button/Button.js.map +1 -1
  259. package/dist/esm/components/button/Button.stories.d.ts +0 -1
  260. package/dist/esm/components/button/Button.stories.js +1 -1
  261. package/dist/esm/components/button/Button.stories.js.map +1 -1
  262. package/dist/esm/components/button/ConfirmedButton.js +1 -1
  263. package/dist/esm/components/button/ConfirmedButton.js.map +1 -1
  264. package/dist/esm/components/camera/Camera.js +6 -6
  265. package/dist/esm/components/camera/Camera.js.map +1 -1
  266. package/dist/esm/components/camera/Camera.stories.d.ts +0 -1
  267. package/dist/esm/components/card/Card.d.ts +26 -50
  268. package/dist/esm/components/card/Card.js +1 -1
  269. package/dist/esm/components/card/Card.js.map +1 -1
  270. package/dist/esm/components/card/Card.stories.d.ts +1 -4
  271. package/dist/esm/components/card/Card.stories.js +8 -8
  272. package/dist/esm/components/card/Card.stories.js.map +1 -1
  273. package/dist/esm/components/checkbox/Checkbox.d.ts +3 -10
  274. package/dist/esm/components/collapsible/Collapsible.d.ts +8 -9
  275. package/dist/esm/components/collapsible/Collapsible.js +1 -1
  276. package/dist/esm/components/collapsible/Collapsible.js.map +1 -1
  277. package/dist/esm/components/collapsible/Collapsible.stories.d.ts +2 -2
  278. package/dist/esm/components/collapsible/Collapsible.stories.js +1 -1
  279. package/dist/esm/components/collapsible/Collapsible.stories.js.map +1 -1
  280. package/dist/esm/components/colorPicker/ColorPicker.js +2 -2
  281. package/dist/esm/components/colorPicker/ColorPicker.js.map +1 -1
  282. package/dist/esm/components/contextMenu/contextMenu.d.ts +6 -19
  283. package/dist/esm/components/datePicker/DatePicker.js +6 -6
  284. package/dist/esm/components/datePicker/DatePicker.js.map +1 -1
  285. package/dist/esm/components/dialog/Dialog.d.ts +23 -52
  286. package/dist/esm/components/dialog/Dialog.js +4 -4
  287. package/dist/esm/components/dialog/Dialog.js.map +1 -1
  288. package/dist/esm/components/dialog/Dialog.stories.d.ts +9 -22
  289. package/dist/esm/components/dialog/Dialog.stories.js +5 -5
  290. package/dist/esm/components/dialog/Dialog.stories.js.map +1 -1
  291. package/dist/esm/components/dropdownMenu/DropdownMenu.d.ts +18 -51
  292. package/dist/esm/components/dropdownMenu/DropdownMenu.js +3 -3
  293. package/dist/esm/components/dropdownMenu/DropdownMenu.js.map +1 -1
  294. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.d.ts +9 -26
  295. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js +1 -1
  296. package/dist/esm/components/dropdownMenu/DropdownMenu.stories.js.map +1 -1
  297. package/dist/esm/components/editableText/EditableText.js.map +1 -1
  298. package/dist/esm/components/errorBoundary/ErrorBoundary.d.ts +1 -1
  299. package/dist/esm/components/errorBoundary/ErrorBoundary.js.map +1 -1
  300. package/dist/esm/components/forms/CheckboxField.js +2 -2
  301. package/dist/esm/components/forms/CheckboxField.js.map +1 -1
  302. package/dist/esm/components/forms/Form.d.ts +1 -4
  303. package/dist/esm/components/forms/FormikForm.js +2 -2
  304. package/dist/esm/components/forms/FormikForm.js.map +1 -1
  305. package/dist/esm/components/forms/NumberStepperField.js +2 -2
  306. package/dist/esm/components/forms/NumberStepperField.js.map +1 -1
  307. package/dist/esm/components/forms/TextField.d.ts +2 -6
  308. package/dist/esm/components/forms/TextField.js +2 -2
  309. package/dist/esm/components/forms/TextField.js.map +1 -1
  310. package/dist/esm/components/horizontalList/HorizontalList.js +2 -2
  311. package/dist/esm/components/horizontalList/HorizontalList.js.map +1 -1
  312. package/dist/esm/components/horizontalList/HorizontalList.stories.js +3 -3
  313. package/dist/esm/components/horizontalList/HorizontalList.stories.js.map +1 -1
  314. package/dist/esm/components/icon/generated/IconSpritesheet.js +1 -1
  315. package/dist/esm/components/icon/generated/IconSpritesheet.js.map +1 -1
  316. package/dist/esm/components/imageUploader/ImageUploader.js +3 -3
  317. package/dist/esm/components/imageUploader/ImageUploader.js.map +1 -1
  318. package/dist/esm/components/infiniteLoadTrigger/InfiniteLoadTrigger.js.map +1 -1
  319. package/dist/esm/components/input/Input.d.ts +1 -0
  320. package/dist/esm/components/input/Input.js +9 -5
  321. package/dist/esm/components/input/Input.js.map +1 -1
  322. package/dist/esm/components/input/Input.stories.d.ts +0 -1
  323. package/dist/esm/components/layouts/PageContent.js +1 -1
  324. package/dist/esm/components/layouts/PageContent.js.map +1 -1
  325. package/dist/esm/components/layouts/PageNav.js +1 -1
  326. package/dist/esm/components/layouts/PageNav.js.map +1 -1
  327. package/dist/esm/components/layouts/PageRoot.d.ts +1 -4
  328. package/dist/esm/components/layouts/PageSection.d.ts +2 -7
  329. package/dist/esm/components/layouts/layouts.stories.js +3 -3
  330. package/dist/esm/components/layouts/layouts.stories.js.map +1 -1
  331. package/dist/esm/components/liveUpdateTextField/LiveUpdateTextField.js.map +1 -1
  332. package/dist/esm/components/marquee/marquee.d.ts +1 -3
  333. package/dist/esm/components/marquee/marquee.js +1 -1
  334. package/dist/esm/components/marquee/marquee.js.map +1 -1
  335. package/dist/esm/components/marquee/marquee.stories.js +1 -1
  336. package/dist/esm/components/marquee/marquee.stories.js.map +1 -1
  337. package/dist/esm/components/masonry/masonry.js +1 -1
  338. package/dist/esm/components/masonry/masonry.js.map +1 -1
  339. package/dist/esm/components/masonry/masonry.stories.js +1 -1
  340. package/dist/esm/components/masonry/masonry.stories.js.map +1 -1
  341. package/dist/esm/components/navBar/NavBar.d.ts +8 -24
  342. package/dist/esm/components/navBar/NavBar.js +1 -1
  343. package/dist/esm/components/navBar/NavBar.js.map +1 -1
  344. package/dist/esm/components/note/Note.js +1 -1
  345. package/dist/esm/components/note/Note.js.map +1 -1
  346. package/dist/esm/components/numberStepper/NumberStepper.js +2 -2
  347. package/dist/esm/components/numberStepper/NumberStepper.js.map +1 -1
  348. package/dist/esm/components/particles/ParticleContext.d.ts +0 -1
  349. package/dist/esm/components/particles/ParticleLayer.js +1 -1
  350. package/dist/esm/components/particles/ParticleLayer.js.map +1 -1
  351. package/dist/esm/components/particles/ParticleLayer.stories.js +4 -4
  352. package/dist/esm/components/particles/ParticleLayer.stories.js.map +1 -1
  353. package/dist/esm/components/particles/particlesState.d.ts +41 -41
  354. package/dist/esm/components/particles/particlesState.js.map +1 -1
  355. package/dist/esm/components/peek/Peek.js +1 -1
  356. package/dist/esm/components/peek/Peek.js.map +1 -1
  357. package/dist/esm/components/popover/Popover.d.ts +12 -25
  358. package/dist/esm/components/popover/Popover.js +2 -2
  359. package/dist/esm/components/popover/Popover.js.map +1 -1
  360. package/dist/esm/components/progress/Progress.d.ts +5 -14
  361. package/dist/esm/components/progress/Progress.js +1 -1
  362. package/dist/esm/components/progress/Progress.js.map +1 -1
  363. package/dist/esm/components/progress/Progress.stories.d.ts +3 -8
  364. package/dist/esm/components/progress/Progress.stories.js +1 -1
  365. package/dist/esm/components/progress/Progress.stories.js.map +1 -1
  366. package/dist/esm/components/provider/Provider.d.ts +1 -1
  367. package/dist/esm/components/provider/Provider.js +2 -2
  368. package/dist/esm/components/provider/Provider.js.map +1 -1
  369. package/dist/esm/components/relativeTime/RelativeTime.js.map +1 -1
  370. package/dist/esm/components/richEditor/RichEditor.d.ts +1 -2
  371. package/dist/esm/components/richEditor/RichEditor.js +4 -7
  372. package/dist/esm/components/richEditor/RichEditor.js.map +1 -1
  373. package/dist/esm/components/richEditor/RichEditor.stories.d.ts +1 -2
  374. package/dist/esm/components/richEditor/RichEditor.stories.js +6 -1
  375. package/dist/esm/components/richEditor/RichEditor.stories.js.map +1 -1
  376. package/dist/esm/components/scrollArea/ScrollArea.d.ts +4 -13
  377. package/dist/esm/components/scrollArea/ScrollArea.js +1 -1
  378. package/dist/esm/components/scrollArea/ScrollArea.js.map +1 -1
  379. package/dist/esm/components/select/Select.d.ts +19 -49
  380. package/dist/esm/components/select/Select.js +16 -16
  381. package/dist/esm/components/select/Select.js.map +1 -1
  382. package/dist/esm/components/select/Select.stories.d.ts +7 -18
  383. package/dist/esm/components/select/Select.stories.js +2 -2
  384. package/dist/esm/components/select/Select.stories.js.map +1 -1
  385. package/dist/esm/components/skeletons/skeletons.d.ts +1 -1
  386. package/dist/esm/components/slider/Slider.d.ts +8 -25
  387. package/dist/esm/components/slider/Slider.js +2 -2
  388. package/dist/esm/components/slider/Slider.js.map +1 -1
  389. package/dist/esm/components/slider/Slider.stories.d.ts +4 -13
  390. package/dist/esm/components/spinner/Spinner.js +2 -2
  391. package/dist/esm/components/spinner/Spinner.js.map +1 -1
  392. package/dist/esm/components/switch/Switch.d.ts +2 -7
  393. package/dist/esm/components/switch/Switch.js +1 -1
  394. package/dist/esm/components/switch/Switch.js.map +1 -1
  395. package/dist/esm/components/tabs/tabs.d.ts +8 -25
  396. package/dist/esm/components/tabs/tabs.stories.js +1 -1
  397. package/dist/esm/components/tabs/tabs.stories.js.map +1 -1
  398. package/dist/esm/components/textArea/TextArea.d.ts +1 -0
  399. package/dist/esm/components/textArea/TextArea.js +6 -3
  400. package/dist/esm/components/textArea/TextArea.js.map +1 -1
  401. package/dist/esm/components/textArea/TextArea.stories.d.ts +0 -1
  402. package/dist/esm/components/toggleGroup/toggleGroup.d.ts +4 -17
  403. package/dist/esm/components/tooltip/Tooltip.d.ts +0 -1
  404. package/dist/esm/components/tooltip/Tooltip.js +1 -1
  405. package/dist/esm/components/tooltip/Tooltip.js.map +1 -1
  406. package/dist/esm/components/tooltip/Tooltip.stories.d.ts +0 -1
  407. package/dist/esm/components/typography/typography.d.ts +6 -19
  408. package/dist/esm/components/utility/SlotDiv.js.map +1 -1
  409. package/dist/esm/hooks/useAnimationFrame.js +3 -3
  410. package/dist/esm/hooks/useAnimationFrame.js.map +1 -1
  411. package/dist/esm/hooks/useLongPress.d.ts +2 -4
  412. package/dist/esm/hooks/useLongPress.js.map +1 -1
  413. package/dist/esm/hooks/useMergedRef.js.map +1 -1
  414. package/dist/esm/hooks/useOnUnmount.js.map +1 -1
  415. package/dist/esm/hooks/useRotatingShuffledValue.js.map +1 -1
  416. package/dist/esm/hooks/useSize.d.ts +4 -4
  417. package/dist/esm/hooks/useSize.js.map +1 -1
  418. package/dist/esm/hooks/useTitleBarColor.js.map +1 -1
  419. package/dist/esm/hooks/useVirtualKeyboardBehavior.js.map +1 -1
  420. package/dist/esm/hooks/useVisualViewportOffset.js.map +1 -1
  421. package/dist/esm/hooks/withClassName.js +3 -4
  422. package/dist/esm/hooks/withClassName.js.map +1 -1
  423. package/dist/esm/themes.stories.js +1 -1
  424. package/dist/esm/themes.stories.js.map +1 -1
  425. package/dist/esm/uno.preset.js.map +1 -1
  426. package/package.json +57 -58
  427. package/src/components/camera/Camera.tsx +1 -1
  428. package/src/components/dropdownMenu/DropdownMenu.tsx +2 -2
  429. package/src/components/input/Input.tsx +21 -3
  430. package/src/components/numberStepper/NumberStepper.tsx +1 -1
  431. package/src/components/richEditor/RichEditor.stories.tsx +5 -1
  432. package/src/components/richEditor/RichEditor.tsx +3 -10
  433. package/src/components/select/Select.tsx +6 -6
  434. package/src/components/slider/Slider.tsx +5 -5
  435. package/src/components/textArea/TextArea.tsx +7 -2
  436. package/src/hooks/useAnimationFrame.ts +3 -3
  437. package/src/hooks/withClassName.tsx +3 -6
@@ -2,45 +2,25 @@ import * as SelectPrimitive from '@radix-ui/react-select';
2
2
  import { FunctionComponent, ReactNode } from 'react';
3
3
  import { ButtonProps } from '../button/index.js';
4
4
  export declare const SelectItem: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
5
- export declare const SelectItemRoot: FunctionComponent<Omit<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
6
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
7
- }>;
8
- export declare const SelectItemIndicatorRoot: FunctionComponent<Omit<SelectPrimitive.SelectItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
9
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
10
- }>;
5
+ export declare const SelectItemRoot: FunctionComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ export declare const SelectItemIndicatorRoot: FunctionComponent<SelectPrimitive.SelectItemIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
11
7
  export declare const SelectItemIndicator: FunctionComponent<SelectPrimitive.SelectItemIndicatorProps>;
12
- export declare const SelectItemText: FunctionComponent<Omit<SelectPrimitive.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
13
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
14
- }>;
8
+ export declare const SelectItemText: FunctionComponent<SelectPrimitive.SelectItemTextProps & import("react").RefAttributes<HTMLSpanElement>>;
15
9
  export declare const SelectGroup: (props: SelectPrimitive.SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
16
10
  export declare const SelectRoot: import("react").FC<SelectPrimitive.SelectProps>;
17
11
  export declare const selectTriggerClassName: string;
18
- export declare const SelectTriggerBase: FunctionComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
19
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
20
- }>;
21
- export declare const UnstyledSelectTrigger: FunctionComponent<Omit<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
22
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
23
- }>;
12
+ export declare const SelectTriggerBase: FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
13
+ export declare const UnstyledSelectTrigger: FunctionComponent<SelectPrimitive.SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
24
14
  export interface SelectTriggerProps extends ButtonProps {
25
15
  }
26
16
  export declare const SelectTrigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
27
- export declare const SelectValue: FunctionComponent<Omit<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
28
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
29
- }>;
30
- export declare const SelectLabel: FunctionComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
31
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
32
- }>;
33
- export declare const SelectSeparator: FunctionComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
34
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
35
- }>;
36
- export declare const SelectIcon: FunctionComponent<Omit<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
37
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
38
- }>;
39
- export declare const SelectContent: FunctionComponent<Omit<SelectPrimitive.SelectContentProps & {
40
- inDialog?: boolean | undefined;
41
- } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
42
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
43
- }>;
17
+ export declare const SelectValue: FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
18
+ export declare const SelectLabel: FunctionComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
19
+ export declare const SelectSeparator: FunctionComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
20
+ export declare const SelectIcon: FunctionComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
21
+ export declare const SelectContent: FunctionComponent<SelectPrimitive.SelectContentProps & {
22
+ inDialog?: boolean;
23
+ } & import("react").RefAttributes<HTMLDivElement>>;
44
24
  export declare const NativeSelect: import("react").ForwardRefExoticComponent<import("react").SelectHTMLAttributes<HTMLSelectElement> & import("react").RefAttributes<HTMLSelectElement>>;
45
25
  export type SelectProps<T extends string = string> = {
46
26
  children?: ReactNode;
@@ -60,21 +40,11 @@ export declare const Select: (<T extends string = string>({ children, value, onV
60
40
  Item: import("react").ForwardRefExoticComponent<SelectPrimitive.SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
61
41
  Group: (props: SelectPrimitive.SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
62
42
  Trigger: import("react").ForwardRefExoticComponent<SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
63
- Value: FunctionComponent<Omit<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
64
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
65
- }>;
66
- Label: FunctionComponent<Omit<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
67
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
68
- }>;
69
- Separator: FunctionComponent<Omit<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
70
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
71
- }>;
72
- Icon: FunctionComponent<Omit<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
73
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
74
- }>;
75
- Content: FunctionComponent<Omit<SelectPrimitive.SelectContentProps & {
76
- inDialog?: boolean | undefined;
77
- } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
78
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
79
- }>;
43
+ Value: FunctionComponent<SelectPrimitive.SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
44
+ Label: FunctionComponent<SelectPrimitive.SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
45
+ Separator: FunctionComponent<SelectPrimitive.SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
46
+ Icon: FunctionComponent<SelectPrimitive.SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
47
+ Content: FunctionComponent<SelectPrimitive.SelectContentProps & {
48
+ inDialog?: boolean;
49
+ } & import("react").RefAttributes<HTMLDivElement>>;
80
50
  };
@@ -23,9 +23,9 @@ export const SelectItem = forwardRef((_a, forwardedRef) => {
23
23
  var { children, className } = _a, props = __rest(_a, ["children", "className"]);
24
24
  const isNative = useContext(IsNativeContext);
25
25
  if (isNative) {
26
- return _jsx("option", Object.assign({ value: props.value }, { children: children }));
26
+ return _jsx("option", { value: props.value, children: children });
27
27
  }
28
- return (_jsxs(SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectItemIndicator, {})] })));
28
+ return (_jsxs(SelectItemRoot, Object.assign({ className: className }, props, { ref: forwardedRef, children: [_jsx(SelectPrimitive.ItemText, { children: children }), _jsx(SelectItemIndicator, {})] })));
29
29
  });
30
30
  export const SelectItemRoot = withClassName(SelectPrimitive.Item, 'text-md leading-4 color-black rounded-sm flex items-center flex-row h-36px pr-4 pl-35px relative select-none', '[&[data-disabled]]:color-gray5 [&[data-disabled]]:pointer-events-none [&[data-highlighted]]:outline-none [&[data-highlighted]]:bg-primary-wash [&[data-highlighted]]:color-black');
31
31
  export const SelectItemIndicatorRoot = withClassName(SelectPrimitive.ItemIndicator, 'absolute left-0 w-25px inline-flex items-center justify-center');
@@ -34,7 +34,7 @@ export const SelectItemText = withClassName(SelectPrimitive.ItemText, '');
34
34
  export const SelectGroup = (props) => {
35
35
  const isNative = useContext(IsNativeContext);
36
36
  if (isNative) {
37
- return (_jsx("optgroup", Object.assign({ id: props.id, className: props.className }, { children: props.children })));
37
+ return (_jsx("optgroup", { id: props.id, className: props.className, children: props.children }));
38
38
  }
39
39
  return _jsx(SelectPrimitive.Group, Object.assign({}, props));
40
40
  };
@@ -44,23 +44,23 @@ export const SelectTriggerBase = withNoNativeRender(withClassName(SelectPrimitiv
44
44
  export const UnstyledSelectTrigger = withNoNativeRender(SelectPrimitive.Trigger);
45
45
  export const SelectTrigger = forwardRef(function SelectTrigger(_a, ref) {
46
46
  var { children } = _a, props = __rest(_a, ["children"]);
47
- return (_jsx(UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref }, { children: _jsx(Button, Object.assign({ className: "gap-2 font-normal" }, { children: children || (_jsxs(_Fragment, { children: [_jsx(SelectValue, {}), _jsx(SelectIcon, {})] })) })) })));
47
+ return (_jsx(UnstyledSelectTrigger, Object.assign({ asChild: true }, props, { ref: ref, children: _jsx(Button, { className: "gap-2 font-normal", children: children || (_jsxs(_Fragment, { children: [_jsx(SelectValue, {}), _jsx(SelectIcon, {})] })) }) })));
48
48
  });
49
49
  export const SelectValue = withNoNativeRender(withClassName(SelectPrimitive.Value, 'flex flex-row'));
50
50
  export const SelectLabel = withNoNativeRender(withClassName(SelectPrimitive.Label, 'px-25px text-xs leading-6 color-black select-none'));
51
51
  export const SelectSeparator = withNoNativeRender(withClassName(SelectPrimitive.Separator, 'h-1px bg-gray50 m-1'));
52
52
  export const SelectIcon = withNoNativeRender(forwardRef((_a, forwardedRef) => {
53
53
  var { className } = _a, props = __rest(_a, ["className"]);
54
- return (_jsx(SelectPrimitive.Icon, Object.assign({ className: classNames('color-inherit', className) }, props, { ref: forwardedRef }, { children: _jsx(Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
54
+ return (_jsx(SelectPrimitive.Icon, Object.assign({ className: classNames('color-inherit', className) }, props, { ref: forwardedRef, children: _jsx(Icon, { name: "chevron", className: "w-[12px] h-[12px] relative top-1px" }) })));
55
55
  }));
56
56
  const zIndex = { zIndex: 1001 };
57
57
  export const SelectContent = withPassthroughNativeRender(forwardRef((_a, forwardedRef) => {
58
58
  var { children, inDialog, className } = _a, props = __rest(_a, ["children", "inDialog", "className"]);
59
- return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: zIndex }, props, { ref: forwardedRef }, { children: [_jsx(SelectPrimitive.ScrollUpButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronUpIcon, {}) })), _jsx(SelectPrimitive.Viewport, Object.assign({ className: "p-1" }, { children: children })), _jsx(SelectPrimitive.ScrollDownButton, Object.assign({ className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default" }, { children: _jsx(ChevronDownIcon, {}) }))] })) }));
59
+ return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, Object.assign({ className: classNames('layer-components:overflow-hidden layer-components:bg-white layer-components:rounded-lg layer-components:border layer-components:border-solid layer-components:border-1 layer-components:border-black layer-components:z-menu layer-components:shadow-lg', 'layer-components:transform-origin-[var(--radix-select-content-transform-origin)]', 'layer-components:[&[data-state=open]]:animate-popover-in', 'layer-components:[&[data-state=closed]]:animate-popover-out', 'layer-components:min-w-[var(--radix-select-trigger-width)] layer-components:max-h-[var(--radix-select-content-available-height)]', inDialog && 'z-[calc(var(--z-dialog)+1)]', className), style: zIndex }, props, { ref: forwardedRef, children: [_jsx(SelectPrimitive.ScrollUpButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: _jsx(ChevronUpIcon, {}) }), _jsx(SelectPrimitive.Viewport, { className: "p-1", children: children }), _jsx(SelectPrimitive.ScrollDownButton, { className: "flex items-center justify-center h-25px bg-white color-primary-dark cursor-default", children: _jsx(ChevronDownIcon, {}) })] })) }));
60
60
  }));
61
61
  export const NativeSelect = forwardRef((_a, forwardedRef) => {
62
62
  var { className } = _a, props = __rest(_a, ["className"]);
63
- return (_jsxs("div", Object.assign({ className: classNames('relative', className) }, { children: [_jsx("select", Object.assign({ className: classNames('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-full px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray8') }, props, { ref: forwardedRef })), _jsx("div", Object.assign({ className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none" }, { children: _jsx(ChevronDownIcon, { className: "w-4 h-4 m-2" }) }))] })));
63
+ return (_jsxs("div", { className: classNames('relative', className), children: [_jsx("select", Object.assign({ className: classNames('appearance-none font-inherit bg-white inline-flex items-center justify-center rounded-full px-3 py-1 pr-8 text-sm gap-2 color-black border-solid border border-gray5 hover:border-gray7 focus:outline-none focus-visible:shadow-focus [&[data-placeholder]]:color-gray8') }, props, { ref: forwardedRef })), _jsx("div", { className: "absolute right-1 top-50% translate-y-[-50%] pointer-events-none", children: _jsx(ChevronDownIcon, { className: "w-4 h-4 m-2" }) })] }));
64
64
  });
65
65
  /**
66
66
  * A high-level Select which converts to native on mobile. Use with SelectItem.
@@ -69,11 +69,11 @@ const SelectBase = (_a) => {
69
69
  var { children, value, onValueChange, mobileNative } = _a, rest = __rest(_a, ["children", "value", "onValueChange", "mobileNative"]);
70
70
  const mobile = isMobile();
71
71
  if (mobile && mobileNative) {
72
- return (_jsx(IsNativeContext.Provider, Object.assign({ value: true }, { children: _jsx(NativeSelect, Object.assign({ onChange: (ev) => {
72
+ return (_jsx(IsNativeContext.Provider, { value: true, children: _jsx(NativeSelect, Object.assign({ onChange: (ev) => {
73
73
  onValueChange === null || onValueChange === void 0 ? void 0 : onValueChange(ev.target.value);
74
- }, value: value }, rest, { children: children })) })));
74
+ }, value: value }, rest, { children: children })) }));
75
75
  }
76
- return (_jsx(SelectRoot, Object.assign({ value: value, onValueChange: onValueChange }, { children: children })));
76
+ return (_jsx(SelectRoot, { value: value, onValueChange: onValueChange, children: children }));
77
77
  };
78
78
  export const Select = Object.assign(SelectBase, {
79
79
  Root: SelectRoot,
@@ -92,22 +92,22 @@ function isMobile() {
92
92
  // facilitate the auto native switching
93
93
  const IsNativeContext = createContext(false);
94
94
  function withNoNativeRender(Component) {
95
- const WithNoNativeRender = forwardRef((props, ref) => {
95
+ const WithNoNativeRender = (props) => {
96
96
  const isNative = useContext(IsNativeContext);
97
97
  if (isNative)
98
98
  return null;
99
- return _jsx(Component, Object.assign({ ref: ref }, props));
100
- });
99
+ return _jsx(Component, Object.assign({}, props));
100
+ };
101
101
  return WithNoNativeRender;
102
102
  }
103
103
  function withPassthroughNativeRender(Component) {
104
- const WithPassthroughNativeRender = forwardRef((props, ref) => {
104
+ const WithPassthroughNativeRender = (props) => {
105
105
  const isNative = useContext(IsNativeContext);
106
106
  if (isNative) {
107
107
  return _jsx(_Fragment, { children: props.children });
108
108
  }
109
- return _jsx(Component, Object.assign({ ref: ref }, props));
110
- });
109
+ return _jsx(Component, Object.assign({}, props));
110
+ };
111
111
  return WithPassthroughNativeRender;
112
112
  }
113
113
  //# sourceMappingURL=Select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../../src/components/select/Select.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,3 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
1
  import type { StoryObj } from '@storybook/react';
3
2
  import { Select } from './Select.js';
4
3
  declare const meta: {
@@ -8,23 +7,13 @@ declare const meta: {
8
7
  Item: import("react").ForwardRefExoticComponent<import("@radix-ui/react-select").SelectItemProps & import("react").RefAttributes<HTMLDivElement>>;
9
8
  Group: (props: import("@radix-ui/react-select").SelectGroupProps) => import("react/jsx-runtime").JSX.Element;
10
9
  Trigger: import("react").ForwardRefExoticComponent<import("./Select.js").SelectTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
11
- Value: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
12
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
13
- }>;
14
- Label: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
15
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
16
- }>;
17
- Separator: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
18
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
19
- }>;
20
- Icon: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectIconProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
21
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
22
- }>;
23
- Content: import("react").FunctionComponent<Omit<import("@radix-ui/react-select").SelectContentProps & {
24
- inDialog?: boolean | undefined;
25
- } & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
26
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
27
- }>;
10
+ Value: import("react").FunctionComponent<import("@radix-ui/react-select").SelectValueProps & import("react").RefAttributes<HTMLSpanElement>>;
11
+ Label: import("react").FunctionComponent<import("@radix-ui/react-select").SelectLabelProps & import("react").RefAttributes<HTMLDivElement>>;
12
+ Separator: import("react").FunctionComponent<import("@radix-ui/react-select").SelectSeparatorProps & import("react").RefAttributes<HTMLDivElement>>;
13
+ Icon: import("react").FunctionComponent<import("@radix-ui/react-select").SelectIconProps & import("react").RefAttributes<HTMLDivElement>>;
14
+ Content: import("react").FunctionComponent<import("@radix-ui/react-select").SelectContentProps & {
15
+ inDialog?: boolean;
16
+ } & import("react").RefAttributes<HTMLDivElement>>;
28
17
  };
29
18
  argTypes: {};
30
19
  parameters: {
@@ -16,12 +16,12 @@ const meta = {
16
16
  export default meta;
17
17
  export const Default = {
18
18
  render(args) {
19
- return (_jsxs(Select, Object.assign({}, args, { children: [_jsx(SelectTrigger, {}), _jsx(SelectContent, { children: ['One', 'Two', 'Three'].map((item) => (_jsx(SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })));
19
+ return (_jsxs(Select, Object.assign({}, args, { children: [_jsx(SelectTrigger, {}), _jsx(SelectContent, { children: ['One', 'Two', 'Three'].map((item) => (_jsx(SelectItem, { value: item, children: item }, item))) })] })));
20
20
  },
21
21
  };
22
22
  export const CompareSelectAndButton = {
23
23
  render(args) {
24
- return (_jsxs("div", Object.assign({ className: "row" }, { children: [_jsxs(Select, Object.assign({}, args, { children: [_jsx(SelectTrigger, {}), _jsx(SelectContent, { children: ['One', 'Two', 'Three'].map((item) => (_jsx(SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), _jsx(Button, { children: "Button" }), _jsxs(Select, Object.assign({}, args, { children: [_jsx(SelectTrigger, { size: "small" }), _jsx(SelectContent, { children: ['One', 'Two', 'Three'].map((item) => (_jsx(SelectItem, Object.assign({ value: item }, { children: item }), item))) })] })), _jsx(Button, Object.assign({ size: "small" }, { children: "Button" }))] })));
24
+ return (_jsxs("div", { className: "row", children: [_jsxs(Select, Object.assign({}, args, { children: [_jsx(SelectTrigger, {}), _jsx(SelectContent, { children: ['One', 'Two', 'Three'].map((item) => (_jsx(SelectItem, { value: item, children: item }, item))) })] })), _jsx(Button, { children: "Button" }), _jsxs(Select, Object.assign({}, args, { children: [_jsx(SelectTrigger, { size: "small" }), _jsx(SelectContent, { children: ['One', 'Two', 'Three'].map((item) => (_jsx(SelectItem, { value: item, children: item }, item))) })] })), _jsx(Button, { size: "small", children: "Button" })] }));
25
25
  },
26
26
  };
27
27
  //# sourceMappingURL=Select.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,6BAAK,SAAS,EAAC,KAAK,iBACnB,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,KAAC,MAAM,yBAAgB,EAEvB,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,aAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,KAAC,aAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,kBAAY,KAAK,EAAE,IAAI,gBAChC,IAAI,KADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,KAAC,MAAM,kBAAC,IAAI,EAAC,OAAO,4BAAgB,KAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
1
+ {"version":3,"file":"Select.stories.js","sourceRoot":"","sources":["../../../../src/components/select/Select.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;IACD,IAAI,EAAE;QACL,KAAK,EAAE,KAAK;KACZ;CAC6B,CAAC;AAEhC,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,CAAC,IAAI;QACV,OAAO,CACN,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,CACT,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAU;IAC5C,MAAM,CAAC,IAAI;QACV,OAAO,CACN,eAAK,SAAS,EAAC,KAAK,aACnB,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,aAAa,KAAG,EACjB,KAAC,aAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,KAAC,MAAM,yBAAgB,EAEvB,MAAC,MAAM,oBAAK,IAAI,eACf,KAAC,aAAa,IAAC,IAAI,EAAC,OAAO,GAAG,EAC9B,KAAC,aAAa,cACZ,CAAC,KAAK,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtC,KAAC,UAAU,IAAY,KAAK,EAAE,IAAI,YAChC,IAAI,IADW,IAAI,CAER,CACb,CAAC,GACa,KACR,EACT,KAAC,MAAM,IAAC,IAAI,EAAC,OAAO,uBAAgB,IAC/B,CACN,CAAC;IACH,CAAC;CACD,CAAC"}
@@ -1,4 +1,4 @@
1
1
  export declare const TextSkeleton: ({ maxLength, className, }: {
2
2
  maxLength: number;
3
- className?: string | undefined;
3
+ className?: string;
4
4
  }) => import("react/jsx-runtime").JSX.Element;
@@ -1,32 +1,15 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
1
  import * as SliderPrimitive from '@radix-ui/react-slider';
3
- export declare const SliderRoot: import("react").FunctionComponent<Omit<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
4
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
5
- }>;
6
- export declare const SliderTrack: import("react").FunctionComponent<Omit<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
7
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
8
- }>;
9
- export declare const SliderRange: import("react").FunctionComponent<Omit<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
10
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
11
- }>;
12
- export declare const SliderThumb: import("react").FunctionComponent<Omit<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
13
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
14
- }>;
2
+ export declare const SliderRoot: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
3
+ export declare const SliderTrack: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
4
+ export declare const SliderRange: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
5
+ export declare const SliderThumb: import("react").FunctionComponent<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
15
6
  export interface SliderProps extends SliderPrimitive.SliderProps {
16
7
  label?: string;
17
8
  color?: 'default' | 'primary';
18
9
  }
19
10
  export declare const Slider: import("react").ForwardRefExoticComponent<SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
20
- Root: import("react").FunctionComponent<Omit<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
21
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
22
- }>;
23
- Track: import("react").FunctionComponent<Omit<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
24
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
25
- }>;
26
- Range: import("react").FunctionComponent<Omit<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
27
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
28
- }>;
29
- Thumb: import("react").FunctionComponent<Omit<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
30
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
31
- }>;
11
+ Root: import("react").FunctionComponent<SliderPrimitive.SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
12
+ Track: import("react").FunctionComponent<SliderPrimitive.SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
13
+ Range: import("react").FunctionComponent<SliderPrimitive.SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
14
+ Thumb: import("react").FunctionComponent<SliderPrimitive.SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
32
15
  };
@@ -11,13 +11,13 @@ var __rest = (this && this.__rest) || function (s, e) {
11
11
  return t;
12
12
  };
13
13
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
14
+ import * as SliderPrimitive from '@radix-ui/react-slider';
14
15
  import { forwardRef } from 'react';
15
16
  import { withClassName } from '../../hooks.js';
16
- import * as SliderPrimitive from '@radix-ui/react-slider';
17
17
  export const SliderRoot = withClassName(SliderPrimitive.Root, 'layer-components:relative layer-components:flex layer-components:items-center layer-components:select-none layer-components:touch-none layer-components:w-full layer-components:h-30px layer-components:translate-z-0');
18
18
  export const SliderTrack = withClassName(SliderPrimitive.Track, 'layer-components:bg-transparent layer-components:relative layer-components:grow layer-components:rounded-full layer-components:h-9px layer-components:border layer-components:border-1px layer-components:border-solid layer-components:border-black');
19
19
  export const SliderRange = withClassName(SliderPrimitive.Range, 'layer-components:absolute layer-components:bg-accent layer-components:rounded-full layer-components:h-full', 'layer-variants:[&[data-color=primary]]:bg-primary');
20
- export const SliderThumb = withClassName(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary');
20
+ export const SliderThumb = withClassName(SliderPrimitive.Thumb, 'layer-components:block layer-components:w-5 layer-components:h-5 layer-components:bg-white layer-components:shadow-sm layer-components:rounded-full layer-components:ring-2 layer-components:ring-black layer-components:touch-none layer-components:transition-all', 'layer-components:hover:shadow-md', 'layer-components:active:shadow-lg layer-components:active:ring-4 layer-components:active:ring-accent-dark layer-components:active:ring-opacity-50 layer-components:active:bg-accent-light', 'layer-components:focus-visible:shadow-lg layer-components:focus-visible:ring-4 layer-components:focus-visible:ring-accent-dark layer-components:focus-visible:ring-opacity-50 layer-components:focus-visible:outline-none layer-components:focus-visible:bg-accent-light', 'layer-components:focus:outline-none', 'layer-components:disabled:opacity-50', 'layer-variants:[&[data-color=primary]]:active:bg-primary-light layer-variants:[&[data-color=primary]]:active:ring-primary-dark', 'layer-variants:[&[data-color=primary]]:focus-visible:bg-primary-light layer-variants:[&[data-color=primary]]:focus-visible:ring-primary-dark');
21
21
  export const Slider = Object.assign(forwardRef(function Slider(_a, ref) {
22
22
  var { label, color } = _a, props = __rest(_a, ["label", "color"]);
23
23
  return (_jsxs(SliderRoot, Object.assign({ ref: ref }, props, { children: [_jsx(SliderTrack, { children: _jsx(SliderRange, { "data-color": color }) }), _jsx(SliderThumb, { "aria-label": label, "data-color": color })] })));
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,wFAAwF,EACxF,4GAA4G,EAC5G,uCAAuC,EACvC,wCAAwC,EACxC,+EAA+E,EAC/E,sFAAsF,CACtF,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,MAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,KAAC,WAAW,cACX,KAAC,WAAW,kBAAa,KAAK,GAAI,GACrB,EACd,KAAC,WAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
1
+ {"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../../src/components/slider/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CACtC,eAAe,CAAC,IAAI,EACpB,kGAAkG,CAClG,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,gHAAgH,CAChH,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,2DAA2D,EAC3D,mDAAmD,CACnD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,aAAa,CACvC,eAAe,CAAC,KAAK,EACrB,8GAA8G,EAC9G,oCAAoC,EACpC,6FAA6F,EAC7F,iHAAiH,EACjH,uCAAuC,EACvC,wCAAwC,EACxC,oFAAoF,EACpF,2FAA2F,CAC3F,CAAC;AAOF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAA8B,SAAS,MAAM,CACtD,EAA0B,EAC1B,GAAG;QADH,EAAE,KAAK,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxB,kBAA0B,CAAF;IAGxB,OAAO,CACN,MAAC,UAAU,kBAAC,GAAG,EAAE,GAAG,IAAM,KAAK,eAC9B,KAAC,WAAW,cACX,KAAC,WAAW,kBAAa,KAAK,GAAI,GACrB,EACd,KAAC,WAAW,kBAAa,KAAK,gBAAc,KAAK,GAAI,KACzC,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;IAClB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
@@ -1,21 +1,12 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
1
  import type { StoryObj } from '@storybook/react';
3
2
  import { Slider } from './Slider.js';
4
3
  declare const meta: {
5
4
  title: string;
6
5
  component: import("react").ForwardRefExoticComponent<import("./Slider.js").SliderProps & import("react").RefAttributes<HTMLDivElement>> & {
7
- Root: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
8
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
9
- }>;
10
- Track: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
11
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
12
- }>;
13
- Range: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
14
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
15
- }>;
16
- Thumb: import("react").FunctionComponent<Omit<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
17
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
18
- }>;
6
+ Root: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderProps & import("react").RefAttributes<HTMLSpanElement>>;
7
+ Track: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderTrackProps & import("react").RefAttributes<HTMLSpanElement>>;
8
+ Range: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderRangeProps & import("react").RefAttributes<HTMLSpanElement>>;
9
+ Thumb: import("react").FunctionComponent<import("@radix-ui/react-slider").SliderThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
19
10
  };
20
11
  argTypes: {};
21
12
  parameters: {
@@ -16,9 +16,9 @@ import classNames from 'clsx';
16
16
  const CIRCLE_SIZE = 44;
17
17
  export const Spinner = forwardRef(function Spinner(_a, ref) {
18
18
  var { size = 40, thickness = 7.2, className, style } = _a, props = __rest(_a, ["size", "thickness", "className", "style"]);
19
- return (_jsx("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: classNames('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style) }, { children: _jsx("svg", Object.assign({ className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}` }, { children: _jsx("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) })) })));
19
+ return (_jsx("div", Object.assign({ ref: ref, role: "progressbar" }, props, { className: classNames('inline-block animate-spin animate-ease-linear animate-iteration-infinite color-inherit animate-duration-1400 transform-origin-[50%_50%]', className), style: Object.assign({ width: size, height: size }, style), children: _jsx("svg", { className: "block", viewBox: `${CIRCLE_SIZE / 2} ${CIRCLE_SIZE / 2} ${CIRCLE_SIZE} ${CIRCLE_SIZE}`, children: _jsx("circle", { className: "stroke-current animate-spinner-stroke animate-ease-in-out animate-iteration-infinite animate-duration-1400 [stroke-dasharray:80_200] [stroke-dashoffset:0]", cx: CIRCLE_SIZE, cy: CIRCLE_SIZE, r: (CIRCLE_SIZE - thickness) / 2, fill: "none", strokeWidth: thickness }) }) })));
20
20
  });
21
21
  export const FullScreenSpinner = forwardRef(function FullScreenSpinner(props, ref) {
22
- return (_jsx("div", Object.assign({ ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch" }, { children: _jsx(Spinner, Object.assign({}, props)) })));
22
+ return (_jsx("div", { ref: ref, className: "flex flex-row gap-4 w-full flex-1 justify-center items-center self-stretch", children: _jsx(Spinner, Object.assign({}, props)) }));
23
23
  });
24
24
  //# sourceMappingURL=Spinner.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQvB,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAChC,SAAS,OAAO,CACf,EAA0D,EAC1D,GAAG;QADH,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxD,2CAA0D,CAAF;IAGxD,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,iBAE5C,4BACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,gBAEhC,iBACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,IACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAC1C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,gBAEtF,KAAC,OAAO,oBAAK,KAAK,EAAI,IACjB,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
1
+ {"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,UAAU,MAAM,MAAM,CAAC;AAE9B,MAAM,WAAW,GAAG,EAAE,CAAC;AAQvB,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAChC,SAAS,OAAO,CACf,EAA0D,EAC1D,GAAG;QADH,EAAE,IAAI,GAAG,EAAE,EAAE,SAAS,GAAG,GAAG,EAAE,SAAS,EAAE,KAAK,OAAY,EAAP,KAAK,cAAxD,2CAA0D,CAAF;IAGxD,OAAO,CACN,4BACC,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,aAAa,IACd,KAAK,IACT,SAAS,EAAE,UAAU,CACpB,yIAAyI,EACzI,SAAS,CACT,EACD,KAAK,kBAAI,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,IAAK,KAAK,aAE5C,cACC,SAAS,EAAC,OAAO,EACjB,OAAO,EAAE,GAAG,WAAW,GAAG,CAAC,IAC1B,WAAW,GAAG,CACf,IAAI,WAAW,IAAI,WAAW,EAAE,YAEhC,iBACC,SAAS,EAAC,4JAA4J,EACtK,EAAE,EAAE,WAAW,EACf,EAAE,EAAE,WAAW,EACf,CAAC,EAAE,CAAC,WAAW,GAAG,SAAS,CAAC,GAAG,CAAC,EAChC,IAAI,EAAC,MAAM,EACX,WAAW,EAAE,SAAS,GACrB,GACG,IACD,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,UAAU,CAC1C,SAAS,iBAAiB,CAAC,KAAK,EAAE,GAAG;IACpC,OAAO,CACN,cACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,4EAA4E,YAEtF,KAAC,OAAO,oBAAK,KAAK,EAAI,GACjB,CACN,CAAC;AACH,CAAC,CACD,CAAC"}
@@ -1,10 +1,5 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
1
  import { SwitchProps } from '@radix-ui/react-switch';
3
2
  export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>> & {
4
- Root: import("react").FunctionComponent<Omit<SwitchProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
5
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
6
- }>;
7
- Thumb: import("react").FunctionComponent<Omit<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>, "ref"> & {
8
- ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
9
- }>;
3
+ Root: import("react").FunctionComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
4
+ Thumb: import("react").FunctionComponent<import("@radix-ui/react-switch").SwitchThumbProps & import("react").RefAttributes<HTMLSpanElement>>;
10
5
  };
@@ -6,7 +6,7 @@ import { forwardRef } from 'react';
6
6
  const SwitchRoot = withClassName(Root, 'unset w-42px h-25px bg-white rounded-full relative transition-color border-default flex-shrink-0 focus-visible:shadow-focus [&[data-state=checked]]:bg-accent');
7
7
  const SwitchThumb = withClassName(Thumb, 'block w-21px h-21px bg-white rounded-full border-default transition-transform will-change-transform [&[data-state=checked]]:translate-x-19px');
8
8
  export const Switch = Object.assign(forwardRef(function Switch(props, ref) {
9
- return (_jsx(SwitchRoot, Object.assign({}, props, { ref: ref }, { children: _jsx(SwitchThumb, {}) })));
9
+ return (_jsx(SwitchRoot, Object.assign({}, props, { ref: ref, children: _jsx(SwitchThumb, {}) })));
10
10
  }), {
11
11
  Root: SwitchRoot,
12
12
  Thumb: SwitchThumb,
@@ -1 +1 @@
1
- {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAe,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,UAAU,GAAG,aAAa,CAC/B,IAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,KAAK,EACL,8IAA8I,CAC9I,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAAiC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACpE,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,gBAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
1
+ {"version":3,"file":"Switch.js","sourceRoot":"","sources":["../../../../src/components/switch/Switch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAe,KAAK,EAAE,MAAM,wBAAwB,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,MAAM,UAAU,GAAG,aAAa,CAC/B,IAAI,EACJ,+JAA+J,CAC/J,CAAC;AAEF,MAAM,WAAW,GAAG,aAAa,CAChC,KAAK,EACL,8IAA8I,CAC9I,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,MAAM,CAAC,MAAM,CAClC,UAAU,CAAiC,SAAS,MAAM,CAAC,KAAK,EAAE,GAAG;IACpE,OAAO,CACN,KAAC,UAAU,oBAAK,KAAK,IAAE,GAAG,EAAE,GAAG,YAC9B,KAAC,WAAW,KAAG,IACH,CACb,CAAC;AACH,CAAC,CAAC,EACF;IACC,IAAI,EAAE,UAAU;IAChB,KAAK,EAAE,WAAW;CAClB,CACD,CAAC"}
@@ -1,27 +1,10 @@
1
- /// <reference types="react" resolution-mode="require"/>
2
1
  import * as TabsPrimitive from '@radix-ui/react-tabs';
3
- export declare const TabsRoot: import("react").FunctionComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
4
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
5
- }>;
6
- export declare const TabsList: import("react").FunctionComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
7
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
8
- }>;
9
- export declare const TabsTrigger: import("react").FunctionComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
10
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
11
- }>;
12
- export declare const TabsContent: import("react").FunctionComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
13
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
14
- }>;
15
- export declare const Tabs: import("react").FunctionComponent<Omit<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
16
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
17
- }> & {
18
- List: import("react").FunctionComponent<Omit<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
19
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
20
- }>;
21
- Trigger: import("react").FunctionComponent<Omit<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
22
- ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
23
- }>;
24
- Content: import("react").FunctionComponent<Omit<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
25
- ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
26
- }>;
2
+ export declare const TabsRoot: import("react").FunctionComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>>;
3
+ export declare const TabsList: import("react").FunctionComponent<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
4
+ export declare const TabsTrigger: import("react").FunctionComponent<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
5
+ export declare const TabsContent: import("react").FunctionComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
6
+ export declare const Tabs: import("react").FunctionComponent<TabsPrimitive.TabsProps & import("react").RefAttributes<HTMLDivElement>> & {
7
+ List: import("react").FunctionComponent<TabsPrimitive.TabsListProps & import("react").RefAttributes<HTMLDivElement>>;
8
+ Trigger: import("react").FunctionComponent<TabsPrimitive.TabsTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
9
+ Content: import("react").FunctionComponent<TabsPrimitive.TabsContentProps & import("react").RefAttributes<HTMLDivElement>>;
27
10
  };
@@ -13,7 +13,7 @@ export default meta;
13
13
  export const Default = {
14
14
  render: () => {
15
15
  const [value, setValue] = useState('tab1');
16
- return (_jsxs(TabsRoot, Object.assign({ value: value, onValueChange: setValue }, { children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, Object.assign({ value: "tab1" }, { children: "Tab 1" })), _jsx(TabsTrigger, Object.assign({ value: "tab2" }, { children: "Tab 2 (long)" })), _jsx(TabsTrigger, Object.assign({ value: "tab3" }, { children: "Tab 3" }))] }), _jsx(TabsContent, Object.assign({ value: "tab1" }, { children: _jsx("div", { children: "Tab 1 content" }) })), _jsx(TabsContent, Object.assign({ value: "tab2" }, { children: _jsx("div", { children: "Tab 2 content" }) })), _jsx(TabsContent, Object.assign({ value: "tab3" }, { children: _jsx("div", { children: "Tab 3 content" }) }))] })));
16
+ return (_jsxs(TabsRoot, { value: value, onValueChange: setValue, children: [_jsxs(TabsList, { children: [_jsx(TabsTrigger, { value: "tab1", children: "Tab 1" }), _jsx(TabsTrigger, { value: "tab2", children: "Tab 2 (long)" }), _jsx(TabsTrigger, { value: "tab3", children: "Tab 3" })] }), _jsx(TabsContent, { value: "tab1", children: _jsx("div", { children: "Tab 1 content" }) }), _jsx(TabsContent, { value: "tab2", children: _jsx("div", { children: "Tab 2 content" }) }), _jsx(TabsContent, { value: "tab3", children: _jsx("div", { children: "Tab 3 content" }) })] }));
17
17
  },
18
18
  };
19
19
  //# sourceMappingURL=tabs.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,MAAC,QAAQ,kBAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,iBAC9C,MAAC,QAAQ,eACR,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,2BAAoB,EAC7C,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,kCAA2B,EACpD,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,2BAAoB,IACnC,EACX,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,0CAAwB,IACX,EACd,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,0CAAwB,IACX,EACd,KAAC,WAAW,kBAAC,KAAK,EAAC,MAAM,gBACxB,0CAAwB,IACX,KACJ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}
1
+ {"version":3,"file":"tabs.stories.js","sourceRoot":"","sources":["../../../../src/components/tabs/tabs.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE;QACX,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC5B;CACc,CAAC;AAEjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC3C,OAAO,CACN,MAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,aAC9C,MAAC,QAAQ,eACR,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,sBAAoB,EAC7C,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,6BAA2B,EACpD,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,sBAAoB,IACnC,EACX,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACxB,0CAAwB,GACX,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACxB,0CAAwB,GACX,EACd,KAAC,WAAW,IAAC,KAAK,EAAC,MAAM,YACxB,0CAAwB,GACX,IACJ,CACX,CAAC;IACH,CAAC;CACe,CAAC"}
@@ -6,5 +6,6 @@ export interface TextAreaProps extends Omit<HTMLProps<HTMLTextAreaElement>, 'ref
6
6
  padBottomPixels?: number;
7
7
  placeholders?: string[];
8
8
  placeholdersIntervalMs?: number;
9
+ onValueChange?: (value: string) => void;
9
10
  }
10
11
  export declare const TextArea: import("react").ForwardRefExoticComponent<TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
@@ -19,7 +19,7 @@ import { useRotatingShuffledValue } from '../../hooks/useRotatingShuffledValue.j
19
19
  import { inputClassName } from '../input/index.js';
20
20
  export const TextArea = forwardRef(function TextArea(_a, ref) {
21
21
  var _b;
22
- var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000 } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs"]);
22
+ var { autoSize, autoSelect, onFocus, className, rows, padBottomPixels = 0, onChange, placeholder, placeholders, placeholdersIntervalMs = 5000, onValueChange } = _a, rest = __rest(_a, ["autoSize", "autoSelect", "onFocus", "className", "rows", "padBottomPixels", "onChange", "placeholder", "placeholders", "placeholdersIntervalMs", "onValueChange"]);
23
23
  const innerRef = useRef(null);
24
24
  const finalRef = useMergedRef(innerRef, ref);
25
25
  const [innerValue, setInnerValue] = useState('');
@@ -42,7 +42,10 @@ export const TextArea = forwardRef(function TextArea(_a, ref) {
42
42
  if (onChange) {
43
43
  onChange(e);
44
44
  }
45
- }, [onChange]);
45
+ if (onValueChange) {
46
+ onValueChange(e.target.value);
47
+ }
48
+ }, [onChange, onValueChange]);
46
49
  const handleFocus = useCallback((e) => {
47
50
  if (autoSelect) {
48
51
  e.target.select();
@@ -52,7 +55,7 @@ export const TextArea = forwardRef(function TextArea(_a, ref) {
52
55
  }
53
56
  }, [autoSelect, onFocus]);
54
57
  const randomPlaceholder = useRotatingShuffledValue(placeholders !== null && placeholders !== void 0 ? placeholders : [], placeholdersIntervalMs);
55
- return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px', {
58
+ return (_jsx("textarea", Object.assign({ ref: finalRef, className: classNames(inputClassName, 'layer-components:[font-family:inherit] layer-components:text-inherit layer-components:overflow-hidden layer-components:resize-none', 'layer-variants:rounded-20px layer-variants:px-4 layer-variants:py-4', {
56
59
  'layer-components:[resize:vertical]': !autoSize,
57
60
  'layer-components:[resize:none]': autoSize,
58
61
  }, className), rows: autoSize ? 1 : rows, onChange: handleChange, onFocus: handleFocus, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : randomPlaceholder }, rest)));
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.js","sourceRoot":"","sources":["../../../../src/components/textArea/TextArea.tsx"],"names":[],"mappings":"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"}