@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
@@ -2,37 +2,170 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { Minus, Plus } from "lucide-react";
3
3
  import * as React from "react";
4
4
  import { Bar, BarChart, ResponsiveContainer } from "recharts";
5
- import { Button } from "#shadcn/components/ui/button";
6
- import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger, } from "#shadcn/components/ui/drawer";
5
+ import { Button } from "./button.js";
6
+ import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerTitle, DrawerTrigger } from "./drawer.js";
7
7
  const data = [
8
- { goal: 400 },
9
- { goal: 300 },
10
- { goal: 200 },
11
- { goal: 300 },
12
- { goal: 200 },
13
- { goal: 278 },
14
- { goal: 189 },
15
- { goal: 239 },
16
- { goal: 300 },
17
- { goal: 200 },
18
- { goal: 278 },
19
- { goal: 189 },
20
- { goal: 349 },
8
+ {
9
+ goal: 400
10
+ },
11
+ {
12
+ goal: 300
13
+ },
14
+ {
15
+ goal: 200
16
+ },
17
+ {
18
+ goal: 300
19
+ },
20
+ {
21
+ goal: 200
22
+ },
23
+ {
24
+ goal: 278
25
+ },
26
+ {
27
+ goal: 189
28
+ },
29
+ {
30
+ goal: 239
31
+ },
32
+ {
33
+ goal: 300
34
+ },
35
+ {
36
+ goal: 200
37
+ },
38
+ {
39
+ goal: 278
40
+ },
41
+ {
42
+ goal: 189
43
+ },
44
+ {
45
+ goal: 349
46
+ }
21
47
  ];
22
48
  const meta = {
23
- title: "Component/Drawer",
49
+ title: "Component/Drawer"
24
50
  };
25
51
  export default meta;
