@health-samurai/react-components 0.0.0-alpha.1 → 0.0.0-alpha.3

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 (251) hide show
  1. package/dist/bundle.css +100 -7
  2. package/dist/src/components/code-editor/index.js +53 -29
  3. package/dist/src/components/code-editor/index.js.map +1 -1
  4. package/dist/src/components/code-editor.stories.js +22 -7
  5. package/dist/src/components/code-editor.stories.js.map +1 -1
  6. package/dist/src/components/copy-icon.js +11 -4
  7. package/dist/src/components/copy-icon.js.map +1 -1
  8. package/dist/src/components/request-line-editor.js +56 -14
  9. package/dist/src/components/request-line-editor.js.map +1 -1
  10. package/dist/src/components/request-line-editor.stories.js +71 -22
  11. package/dist/src/components/request-line-editor.stories.js.map +1 -1
  12. package/dist/src/global.d.js +2 -0
  13. package/dist/src/global.d.js.map +1 -0
  14. package/dist/src/index.css +6 -0
  15. package/dist/src/index.d.ts +1 -0
  16. package/dist/src/index.d.ts.map +1 -1
  17. package/dist/src/index.js +52 -50
  18. package/dist/src/index.js.map +1 -1
  19. package/dist/src/index.stories.js +8 -5
  20. package/dist/src/index.stories.js.map +1 -1
  21. package/dist/src/shadcn/components/ui/accordion.js +34 -5
  22. package/dist/src/shadcn/components/ui/accordion.js.map +1 -1
  23. package/dist/src/shadcn/components/ui/accordion.stories.js +68 -3
  24. package/dist/src/shadcn/components/ui/accordion.stories.js.map +1 -1
  25. package/dist/src/shadcn/components/ui/alert-dialog.js +61 -14
  26. package/dist/src/shadcn/components/ui/alert-dialog.js.map +1 -1
  27. package/dist/src/shadcn/components/ui/alert-dialog.stories.js +39 -4
  28. package/dist/src/shadcn/components/ui/alert-dialog.stories.js.map +1 -1
  29. package/dist/src/shadcn/components/ui/alert.js +24 -8
  30. package/dist/src/shadcn/components/ui/alert.js.map +1 -1
  31. package/dist/src/shadcn/components/ui/alert.stories.js +57 -3
  32. package/dist/src/shadcn/components/ui/alert.stories.js.map +1 -1
  33. package/dist/src/shadcn/components/ui/aspect-ratio.d.ts.map +1 -1
  34. package/dist/src/shadcn/components/ui/aspect-ratio.js +6 -1
  35. package/dist/src/shadcn/components/ui/aspect-ratio.js.map +1 -1
  36. package/dist/src/shadcn/components/ui/aspect-ratio.stories.js +12 -3
  37. package/dist/src/shadcn/components/ui/aspect-ratio.stories.js.map +1 -1
  38. package/dist/src/shadcn/components/ui/avatar.js +17 -4
  39. package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
  40. package/dist/src/shadcn/components/ui/avatar.stories.js +69 -3
  41. package/dist/src/shadcn/components/ui/avatar.stories.js.map +1 -1
  42. package/dist/src/shadcn/components/ui/badge.js +13 -6
  43. package/dist/src/shadcn/components/ui/badge.js.map +1 -1
  44. package/dist/src/shadcn/components/ui/badge.stories.js +55 -3
  45. package/dist/src/shadcn/components/ui/badge.stories.js.map +1 -1
  46. package/dist/src/shadcn/components/ui/breadcrumb.js +56 -11
  47. package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
  48. package/dist/src/shadcn/components/ui/breadcrumb.stories.js +69 -4
  49. package/dist/src/shadcn/components/ui/breadcrumb.stories.js.map +1 -1
  50. package/dist/src/shadcn/components/ui/button.js +23 -13
  51. package/dist/src/shadcn/components/ui/button.js.map +1 -1
  52. package/dist/src/shadcn/components/ui/button.stories.js +190 -10
  53. package/dist/src/shadcn/components/ui/button.stories.js.map +1 -1
  54. package/dist/src/shadcn/components/ui/calendar.d.ts.map +1 -1
  55. package/dist/src/shadcn/components/ui/calendar.js +76 -33
  56. package/dist/src/shadcn/components/ui/calendar.js.map +1 -1
  57. package/dist/src/shadcn/components/ui/calendar.stories.js +12 -5
  58. package/dist/src/shadcn/components/ui/calendar.stories.js.map +1 -1
  59. package/dist/src/shadcn/components/ui/card.js +38 -9
  60. package/dist/src/shadcn/components/ui/card.js.map +1 -1
  61. package/dist/src/shadcn/components/ui/card.stories.js +91 -6
  62. package/dist/src/shadcn/components/ui/card.stories.js.map +1 -1
  63. package/dist/src/shadcn/components/ui/carousel.js +99 -39
  64. package/dist/src/shadcn/components/ui/carousel.js.map +1 -1
  65. package/dist/src/shadcn/components/ui/carousel.stories.js +30 -6
  66. package/dist/src/shadcn/components/ui/carousel.stories.js.map +1 -1
  67. package/dist/src/shadcn/components/ui/chart.d.ts.map +1 -1
  68. package/dist/src/shadcn/components/ui/chart.js +119 -55
  69. package/dist/src/shadcn/components/ui/chart.js.map +1 -1
  70. package/dist/src/shadcn/components/ui/chart.stories.js +72 -12
  71. package/dist/src/shadcn/components/ui/chart.stories.js.map +1 -1
  72. package/dist/src/shadcn/components/ui/checkbox.d.ts.map +1 -1
  73. package/dist/src/shadcn/components/ui/checkbox.js +15 -2
  74. package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
  75. package/dist/src/shadcn/components/ui/checkbox.stories.js +79 -4
  76. package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
  77. package/dist/src/shadcn/components/ui/collapsible.js +13 -3
  78. package/dist/src/shadcn/components/ui/collapsible.js.map +1 -1
  79. package/dist/src/shadcn/components/ui/collapsible.stories.js +54 -6
  80. package/dist/src/shadcn/components/ui/collapsible.stories.js.map +1 -1
  81. package/dist/src/shadcn/components/ui/command.js +77 -12
  82. package/dist/src/shadcn/components/ui/command.js.map +1 -1
  83. package/dist/src/shadcn/components/ui/command.stories.js +88 -4
  84. package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
  85. package/dist/src/shadcn/components/ui/context-menu.d.ts.map +1 -1
  86. package/dist/src/shadcn/components/ui/context-menu.js +107 -17
  87. package/dist/src/shadcn/components/ui/context-menu.js.map +1 -1
  88. package/dist/src/shadcn/components/ui/context-menu.stories.js +101 -3
  89. package/dist/src/shadcn/components/ui/context-menu.stories.js.map +1 -1
  90. package/dist/src/shadcn/components/ui/dialog.js +69 -12
  91. package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
  92. package/dist/src/shadcn/components/ui/dialog.stories.js +82 -6
  93. package/dist/src/shadcn/components/ui/dialog.stories.js.map +1 -1
  94. package/dist/src/shadcn/components/ui/drawer.d.ts.map +1 -1
  95. package/dist/src/shadcn/components/ui/drawer.js +62 -12
  96. package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
  97. package/dist/src/shadcn/components/ui/drawer.stories.js +154 -21
  98. package/dist/src/shadcn/components/ui/drawer.stories.js.map +1 -1
  99. package/dist/src/shadcn/components/ui/dropdown-menu.js +107 -17
  100. package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
  101. package/dist/src/shadcn/components/ui/dropdown-menu.stories.js +119 -4
  102. package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map +1 -1
  103. package/dist/src/shadcn/components/ui/form.d.ts.map +1 -1
  104. package/dist/src/shadcn/components/ui/form.js +59 -18
  105. package/dist/src/shadcn/components/ui/form.js.map +1 -1
  106. package/dist/src/shadcn/components/ui/form.stories.js +45 -11
  107. package/dist/src/shadcn/components/ui/form.stories.js.map +1 -1
  108. package/dist/src/shadcn/components/ui/hover-card.d.ts.map +1 -1
  109. package/dist/src/shadcn/components/ui/hover-card.js +21 -4
  110. package/dist/src/shadcn/components/ui/hover-card.js.map +1 -1
  111. package/dist/src/shadcn/components/ui/hover-card.stories.js +51 -5
  112. package/dist/src/shadcn/components/ui/hover-card.stories.js.map +1 -1
  113. package/dist/src/shadcn/components/ui/input-otp.js +35 -7
  114. package/dist/src/shadcn/components/ui/input-otp.js.map +1 -1
  115. package/dist/src/shadcn/components/ui/input-otp.stories.js +35 -3
  116. package/dist/src/shadcn/components/ui/input-otp.stories.js.map +1 -1
  117. package/dist/src/shadcn/components/ui/input.js +59 -40
  118. package/dist/src/shadcn/components/ui/input.js.map +1 -1
  119. package/dist/src/shadcn/components/ui/input.stories.js +391 -23
  120. package/dist/src/shadcn/components/ui/input.stories.js.map +1 -1
  121. package/dist/src/shadcn/components/ui/label.d.ts.map +1 -1
  122. package/dist/src/shadcn/components/ui/label.js +8 -2
  123. package/dist/src/shadcn/components/ui/label.js.map +1 -1
  124. package/dist/src/shadcn/components/ui/label.stories.js +18 -4
  125. package/dist/src/shadcn/components/ui/label.stories.js.map +1 -1
  126. package/dist/src/shadcn/components/ui/menubar.js +116 -19
  127. package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
  128. package/dist/src/shadcn/components/ui/menubar.stories.js +216 -3
  129. package/dist/src/shadcn/components/ui/menubar.stories.js.map +1 -1
  130. package/dist/src/shadcn/components/ui/navigation-menu.js +62 -10
  131. package/dist/src/shadcn/components/ui/navigation-menu.js.map +1 -1
  132. package/dist/src/shadcn/components/ui/navigation-menu.stories.js +263 -11
  133. package/dist/src/shadcn/components/ui/navigation-menu.stories.js.map +1 -1
  134. package/dist/src/shadcn/components/ui/pagination.js +73 -16
  135. package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
  136. package/dist/src/shadcn/components/ui/pagination.stories.js +41 -3
  137. package/dist/src/shadcn/components/ui/pagination.stories.js.map +1 -1
  138. package/dist/src/shadcn/components/ui/popover.d.ts.map +1 -1
  139. package/dist/src/shadcn/components/ui/popover.js +24 -5
  140. package/dist/src/shadcn/components/ui/popover.js.map +1 -1
  141. package/dist/src/shadcn/components/ui/popover.stories.js +99 -6
  142. package/dist/src/shadcn/components/ui/popover.stories.js.map +1 -1
  143. package/dist/src/shadcn/components/ui/progress.js +14 -2
  144. package/dist/src/shadcn/components/ui/progress.js.map +1 -1
  145. package/dist/src/shadcn/components/ui/progress.stories.js +12 -8
  146. package/dist/src/shadcn/components/ui/progress.stories.js.map +1 -1
  147. package/dist/src/shadcn/components/ui/radio-group.d.ts.map +1 -1
  148. package/dist/src/shadcn/components/ui/radio-group.js +20 -3
  149. package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
  150. package/dist/src/shadcn/components/ui/radio-group.stories.js +48 -4
  151. package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
  152. package/dist/src/shadcn/components/ui/resizable.js +22 -4
  153. package/dist/src/shadcn/components/ui/resizable.js.map +1 -1
  154. package/dist/src/shadcn/components/ui/resizable.stories.js +49 -3
  155. package/dist/src/shadcn/components/ui/resizable.stories.js.map +1 -1
  156. package/dist/src/shadcn/components/ui/scroll-area.d.ts.map +1 -1
  157. package/dist/src/shadcn/components/ui/scroll-area.js +27 -5
  158. package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
  159. package/dist/src/shadcn/components/ui/scroll-area.stories.js +30 -5
  160. package/dist/src/shadcn/components/ui/scroll-area.stories.js.map +1 -1
  161. package/dist/src/shadcn/components/ui/select.js +98 -19
  162. package/dist/src/shadcn/components/ui/select.js.map +1 -1
  163. package/dist/src/shadcn/components/ui/select.stories.js +84 -5
  164. package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
  165. package/dist/src/shadcn/components/ui/separator.d.ts.map +1 -1
  166. package/dist/src/shadcn/components/ui/separator.js +10 -2
  167. package/dist/src/shadcn/components/ui/separator.js.map +1 -1
  168. package/dist/src/shadcn/components/ui/separator.stories.js +43 -3
  169. package/dist/src/shadcn/components/ui/separator.stories.js.map +1 -1
  170. package/dist/src/shadcn/components/ui/sheet.js +69 -16
  171. package/dist/src/shadcn/components/ui/sheet.js.map +1 -1
  172. package/dist/src/shadcn/components/ui/sheet.stories.js +77 -6
  173. package/dist/src/shadcn/components/ui/sheet.stories.js.map +1 -1
  174. package/dist/src/shadcn/components/ui/sidebar.d.ts.map +1 -1
  175. package/dist/src/shadcn/components/ui/sidebar.js +305 -79
  176. package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
  177. package/dist/src/shadcn/components/ui/sidebar.stories.js +321 -59
  178. package/dist/src/shadcn/components/ui/sidebar.stories.js.map +1 -1
  179. package/dist/src/shadcn/components/ui/skeleton.js +7 -2
  180. package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
  181. package/dist/src/shadcn/components/ui/skeleton.stories.js +22 -3
  182. package/dist/src/shadcn/components/ui/skeleton.stories.js.map +1 -1
  183. package/dist/src/shadcn/components/ui/slider.d.ts.map +1 -1
  184. package/dist/src/shadcn/components/ui/slider.js +41 -7
  185. package/dist/src/shadcn/components/ui/slider.js.map +1 -1
  186. package/dist/src/shadcn/components/ui/slider.stories.js +11 -3
  187. package/dist/src/shadcn/components/ui/slider.stories.js.map +1 -1
  188. package/dist/src/shadcn/components/ui/sonner.js +10 -4
  189. package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
  190. package/dist/src/shadcn/components/ui/sonner.stories.js +14 -9
  191. package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
  192. package/dist/src/shadcn/components/ui/switch.d.ts.map +1 -1
  193. package/dist/src/shadcn/components/ui/switch.js +12 -2
  194. package/dist/src/shadcn/components/ui/switch.js.map +1 -1
  195. package/dist/src/shadcn/components/ui/switch.stories.js +16 -4
  196. package/dist/src/shadcn/components/ui/switch.stories.js.map +1 -1
  197. package/dist/src/shadcn/components/ui/table.js +47 -10
  198. package/dist/src/shadcn/components/ui/table.js.map +1 -1
  199. package/dist/src/shadcn/components/ui/table.stories.js +72 -11
  200. package/dist/src/shadcn/components/ui/table.stories.js.map +1 -1
  201. package/dist/src/shadcn/components/ui/tabs.d.ts +9 -5
  202. package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
  203. package/dist/src/shadcn/components/ui/tabs.js +76 -18
  204. package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
  205. package/dist/src/shadcn/components/ui/tabs.stories.d.ts +6 -0
  206. package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
  207. package/dist/src/shadcn/components/ui/tabs.stories.js +221 -10
  208. package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
  209. package/dist/src/shadcn/components/ui/textarea.js +7 -2
  210. package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
  211. package/dist/src/shadcn/components/ui/textarea.stories.js +6 -3
  212. package/dist/src/shadcn/components/ui/textarea.stories.js.map +1 -1
  213. package/dist/src/shadcn/components/ui/toggle-group.js +29 -8
  214. package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
  215. package/dist/src/shadcn/components/ui/toggle-group.stories.js +30 -3
  216. package/dist/src/shadcn/components/ui/toggle-group.stories.js.map +1 -1
  217. package/dist/src/shadcn/components/ui/toggle.js +16 -7
  218. package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
  219. package/dist/src/shadcn/components/ui/toggle.stories.js +9 -3
  220. package/dist/src/shadcn/components/ui/toggle.stories.js.map +1 -1
  221. package/dist/src/shadcn/components/ui/tooltip.d.ts.map +1 -1
  222. package/dist/src/shadcn/components/ui/tooltip.js +27 -5
  223. package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
  224. package/dist/src/shadcn/components/ui/tooltip.stories.js +20 -4
  225. package/dist/src/shadcn/components/ui/tooltip.stories.js.map +1 -1
  226. package/dist/src/shadcn/hooks/use-mobile.js +4 -3
  227. package/dist/src/shadcn/hooks/use-mobile.js.map +1 -1
  228. package/dist/src/shadcn/lib/utils.js +1 -0
  229. package/dist/src/shadcn/lib/utils.js.map +1 -1
  230. package/package.json +8 -4
  231. package/src/index.css +6 -0
  232. package/src/index.tsx +1 -0
  233. package/src/shadcn/components/ui/aspect-ratio.tsx +1 -0
  234. package/src/shadcn/components/ui/calendar.tsx +1 -0
  235. package/src/shadcn/components/ui/chart.tsx +1 -0
  236. package/src/shadcn/components/ui/checkbox.tsx +1 -0
  237. package/src/shadcn/components/ui/context-menu.tsx +1 -0
  238. package/src/shadcn/components/ui/drawer.tsx +1 -0
  239. package/src/shadcn/components/ui/form.tsx +1 -0
  240. package/src/shadcn/components/ui/hover-card.tsx +1 -0
  241. package/src/shadcn/components/ui/label.tsx +1 -0
  242. package/src/shadcn/components/ui/popover.tsx +1 -0
  243. package/src/shadcn/components/ui/radio-group.tsx +1 -0
  244. package/src/shadcn/components/ui/scroll-area.tsx +1 -0
  245. package/src/shadcn/components/ui/separator.tsx +1 -0
  246. package/src/shadcn/components/ui/sidebar.tsx +1 -0
  247. package/src/shadcn/components/ui/slider.tsx +1 -0
  248. package/src/shadcn/components/ui/switch.tsx +1 -0
  249. package/src/shadcn/components/ui/tabs.stories.tsx +57 -0
  250. package/src/shadcn/components/ui/tabs.tsx +77 -26
  251. package/src/shadcn/components/ui/tooltip.tsx +1 -0