26
52
  export const Demo = {
27
- render: () => {
53
+ render: ()=>{
28
54
  const [goal, setGoal] = React.useState(350);
29
55
  function onClick(adjustment) {
30
56
  setGoal(Math.max(200, Math.min(400, goal + adjustment)));
31
57
  }
32
- return (_jsxs(Drawer, { children: [_jsx(DrawerTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open Drawer" }) }), _jsx(DrawerContent, { children: _jsxs("div", { className: "mx-auto w-full max-w-sm", children: [_jsxs(DrawerHeader, { children: [_jsx(DrawerTitle, { children: "Move Goal" }), _jsx(DrawerDescription, { children: "Set your daily activity goal." })] }), _jsxs("div", { className: "p-4 pb-0", children: [_jsxs("div", { className: "flex items-center justify-center space-x-2", children: [_jsxs(Button, { variant: "secondary", size: "small", className: "h-8 w-8 shrink-0 rounded-full", onClick: () => onClick(-10), disabled: goal <= 200, children: [_jsx(Minus, {}), _jsx("span", { className: "sr-only", children: "Decrease" })] }), _jsxs("div", { className: "flex-1 text-center", children: [_jsx("div", { className: "text-7xl font-bold tracking-tighter", children: goal }), _jsx("div", { className: "text-muted-foreground text-[0.70rem] uppercase", children: "Calories/day" })] }), _jsxs(Button, { variant: "secondary", size: "small", className: "h-8 w-8 shrink-0 rounded-full", onClick: () => onClick(10), disabled: goal >= 400, children: [_jsx(Plus, {}), _jsx("span", { className: "sr-only", children: "Increase" })] })] }), _jsx("div", { className: "mt-3 h-[120px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsx(BarChart, { data: data, children: _jsx(Bar, { dataKey: "goal", style: {
58
+ return /*#__PURE__*/ _jsxs(Drawer, {
59
+ children: [
60
+ /*#__PURE__*/ _jsx(DrawerTrigger, {
61
+ asChild: true,
62
+ children: /*#__PURE__*/ _jsx(Button, {
63
+ variant: "secondary",
64
+ children: "Open Drawer"
65
+ })
66
+ }),
67
+ /*#__PURE__*/ _jsx(DrawerContent, {
68
+ children: /*#__PURE__*/ _jsxs("div", {
69
+ className: "mx-auto w-full max-w-sm",
70
+ children: [
71
+ /*#__PURE__*/ _jsxs(DrawerHeader, {
72
+ children: [
73
+ /*#__PURE__*/ _jsx(DrawerTitle, {
74
+ children: "Move Goal"
75
+ }),
76
+ /*#__PURE__*/ _jsx(DrawerDescription, {
77
+ children: "Set your daily activity goal."
78
+ })
79
+ ]
80
+ }),
81
+ /*#__PURE__*/ _jsxs("div", {
82
+ className: "p-4 pb-0",
83
+ children: [
84
+ /*#__PURE__*/ _jsxs("div", {
85
+ className: "flex items-center justify-center space-x-2",
86
+ children: [
87
+ /*#__PURE__*/ _jsxs(Button, {
88
+ variant: "secondary",
89
+ size: "small",
90
+ className: "h-8 w-8 shrink-0 rounded-full",
91
+ onClick: ()=>onClick(-10),
92
+ disabled: goal <= 200,
93
+ children: [
94
+ /*#__PURE__*/ _jsx(Minus, {}),
95
+ /*#__PURE__*/ _jsx("span", {
96
+ className: "sr-only",
97
+ children: "Decrease"
98
+ })
99
+ ]
100
+ }),
101
+ /*#__PURE__*/ _jsxs("div", {
102
+ className: "flex-1 text-center",
103
+ children: [
104
+ /*#__PURE__*/ _jsx("div", {
105
+ className: "text-7xl font-bold tracking-tighter",
106
+ children: goal
107
+ }),
108
+ /*#__PURE__*/ _jsx("div", {
109
+ className: "text-muted-foreground text-[0.70rem] uppercase",
110
+ children: "Calories/day"
111
+ })
112
+ ]
113
+ }),
114
+ /*#__PURE__*/ _jsxs(Button, {
115
+ variant: "secondary",
116
+ size: "small",
117
+ className: "h-8 w-8 shrink-0 rounded-full",
118
+ onClick: ()=>onClick(10),
119
+ disabled: goal >= 400,
120
+ children: [
121
+ /*#__PURE__*/ _jsx(Plus, {}),
122
+ /*#__PURE__*/ _jsx("span", {
123
+ className: "sr-only",
124
+ children: "Increase"
125
+ })
126
+ ]
127
+ })
128
+ ]
129
+ }),
130
+ /*#__PURE__*/ _jsx("div", {
131
+ className: "mt-3 h-[120px]",
132
+ children: /*#__PURE__*/ _jsx(ResponsiveContainer, {
133
+ width: "100%",
134
+ height: "100%",
135
+ children: /*#__PURE__*/ _jsx(BarChart, {
136
+ data: data,
137
+ children: /*#__PURE__*/ _jsx(Bar, {
138
+ dataKey: "goal",
139
+ style: {
33
140
  fill: "hsl(var(--foreground))",
34
- opacity: 0.9,
35
- } }) }) }) })] }), _jsxs(DrawerFooter, { children: [_jsx(Button, { children: "Submit" }), _jsx(DrawerClose, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Cancel" }) })] })] }) })] }));
36
- },
141
+ opacity: 0.9
142
+ }
143
+ })
144
+ })
145
+ })
146
+ })
147
+ ]
148
+ }),
149
+ /*#__PURE__*/ _jsxs(DrawerFooter, {
150
+ children: [
151
+ /*#__PURE__*/ _jsx(Button, {
152
+ children: "Submit"
153
+ }),
154
+ /*#__PURE__*/ _jsx(DrawerClose, {
155
+ asChild: true,
156
+ children: /*#__PURE__*/ _jsx(Button, {
157
+ variant: "secondary",
158
+ children: "Cancel"
159
+ })
160
+ })
161
+ ]
162
+ })
163
+ ]
164
+ })
165
+ })
166
+ ]
167
+ });
168
+ }
37
169
  };
170
+
38
171
  //# sourceMappingURL=drawer.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"drawer.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/drawer.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Minus, Plus } from \"lucide-react\";\nimport * as React from \"react\";\nimport { Bar, BarChart, ResponsiveContainer } from \"recharts\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDrawer,\n\tDrawerClose,\n\tDrawerContent,\n\tDrawerDescription,\n\tDrawerFooter,\n\tDrawerHeader,\n\tDrawerTitle,\n\tDrawerTrigger,\n} from \"#shadcn/components/ui/drawer\";\n\nconst data = [\n\t{ goal: 400 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 278 },\n\t{ goal: 189 },\n\t{ goal: 239 },\n\t{ goal: 300 },\n\t{ goal: 200 },\n\t{ goal: 278 },\n\t{ goal: 189 },\n\t{ goal: 349 },\n];\n\nconst meta = {\n\ttitle: \"Component/Drawer\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => {\n\t\tconst [goal, setGoal] = React.useState(350);\n\n\t\tfunction onClick(adjustment: number) {\n\t\t\tsetGoal(Math.max(200, Math.min(400, goal + adjustment)));\n\t\t}\n\n\t\treturn (\n\t\t\t<Drawer>\n\t\t\t\t<DrawerTrigger asChild>\n\t\t\t\t\t<Button variant=\"secondary\">Open Drawer</Button>\n\t\t\t\t</DrawerTrigger>\n\t\t\t\t<DrawerContent>\n\t\t\t\t\t<div className=\"mx-auto w-full max-w-sm\">\n\t\t\t\t\t\t<DrawerHeader>\n\t\t\t\t\t\t\t<DrawerTitle>Move Goal</DrawerTitle>\n\t\t\t\t\t\t\t<DrawerDescription>\n\t\t\t\t\t\t\t\tSet your daily activity goal.\n\t\t\t\t\t\t\t</DrawerDescription>\n\t\t\t\t\t\t</DrawerHeader>\n\t\t\t\t\t\t<div className=\"p-4 pb-0\">\n\t\t\t\t\t\t\t<div className=\"flex items-center justify-center space-x-2\">\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 w-8 shrink-0 rounded-full\"\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(-10)}\n\t\t\t\t\t\t\t\t\tdisabled={goal <= 200}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Minus />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Decrease</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t\t<div className=\"flex-1 text-center\">\n\t\t\t\t\t\t\t\t\t<div className=\"text-7xl font-bold tracking-tighter\">\n\t\t\t\t\t\t\t\t\t\t{goal}\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"text-muted-foreground text-[0.70rem] uppercase\">\n\t\t\t\t\t\t\t\t\t\tCalories/day\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<Button\n\t\t\t\t\t\t\t\t\tvariant=\"secondary\"\n\t\t\t\t\t\t\t\t\tsize=\"small\"\n\t\t\t\t\t\t\t\t\tclassName=\"h-8 w-8 shrink-0 rounded-full\"\n\t\t\t\t\t\t\t\t\tonClick={() => onClick(10)}\n\t\t\t\t\t\t\t\t\tdisabled={goal >= 400}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t<Plus />\n\t\t\t\t\t\t\t\t\t<span className=\"sr-only\">Increase</span>\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t<div className=\"mt-3 h-[120px]\">\n\t\t\t\t\t\t\t\t<ResponsiveContainer width=\"100%\" height=\"100%\">\n\t\t\t\t\t\t\t\t\t<BarChart data={data}>\n\t\t\t\t\t\t\t\t\t\t<Bar\n\t\t\t\t\t\t\t\t\t\t\tdataKey=\"goal\"\n\t\t\t\t\t\t\t\t\t\t\tstyle={\n\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\tfill: \"hsl(var(--foreground))\",\n\t\t\t\t\t\t\t\t\t\t\t\t\topacity: 0.9,\n\t\t\t\t\t\t\t\t\t\t\t\t} as React.CSSProperties\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t</BarChart>\n\t\t\t\t\t\t\t\t</ResponsiveContainer>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t<DrawerFooter>\n\t\t\t\t\t\t\t<Button>Submit</Button>\n\t\t\t\t\t\t\t<DrawerClose asChild>\n\t\t\t\t\t\t\t\t<Button variant=\"secondary\">Cancel</Button>\n\t\t\t\t\t\t\t</DrawerClose>\n\t\t\t\t\t\t</DrawerFooter>\n\t\t\t\t\t</div>\n\t\t\t\t</DrawerContent>\n\t\t\t</Drawer>\n\t\t);\n\t},\n} satisfies Story;\n"],"names":["Minus","Plus","React","Bar","BarChart","ResponsiveContainer","Button","Drawer","DrawerClose","DrawerContent","DrawerDescription","DrawerFooter","DrawerHeader","DrawerTitle","DrawerTrigger","data","goal","meta","title","Demo","render","setGoal","useState","onClick","adjustment","Math","max","min","asChild","variant","div","className","size","disabled","span","width","height","dataKey","style","fill","opacity"],"mappings":";AACA,SAASA,KAAK,EAAEC,IAAI,QAAQ,eAAe;AAC3C,YAAYC,WAAW,QAAQ;AAC/B,SAASC,GAAG,EAAEC,QAAQ,EAAEC,mBAAmB,QAAQ,WAAW;AAC9D,SAASC,MAAM,QAAQ,cAA+B;AACtD,SACCC,MAAM,EACNC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,YAAY,EACZC,YAAY,EACZC,WAAW,EACXC,aAAa,QACP,cAA+B;AAEtC,MAAMC,OAAO;IACZ;QAAEC,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;IACZ;QAAEA,MAAM;IAAI;CACZ;AAED,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ;QACP,MAAM,CAACJ,MAAMK,QAAQ,GAAGnB,MAAMoB,QAAQ,CAAC;QAEvC,SAASC,QAAQC,UAAkB;YAClCH,QAAQI,KAAKC,GAAG,CAAC,KAAKD,KAAKE,GAAG,CAAC,KAAKX,OAAOQ;QAC5C;QAEA,qBACC,MAACjB;;8BACA,KAACO;oBAAcc,OAAO;8BACrB,cAAA,KAACtB;wBAAOuB,SAAQ;kCAAY;;;8BAE7B,KAACpB;8BACA,cAAA,MAACqB;wBAAIC,WAAU;;0CACd,MAACnB;;kDACA,KAACC;kDAAY;;kDACb,KAACH;kDAAkB;;;;0CAIpB,MAACoB;gCAAIC,WAAU;;kDACd,MAACD;wCAAIC,WAAU;;0DACd,MAACzB;gDACAuB,SAAQ;gDACRG,MAAK;gDACLD,WAAU;gDACVR,SAAS,IAAMA,QAAQ,CAAC;gDACxBU,UAAUjB,QAAQ;;kEAElB,KAAChB;kEACD,KAACkC;wDAAKH,WAAU;kEAAU;;;;0DAE3B,MAACD;gDAAIC,WAAU;;kEACd,KAACD;wDAAIC,WAAU;kEACbf;;kEAEF,KAACc;wDAAIC,WAAU;kEAAiD;;;;0DAIjE,MAACzB;gDACAuB,SAAQ;gDACRG,MAAK;gDACLD,WAAU;gDACVR,SAAS,IAAMA,QAAQ;gDACvBU,UAAUjB,QAAQ;;kEAElB,KAACf;kEACD,KAACiC;wDAAKH,WAAU;kEAAU;;;;;;kDAG5B,KAACD;wCAAIC,WAAU;kDACd,cAAA,KAAC1B;4CAAoB8B,OAAM;4CAAOC,QAAO;sDACxC,cAAA,KAAChC;gDAASW,MAAMA;0DACf,cAAA,KAACZ;oDACAkC,SAAQ;oDACRC,OACC;wDACCC,MAAM;wDACNC,SAAS;oDACV;;;;;;;0CAON,MAAC7B;;kDACA,KAACL;kDAAO;;kDACR,KAACE;wCAAYoB,OAAO;kDACnB,cAAA,KAACtB;4CAAOuB,SAAQ;sDAAY;;;;;;;;;;IAOnC;AACD,EAAkB"}
@@ -1,51 +1,141 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
3
3
  import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
4
- import { cn } from "#shadcn/lib/utils";
4
+ import { cn } from "../../lib/utils.js";
5
5
  function DropdownMenu({ ...props }) {
6
- return _jsx(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
6
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Root, {
7
+ "data-slot": "dropdown-menu",
8
+ ...props
9
+ });
7
10
  }
8
11
  function DropdownMenuPortal({ ...props }) {
9
- return (_jsx(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props }));
12
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
13
+ "data-slot": "dropdown-menu-portal",
14
+ ...props
15
+ });
10
16
  }
11
17
  function DropdownMenuTrigger({ ...props }) {
12
- return (_jsx(DropdownMenuPrimitive.Trigger, { "data-slot": "dropdown-menu-trigger", ...props }));
18
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Trigger, {
19
+ "data-slot": "dropdown-menu-trigger",
20
+ ...props
21
+ });
13
22
  }
14
23
  function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
15
- return (_jsx(DropdownMenuPrimitive.Portal, { children: _jsx(DropdownMenuPrimitive.Content, { "data-slot": "dropdown-menu-content", sideOffset: sideOffset, className: cn("bg-bg-primary 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 z-50 max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5", className), ...props }) }));
24
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Portal, {
25
+ children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Content, {
26
+ "data-slot": "dropdown-menu-content",
27
+ sideOffset: sideOffset,
28
+ className: cn("bg-bg-primary 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 z-50 max-h-(--radix-dropdown-menu-content-available-height)", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)", "overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5", className),
29
+ ...props
30
+ })
31
+ });
16
32
  }
17
33
  function DropdownMenuGroup({ ...props }) {
18
- return (_jsx(DropdownMenuPrimitive.Group, { "data-slot": "dropdown-menu-group", ...props }));
34
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Group, {
35
+ "data-slot": "dropdown-menu-group",
36
+ ...props
37
+ });
19
38
  }
20
39
  function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