@@ -1 +1 @@
1
- {"version":3,"file":"radio-group.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,mCAAmC,CAAC;AAE/E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;CACf,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,UAAU,IAAC,YAAY,EAAC,aAAa,aACrC,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,GAAG,EAC1C,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,wBAAgB,IAC9B,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,aAAa,EAAC,EAAE,EAAC,IAAI,GAAG,EAC9C,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,4BAAoB,IAClC,EACN,eAAK,SAAS,EAAC,yBAAyB,aACvC,KAAC,cAAc,IAAC,KAAK,EAAC,SAAS,EAAC,EAAE,EAAC,IAAI,GAAG,EAC1C,KAAC,KAAK,IAAC,OAAO,EAAC,IAAI,wBAAgB,IAC9B,IACM,CACb;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/radio-group.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport { RadioGroup, RadioGroupItem } from \"#shadcn/components/ui/radio-group\";\n\nconst meta = {\n\ttitle: \"Component/Radio group\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<RadioGroup defaultValue=\"comfortable\">\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"default\" id=\"r1\" />\n\t\t\t\t<Label htmlFor=\"r1\">Default</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"comfortable\" id=\"r2\" />\n\t\t\t\t<Label htmlFor=\"r2\">Comfortable</Label>\n\t\t\t</div>\n\t\t\t<div className=\"flex items-center gap-3\">\n\t\t\t\t<RadioGroupItem value=\"compact\" id=\"r3\" />\n\t\t\t\t<Label htmlFor=\"r3\">Compact</Label>\n\t\t\t</div>\n\t\t</RadioGroup>\n\t),\n} satisfies Story;\n"],"names":["Label","RadioGroup","RadioGroupItem","meta","title","Demo","render","defaultValue","div","className","value","id","htmlFor"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SAASC,UAAU,EAAEC,cAAc,QAAQ,mBAAoC;AAE/E,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACL;YAAWM,cAAa;;8BACxB,MAACC;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAUC,IAAG;;sCACnC,KAACX;4BAAMY,SAAQ;sCAAK;;;;8BAErB,MAACJ;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAcC,IAAG;;sCACvC,KAACX;4BAAMY,SAAQ;sCAAK;;;;8BAErB,MAACJ;oBAAIC,WAAU;;sCACd,KAACP;4BAAeQ,OAAM;4BAAUC,IAAG;;sCACnC,KAACX;4BAAMY,SAAQ;sCAAK;;;;;;AAIxB,EAAkB"}
@@ -1,15 +1,33 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { GripVerticalIcon } from "lucide-react";
3
3
  import * as ResizablePrimitive from "react-resizable-panels";
4
- import { cn } from "#shadcn/lib/utils";
4
+ import { cn } from "../../lib/utils.js";
5
5
  function ResizablePanelGroup({ className, ...props }) {
6
- return (_jsx(ResizablePrimitive.PanelGroup, { "data-slot": "resizable-panel-group", className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className), ...props }));
6
+ return /*#__PURE__*/ _jsx(ResizablePrimitive.PanelGroup, {
7
+ "data-slot": "resizable-panel-group",
8
+ className: cn("flex h-full w-full data-[panel-group-direction=vertical]:flex-col", className),
9
+ ...props
10
+ });
7
11
  }
8
12
  function ResizablePanel({ ...props }) {
9
- return _jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", ...props });
13
+ return /*#__PURE__*/ _jsx(ResizablePrimitive.Panel, {
14
+ "data-slot": "resizable-panel",
15
+ ...props
16
+ });
10
17
  }
11
18
  function ResizableHandle({ withHandle, className, ...props }) {
12
- return (_jsx(ResizablePrimitive.PanelResizeHandle, { "data-slot": "resizable-handle", className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className), ...props, children: withHandle && (_jsx("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: _jsx(GripVerticalIcon, { className: "size-2.5" }) })) }));
19
+ return /*#__PURE__*/ _jsx(ResizablePrimitive.PanelResizeHandle, {
20
+ "data-slot": "resizable-handle",
21
+ className: cn("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90", className),
22
+ ...props,
23
+ children: withHandle && /*#__PURE__*/ _jsx("div", {
24
+ className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
25
+ children: /*#__PURE__*/ _jsx(GripVerticalIcon, {
26
+ className: "size-2.5"
27
+ })
28
+ })
29
+ });
13
30
  }
14
31
  export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
32
+
15
33
  //# sourceMappingURL=resizable.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"resizable.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAEhD,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,mBAAmB,CAAC,EAC5B,SAAS,EACT,GAAG,KAAK,EACoD;IAC5D,OAAO,CACN,KAAC,kBAAkB,CAAC,UAAU,iBACnB,uBAAuB,EACjC,SAAS,EAAE,EAAE,CACZ,mEAAmE,EACnE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,GAAG,KAAK,EAC+C;IACvD,OAAO,KAAC,kBAAkB,CAAC,KAAK,iBAAW,iBAAiB,KAAK,KAAK,GAAI,CAAC;AAC5E,CAAC;AAED,SAAS,eAAe,CAAC,EACxB,UAAU,EACV,SAAS,EACT,GAAG,KAAK,EAGR;IACA,OAAO,CACN,KAAC,kBAAkB,CAAC,iBAAiB,iBAC1B,kBAAkB,EAC5B,SAAS,EAAE,EAAE,CACZ,2oBAA2oB,EAC3oB,SAAS,CACT,KACG,KAAK,YAER,UAAU,IAAI,CACd,cAAK,SAAS,EAAC,2EAA2E,YACzF,KAAC,gBAAgB,IAAC,SAAS,EAAC,UAAU,GAAG,GACpC,CACN,GACqC,CACvC,CAAC;AACH,CAAC;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.tsx"],"sourcesContent":["import { GripVerticalIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport * as ResizablePrimitive from \"react-resizable-panels\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ResizablePanelGroup({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n\treturn (\n\t\t<ResizablePrimitive.PanelGroup\n\t\t\tdata-slot=\"resizable-panel-group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ResizablePanel({\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n\treturn <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />;\n}\n\nfunction ResizableHandle({\n\twithHandle,\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n\twithHandle?: boolean;\n}) {\n\treturn (\n\t\t<ResizablePrimitive.PanelResizeHandle\n\t\t\tdata-slot=\"resizable-handle\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{withHandle && (\n\t\t\t\t<div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n\t\t\t\t\t<GripVerticalIcon className=\"size-2.5\" />\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</ResizablePrimitive.PanelResizeHandle>\n\t);\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle };\n"],"names":["GripVerticalIcon","ResizablePrimitive","cn","ResizablePanelGroup","className","props","PanelGroup","data-slot","ResizablePanel","Panel","ResizableHandle","withHandle","PanelResizeHandle","div"],"mappings":";AAAA,SAASA,gBAAgB,QAAQ,eAAe;AAEhD,YAAYC,wBAAwB,yBAAyB;AAE7D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,oBAAoB,EAC5BC,SAAS,EACT,GAAGC,OACyD;IAC5D,qBACC,KAACJ,mBAAmBK,UAAU;QAC7BC,aAAU;QACVH,WAAWF,GACV,qEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,eAAe,EACvB,GAAGH,OACoD;IACvD,qBAAO,KAACJ,mBAAmBQ,KAAK;QAACF,aAAU;QAAmB,GAAGF,KAAK;;AACvE;AAEA,SAASK,gBAAgB,EACxBC,UAAU,EACVP,SAAS,EACT,GAAGC,OAGH;IACA,qBACC,KAACJ,mBAAmBW,iBAAiB;QACpCL,aAAU;QACVH,WAAWF,GACV,6oBACAE;QAEA,GAAGC,KAAK;kBAERM,4BACA,KAACE;YAAIT,WAAU;sBACd,cAAA,KAACJ;gBAAiBI,WAAU;;;;AAKjC;AAEA,SAASD,mBAAmB,EAAEK,cAAc,EAAEE,eAAe,GAAG"}
@@ -1,10 +1,56 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "#shadcn/components/ui/resizable";
2
+ import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./resizable.js";
3
3
  const meta = {
4
- title: "Component/Resizable",
4
+ title: "Component/Resizable"
5
5
  };
6
6
  export default meta;
7
7
  export const Demo = {
8
- render: () => (_jsxs(ResizablePanelGroup, { direction: "horizontal", className: "max-w-md rounded-lg border md:min-w-[450px]", children: [_jsx(ResizablePanel, { defaultSize: 50, children: _jsx("div", { className: "flex h-[200px] items-center justify-center p-6", children: _jsx("span", { className: "font-semibold", children: "One" }) }) }), _jsx(ResizableHandle, {}), _jsx(ResizablePanel, { defaultSize: 50, children: _jsxs(ResizablePanelGroup, { direction: "vertical", children: [_jsx(ResizablePanel, { defaultSize: 25, children: _jsx("div", { className: "flex h-full items-center justify-center p-6", children: _jsx("span", { className: "font-semibold", children: "Two" }) }) }), _jsx(ResizableHandle, {}), _jsx(ResizablePanel, { defaultSize: 75, children: _jsx("div", { className: "flex h-full items-center justify-center p-6", children: _jsx("span", { className: "font-semibold", children: "Three" }) }) })] }) })] })),
8
+ render: ()=>/*#__PURE__*/ _jsxs(ResizablePanelGroup, {
9
+ direction: "horizontal",
10
+ className: "max-w-md rounded-lg border md:min-w-[450px]",
11
+ children: [
12
+ /*#__PURE__*/ _jsx(ResizablePanel, {
13
+ defaultSize: 50,
14
+ children: /*#__PURE__*/ _jsx("div", {
15
+ className: "flex h-[200px] items-center justify-center p-6",
16
+ children: /*#__PURE__*/ _jsx("span", {
17
+ className: "font-semibold",
18
+ children: "One"
19
+ })
20
+ })
21
+ }),
22
+ /*#__PURE__*/ _jsx(ResizableHandle, {}),
23
+ /*#__PURE__*/ _jsx(ResizablePanel, {
24
+ defaultSize: 50,
25
+ children: /*#__PURE__*/ _jsxs(ResizablePanelGroup, {
26
+ direction: "vertical",
27
+ children: [
28
+ /*#__PURE__*/ _jsx(ResizablePanel, {
29
+ defaultSize: 25,
30
+ children: /*#__PURE__*/ _jsx("div", {
31
+ className: "flex h-full items-center justify-center p-6",
32
+ children: /*#__PURE__*/ _jsx("span", {
33
+ className: "font-semibold",
34
+ children: "Two"
35
+ })
36
+ })
37
+ }),
38
+ /*#__PURE__*/ _jsx(ResizableHandle, {}),
39
+ /*#__PURE__*/ _jsx(ResizablePanel, {
40
+ defaultSize: 75,
41
+ children: /*#__PURE__*/ _jsx("div", {
42
+ className: "flex h-full items-center justify-center p-6",
43
+ children: /*#__PURE__*/ _jsx("span", {
44
+ className: "font-semibold",
45
+ children: "Three"
46
+ })
47
+ })
48
+ })
49
+ ]
50
+ })
51
+ })
52
+ ]
53
+ })
9
54
  };
55
+
10
56
  //# sourceMappingURL=resizable.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"resizable.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/resizable.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,eAAe,EACf,cAAc,EACd,mBAAmB,GACnB,MAAM,iCAAiC,CAAC;AAEzC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,qBAAqB;CACb,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,mBAAmB,IACnB,SAAS,EAAC,YAAY,EACtB,SAAS,EAAC,6CAA6C,aAEvD,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,cAAK,SAAS,EAAC,gDAAgD,YAC9D,eAAM,SAAS,EAAC,eAAe,oBAAW,GACrC,GACU,EACjB,KAAC,eAAe,KAAG,EACnB,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,MAAC,mBAAmB,IAAC,SAAS,EAAC,UAAU,aACxC,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,cAAK,SAAS,EAAC,6CAA6C,YAC3D,eAAM,SAAS,EAAC,eAAe,oBAAW,GACrC,GACU,EACjB,KAAC,eAAe,KAAG,EACnB,KAAC,cAAc,IAAC,WAAW,EAAE,EAAE,YAC9B,cAAK,SAAS,EAAC,6CAA6C,YAC3D,eAAM,SAAS,EAAC,eAAe,sBAAa,GACvC,GACU,IACI,GACN,IACI,CACtB;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/resizable.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tResizableHandle,\n\tResizablePanel,\n\tResizablePanelGroup,\n} from \"#shadcn/components/ui/resizable\";\n\nconst meta = {\n\ttitle: \"Component/Resizable\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ResizablePanelGroup\n\t\t\tdirection=\"horizontal\"\n\t\t\tclassName=\"max-w-md rounded-lg border md:min-w-[450px]\"\n\t\t>\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<div className=\"flex h-[200px] items-center justify-center p-6\">\n\t\t\t\t\t<span className=\"font-semibold\">One</span>\n\t\t\t\t</div>\n\t\t\t</ResizablePanel>\n\t\t\t<ResizableHandle />\n\t\t\t<ResizablePanel defaultSize={50}>\n\t\t\t\t<ResizablePanelGroup direction=\"vertical\">\n\t\t\t\t\t<ResizablePanel defaultSize={25}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Two</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t\t<ResizableHandle />\n\t\t\t\t\t<ResizablePanel defaultSize={75}>\n\t\t\t\t\t\t<div className=\"flex h-full items-center justify-center p-6\">\n\t\t\t\t\t\t\t<span className=\"font-semibold\">Three</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ResizablePanel>\n\t\t\t\t</ResizablePanelGroup>\n\t\t\t</ResizablePanel>\n\t\t</ResizablePanelGroup>\n\t),\n} satisfies Story;\n"],"names":["ResizableHandle","ResizablePanel","ResizablePanelGroup","meta","title","Demo","render","direction","className","defaultSize","div","span"],"mappings":";AACA,SACCA,eAAe,EACfC,cAAc,EACdC,mBAAmB,QACb,iBAAkC;AAEzC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACJ;YACAK,WAAU;YACVC,WAAU;;8BAEV,KAACP;oBAAeQ,aAAa;8BAC5B,cAAA,KAACC;wBAAIF,WAAU;kCACd,cAAA,KAACG;4BAAKH,WAAU;sCAAgB;;;;8BAGlC,KAACR;8BACD,KAACC;oBAAeQ,aAAa;8BAC5B,cAAA,MAACP;wBAAoBK,WAAU;;0CAC9B,KAACN;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;0CAGlC,KAACR;0CACD,KAACC;gCAAeQ,aAAa;0CAC5B,cAAA,KAACC;oCAAIF,WAAU;8CACd,cAAA,KAACG;wCAAKH,WAAU;kDAAgB;;;;;;;;;AAOvC,EAAkB"}
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"scroll-area.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AACnE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,IAAI,CAAC,2CAiBvD;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAwB,EACxB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,mBAAmB,CAAC,mBAAmB,CAAC,2CAqBtE;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
@@ -1,13 +1,35 @@
1
+ "use client";
1
2
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
3
  import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
3
- import { cn } from "#shadcn/lib/utils";
4
+ import { cn } from "../../lib/utils.js";
4
5
  function ScrollArea({ className, children, ...props }) {
5
- return (_jsxs(ScrollAreaPrimitive.Root, { "data-slot": "scroll-area", className: cn("relative", className), ...props, children: [_jsx(ScrollAreaPrimitive.Viewport, { "data-slot": "scroll-area-viewport", className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1", children: children }), _jsx(ScrollBar, {}), _jsx(ScrollAreaPrimitive.Corner, {})] }));
6
+ return /*#__PURE__*/ _jsxs(ScrollAreaPrimitive.Root, {
7
+ "data-slot": "scroll-area",
8
+ className: cn("relative", className),
9
+ ...props,
10
+ children: [
11
+ /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Viewport, {
12
+ "data-slot": "scroll-area-viewport",
13
+ className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
14
+ children: children
15
+ }),
16
+ /*#__PURE__*/ _jsx(ScrollBar, {}),
17
+ /*#__PURE__*/ _jsx(ScrollAreaPrimitive.Corner, {})
18
+ ]
19
+ });
6
20
  }
7
21
  function ScrollBar({ className, orientation = "vertical", ...props }) {
8
- return (_jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, { "data-slot": "scroll-area-scrollbar", orientation: orientation, className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" &&
9
- "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" &&
10
- "h-2.5 flex-col border-t border-t-transparent", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-area-thumb", className: "bg-border relative flex-1 rounded-full" }) }));
22
+ return /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaScrollbar, {
23
+ "data-slot": "scroll-area-scrollbar",
24
+ orientation: orientation,
25
+ className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
26
+ ...props,
27
+ children: /*#__PURE__*/ _jsx(ScrollAreaPrimitive.ScrollAreaThumb, {
28
+ "data-slot": "scroll-area-thumb",
29
+ className: "bg-border relative flex-1 rounded-full"
30
+ })
31
+ });
11
32
  }
12
33
  export { ScrollArea, ScrollBar };
34
+
13
35
  //# sourceMappingURL=scroll-area.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,mBAAmB,MAAM,6BAA6B,CAAC;AAGnE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,UAAU,CAAC,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,MAAC,mBAAmB,CAAC,IAAI,iBACd,aAAa,EACvB,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,KAChC,KAAK,aAET,KAAC,mBAAmB,CAAC,QAAQ,iBAClB,sBAAsB,EAChC,SAAS,EAAC,oJAAoJ,YAE7J,QAAQ,GACqB,EAC/B,KAAC,SAAS,KAAG,EACb,KAAC,mBAAmB,CAAC,MAAM,KAAG,IACJ,CAC3B,CAAC;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAW,GAAG,UAAU,EACxB,GAAG,KAAK,EAC8D;IACtE,OAAO,CACN,KAAC,mBAAmB,CAAC,mBAAmB,iBAC7B,uBAAuB,EACjC,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACZ,oDAAoD,EACpD,WAAW,KAAK,UAAU;YACzB,4CAA4C,EAC7C,WAAW,KAAK,YAAY;YAC3B,8CAA8C,EAC/C,SAAS,CACT,KACG,KAAK,YAET,KAAC,mBAAmB,CAAC,eAAe,iBACzB,mBAAmB,EAC7B,SAAS,EAAC,wCAAwC,GACjD,GACuC,CAC1C,CAAC;AACH,CAAC;AAED,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.tsx"],"sourcesContent":["\"use client\";\nimport * as ScrollAreaPrimitive from \"@radix-ui/react-scroll-area\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction ScrollArea({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.Root>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.Root\n\t\t\tdata-slot=\"scroll-area\"\n\t\t\tclassName={cn(\"relative\", className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.Viewport\n\t\t\t\tdata-slot=\"scroll-area-viewport\"\n\t\t\t\tclassName=\"focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1\"\n\t\t\t>\n\t\t\t\t{children}\n\t\t\t</ScrollAreaPrimitive.Viewport>\n\t\t\t<ScrollBar />\n\t\t\t<ScrollAreaPrimitive.Corner />\n\t\t</ScrollAreaPrimitive.Root>\n\t);\n}\n\nfunction ScrollBar({\n\tclassName,\n\torientation = \"vertical\",\n\t...props\n}: React.ComponentProps<typeof ScrollAreaPrimitive.ScrollAreaScrollbar>) {\n\treturn (\n\t\t<ScrollAreaPrimitive.ScrollAreaScrollbar\n\t\t\tdata-slot=\"scroll-area-scrollbar\"\n\t\t\torientation={orientation}\n\t\t\tclassName={cn(\n\t\t\t\t\"flex touch-none p-px transition-colors select-none\",\n\t\t\t\torientation === \"vertical\" &&\n\t\t\t\t\t\"h-full w-2.5 border-l border-l-transparent\",\n\t\t\t\torientation === \"horizontal\" &&\n\t\t\t\t\t\"h-2.5 flex-col border-t border-t-transparent\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ScrollAreaPrimitive.ScrollAreaThumb\n\t\t\t\tdata-slot=\"scroll-area-thumb\"\n\t\t\t\tclassName=\"bg-border relative flex-1 rounded-full\"\n\t\t\t/>\n\t\t</ScrollAreaPrimitive.ScrollAreaScrollbar>\n\t);\n}\n\nexport { ScrollArea, ScrollBar };\n"],"names":["ScrollAreaPrimitive","cn","ScrollArea","className","children","props","Root","data-slot","Viewport","ScrollBar","Corner","orientation","ScrollAreaScrollbar","ScrollAreaThumb"],"mappings":"AAAA;;AACA,YAAYA,yBAAyB,8BAA8B;AAGnE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,WAAW,EACnBC,SAAS,EACTC,QAAQ,EACR,GAAGC,OACoD;IACvD,qBACC,MAACL,oBAAoBM,IAAI;QACxBC,aAAU;QACVJ,WAAWF,GAAG,YAAYE;QACzB,GAAGE,KAAK;;0BAET,KAACL,oBAAoBQ,QAAQ;gBAC5BD,aAAU;gBACVJ,WAAU;0BAETC;;0BAEF,KAACK;0BACD,KAACT,oBAAoBU,MAAM;;;AAG9B;AAEA,SAASD,UAAU,EAClBN,SAAS,EACTQ,cAAc,UAAU,EACxB,GAAGN,OACmE;IACtE,qBACC,KAACL,oBAAoBY,mBAAmB;QACvCL,aAAU;QACVI,aAAaA;QACbR,WAAWF,GACV,sDACAU,gBAAgB,cACf,8CACDA,gBAAgB,gBACf,gDACDR;QAEA,GAAGE,KAAK;kBAET,cAAA,KAACL,oBAAoBa,eAAe;YACnCN,aAAU;YACVJ,WAAU;;;AAId;AAEA,SAASD,UAAU,EAAEO,SAAS,GAAG"}
@@ -1,13 +1,38 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as React from "react";
3
- import { ScrollArea } from "#shadcn/components/ui/scroll-area";
4
- import { Separator } from "#shadcn/components/ui/separator";
5
- const tags = Array.from({ length: 50 }).map((_, i, a) => `v1.2.0-beta.${a.length - i}`);
3
+ import { ScrollArea } from "./scroll-area.js";
4
+ import { Separator } from "./separator.js";
5
+ const tags = Array.from({
6
+ length: 50
7
+ }).map((_, i, a)=>`v1.2.0-beta.${a.length - i}`);
6
8
  const meta = {
7
- title: "Component/Scroll area",
9
+ title: "Component/Scroll area"
8
10
  };
9
11
  export default meta;
10
12
  export const Demo = {
11
- render: () => (_jsx(ScrollArea, { className: "h-72 w-48 rounded-md border", children: _jsxs("div", { className: "p-4", children: [_jsx("h4", { className: "mb-4 text-sm leading-none font-medium", children: "Tags" }), tags.map((tag) => (_jsxs(React.Fragment, { children: [_jsx("div", { className: "text-sm", children: tag }), _jsx(Separator, { className: "my-2" })] }, tag)))] }) })),
13
+ render: ()=>/*#__PURE__*/ _jsx(ScrollArea, {
14
+ className: "h-72 w-48 rounded-md border",
15
+ children: /*#__PURE__*/ _jsxs("div", {
16
+ className: "p-4",
17
+ children: [
18
+ /*#__PURE__*/ _jsx("h4", {
19
+ className: "mb-4 text-sm leading-none font-medium",
20
+ children: "Tags"
21
+ }),
22
+ tags.map((tag)=>/*#__PURE__*/ _jsxs(React.Fragment, {
23
+ children: [
24
+ /*#__PURE__*/ _jsx("div", {
25
+ className: "text-sm",
26
+ children: tag
27
+ }),
28
+ /*#__PURE__*/ _jsx(Separator, {
29
+ className: "my-2"
30
+ })
31
+ ]
32
+ }, tag))
33
+ ]
34
+ })
35
+ })
12
36
  };
37
+
13
38
  //# sourceMappingURL=scroll-area.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"scroll-area.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/scroll-area.stories.tsx"],"names":[],"mappings":";AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAC1C,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,eAAe,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAC1C,CAAC;AAEF,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uBAAuB;CACf,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,KAAC,UAAU,IAAC,SAAS,EAAC,6BAA6B,YAClD,eAAK,SAAS,EAAC,KAAK,aACnB,aAAI,SAAS,EAAC,uCAAuC,qBAAU,EAC9D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAClB,MAAC,KAAK,CAAC,QAAQ,eACd,cAAK,SAAS,EAAC,SAAS,YAAE,GAAG,GAAO,EACpC,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,KAFV,GAAG,CAGP,CACjB,CAAC,IACG,GACM,CACb;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/scroll-area.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport * as React from \"react\";\nimport { ScrollArea } from \"#shadcn/components/ui/scroll-area\";\nimport { Separator } from \"#shadcn/components/ui/separator\";\n\nconst tags = Array.from({ length: 50 }).map(\n\t(_, i, a) => `v1.2.0-beta.${a.length - i}`,\n);\n\nconst meta = {\n\ttitle: \"Component/Scroll area\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<ScrollArea className=\"h-72 w-48 rounded-md border\">\n\t\t\t<div className=\"p-4\">\n\t\t\t\t<h4 className=\"mb-4 text-sm leading-none font-medium\">Tags</h4>\n\t\t\t\t{tags.map((tag) => (\n\t\t\t\t\t<React.Fragment key={tag}>\n\t\t\t\t\t\t<div className=\"text-sm\">{tag}</div>\n\t\t\t\t\t\t<Separator className=\"my-2\" />\n\t\t\t\t\t</React.Fragment>\n\t\t\t\t))}\n\t\t\t</div>\n\t\t</ScrollArea>\n\t),\n} satisfies Story;\n"],"names":["React","ScrollArea","Separator","tags","Array","from","length","map","_","i","a","meta","title","Demo","render","className","div","h4","tag","Fragment"],"mappings":";AACA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,mBAAoC;AAC/D,SAASC,SAAS,QAAQ,iBAAkC;AAE5D,MAAMC,OAAOC,MAAMC,IAAI,CAAC;IAAEC,QAAQ;AAAG,GAAGC,GAAG,CAC1C,CAACC,GAAGC,GAAGC,IAAM,CAAC,YAAY,EAAEA,EAAEJ,MAAM,GAAGG,GAAG;AAG3C,MAAME,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACb;YAAWc,WAAU;sBACrB,cAAA,MAACC;gBAAID,WAAU;;kCACd,KAACE;wBAAGF,WAAU;kCAAwC;;oBACrDZ,KAAKI,GAAG,CAAC,CAACW,oBACV,MAAClB,MAAMmB,QAAQ;;8CACd,KAACH;oCAAID,WAAU;8CAAWG;;8CAC1B,KAAChB;oCAAUa,WAAU;;;2BAFDG;;;;AAQ1B,EAAkB"}
@@ -2,54 +2,133 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as SelectPrimitive from "@radix-ui/react-select";
3
3
  import { cva } from "class-variance-authority";
4
4
  import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
5
- import { cn } from "#shadcn/lib/utils";
5
+ import { cn } from "../../lib/utils.js";
6
6
  const selectTriggerVariants = cva(cn("border-border-primary hover:border-border-primary_hover data-[placeholder]:text-text-quternary selection:bg-bg-primary", "selection:text-text-primary-foreground [&_svg:not([class*='text-'])]:text-text-quternary flex w-fit items-center justify-between", "gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none", "disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled focus-visible:ring-2 focus-visible:ring-border-link", "data-[state=open]:ring-2 data-[state=open]:ring-border-link disabled:bg-bg-disabled aria-invalid:ring-destructive", "aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary *:data-[slot=select-value]:line-clamp-1", "*:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2", "[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"), {
7
7
  variants: {
8
8
  size: {
9
9
  regular: "h-9",
10
- small: "h-8",
10
+ small: "h-8"
11
11
  },
12
12
  variant: {
13
13
  default: "",
14
- compound: "border-r-0 typo-label",
15
- },
14
+ compound: "border-r-0 typo-label"
15
+ }
16
16
  },
17
17
  defaultVariants: {
18
18
  size: "regular",
19
- variant: "default",
20
- },
19
+ variant: "default"
20
+ }
21
21
  });
22
22
  function Select({ ...props }) {
23
- return _jsx(SelectPrimitive.Root, { "data-slot": "select", ...props });
23
+ return /*#__PURE__*/ _jsx(SelectPrimitive.Root, {
24
+ "data-slot": "select",
25
+ ...props
26
+ });
24
27
  }
25
28
  function SelectGroup({ ...props }) {
26
- return _jsx(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
29
+ return /*#__PURE__*/ _jsx(SelectPrimitive.Group, {
30
+ "data-slot": "select-group",
31
+ ...props
32
+ });
27
33
  }
28
34
  function SelectValue({ ...props }) {
29
- return _jsx(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
35
+ return /*#__PURE__*/ _jsx(SelectPrimitive.Value, {
36
+ "data-slot": "select-value",
37
+ ...props
38
+ });
30
39
  }
31
40
  function SelectTrigger({ className, size, variant, children, ...props }) {
32
- return (_jsxs(SelectPrimitive.Trigger, { "data-slot": "select-trigger", className: cn(selectTriggerVariants({ variant, size, className })), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDownIcon, { className: "size-4 opacity-50" }) })] }));
41
+ return /*#__PURE__*/ _jsxs(SelectPrimitive.Trigger, {
42
+ "data-slot": "select-trigger",
43
+ className: cn(selectTriggerVariants({
44
+ variant,
45
+ size,
46
+ className
47
+ })),
48
+ ...props,
49
+ children: [
50
+ children,
51
+ /*#__PURE__*/ _jsx(SelectPrimitive.Icon, {
52
+ asChild: true,
53
+ children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
54
+ className: "size-4 opacity-50"
55
+ })
56
+ })
57
+ ]
58
+ });
33
59
  }
34
60
  function SelectContent({ className, children, position = "popper", ...props }) {
35
- return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { "data-slot": "select-content", className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" &&
36
- "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
37
- "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
61
+ return /*#__PURE__*/ _jsx(SelectPrimitive.Portal, {
62
+ children: /*#__PURE__*/ _jsxs(SelectPrimitive.Content, {
63
+ "data-slot": "select-content",
64
+ className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
65
+ position: position,
66
+ ...props,
67
+ children: [
68
+ /*#__PURE__*/ _jsx(SelectScrollUpButton, {}),
69
+ /*#__PURE__*/ _jsx(SelectPrimitive.Viewport, {
70
+ className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),
71
+ children: children
72
+ }),
73
+ /*#__PURE__*/ _jsx(SelectScrollDownButton, {})
74
+ ]
75
+ })
76
+ });
38
77
  }
39
78
  function SelectLabel({ className, ...props }) {
40
- return (_jsx(SelectPrimitive.Label, { "data-slot": "select-label", className: cn("text-muted-foreground px-2 py-1.5 text-xs", className), ...props }));
79
+ return /*#__PURE__*/ _jsx(SelectPrimitive.Label, {
80
+ "data-slot": "select-label",
81
+ className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
82
+ ...props
83
+ });
41
84
  }
42
85
  function SelectItem({ className, children, ...props }) {
43
- return (_jsxs(SelectPrimitive.Item, { "data-slot": "select-item", className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className), ...props, children: [_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] }));
86
+ return /*#__PURE__*/ _jsxs(SelectPrimitive.Item, {
87
+ "data-slot": "select-item",
88
+ className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
89
+ ...props,
90
+ children: [
91
+ /*#__PURE__*/ _jsx("span", {
92
+ className: "absolute right-2 flex size-3.5 items-center justify-center",
93
+ children: /*#__PURE__*/ _jsx(SelectPrimitive.ItemIndicator, {
94
+ children: /*#__PURE__*/ _jsx(CheckIcon, {
95
+ className: "size-4"
96
+ })
97
+ })
98
+ }),
99
+ /*#__PURE__*/ _jsx(SelectPrimitive.ItemText, {
100
+ children: children
101
+ })
102
+ ]
103
+ });
44
104
  }
45
105
  function SelectSeparator({ className, ...props }) {
46
- return (_jsx(SelectPrimitive.Separator, { "data-slot": "select-separator", className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className), ...props }));
106
+ return /*#__PURE__*/ _jsx(SelectPrimitive.Separator, {
107
+ "data-slot": "select-separator",
108
+ className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
109
+ ...props
110
+ });
47
111
  }
48
112
  function SelectScrollUpButton({ className, ...props }) {
49
- return (_jsx(SelectPrimitive.ScrollUpButton, { "data-slot": "select-scroll-up-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronUpIcon, { className: "size-4" }) }));
113
+ return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollUpButton, {
114
+ "data-slot": "select-scroll-up-button",
115
+ className: cn("flex cursor-default items-center justify-center py-1", className),
116
+ ...props,
117
+ children: /*#__PURE__*/ _jsx(ChevronUpIcon, {
118
+ className: "size-4"
119
+ })
120
+ });
50
121
  }
51
122
  function SelectScrollDownButton({ className, ...props }) {
52
- return (_jsx(SelectPrimitive.ScrollDownButton, { "data-slot": "select-scroll-down-button", className: cn("flex cursor-default items-center justify-center py-1", className), ...props, children: _jsx(ChevronDownIcon, { className: "size-4" }) }));
123
+ return /*#__PURE__*/ _jsx(SelectPrimitive.ScrollDownButton, {
124
+ "data-slot": "select-scroll-down-button",
125
+ className: cn("flex cursor-default items-center justify-center py-1", className),
126
+ ...props,
127
+ children: /*#__PURE__*/ _jsx(ChevronDownIcon, {
128
+ className: "size-4"
129
+ })
130
+ });
53
131
  }
54
- export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
132
+ export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };
133
+
55
134
  //# sourceMappingURL=select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/select.tsx"],"sourcesContent":["import * as SelectPrimitive from \"@radix-ui/react-select\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from \"lucide-react\";\nimport type * as React from \"react\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst selectTriggerVariants = cva(\n\tcn(\n\t\t\"border-border-primary hover:border-border-primary_hover data-[placeholder]:text-text-quternary selection:bg-bg-primary\",\n\t\t\"selection:text-text-primary-foreground [&_svg:not([class*='text-'])]:text-text-quternary flex w-fit items-center justify-between\",\n\t\t\"gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none\",\n\t\t\"disabled:pointer-events-none disabled:cursor-not-allowed disabled:text-text-disabled focus-visible:ring-2 focus-visible:ring-border-link\",\n\t\t\"data-[state=open]:ring-2 data-[state=open]:ring-border-link disabled:bg-bg-disabled aria-invalid:ring-destructive\",\n\t\t\"aria-invalid:text-text-error-primary aria-invalid:border-border-error-primary *:data-[slot=select-value]:line-clamp-1\",\n\t\t\"*:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2\",\n\t\t\"[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n\t),\n\t{\n\t\tvariants: {\n\t\t\tsize: {\n\t\t\t\tregular: \"h-9\",\n\t\t\t\tsmall: \"h-8\",\n\t\t\t},\n\t\t\tvariant: {\n\t\t\t\tdefault: \"\",\n\t\t\t\tcompound: \"border-r-0 typo-label\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tsize: \"regular\",\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Select({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Root>) {\n\treturn <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Group>) {\n\treturn <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Value>) {\n\treturn <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n\tclassName,\n\tsize,\n\tvariant,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> &\n\tVariantProps<typeof selectTriggerVariants>) {\n\treturn (\n\t\t<SelectPrimitive.Trigger\n\t\t\tdata-slot=\"select-trigger\"\n\t\t\tclassName={cn(selectTriggerVariants({ variant, size, className }))}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<SelectPrimitive.Icon asChild>\n\t\t\t\t<ChevronDownIcon className=\"size-4 opacity-50\" />\n\t\t\t</SelectPrimitive.Icon>\n\t\t</SelectPrimitive.Trigger>\n\t);\n}\n\nfunction SelectContent({\n\tclassName,\n\tchildren,\n\tposition = \"popper\",\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n\treturn (\n\t\t<SelectPrimitive.Portal>\n\t\t\t<SelectPrimitive.Content\n\t\t\t\tdata-slot=\"select-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md\",\n\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\tposition={position}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<SelectScrollUpButton />\n\t\t\t\t<SelectPrimitive.Viewport\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"p-1\",\n\t\t\t\t\t\tposition === \"popper\" &&\n\t\t\t\t\t\t\t\"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1\",\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t{children}\n\t\t\t\t</SelectPrimitive.Viewport>\n\t\t\t\t<SelectScrollDownButton />\n\t\t\t</SelectPrimitive.Content>\n\t\t</SelectPrimitive.Portal>\n\t);\n}\n\nfunction SelectLabel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Label>) {\n\treturn (\n\t\t<SelectPrimitive.Label\n\t\t\tdata-slot=\"select-label\"\n\t\t\tclassName={cn(\"text-muted-foreground px-2 py-1.5 text-xs\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Item>) {\n\treturn (\n\t\t<SelectPrimitive.Item\n\t\t\tdata-slot=\"select-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<SelectPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</SelectPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n\t\t</SelectPrimitive.Item>\n\t);\n}\n\nfunction SelectSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n\treturn (\n\t\t<SelectPrimitive.Separator\n\t\t\tdata-slot=\"select-separator\"\n\t\t\tclassName={cn(\"bg-border pointer-events-none -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction SelectScrollUpButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollUpButton\n\t\t\tdata-slot=\"select-scroll-up-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronUpIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollUpButton>\n\t);\n}\n\nfunction SelectScrollDownButton({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n\treturn (\n\t\t<SelectPrimitive.ScrollDownButton\n\t\t\tdata-slot=\"select-scroll-down-button\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex cursor-default items-center justify-center py-1\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<ChevronDownIcon className=\"size-4\" />\n\t\t</SelectPrimitive.ScrollDownButton>\n\t);\n}\n\nexport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectScrollDownButton,\n\tSelectScrollUpButton,\n\tSelectSeparator,\n\tSelectTrigger,\n\tSelectValue,\n};\n"],"names":["SelectPrimitive","cva","CheckIcon","ChevronDownIcon","ChevronUpIcon","cn","selectTriggerVariants","variants","size","regular","small","variant","default","compound","defaultVariants","Select","props","Root","data-slot","SelectGroup","Group","SelectValue","Value","SelectTrigger","className","children","Trigger","Icon","asChild","SelectContent","position","Portal","Content","SelectScrollUpButton","Viewport","SelectScrollDownButton","SelectLabel","Label","SelectItem","Item","span","ItemIndicator","ItemText","SelectSeparator","Separator","ScrollUpButton","ScrollDownButton"],"mappings":"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"}
@@ -1,14 +1,93 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Label } from "#shadcn/components/ui/label";
3
- import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from "#shadcn/components/ui/select";
2
+ import { Label } from "./label.js";
3
+ import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "./select.js";
4
4
  const meta = {
5
- title: "Component/Select",
5
+ title: "Component/Select"
6
6
  };
7
7
  export default meta;
8
8
  export const Demo = {
9
- render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsx(SelectContent, { children: _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fruits" }), _jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" }), _jsx(SelectItem, { value: "grapes", children: "Grapes" }), _jsx(SelectItem, { value: "pineapple", children: "Pineapple" })] }) })] })),
9
+ render: ()=>/*#__PURE__*/ _jsxs(Select, {
10
+ children: [
11
+ /*#__PURE__*/ _jsx(SelectTrigger, {
12
+ className: "w-[180px]",
13
+ children: /*#__PURE__*/ _jsx(SelectValue, {
14
+ placeholder: "Select a fruit"
15
+ })
16
+ }),
17
+ /*#__PURE__*/ _jsx(SelectContent, {
18
+ children: /*#__PURE__*/ _jsxs(SelectGroup, {
19
+ children: [
20
+ /*#__PURE__*/ _jsx(SelectLabel, {
21
+ children: "Fruits"
22
+ }),
23
+ /*#__PURE__*/ _jsx(SelectItem, {
24
+ value: "apple",
25
+ children: "Apple"
26
+ }),
27
+ /*#__PURE__*/ _jsx(SelectItem, {
28
+ value: "banana",
29
+ children: "Banana"
30
+ }),
31
+ /*#__PURE__*/ _jsx(SelectItem, {
32
+ value: "blueberry",
33
+ children: "Blueberry"
34
+ }),
35
+ /*#__PURE__*/ _jsx(SelectItem, {
36
+ value: "grapes",
37
+ children: "Grapes"
38
+ }),
39
+ /*#__PURE__*/ _jsx(SelectItem, {
40
+ value: "pineapple",
41
+ children: "Pineapple"
42
+ })
43
+ ]
44
+ })
45
+ })
46
+ ]
47
+ })
10
48
  };