21
- return (_jsx(DropdownMenuPrimitive.Item, { "data-slot": "dropdown-menu-item", "data-inset": inset, "data-variant": variant, className: cn("cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md", "outline-hidden select-none typo-body text-text-secondary", "focus:bg-bg-secondary focus:text-text-primary", "data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "dark:data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary", "[&_svg:not([class*='text-'])]:fg-fg-secondary", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "data-[inset]:pl-8", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className), ...props }));
40
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Item, {
41
+ "data-slot": "dropdown-menu-item",
42
+ "data-inset": inset,
43
+ "data-variant": variant,
44
+ className: cn("cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md", "outline-hidden select-none typo-body text-text-secondary", "focus:bg-bg-secondary focus:text-text-primary", "data-[variant=destructive]:text-text-error-primary", "data-[variant=destructive]:focus:bg-bg-error-tertiary", "dark:data-[variant=destructive]:focus:bg-bg-error-tertiary", "data-[variant=destructive]:focus:text-text-error-primary", "data-[variant=destructive]:*:[svg]:!text-text-error-primary", "[&_svg:not([class*='text-'])]:fg-fg-secondary", "data-[disabled]:pointer-events-none", "data-[disabled]:opacity-50", "data-[inset]:pl-8", "[&_svg]:pointer-events-none", "[&_svg]:shrink-0", "[&_svg:not([class*='size-'])]:size-4", className),
45
+ ...props
46
+ });
22
47
  }
23
48
  function DropdownMenuCheckboxItem({ className, children, ...props }) {
24
- return (_jsxs(DropdownMenuPrimitive.CheckboxItem, { "data-slot": "dropdown-menu-checkbox-item", className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9", "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 [&_svg]:text-text-link h-8 typo-body text-text-secondary", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-3 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CheckIcon, { className: "size-4" }) }) }), children] }));
49
+ return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.CheckboxItem, {
50
+ "data-slot": "dropdown-menu-checkbox-item",
51
+ className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9", "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 [&_svg]:text-text-link h-8 typo-body text-text-secondary", className),
52
+ ...props,
53
+ children: [
54
+ /*#__PURE__*/ _jsx("span", {
55
+ className: "pointer-events-none absolute left-3 flex size-3.5 items-center justify-center",
56
+ children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
57
+ children: /*#__PURE__*/ _jsx(CheckIcon, {
58
+ className: "size-4"
59
+ })
60
+ })
61
+ }),
62
+ children
63
+ ]
64
+ });
25
65
  }
26
66
  function DropdownMenuRadioGroup({ ...props }) {
27
- return (_jsx(DropdownMenuPrimitive.RadioGroup, { "data-slot": "dropdown-menu-radio-group", ...props }));
67
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.RadioGroup, {
68
+ "data-slot": "dropdown-menu-radio-group",
69
+ ...props
70
+ });
28
71
  }
29
72
  function DropdownMenuRadioItem({ className, children, ...props }) {
30
- return (_jsxs(DropdownMenuPrimitive.RadioItem, { "data-slot": "dropdown-menu-radio-item", className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2", "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 h-8 typo-body text-text-secondary", className), ...props, children: [_jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: _jsx(DropdownMenuPrimitive.ItemIndicator, { children: _jsx(CircleIcon, { className: "size-2 fill-current" }) }) }), children] }));
73
+ return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.RadioItem, {
74
+ "data-slot": "dropdown-menu-radio-item",
75
+ className: cn("focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2", "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 h-8 typo-body text-text-secondary", className),
76
+ ...props,
77
+ children: [
78
+ /*#__PURE__*/ _jsx("span", {
79
+ className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
80
+ children: /*#__PURE__*/ _jsx(DropdownMenuPrimitive.ItemIndicator, {
81
+ children: /*#__PURE__*/ _jsx(CircleIcon, {
82
+ className: "size-2 fill-current"
83
+ })
84
+ })
85
+ }),
86
+ children
87
+ ]
88
+ });
31
89
  }
32
90
  function DropdownMenuLabel({ className, inset, ...props }) {
33
- return (_jsx(DropdownMenuPrimitive.Label, { "data-slot": "dropdown-menu-label", "data-inset": inset, className: cn("px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary", className), ...props }));
91
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Label, {
92
+ "data-slot": "dropdown-menu-label",
93
+ "data-inset": inset,
94
+ className: cn("px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary", className),
95
+ ...props
96
+ });
34
97
  }
35
98
  function DropdownMenuSeparator({ className, ...props }) {
36
- return (_jsx(DropdownMenuPrimitive.Separator, { "data-slot": "dropdown-menu-separator", className: cn("bg-bg-quaternary -mx-1 my-1 h-px", className), ...props }));
99
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Separator, {
100
+ "data-slot": "dropdown-menu-separator",
101
+ className: cn("bg-bg-quaternary -mx-1 my-1 h-px", className),
102
+ ...props
103
+ });
37
104
  }
38
105
  function DropdownMenuShortcut({ className, ...props }) {
39
- return (_jsx("span", { "data-slot": "dropdown-menu-shortcut", className: cn("text-text-secondary ml-auto text-xs tracking-widest", className), ...props }));
106
+ return /*#__PURE__*/ _jsx("span", {
107
+ "data-slot": "dropdown-menu-shortcut",
108
+ className: cn("text-text-secondary ml-auto text-xs tracking-widest", className),
109
+ ...props
110
+ });
40
111
  }
41
112
  function DropdownMenuSub({ ...props }) {
42
- return _jsx(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
113
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.Sub, {
114
+ "data-slot": "dropdown-menu-sub",
115
+ ...props
116
+ });
43
117
  }
44
118
  function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
45
- return (_jsxs(DropdownMenuPrimitive.SubTrigger, { "data-slot": "dropdown-menu-sub-trigger", "data-inset": inset, className: cn("focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex", "cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary", className), ...props, children: [children, _jsx(ChevronRightIcon, { className: "ml-auto size-4" })] }));
119
+ return /*#__PURE__*/ _jsxs(DropdownMenuPrimitive.SubTrigger, {
120
+ "data-slot": "dropdown-menu-sub-trigger",
121
+ "data-inset": inset,
122
+ className: cn("focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex", "cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary", className),
123
+ ...props,
124
+ children: [
125
+ children,
126
+ /*#__PURE__*/ _jsx(ChevronRightIcon, {
127
+ className: "ml-auto size-4"
128
+ })
129
+ ]
130
+ });
46
131
  }