11
49
  export const CompoundSelectWrite = {
12
- render: () => (_jsxs("div", { className: "grid w-full max-w-sm items-center gap-1.5", children: [_jsx(Label, { htmlFor: "compound-select", children: "Compound Select Write" }), _jsxs(Select, { children: [_jsx(SelectTrigger, { id: "compound-select", variant: "compound", className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select option" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" }), _jsx(SelectItem, { value: "option3", children: "Option 3" }), _jsx(SelectItem, { value: "option4", children: "Option 4" })] })] })] })),
50
+ render: ()=>/*#__PURE__*/ _jsxs("div", {
51
+ className: "grid w-full max-w-sm items-center gap-1.5",
52
+ children: [
53
+ /*#__PURE__*/ _jsx(Label, {
54
+ htmlFor: "compound-select",
55
+ children: "Compound Select Write"
56
+ }),
57
+ /*#__PURE__*/ _jsxs(Select, {
58
+ children: [
59
+ /*#__PURE__*/ _jsx(SelectTrigger, {
60
+ id: "compound-select",
61
+ variant: "compound",
62
+ className: "w-[180px]",
63
+ children: /*#__PURE__*/ _jsx(SelectValue, {
64
+ placeholder: "Select option"
65
+ })
66
+ }),
67
+ /*#__PURE__*/ _jsxs(SelectContent, {
68
+ children: [
69
+ /*#__PURE__*/ _jsx(SelectItem, {
70
+ value: "option1",
71
+ children: "Option 1"
72
+ }),
73
+ /*#__PURE__*/ _jsx(SelectItem, {
74
+ value: "option2",
75
+ children: "Option 2"
76
+ }),
77
+ /*#__PURE__*/ _jsx(SelectItem, {
78
+ value: "option3",
79
+ children: "Option 3"
80
+ }),
81
+ /*#__PURE__*/ _jsx(SelectItem, {
82
+ value: "option4",
83
+ children: "Option 4"
84
+ })
85
+ ]
86
+ })
87
+ ]
88
+ })
89
+ ]
90
+ })
13
91
  };
92
+
14
93
  //# sourceMappingURL=select.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,MAAM,6BAA6B,CAAC;AACpD,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,aAAa,EACb,WAAW,GACX,MAAM,8BAA8B,CAAC;AAEtC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;CACV,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,MAAM,eACN,KAAC,aAAa,IAAC,SAAS,EAAC,WAAW,YACnC,KAAC,WAAW,IAAC,WAAW,EAAC,gBAAgB,GAAG,GAC7B,EAChB,KAAC,aAAa,cACb,MAAC,WAAW,eACX,KAAC,WAAW,yBAAqB,EACjC,KAAC,UAAU,IAAC,KAAK,EAAC,OAAO,sBAAmB,EAC5C,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,WAAW,0BAAuB,EACpD,KAAC,UAAU,IAAC,KAAK,EAAC,QAAQ,uBAAoB,EAC9C,KAAC,UAAU,IAAC,KAAK,EAAC,WAAW,0BAAuB,IACvC,GACC,IACR,CACT;CACe,CAAC;AAElB,MAAM,CAAC,MAAM,mBAAmB,GAAU;IACzC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,2CAA2C,aACzD,KAAC,KAAK,IAAC,OAAO,EAAC,iBAAiB,sCAA8B,EAC9D,MAAC,MAAM,eACN,KAAC,aAAa,IACb,EAAE,EAAC,iBAAiB,EACpB,OAAO,EAAC,UAAU,EAClB,SAAS,EAAC,WAAW,YAErB,KAAC,WAAW,IAAC,WAAW,EAAC,eAAe,GAAG,GAC5B,EAChB,MAAC,aAAa,eACb,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,EACjD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,EACjD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,EACjD,KAAC,UAAU,IAAC,KAAK,EAAC,SAAS,yBAAsB,IAClC,IACR,IACJ,CACN;CACD,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/select.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Label } from \"#shadcn/components/ui/label\";\nimport {\n\tSelect,\n\tSelectContent,\n\tSelectGroup,\n\tSelectItem,\n\tSelectLabel,\n\tSelectTrigger,\n\tSelectValue,\n} from \"#shadcn/components/ui/select\";\n\nconst meta = {\n\ttitle: \"Component/Select\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<Select>\n\t\t\t<SelectTrigger className=\"w-[180px]\">\n\t\t\t\t<SelectValue placeholder=\"Select a fruit\" />\n\t\t\t</SelectTrigger>\n\t\t\t<SelectContent>\n\t\t\t\t<SelectGroup>\n\t\t\t\t\t<SelectLabel>Fruits</SelectLabel>\n\t\t\t\t\t<SelectItem value=\"apple\">Apple</SelectItem>\n\t\t\t\t\t<SelectItem value=\"banana\">Banana</SelectItem>\n\t\t\t\t\t<SelectItem value=\"blueberry\">Blueberry</SelectItem>\n\t\t\t\t\t<SelectItem value=\"grapes\">Grapes</SelectItem>\n\t\t\t\t\t<SelectItem value=\"pineapple\">Pineapple</SelectItem>\n\t\t\t\t</SelectGroup>\n\t\t\t</SelectContent>\n\t\t</Select>\n\t),\n} satisfies Story;\n\nexport const CompoundSelectWrite: Story = {\n\trender: () => (\n\t\t<div className=\"grid w-full max-w-sm items-center gap-1.5\">\n\t\t\t<Label htmlFor=\"compound-select\">Compound Select Write</Label>\n\t\t\t<Select>\n\t\t\t\t<SelectTrigger\n\t\t\t\t\tid=\"compound-select\"\n\t\t\t\t\tvariant=\"compound\"\n\t\t\t\t\tclassName=\"w-[180px]\"\n\t\t\t\t>\n\t\t\t\t\t<SelectValue placeholder=\"Select option\" />\n\t\t\t\t</SelectTrigger>\n\t\t\t\t<SelectContent>\n\t\t\t\t\t<SelectItem value=\"option1\">Option 1</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option2\">Option 2</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option3\">Option 3</SelectItem>\n\t\t\t\t\t<SelectItem value=\"option4\">Option 4</SelectItem>\n\t\t\t\t</SelectContent>\n\t\t\t</Select>\n\t\t</div>\n\t),\n};\n"],"names":["Label","Select","SelectContent","SelectGroup","SelectItem","SelectLabel","SelectTrigger","SelectValue","meta","title","Demo","render","className","placeholder","value","CompoundSelectWrite","div","htmlFor","id","variant"],"mappings":";AACA,SAASA,KAAK,QAAQ,aAA8B;AACpD,SACCC,MAAM,EACNC,aAAa,EACbC,WAAW,EACXC,UAAU,EACVC,WAAW,EACXC,aAAa,EACbC,WAAW,QACL,cAA+B;AAEtC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACV;;8BACA,KAACK;oBAAcM,WAAU;8BACxB,cAAA,KAACL;wBAAYM,aAAY;;;8BAE1B,KAACX;8BACA,cAAA,MAACC;;0CACA,KAACE;0CAAY;;0CACb,KAACD;gCAAWU,OAAM;0CAAQ;;0CAC1B,KAACV;gCAAWU,OAAM;0CAAS;;0CAC3B,KAACV;gCAAWU,OAAM;0CAAY;;0CAC9B,KAACV;gCAAWU,OAAM;0CAAS;;0CAC3B,KAACV;gCAAWU,OAAM;0CAAY;;;;;;;AAKnC,EAAkB;AAElB,OAAO,MAAMC,sBAA6B;IACzCJ,QAAQ,kBACP,MAACK;YAAIJ,WAAU;;8BACd,KAACZ;oBAAMiB,SAAQ;8BAAkB;;8BACjC,MAAChB;;sCACA,KAACK;4BACAY,IAAG;4BACHC,SAAQ;4BACRP,WAAU;sCAEV,cAAA,KAACL;gCAAYM,aAAY;;;sCAE1B,MAACX;;8CACA,KAACE;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;8CAC5B,KAACV;oCAAWU,OAAM;8CAAU;;;;;;;;AAKjC,EAAE"}
@@ -1 +1 @@
1
- {"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/separator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
1
+ {"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CActD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}
@@ -1,8 +1,16 @@
1
+ "use client";
1
2
  import { jsx as _jsx } from "react/jsx-runtime";
2
3
  import * as SeparatorPrimitive from "@radix-ui/react-separator";
3
- import { cn } from "#shadcn/lib/utils";
4
+ import { cn } from "../../lib/utils.js";
4
5
  function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
5
- return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("bg-bg-quaternary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));
6
+ return /*#__PURE__*/ _jsx(SeparatorPrimitive.Root, {
7
+ "data-slot": "separator",
8
+ decorative: decorative,
9
+ orientation: orientation,
10
+ className: cn("bg-bg-quaternary shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full", "data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
11
+ ...props
12
+ });
6
13
  }
7
14
  export { Separator };
15
+
8
16
  //# sourceMappingURL=separator.js.map