47
132
  function DropdownMenuSubContent({ className, ...props }) {
48
- return (_jsx(DropdownMenuPrimitive.SubContent, { "data-slot": "dropdown-menu-sub-content", className: cn("bg-bg-primary text-text-primary 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 z-50", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator", "p-2 shadow-lg", className), ...props }));
133
+ return /*#__PURE__*/ _jsx(DropdownMenuPrimitive.SubContent, {
134
+ "data-slot": "dropdown-menu-sub-content",
135
+ className: cn("bg-bg-primary text-text-primary 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 z-50", "min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator", "p-2 shadow-lg", className),
136
+ ...props
137
+ });
49
138
  }
50
- export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };
139
+ export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent };
140
+
51
141
  //# sourceMappingURL=dropdown-menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.tsx"],"sourcesContent":["import * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\";\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from \"lucide-react\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction DropdownMenu({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n\treturn <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />\n\t);\n}\n\nfunction DropdownMenuTrigger({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Trigger\n\t\t\tdata-slot=\"dropdown-menu-trigger\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuContent({\n\tclassName,\n\tsideOffset = 4,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Portal>\n\t\t\t<DropdownMenuPrimitive.Content\n\t\t\t\tdata-slot=\"dropdown-menu-content\"\n\t\t\t\tsideOffset={sideOffset}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-bg-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\t\"data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95\",\n\t\t\t\t\t\"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2\",\n\t\t\t\t\t\"data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height)\",\n\t\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin)\",\n\t\t\t\t\t\"overflow-x-hidden overflow-y-auto rounded-md border border-border-separator px-2 py-3 shadow-lg space-y-0.5\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</DropdownMenuPrimitive.Portal>\n\t);\n}\n\nfunction DropdownMenuGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />\n\t);\n}\n\nfunction DropdownMenuItem({\n\tclassName,\n\tinset,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n\tinset?: boolean;\n\tvariant?: \"default\" | \"destructive\";\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Item\n\t\t\tdata-slot=\"dropdown-menu-item\"\n\t\t\tdata-inset={inset}\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(\n\t\t\t\t\"cursor-pointer items-center flex gap-2 h-8 px-3 py-1.5 relativerounded-md\",\n\t\t\t\t\"outline-hidden select-none typo-body text-text-secondary\",\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary\",\n\t\t\t\t\"data-[variant=destructive]:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"dark:data-[variant=destructive]:focus:bg-bg-error-tertiary\",\n\t\t\t\t\"data-[variant=destructive]:focus:text-text-error-primary\",\n\t\t\t\t\"data-[variant=destructive]:*:[svg]:!text-text-error-primary\",\n\t\t\t\t\"[&_svg:not([class*='text-'])]:fg-fg-secondary\",\n\t\t\t\t\"data-[disabled]:pointer-events-none\",\n\t\t\t\t\"data-[disabled]:opacity-50\",\n\t\t\t\t\"data-[inset]:pl-8\",\n\t\t\t\t\"[&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0\",\n\t\t\t\t\"[&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuCheckboxItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.CheckboxItem\n\t\t\tdata-slot=\"dropdown-menu-checkbox-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-default items-center gap-2 rounded-lg py-1 pr-2 pl-9\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg]:text-text-link h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-3 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CheckIcon className=\"size-4\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.CheckboxItem>\n\t);\n}\n\nfunction DropdownMenuRadioGroup({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioGroup\n\t\t\tdata-slot=\"dropdown-menu-radio-group\"\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuRadioItem({\n\tclassName,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.RadioItem\n\t\t\tdata-slot=\"dropdown-menu-radio-item\"\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary relative flex cursor-pointer items-center gap-2 rounded-md py-1.5 pr-2\",\n\t\t\t\t\"outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none\",\n\t\t\t\t\"[&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t<span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n\t\t\t\t<DropdownMenuPrimitive.ItemIndicator>\n\t\t\t\t\t<CircleIcon className=\"size-2 fill-current\" />\n\t\t\t\t</DropdownMenuPrimitive.ItemIndicator>\n\t\t\t</span>\n\t\t\t{children}\n\t\t</DropdownMenuPrimitive.RadioItem>\n\t);\n}\n\nfunction DropdownMenuLabel({\n\tclassName,\n\tinset,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Label\n\t\t\tdata-slot=\"dropdown-menu-label\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"px-3 py-1.5 data-[inset]:pl-10 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSeparator({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.Separator\n\t\t\tdata-slot=\"dropdown-menu-separator\"\n\t\t\tclassName={cn(\"bg-bg-quaternary -mx-1 my-1 h-px\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuShortcut({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tdata-slot=\"dropdown-menu-shortcut\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-text-secondary ml-auto text-xs tracking-widest\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction DropdownMenuSub({\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n\treturn <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n\tclassName,\n\tinset,\n\tchildren,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n\tinset?: boolean;\n}) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubTrigger\n\t\t\tdata-slot=\"dropdown-menu-sub-trigger\"\n\t\t\tdata-inset={inset}\n\t\t\tclassName={cn(\n\t\t\t\t\"focus:bg-bg-secondary focus:text-text-primary data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex\",\n\t\t\t\t\"cursor-default items-center rounded-md px-3 py-1.5 outline-hidden select-none data-[inset]:pl-8 h-8 typo-body text-text-secondary\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t\t<ChevronRightIcon className=\"ml-auto size-4\" />\n\t\t</DropdownMenuPrimitive.SubTrigger>\n\t);\n}\n\nfunction DropdownMenuSubContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n\treturn (\n\t\t<DropdownMenuPrimitive.SubContent\n\t\t\tdata-slot=\"dropdown-menu-sub-content\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-bg-primary text-text-primary data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\",\n\t\t\t\t\"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\",\n\t\t\t\t\"data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50\",\n\t\t\t\t\"min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border-separator\",\n\t\t\t\t\"p-2 shadow-lg\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tDropdownMenu,\n\tDropdownMenuPortal,\n\tDropdownMenuTrigger,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuLabel,\n\tDropdownMenuItem,\n\tDropdownMenuCheckboxItem,\n\tDropdownMenuRadioGroup,\n\tDropdownMenuRadioItem,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuSubContent,\n};\n"],"names":["DropdownMenuPrimitive","CheckIcon","ChevronRightIcon","CircleIcon","cn","DropdownMenu","props","Root","data-slot","DropdownMenuPortal","Portal","DropdownMenuTrigger","Trigger","DropdownMenuContent","className","sideOffset","Content","DropdownMenuGroup","Group","DropdownMenuItem","inset","variant","Item","data-inset","data-variant","DropdownMenuCheckboxItem","children","CheckboxItem","span","ItemIndicator","DropdownMenuRadioGroup","RadioGroup","DropdownMenuRadioItem","RadioItem","DropdownMenuLabel","Label","DropdownMenuSeparator","Separator","DropdownMenuShortcut","DropdownMenuSub","Sub","DropdownMenuSubTrigger","SubTrigger","DropdownMenuSubContent","SubContent"],"mappings":";AAAA,YAAYA,2BAA2B,gCAAgC;AACvE,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,UAAU,QAAQ,eAAe;AAGvE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,aAAa,EACrB,GAAGC,OACsD;IACzD,qBAAO,KAACN,sBAAsBO,IAAI;QAACC,aAAU;QAAiB,GAAGF,KAAK;;AACvE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACwD;IAC3D,qBACC,KAACN,sBAAsBU,MAAM;QAACF,aAAU;QAAwB,GAAGF,KAAK;;AAE1E;AAEA,SAASK,oBAAoB,EAC5B,GAAGL,OACyD;IAC5D,qBACC,KAACN,sBAAsBY,OAAO;QAC7BJ,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAASO,oBAAoB,EAC5BC,SAAS,EACTC,aAAa,CAAC,EACd,GAAGT,OACyD;IAC5D,qBACC,KAACN,sBAAsBU,MAAM;kBAC5B,cAAA,KAACV,sBAAsBgB,OAAO;YAC7BR,aAAU;YACVO,YAAYA;YACZD,WAAWV,GACV,6GACA,4FACA,wHACA,sGACA,wEACA,+GACAU;YAEA,GAAGR,KAAK;;;AAIb;AAEA,SAASW,kBAAkB,EAC1B,GAAGX,OACuD;IAC1D,qBACC,KAACN,sBAAsBkB,KAAK;QAACV,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASa,iBAAiB,EACzBL,SAAS,EACTM,KAAK,EACLC,UAAU,SAAS,EACnB,GAAGf,OAIH;IACA,qBACC,KAACN,sBAAsBsB,IAAI;QAC1Bd,aAAU;QACVe,cAAYH;QACZI,gBAAcH;QACdP,WAAWV,GACV,6EACA,4DACA,iDACA,sDACA,yDACA,8DACA,4DACA,+DACA,iDACA,uCACA,8BACA,qBACA,+BACA,oBACA,wCACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASmB,yBAAyB,EACjCX,SAAS,EACTY,QAAQ,EACR,GAAGpB,OAC8D;IACjE,qBACC,MAACN,sBAAsB2B,YAAY;QAClCnB,aAAU;QACVM,WAAWV,GACV,2HACA,yHACA,kHACAU;QAEA,GAAGR,KAAK;;0BAET,KAACsB;gBAAKd,WAAU;0BACf,cAAA,KAACd,sBAAsB6B,aAAa;8BACnC,cAAA,KAAC5B;wBAAUa,WAAU;;;;YAGtBY;;;AAGJ;AAEA,SAASI,uBAAuB,EAC/B,GAAGxB,OAC4D;IAC/D,qBACC,KAACN,sBAAsB+B,UAAU;QAChCvB,aAAU;QACT,GAAGF,KAAK;;AAGZ;AAEA,SAAS0B,sBAAsB,EAC9BlB,SAAS,EACTY,QAAQ,EACR,GAAGpB,OAC2D;IAC9D,qBACC,MAACN,sBAAsBiC,SAAS;QAC/BzB,aAAU;QACVM,WAAWV,GACV,wHACA,yHACA,2FACAU;QAEA,GAAGR,KAAK;;0BAET,KAACsB;gBAAKd,WAAU;0BACf,cAAA,KAACd,sBAAsB6B,aAAa;8BACnC,cAAA,KAAC1B;wBAAWW,WAAU;;;;YAGvBY;;;AAGJ;AAEA,SAASQ,kBAAkB,EAC1BpB,SAAS,EACTM,KAAK,EACL,GAAGd,OAGH;IACA,qBACC,KAACN,sBAAsBmC,KAAK;QAC3B3B,aAAU;QACVe,cAAYH;QACZN,WAAWV,GACV,gEACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAAS8B,sBAAsB,EAC9BtB,SAAS,EACT,GAAGR,OAC2D;IAC9D,qBACC,KAACN,sBAAsBqC,SAAS;QAC/B7B,aAAU;QACVM,WAAWV,GAAG,oCAAoCU;QACjD,GAAGR,KAAK;;AAGZ;AAEA,SAASgC,qBAAqB,EAC7BxB,SAAS,EACT,GAAGR,OAC2B;IAC9B,qBACC,KAACsB;QACApB,aAAU;QACVM,WAAWV,GACV,uDACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASiC,gBAAgB,EACxB,GAAGjC,OACqD;IACxD,qBAAO,KAACN,sBAAsBwC,GAAG;QAAChC,aAAU;QAAqB,GAAGF,KAAK;;AAC1E;AAEA,SAASmC,uBAAuB,EAC/B3B,SAAS,EACTM,KAAK,EACLM,QAAQ,EACR,GAAGpB,OAGH;IACA,qBACC,MAACN,sBAAsB0C,UAAU;QAChClC,aAAU;QACVe,cAAYH;QACZN,WAAWV,GACV,2HACA,qIACAU;QAEA,GAAGR,KAAK;;YAERoB;0BACD,KAACxB;gBAAiBY,WAAU;;;;AAG/B;AAEA,SAAS6B,uBAAuB,EAC/B7B,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACN,sBAAsB4C,UAAU;QAChCpC,aAAU;QACVM,WAAWV,GACV,+HACA,mIACA,6HACA,kIACA,iBACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SACCD,YAAY,EACZI,kBAAkB,EAClBE,mBAAmB,EACnBE,mBAAmB,EACnBI,iBAAiB,EACjBiB,iBAAiB,EACjBf,gBAAgB,EAChBM,wBAAwB,EACxBK,sBAAsB,EACtBE,qBAAqB,EACrBI,qBAAqB,EACrBE,oBAAoB,EACpBC,eAAe,EACfE,sBAAsB,EACtBE,sBAAsB,GACrB"}
@@ -1,11 +1,126 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Button } from "#shadcn/components/ui/button";
3
- import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from "#shadcn/components/ui/dropdown-menu";
2
+ import { Button } from "./button.js";
3
+ import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./dropdown-menu.js";
4
4
  const meta = {
5
- title: "Component/Dropdown menu",
5
+ title: "Component/Dropdown menu"
6
6
  };
7
7
  export default meta;
8
8
  export const Demo = {
9
- render: () => (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Open" }) }), _jsxs(DropdownMenuContent, { className: "w-56", align: "start", children: [_jsx(DropdownMenuLabel, { children: "My Account" }), _jsxs(DropdownMenuGroup, { children: [_jsxs(DropdownMenuItem, { children: ["Profile", _jsx(DropdownMenuShortcut, { children: "\u21E7\u2318P" })] }), _jsxs(DropdownMenuItem, { children: ["Billing", _jsx(DropdownMenuShortcut, { children: "\u2318B" })] }), _jsxs(DropdownMenuItem, { children: ["Settings", _jsx(DropdownMenuShortcut, { children: "\u2318S" })] }), _jsxs(DropdownMenuItem, { children: ["Keyboard shortcuts", _jsx(DropdownMenuShortcut, { children: "\u2318K" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuGroup, { children: [_jsx(DropdownMenuItem, { children: "Team" }), _jsxs(DropdownMenuSub, { children: [_jsx(DropdownMenuSubTrigger, { children: "Invite users" }), _jsx(DropdownMenuPortal, { children: _jsxs(DropdownMenuSubContent, { children: [_jsx(DropdownMenuItem, { children: "Email" }), _jsx(DropdownMenuItem, { children: "Message" }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "More..." })] }) })] }), _jsxs(DropdownMenuItem, { children: ["New Team", _jsx(DropdownMenuShortcut, { children: "\u2318+T" })] })] }), _jsx(DropdownMenuSeparator, {}), _jsx(DropdownMenuItem, { children: "GitHub" }), _jsx(DropdownMenuItem, { children: "Support" }), _jsx(DropdownMenuItem, { disabled: true, children: "API" }), _jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { children: ["Log out", _jsx(DropdownMenuShortcut, { children: "\u21E7\u2318Q" })] })] })] })),
9
+ render: ()=>/*#__PURE__*/ _jsxs(DropdownMenu, {
10
+ children: [
11
+ /*#__PURE__*/ _jsx(DropdownMenuTrigger, {
12
+ asChild: true,
13
+ children: /*#__PURE__*/ _jsx(Button, {
14
+ variant: "secondary",
15
+ children: "Open"
16
+ })
17
+ }),
18
+ /*#__PURE__*/ _jsxs(DropdownMenuContent, {
19
+ className: "w-56",
20
+ align: "start",
21
+ children: [
22
+ /*#__PURE__*/ _jsx(DropdownMenuLabel, {
23
+ children: "My Account"
24
+ }),
25
+ /*#__PURE__*/ _jsxs(DropdownMenuGroup, {
26
+ children: [
27
+ /*#__PURE__*/ _jsxs(DropdownMenuItem, {
28
+ children: [
29
+ "Profile",
30
+ /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
31
+ children: "⇧⌘P"
32
+ })
33
+ ]
34
+ }),
35
+ /*#__PURE__*/ _jsxs(DropdownMenuItem, {
36
+ children: [
37
+ "Billing",
38
+ /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
39
+ children: "⌘B"
40
+ })
41
+ ]
42
+ }),
43
+ /*#__PURE__*/ _jsxs(DropdownMenuItem, {
44
+ children: [
45
+ "Settings",
46
+ /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
47
+ children: "⌘S"
48
+ })
49
+ ]
50
+ }),
51
+ /*#__PURE__*/ _jsxs(DropdownMenuItem, {
52
+ children: [
53
+ "Keyboard shortcuts",
54
+ /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
55
+ children: "⌘K"
56
+ })
57
+ ]
58
+ })
59
+ ]
60
+ }),
61
+ /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
62
+ /*#__PURE__*/ _jsxs(DropdownMenuGroup, {
63
+ children: [
64
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
65
+ children: "Team"
66
+ }),
67
+ /*#__PURE__*/ _jsxs(DropdownMenuSub, {
68
+ children: [
69
+ /*#__PURE__*/ _jsx(DropdownMenuSubTrigger, {
70
+ children: "Invite users"
71
+ }),
72
+ /*#__PURE__*/ _jsx(DropdownMenuPortal, {
73
+ children: /*#__PURE__*/ _jsxs(DropdownMenuSubContent, {
74
+ children: [
75
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
76
+ children: "Email"
77
+ }),
78
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
79
+ children: "Message"
80
+ }),
81
+ /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
82
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
83
+ children: "More..."
84
+ })
85
+ ]
86
+ })
87
+ })
88
+ ]
89
+ }),
90
+ /*#__PURE__*/ _jsxs(DropdownMenuItem, {
91
+ children: [
92
+ "New Team",
93
+ /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
94
+ children: "⌘+T"
95
+ })
96
+ ]
97
+ })
98
+ ]
99
+ }),
100
+ /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
101
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
102
+ children: "GitHub"
103
+ }),
104
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
105
+ children: "Support"
106
+ }),
107
+ /*#__PURE__*/ _jsx(DropdownMenuItem, {
108
+ disabled: true,
109
+ children: "API"
110
+ }),
111
+ /*#__PURE__*/ _jsx(DropdownMenuSeparator, {}),
112
+ /*#__PURE__*/ _jsxs(DropdownMenuItem, {
113
+ children: [
114
+ "Log out",
115
+ /*#__PURE__*/ _jsx(DropdownMenuShortcut, {
116
+ children: "⇧⌘Q"
117
+ })
118
+ ]
119
+ })
120
+ ]
121
+ })
122
+ ]
123
+ })
10
124
  };
125
+
11
126
  //# sourceMappingURL=dropdown-menu.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown-menu.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AACtD,OAAO,EACN,YAAY,EACZ,mBAAmB,EACnB,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,sBAAsB,EACtB,mBAAmB,GACnB,MAAM,qCAAqC,CAAC;AAE7C,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,yBAAyB;CACjB,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,YAAY,eACZ,KAAC,mBAAmB,IAAC,OAAO,kBAC3B,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,qBAAc,GACpB,EACtB,MAAC,mBAAmB,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAC,OAAO,aAClD,KAAC,iBAAiB,6BAA+B,EACjD,MAAC,iBAAiB,eACjB,MAAC,gBAAgB,0BAEhB,KAAC,oBAAoB,gCAA2B,IAC9B,EACnB,MAAC,gBAAgB,0BAEhB,KAAC,oBAAoB,0BAA0B,IAC7B,EACnB,MAAC,gBAAgB,2BAEhB,KAAC,oBAAoB,0BAA0B,IAC7B,EACnB,MAAC,gBAAgB,qCAEhB,KAAC,oBAAoB,0BAA0B,IAC7B,IACA,EACpB,KAAC,qBAAqB,KAAG,EACzB,MAAC,iBAAiB,eACjB,KAAC,gBAAgB,uBAAwB,EACzC,MAAC,eAAe,eACf,KAAC,sBAAsB,+BAAsC,EAC7D,KAAC,kBAAkB,cAClB,MAAC,sBAAsB,eACtB,KAAC,gBAAgB,wBAAyB,EAC1C,KAAC,gBAAgB,0BAA2B,EAC5C,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,0BAA2B,IACpB,GACL,IACJ,EAClB,MAAC,gBAAgB,2BAEhB,KAAC,oBAAoB,2BAA2B,IAC9B,IACA,EACpB,KAAC,qBAAqB,KAAG,EACzB,KAAC,gBAAgB,yBAA0B,EAC3C,KAAC,gBAAgB,0BAA2B,EAC5C,KAAC,gBAAgB,IAAC,QAAQ,0BAAuB,EACjD,KAAC,qBAAqB,KAAG,EACzB,MAAC,gBAAgB,0BAEhB,KAAC,oBAAoB,gCAA2B,IAC9B,IACE,IACR,CACf;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/dropdown-menu.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { Button } from \"#shadcn/components/ui/button\";\nimport {\n\tDropdownMenu,\n\tDropdownMenuContent,\n\tDropdownMenuGroup,\n\tDropdownMenuItem,\n\tDropdownMenuLabel,\n\tDropdownMenuPortal,\n\tDropdownMenuSeparator,\n\tDropdownMenuShortcut,\n\tDropdownMenuSub,\n\tDropdownMenuSubContent,\n\tDropdownMenuSubTrigger,\n\tDropdownMenuTrigger,\n} from \"#shadcn/components/ui/dropdown-menu\";\n\nconst meta = {\n\ttitle: \"Component/Dropdown menu\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<DropdownMenu>\n\t\t\t<DropdownMenuTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Open</Button>\n\t\t\t</DropdownMenuTrigger>\n\t\t\t<DropdownMenuContent className=\"w-56\" align=\"start\">\n\t\t\t\t<DropdownMenuLabel>My Account</DropdownMenuLabel>\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tProfile\n\t\t\t\t\t\t<DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tBilling\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tSettings\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tKeyboard shortcuts\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuGroup>\n\t\t\t\t\t<DropdownMenuItem>Team</DropdownMenuItem>\n\t\t\t\t\t<DropdownMenuSub>\n\t\t\t\t\t\t<DropdownMenuSubTrigger>Invite users</DropdownMenuSubTrigger>\n\t\t\t\t\t\t<DropdownMenuPortal>\n\t\t\t\t\t\t\t<DropdownMenuSubContent>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Email</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuItem>Message</DropdownMenuItem>\n\t\t\t\t\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t\t\t\t\t<DropdownMenuItem>More...</DropdownMenuItem>\n\t\t\t\t\t\t\t</DropdownMenuSubContent>\n\t\t\t\t\t\t</DropdownMenuPortal>\n\t\t\t\t\t</DropdownMenuSub>\n\t\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\t\tNew Team\n\t\t\t\t\t\t<DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n\t\t\t\t\t</DropdownMenuItem>\n\t\t\t\t</DropdownMenuGroup>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>GitHub</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem>Support</DropdownMenuItem>\n\t\t\t\t<DropdownMenuItem disabled>API</DropdownMenuItem>\n\t\t\t\t<DropdownMenuSeparator />\n\t\t\t\t<DropdownMenuItem>\n\t\t\t\t\tLog out\n\t\t\t\t\t<DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n\t\t\t\t</DropdownMenuItem>\n\t\t\t</DropdownMenuContent>\n\t\t</DropdownMenu>\n\t),\n} satisfies Story;\n"],"names":["Button","DropdownMenu","DropdownMenuContent","DropdownMenuGroup","DropdownMenuItem","DropdownMenuLabel","DropdownMenuPortal","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubContent","DropdownMenuSubTrigger","DropdownMenuTrigger","meta","title","Demo","render","asChild","variant","className","align","disabled"],"mappings":";AACA,SAASA,MAAM,QAAQ,cAA+B;AACtD,SACCC,YAAY,EACZC,mBAAmB,EACnBC,iBAAiB,EACjBC,gBAAgB,EAChBC,iBAAiB,EACjBC,kBAAkB,EAClBC,qBAAqB,EACrBC,oBAAoB,EACpBC,eAAe,EACfC,sBAAsB,EACtBC,sBAAsB,EACtBC,mBAAmB,QACb,qBAAsC;AAE7C,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACf;;8BACA,KAACW;oBAAoBK,OAAO;8BAC3B,cAAA,KAACjB;wBAAOkB,SAAQ;kCAAY;;;8BAE7B,MAAChB;oBAAoBiB,WAAU;oBAAOC,OAAM;;sCAC3C,KAACf;sCAAkB;;sCACnB,MAACF;;8CACA,MAACC;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;8CAEvB,MAACJ;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,MAACJ;;8CACA,KAACC;8CAAiB;;8CAClB,MAACK;;sDACA,KAACE;sDAAuB;;sDACxB,KAACL;sDACA,cAAA,MAACI;;kEACA,KAACN;kEAAiB;;kEAClB,KAACA;kEAAiB;;kEAClB,KAACG;kEACD,KAACH;kEAAiB;;;;;;;8CAIrB,MAACA;;wCAAiB;sDAEjB,KAACI;sDAAqB;;;;;;sCAGxB,KAACD;sCACD,KAACH;sCAAiB;;sCAClB,KAACA;sCAAiB;;sCAClB,KAACA;4BAAiBiB,QAAQ;sCAAC;;sCAC3B,KAACd;sCACD,MAACH;;gCAAiB;8CAEjB,KAACI;8CAAqB;;;;;;;;AAK3B,EAAkB"}
@@ -1 +1 @@
1
- {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAIzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}
1
+ {"version":3,"file":"form.d.ts","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAEN,KAAK,eAAe,EACpB,KAAK,SAAS,EACd,KAAK,WAAW,EAIhB,MAAM,iBAAiB,CAAC;AAIzB,QAAA,MAAM,IAAI,4MAAe,CAAC;AAa1B,QAAA,MAAM,SAAS,GACd,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC9D,cAEC,eAAe,CAAC,YAAY,EAAE,KAAK,CAAC,4CAMtC,CAAC;AAEF,QAAA,MAAM,YAAY;;;;;;;;;;;CAqBjB,CAAC;AAUF,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,2CAYrE;AAED,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,2CAYlD;AAED,iBAAS,WAAW,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,2CAiBnE;AAED,iBAAS,eAAe,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,2CAW1E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,kDAkBtE;AAED,OAAO,EACN,YAAY,EACZ,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,WAAW,EACX,eAAe,EACf,WAAW,EACX,SAAS,GACT,CAAC"}