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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (217) 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.js +5 -1
  34. package/dist/src/shadcn/components/ui/aspect-ratio.js.map +1 -1
  35. package/dist/src/shadcn/components/ui/aspect-ratio.stories.js +12 -3
  36. package/dist/src/shadcn/components/ui/aspect-ratio.stories.js.map +1 -1
  37. package/dist/src/shadcn/components/ui/avatar.js +17 -4
  38. package/dist/src/shadcn/components/ui/avatar.js.map +1 -1
  39. package/dist/src/shadcn/components/ui/avatar.stories.js +69 -3
  40. package/dist/src/shadcn/components/ui/avatar.stories.js.map +1 -1
  41. package/dist/src/shadcn/components/ui/badge.js +13 -6
  42. package/dist/src/shadcn/components/ui/badge.js.map +1 -1
  43. package/dist/src/shadcn/components/ui/badge.stories.js +55 -3
  44. package/dist/src/shadcn/components/ui/badge.stories.js.map +1 -1
  45. package/dist/src/shadcn/components/ui/breadcrumb.js +56 -11
  46. package/dist/src/shadcn/components/ui/breadcrumb.js.map +1 -1
  47. package/dist/src/shadcn/components/ui/breadcrumb.stories.js +69 -4
  48. package/dist/src/shadcn/components/ui/breadcrumb.stories.js.map +1 -1
  49. package/dist/src/shadcn/components/ui/button.js +23 -13
  50. package/dist/src/shadcn/components/ui/button.js.map +1 -1
  51. package/dist/src/shadcn/components/ui/button.stories.js +190 -10
  52. package/dist/src/shadcn/components/ui/button.stories.js.map +1 -1
  53. package/dist/src/shadcn/components/ui/calendar.js +75 -33
  54. package/dist/src/shadcn/components/ui/calendar.js.map +1 -1
  55. package/dist/src/shadcn/components/ui/calendar.stories.js +12 -5
  56. package/dist/src/shadcn/components/ui/calendar.stories.js.map +1 -1
  57. package/dist/src/shadcn/components/ui/card.js +38 -9
  58. package/dist/src/shadcn/components/ui/card.js.map +1 -1
  59. package/dist/src/shadcn/components/ui/card.stories.js +91 -6
  60. package/dist/src/shadcn/components/ui/card.stories.js.map +1 -1
  61. package/dist/src/shadcn/components/ui/carousel.js +99 -39
  62. package/dist/src/shadcn/components/ui/carousel.js.map +1 -1
  63. package/dist/src/shadcn/components/ui/carousel.stories.js +30 -6
  64. package/dist/src/shadcn/components/ui/carousel.stories.js.map +1 -1
  65. package/dist/src/shadcn/components/ui/chart.js +118 -55
  66. package/dist/src/shadcn/components/ui/chart.js.map +1 -1
  67. package/dist/src/shadcn/components/ui/chart.stories.js +72 -12
  68. package/dist/src/shadcn/components/ui/chart.stories.js.map +1 -1
  69. package/dist/src/shadcn/components/ui/checkbox.js +14 -2
  70. package/dist/src/shadcn/components/ui/checkbox.js.map +1 -1
  71. package/dist/src/shadcn/components/ui/checkbox.stories.js +79 -4
  72. package/dist/src/shadcn/components/ui/checkbox.stories.js.map +1 -1
  73. package/dist/src/shadcn/components/ui/collapsible.js +13 -3
  74. package/dist/src/shadcn/components/ui/collapsible.js.map +1 -1
  75. package/dist/src/shadcn/components/ui/collapsible.stories.js +54 -6
  76. package/dist/src/shadcn/components/ui/collapsible.stories.js.map +1 -1
  77. package/dist/src/shadcn/components/ui/command.js +77 -12
  78. package/dist/src/shadcn/components/ui/command.js.map +1 -1
  79. package/dist/src/shadcn/components/ui/command.stories.js +88 -4
  80. package/dist/src/shadcn/components/ui/command.stories.js.map +1 -1
  81. package/dist/src/shadcn/components/ui/context-menu.js +106 -17
  82. package/dist/src/shadcn/components/ui/context-menu.js.map +1 -1
  83. package/dist/src/shadcn/components/ui/context-menu.stories.js +101 -3
  84. package/dist/src/shadcn/components/ui/context-menu.stories.js.map +1 -1
  85. package/dist/src/shadcn/components/ui/dialog.js +69 -12
  86. package/dist/src/shadcn/components/ui/dialog.js.map +1 -1
  87. package/dist/src/shadcn/components/ui/dialog.stories.js +82 -6
  88. package/dist/src/shadcn/components/ui/dialog.stories.js.map +1 -1
  89. package/dist/src/shadcn/components/ui/drawer.js +61 -12
  90. package/dist/src/shadcn/components/ui/drawer.js.map +1 -1
  91. package/dist/src/shadcn/components/ui/drawer.stories.js +154 -21
  92. package/dist/src/shadcn/components/ui/drawer.stories.js.map +1 -1
  93. package/dist/src/shadcn/components/ui/dropdown-menu.js +107 -17
  94. package/dist/src/shadcn/components/ui/dropdown-menu.js.map +1 -1
  95. package/dist/src/shadcn/components/ui/dropdown-menu.stories.js +119 -4
  96. package/dist/src/shadcn/components/ui/dropdown-menu.stories.js.map +1 -1
  97. package/dist/src/shadcn/components/ui/form.js +58 -18
  98. package/dist/src/shadcn/components/ui/form.js.map +1 -1
  99. package/dist/src/shadcn/components/ui/form.stories.js +45 -11
  100. package/dist/src/shadcn/components/ui/form.stories.js.map +1 -1
  101. package/dist/src/shadcn/components/ui/hover-card.js +20 -4
  102. package/dist/src/shadcn/components/ui/hover-card.js.map +1 -1
  103. package/dist/src/shadcn/components/ui/hover-card.stories.js +51 -5
  104. package/dist/src/shadcn/components/ui/hover-card.stories.js.map +1 -1
  105. package/dist/src/shadcn/components/ui/input-otp.js +35 -7
  106. package/dist/src/shadcn/components/ui/input-otp.js.map +1 -1
  107. package/dist/src/shadcn/components/ui/input-otp.stories.js +35 -3
  108. package/dist/src/shadcn/components/ui/input-otp.stories.js.map +1 -1
  109. package/dist/src/shadcn/components/ui/input.js +59 -40
  110. package/dist/src/shadcn/components/ui/input.js.map +1 -1
  111. package/dist/src/shadcn/components/ui/input.stories.js +391 -23
  112. package/dist/src/shadcn/components/ui/input.stories.js.map +1 -1
  113. package/dist/src/shadcn/components/ui/label.js +7 -2
  114. package/dist/src/shadcn/components/ui/label.js.map +1 -1
  115. package/dist/src/shadcn/components/ui/label.stories.js +18 -4
  116. package/dist/src/shadcn/components/ui/label.stories.js.map +1 -1
  117. package/dist/src/shadcn/components/ui/menubar.js +116 -19
  118. package/dist/src/shadcn/components/ui/menubar.js.map +1 -1
  119. package/dist/src/shadcn/components/ui/menubar.stories.js +216 -3
  120. package/dist/src/shadcn/components/ui/menubar.stories.js.map +1 -1
  121. package/dist/src/shadcn/components/ui/navigation-menu.js +62 -10
  122. package/dist/src/shadcn/components/ui/navigation-menu.js.map +1 -1
  123. package/dist/src/shadcn/components/ui/navigation-menu.stories.js +263 -11
  124. package/dist/src/shadcn/components/ui/navigation-menu.stories.js.map +1 -1
  125. package/dist/src/shadcn/components/ui/pagination.js +73 -16
  126. package/dist/src/shadcn/components/ui/pagination.js.map +1 -1
  127. package/dist/src/shadcn/components/ui/pagination.stories.js +41 -3
  128. package/dist/src/shadcn/components/ui/pagination.stories.js.map +1 -1
  129. package/dist/src/shadcn/components/ui/popover.js +23 -5
  130. package/dist/src/shadcn/components/ui/popover.js.map +1 -1
  131. package/dist/src/shadcn/components/ui/popover.stories.js +99 -6
  132. package/dist/src/shadcn/components/ui/popover.stories.js.map +1 -1
  133. package/dist/src/shadcn/components/ui/progress.js +14 -2
  134. package/dist/src/shadcn/components/ui/progress.js.map +1 -1
  135. package/dist/src/shadcn/components/ui/progress.stories.js +12 -8
  136. package/dist/src/shadcn/components/ui/progress.stories.js.map +1 -1
  137. package/dist/src/shadcn/components/ui/radio-group.js +19 -3
  138. package/dist/src/shadcn/components/ui/radio-group.js.map +1 -1
  139. package/dist/src/shadcn/components/ui/radio-group.stories.js +48 -4
  140. package/dist/src/shadcn/components/ui/radio-group.stories.js.map +1 -1
  141. package/dist/src/shadcn/components/ui/resizable.js +22 -4
  142. package/dist/src/shadcn/components/ui/resizable.js.map +1 -1
  143. package/dist/src/shadcn/components/ui/resizable.stories.js +49 -3
  144. package/dist/src/shadcn/components/ui/resizable.stories.js.map +1 -1
  145. package/dist/src/shadcn/components/ui/scroll-area.js +26 -5
  146. package/dist/src/shadcn/components/ui/scroll-area.js.map +1 -1
  147. package/dist/src/shadcn/components/ui/scroll-area.stories.js +30 -5
  148. package/dist/src/shadcn/components/ui/scroll-area.stories.js.map +1 -1
  149. package/dist/src/shadcn/components/ui/select.js +98 -19
  150. package/dist/src/shadcn/components/ui/select.js.map +1 -1
  151. package/dist/src/shadcn/components/ui/select.stories.js +84 -5
  152. package/dist/src/shadcn/components/ui/select.stories.js.map +1 -1
  153. package/dist/src/shadcn/components/ui/separator.js +9 -2
  154. package/dist/src/shadcn/components/ui/separator.js.map +1 -1
  155. package/dist/src/shadcn/components/ui/separator.stories.js +43 -3
  156. package/dist/src/shadcn/components/ui/separator.stories.js.map +1 -1
  157. package/dist/src/shadcn/components/ui/sheet.js +69 -16
  158. package/dist/src/shadcn/components/ui/sheet.js.map +1 -1
  159. package/dist/src/shadcn/components/ui/sheet.stories.js +77 -6
  160. package/dist/src/shadcn/components/ui/sheet.stories.js.map +1 -1
  161. package/dist/src/shadcn/components/ui/sidebar.js +304 -79
  162. package/dist/src/shadcn/components/ui/sidebar.js.map +1 -1
  163. package/dist/src/shadcn/components/ui/sidebar.stories.js +321 -59
  164. package/dist/src/shadcn/components/ui/sidebar.stories.js.map +1 -1
  165. package/dist/src/shadcn/components/ui/skeleton.js +7 -2
  166. package/dist/src/shadcn/components/ui/skeleton.js.map +1 -1
  167. package/dist/src/shadcn/components/ui/skeleton.stories.js +22 -3
  168. package/dist/src/shadcn/components/ui/skeleton.stories.js.map +1 -1
  169. package/dist/src/shadcn/components/ui/slider.js +40 -7
  170. package/dist/src/shadcn/components/ui/slider.js.map +1 -1
  171. package/dist/src/shadcn/components/ui/slider.stories.js +11 -3
  172. package/dist/src/shadcn/components/ui/slider.stories.js.map +1 -1
  173. package/dist/src/shadcn/components/ui/sonner.js +10 -4
  174. package/dist/src/shadcn/components/ui/sonner.js.map +1 -1
  175. package/dist/src/shadcn/components/ui/sonner.stories.js +14 -9
  176. package/dist/src/shadcn/components/ui/sonner.stories.js.map +1 -1
  177. package/dist/src/shadcn/components/ui/switch.js +11 -2
  178. package/dist/src/shadcn/components/ui/switch.js.map +1 -1
  179. package/dist/src/shadcn/components/ui/switch.stories.js +16 -4
  180. package/dist/src/shadcn/components/ui/switch.stories.js.map +1 -1
  181. package/dist/src/shadcn/components/ui/table.js +47 -10
  182. package/dist/src/shadcn/components/ui/table.js.map +1 -1
  183. package/dist/src/shadcn/components/ui/table.stories.js +72 -11
  184. package/dist/src/shadcn/components/ui/table.stories.js.map +1 -1
  185. package/dist/src/shadcn/components/ui/tabs.d.ts +9 -5
  186. package/dist/src/shadcn/components/ui/tabs.d.ts.map +1 -1
  187. package/dist/src/shadcn/components/ui/tabs.js +75 -18
  188. package/dist/src/shadcn/components/ui/tabs.js.map +1 -1
  189. package/dist/src/shadcn/components/ui/tabs.stories.d.ts +6 -0
  190. package/dist/src/shadcn/components/ui/tabs.stories.d.ts.map +1 -1
  191. package/dist/src/shadcn/components/ui/tabs.stories.js +221 -10
  192. package/dist/src/shadcn/components/ui/tabs.stories.js.map +1 -1
  193. package/dist/src/shadcn/components/ui/textarea.js +7 -2
  194. package/dist/src/shadcn/components/ui/textarea.js.map +1 -1
  195. package/dist/src/shadcn/components/ui/textarea.stories.js +6 -3
  196. package/dist/src/shadcn/components/ui/textarea.stories.js.map +1 -1
  197. package/dist/src/shadcn/components/ui/toggle-group.js +29 -8
  198. package/dist/src/shadcn/components/ui/toggle-group.js.map +1 -1
  199. package/dist/src/shadcn/components/ui/toggle-group.stories.js +30 -3
  200. package/dist/src/shadcn/components/ui/toggle-group.stories.js.map +1 -1
  201. package/dist/src/shadcn/components/ui/toggle.js +16 -7
  202. package/dist/src/shadcn/components/ui/toggle.js.map +1 -1
  203. package/dist/src/shadcn/components/ui/toggle.stories.js +9 -3
  204. package/dist/src/shadcn/components/ui/toggle.stories.js.map +1 -1
  205. package/dist/src/shadcn/components/ui/tooltip.js +26 -5
  206. package/dist/src/shadcn/components/ui/tooltip.js.map +1 -1
  207. package/dist/src/shadcn/components/ui/tooltip.stories.js +20 -4
  208. package/dist/src/shadcn/components/ui/tooltip.stories.js.map +1 -1
  209. package/dist/src/shadcn/hooks/use-mobile.js +4 -3
  210. package/dist/src/shadcn/hooks/use-mobile.js.map +1 -1
  211. package/dist/src/shadcn/lib/utils.js +1 -0
  212. package/dist/src/shadcn/lib/utils.js.map +1 -1
  213. package/package.json +8 -4
  214. package/src/index.css +6 -0
  215. package/src/index.tsx +1 -0
  216. package/src/shadcn/components/ui/tabs.stories.tsx +57 -0
  217. package/src/shadcn/components/ui/tabs.tsx +76 -26
@@ -1,39 +1,86 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
3
- import { buttonVariants } from "#shadcn/components/ui/button";
4
- import { cn } from "#shadcn/lib/utils";
3
+ import { buttonVariants } from "./button.js";
4
+ import { cn } from "../../lib/utils.js";
5
5
  function AlertDialog({ ...props }) {
6
- return _jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
6
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Root, {
7
+ "data-slot": "alert-dialog",
8
+ ...props
9
+ });
7
10
  }
8
11
  function AlertDialogTrigger({ ...props }) {
9
- return (_jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props }));
12
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Trigger, {
13
+ "data-slot": "alert-dialog-trigger",
14
+ ...props
15
+ });
10
16
  }
11
17
  function AlertDialogPortal({ ...props }) {
12
- return (_jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props }));
18
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Portal, {
19
+ "data-slot": "alert-dialog-portal",
20
+ ...props
21
+ });
13
22
  }
14
23
  function AlertDialogOverlay({ className, ...props }) {
15
- return (_jsx(AlertDialogPrimitive.Overlay, { "data-slot": "alert-dialog-overlay", className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className), ...props }));
24
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Overlay, {
25
+ "data-slot": "alert-dialog-overlay",
26
+ className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
27
+ ...props
28
+ });
16
29
  }
17
30
  function AlertDialogContent({ className, ...props }) {
18
- return (_jsxs(AlertDialogPortal, { children: [_jsx(AlertDialogOverlay, {}), _jsx(AlertDialogPrimitive.Content, { "data-slot": "alert-dialog-content", className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className), ...props })] }));
31
+ return /*#__PURE__*/ _jsxs(AlertDialogPortal, {
32
+ children: [
33
+ /*#__PURE__*/ _jsx(AlertDialogOverlay, {}),
34
+ /*#__PURE__*/ _jsx(AlertDialogPrimitive.Content, {
35
+ "data-slot": "alert-dialog-content",
36
+ className: cn("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", className),
37
+ ...props
38
+ })
39
+ ]
40
+ });
19
41
  }
20
42
  function AlertDialogHeader({ className, ...props }) {
21
- return (_jsx("div", { "data-slot": "alert-dialog-header", className: cn("flex flex-col gap-2 text-center sm:text-left", className), ...props }));
43
+ return /*#__PURE__*/ _jsx("div", {
44
+ "data-slot": "alert-dialog-header",
45
+ className: cn("flex flex-col gap-2 text-center sm:text-left", className),
46
+ ...props
47
+ });
22
48
  }
23
49
  function AlertDialogFooter({ className, ...props }) {
24
- return (_jsx("div", { "data-slot": "alert-dialog-footer", className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className), ...props }));
50
+ return /*#__PURE__*/ _jsx("div", {
51
+ "data-slot": "alert-dialog-footer",
52
+ className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
53
+ ...props
54
+ });
25
55
  }
26
56
  function AlertDialogTitle({ className, ...props }) {
27
- return (_jsx(AlertDialogPrimitive.Title, { "data-slot": "alert-dialog-title", className: cn("text-lg font-semibold", className), ...props }));
57
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Title, {
58
+ "data-slot": "alert-dialog-title",
59
+ className: cn("text-lg font-semibold", className),
60
+ ...props
61
+ });
28
62
  }
29
63
  function AlertDialogDescription({ className, ...props }) {
30
- return (_jsx(AlertDialogPrimitive.Description, { "data-slot": "alert-dialog-description", className: cn("text-muted-foreground text-sm", className), ...props }));
64
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Description, {
65
+ "data-slot": "alert-dialog-description",
66
+ className: cn("text-muted-foreground text-sm", className),
67
+ ...props
68
+ });
31
69
  }
32
70
  function AlertDialogAction({ className, ...props }) {
33
- return (_jsx(AlertDialogPrimitive.Action, { className: cn(buttonVariants(), className), ...props }));
71
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Action, {
72
+ className: cn(buttonVariants(), className),
73
+ ...props
74
+ });
34
75
  }
35
76
  function AlertDialogCancel({ className, ...props }) {
36
- return (_jsx(AlertDialogPrimitive.Cancel, { className: cn(buttonVariants({ variant: "secondary" }), className), ...props }));
77
+ return /*#__PURE__*/ _jsx(AlertDialogPrimitive.Cancel, {
78
+ className: cn(buttonVariants({
79
+ variant: "secondary"
80
+ }), className),
81
+ ...props
82
+ });
37
83
  }
38
- export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
84
+ export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel };
85
+
39
86
  //# sourceMappingURL=alert-dialog.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dialog.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACgD;IACxD,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,GAAG,KAAK,EACmD;IAC3D,OAAO,CACN,KAAC,oBAAoB,CAAC,OAAO,iBAAW,sBAAsB,KAAK,KAAK,GAAI,CAC5E,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,iBAAW,qBAAqB,KAAK,KAAK,GAAI,CAC1E,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACmD;IAC3D,OAAO,CACN,KAAC,oBAAoB,CAAC,OAAO,iBAClB,sBAAsB,EAChC,SAAS,EAAE,EAAE,CACZ,wJAAwJ,EACxJ,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAC3B,SAAS,EACT,GAAG,KAAK,EACmD;IAC3D,OAAO,CACN,MAAC,iBAAiB,eACjB,KAAC,kBAAkB,KAAG,EACtB,KAAC,oBAAoB,CAAC,OAAO,iBAClB,sBAAsB,EAChC,SAAS,EAAE,EAAE,CACZ,6WAA6W,EAC7W,SAAS,CACT,KACG,KAAK,GACR,IACiB,CACpB,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACN,2BACW,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CAAC,8CAA8C,EAAE,SAAS,CAAC,KACpE,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACN,2BACW,qBAAqB,EAC/B,SAAS,EAAE,EAAE,CACZ,wDAAwD,EACxD,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACiD;IACzD,OAAO,CACN,KAAC,oBAAoB,CAAC,KAAK,iBAChB,oBAAoB,EAC9B,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,CAAC,KAC7C,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,sBAAsB,CAAC,EAC/B,SAAS,EACT,GAAG,KAAK,EACuD;IAC/D,OAAO,CACN,KAAC,oBAAoB,CAAC,WAAW,iBACtB,0BAA0B,EACpC,SAAS,EAAE,EAAE,CAAC,+BAA+B,EAAE,SAAS,CAAC,KACrD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,IAC3B,SAAS,EAAE,EAAE,CAAC,cAAc,EAAE,EAAE,SAAS,CAAC,KACtC,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,iBAAiB,CAAC,EAC1B,SAAS,EACT,GAAG,KAAK,EACkD;IAC1D,OAAO,CACN,KAAC,oBAAoB,CAAC,MAAM,IAC3B,SAAS,EAAE,EAAE,CAAC,cAAc,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,CAAC,EAAE,SAAS,CAAC,KAC9D,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EACN,WAAW,EACX,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,GACjB,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/alert-dialog.tsx"],"sourcesContent":["import * as AlertDialogPrimitive from \"@radix-ui/react-alert-dialog\";\nimport type * as React from \"react\";\nimport { buttonVariants } from \"#shadcn/components/ui/button\";\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction AlertDialog({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Root>) {\n\treturn <AlertDialogPrimitive.Root data-slot=\"alert-dialog\" {...props} />;\n}\n\nfunction AlertDialogTrigger({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Trigger data-slot=\"alert-dialog-trigger\" {...props} />\n\t);\n}\n\nfunction AlertDialogPortal({\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Portal>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Portal data-slot=\"alert-dialog-portal\" {...props} />\n\t);\n}\n\nfunction AlertDialogOverlay({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Overlay\n\t\t\tdata-slot=\"alert-dialog-overlay\"\n\t\t\tclassName={cn(\n\t\t\t\t\"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogContent({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Content>) {\n\treturn (\n\t\t<AlertDialogPortal>\n\t\t\t<AlertDialogOverlay />\n\t\t\t<AlertDialogPrimitive.Content\n\t\t\t\tdata-slot=\"alert-dialog-content\"\n\t\t\t\tclassName={cn(\n\t\t\t\t\t\"bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg\",\n\t\t\t\t\tclassName,\n\t\t\t\t)}\n\t\t\t\t{...props}\n\t\t\t/>\n\t\t</AlertDialogPortal>\n\t);\n}\n\nfunction AlertDialogHeader({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-header\"\n\t\t\tclassName={cn(\"flex flex-col gap-2 text-center sm:text-left\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogFooter({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-dialog-footer\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex flex-col-reverse gap-2 sm:flex-row sm:justify-end\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogTitle({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Title>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Title\n\t\t\tdata-slot=\"alert-dialog-title\"\n\t\t\tclassName={cn(\"text-lg font-semibold\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Description>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Description\n\t\t\tdata-slot=\"alert-dialog-description\"\n\t\t\tclassName={cn(\"text-muted-foreground text-sm\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogAction({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Action>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Action\n\t\t\tclassName={cn(buttonVariants(), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDialogCancel({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>) {\n\treturn (\n\t\t<AlertDialogPrimitive.Cancel\n\t\t\tclassName={cn(buttonVariants({ variant: \"secondary\" }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tAlertDialog,\n\tAlertDialogPortal,\n\tAlertDialogOverlay,\n\tAlertDialogTrigger,\n\tAlertDialogContent,\n\tAlertDialogHeader,\n\tAlertDialogFooter,\n\tAlertDialogTitle,\n\tAlertDialogDescription,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n};\n"],"names":["AlertDialogPrimitive","buttonVariants","cn","AlertDialog","props","Root","data-slot","AlertDialogTrigger","Trigger","AlertDialogPortal","Portal","AlertDialogOverlay","className","Overlay","AlertDialogContent","Content","AlertDialogHeader","div","AlertDialogFooter","AlertDialogTitle","Title","AlertDialogDescription","Description","AlertDialogAction","Action","AlertDialogCancel","Cancel","variant"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,cAAc,QAAQ,cAA+B;AAC9D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACJ,qBAAqBK,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASG,mBAAmB,EAC3B,GAAGH,OACwD;IAC3D,qBACC,KAACJ,qBAAqBQ,OAAO;QAACF,aAAU;QAAwB,GAAGF,KAAK;;AAE1E;AAEA,SAASK,kBAAkB,EAC1B,GAAGL,OACuD;IAC1D,qBACC,KAACJ,qBAAqBU,MAAM;QAACJ,aAAU;QAAuB,GAAGF,KAAK;;AAExE;AAEA,SAASO,mBAAmB,EAC3BC,SAAS,EACT,GAAGR,OACwD;IAC3D,qBACC,KAACJ,qBAAqBa,OAAO;QAC5BP,aAAU;QACVM,WAAWV,GACV,0JACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASU,mBAAmB,EAC3BF,SAAS,EACT,GAAGR,OACwD;IAC3D,qBACC,MAACK;;0BACA,KAACE;0BACD,KAACX,qBAAqBe,OAAO;gBAC5BT,aAAU;gBACVM,WAAWV,GACV,+WACAU;gBAEA,GAAGR,KAAK;;;;AAIb;AAEA,SAASY,kBAAkB,EAC1BJ,SAAS,EACT,GAAGR,OAC0B;IAC7B,qBACC,KAACa;QACAX,aAAU;QACVM,WAAWV,GAAG,gDAAgDU;QAC7D,GAAGR,KAAK;;AAGZ;AAEA,SAASc,kBAAkB,EAC1BN,SAAS,EACT,GAAGR,OAC0B;IAC7B,qBACC,KAACa;QACAX,aAAU;QACVM,WAAWV,GACV,0DACAU;QAEA,GAAGR,KAAK;;AAGZ;AAEA,SAASe,iBAAiB,EACzBP,SAAS,EACT,GAAGR,OACsD;IACzD,qBACC,KAACJ,qBAAqBoB,KAAK;QAC1Bd,aAAU;QACVM,WAAWV,GAAG,yBAAyBU;QACtC,GAAGR,KAAK;;AAGZ;AAEA,SAASiB,uBAAuB,EAC/BT,SAAS,EACT,GAAGR,OAC4D;IAC/D,qBACC,KAACJ,qBAAqBsB,WAAW;QAChChB,aAAU;QACVM,WAAWV,GAAG,iCAAiCU;QAC9C,GAAGR,KAAK;;AAGZ;AAEA,SAASmB,kBAAkB,EAC1BX,SAAS,EACT,GAAGR,OACuD;IAC1D,qBACC,KAACJ,qBAAqBwB,MAAM;QAC3BZ,WAAWV,GAAGD,kBAAkBW;QAC/B,GAAGR,KAAK;;AAGZ;AAEA,SAASqB,kBAAkB,EAC1Bb,SAAS,EACT,GAAGR,OACuD;IAC1D,qBACC,KAACJ,qBAAqB0B,MAAM;QAC3Bd,WAAWV,GAAGD,eAAe;YAAE0B,SAAS;QAAY,IAAIf;QACvD,GAAGR,KAAK;;AAGZ;AAEA,SACCD,WAAW,EACXM,iBAAiB,EACjBE,kBAAkB,EAClBJ,kBAAkB,EAClBO,kBAAkB,EAClBE,iBAAiB,EACjBE,iBAAiB,EACjBC,gBAAgB,EAChBE,sBAAsB,EACtBE,iBAAiB,EACjBE,iBAAiB,GAChB"}
@@ -1,11 +1,46 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, } from "#shadcn/components/ui/alert-dialog";
3
- import { Button } from "#shadcn/components/ui/button";
2
+ import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "./alert-dialog.js";
3
+ import { Button } from "./button.js";
4
4
  const meta = {
5
- title: "Component/Alert dialog",
5
+ title: "Component/Alert dialog"
6
6
  };
7
7
  export default meta;
8
8
  export const Demo = {
9
- render: () => (_jsxs(AlertDialog, { children: [_jsx(AlertDialogTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", children: "Show Dialog" }) }), _jsxs(AlertDialogContent, { children: [_jsxs(AlertDialogHeader, { children: [_jsx(AlertDialogTitle, { children: "Are you absolutely sure?" }), _jsx(AlertDialogDescription, { children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers." })] }), _jsxs(AlertDialogFooter, { children: [_jsx(AlertDialogCancel, { children: "Cancel" }), _jsx(AlertDialogAction, { children: "Continue" })] })] })] })),
9
+ render: ()=>/*#__PURE__*/ _jsxs(AlertDialog, {
10
+ children: [
11
+ /*#__PURE__*/ _jsx(AlertDialogTrigger, {
12
+ asChild: true,
13
+ children: /*#__PURE__*/ _jsx(Button, {
14
+ variant: "secondary",
15
+ children: "Show Dialog"
16
+ })
17
+ }),
18
+ /*#__PURE__*/ _jsxs(AlertDialogContent, {
19
+ children: [
20
+ /*#__PURE__*/ _jsxs(AlertDialogHeader, {
21
+ children: [
22
+ /*#__PURE__*/ _jsx(AlertDialogTitle, {
23
+ children: "Are you absolutely sure?"
24
+ }),
25
+ /*#__PURE__*/ _jsx(AlertDialogDescription, {
26
+ children: "This action cannot be undone. This will permanently delete your account and remove your data from our servers."
27
+ })
28
+ ]
29
+ }),
30
+ /*#__PURE__*/ _jsxs(AlertDialogFooter, {
31
+ children: [
32
+ /*#__PURE__*/ _jsx(AlertDialogCancel, {
33
+ children: "Cancel"
34
+ }),
35
+ /*#__PURE__*/ _jsx(AlertDialogAction, {
36
+ children: "Continue"
37
+ })
38
+ ]
39
+ })
40
+ ]
41
+ })
42
+ ]
43
+ })
10
44
  };
45
+
11
46
  //# sourceMappingURL=alert-dialog.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert-dialog.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert-dialog.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,GAClB,MAAM,oCAAoC,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,8BAA8B,CAAC;AAEtD,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,wBAAwB;CAChB,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,MAAC,WAAW,eACX,KAAC,kBAAkB,IAAC,OAAO,kBAC1B,KAAC,MAAM,IAAC,OAAO,EAAC,WAAW,4BAAqB,GAC5B,EACrB,MAAC,kBAAkB,eAClB,MAAC,iBAAiB,eACjB,KAAC,gBAAgB,2CAA4C,EAC7D,KAAC,sBAAsB,iIAGE,IACN,EACpB,MAAC,iBAAiB,eACjB,KAAC,iBAAiB,yBAA2B,EAC7C,KAAC,iBAAiB,2BAA6B,IAC5B,IACA,IACR,CACd;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/alert-dialog.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAlertDialog,\n\tAlertDialogAction,\n\tAlertDialogCancel,\n\tAlertDialogContent,\n\tAlertDialogDescription,\n\tAlertDialogFooter,\n\tAlertDialogHeader,\n\tAlertDialogTitle,\n\tAlertDialogTrigger,\n} from \"#shadcn/components/ui/alert-dialog\";\nimport { Button } from \"#shadcn/components/ui/button\";\n\nconst meta = {\n\ttitle: \"Component/Alert dialog\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<AlertDialog>\n\t\t\t<AlertDialogTrigger asChild>\n\t\t\t\t<Button variant=\"secondary\">Show Dialog</Button>\n\t\t\t</AlertDialogTrigger>\n\t\t\t<AlertDialogContent>\n\t\t\t\t<AlertDialogHeader>\n\t\t\t\t\t<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>\n\t\t\t\t\t<AlertDialogDescription>\n\t\t\t\t\t\tThis action cannot be undone. This will permanently delete your\n\t\t\t\t\t\taccount and remove your data from our servers.\n\t\t\t\t\t</AlertDialogDescription>\n\t\t\t\t</AlertDialogHeader>\n\t\t\t\t<AlertDialogFooter>\n\t\t\t\t\t<AlertDialogCancel>Cancel</AlertDialogCancel>\n\t\t\t\t\t<AlertDialogAction>Continue</AlertDialogAction>\n\t\t\t\t</AlertDialogFooter>\n\t\t\t</AlertDialogContent>\n\t\t</AlertDialog>\n\t),\n} satisfies Story;\n"],"names":["AlertDialog","AlertDialogAction","AlertDialogCancel","AlertDialogContent","AlertDialogDescription","AlertDialogFooter","AlertDialogHeader","AlertDialogTitle","AlertDialogTrigger","Button","meta","title","Demo","render","asChild","variant"],"mappings":";AACA,SACCA,WAAW,EACXC,iBAAiB,EACjBC,iBAAiB,EACjBC,kBAAkB,EAClBC,sBAAsB,EACtBC,iBAAiB,EACjBC,iBAAiB,EACjBC,gBAAgB,EAChBC,kBAAkB,QACZ,oBAAqC;AAC5C,SAASC,MAAM,QAAQ,cAA+B;AAEtD,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACb;;8BACA,KAACQ;oBAAmBM,OAAO;8BAC1B,cAAA,KAACL;wBAAOM,SAAQ;kCAAY;;;8BAE7B,MAACZ;;sCACA,MAACG;;8CACA,KAACC;8CAAiB;;8CAClB,KAACH;8CAAuB;;;;sCAKzB,MAACC;;8CACA,KAACH;8CAAkB;;8CACnB,KAACD;8CAAkB;;;;;;;;AAKxB,EAAkB"}
@@ -1,25 +1,41 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { cva } from "class-variance-authority";
3
- import { cn } from "#shadcn/lib/utils";
3
+ import { cn } from "../../lib/utils.js";
4
4
  const alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
5
5
  variants: {
6
6
  variant: {
7
7
  default: "bg-card text-card-foreground",
8
- destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90",
9
- },
8
+ destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
9
+ }
10
10
  },
11
11
  defaultVariants: {
12
- variant: "default",
13
- },
12
+ variant: "default"
13
+ }
14
14
  });
15
15
  function Alert({ className, variant, ...props }) {
16
- return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
16
+ return /*#__PURE__*/ _jsx("div", {
17
+ "data-slot": "alert",
18
+ role: "alert",
19
+ className: cn(alertVariants({
20
+ variant
21
+ }), className),
22
+ ...props
23
+ });
17
24
  }
18
25
  function AlertTitle({ className, ...props }) {
19
- return (_jsx("div", { "data-slot": "alert-title", className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className), ...props }));
26
+ return /*#__PURE__*/ _jsx("div", {
27
+ "data-slot": "alert-title",
28
+ className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
29
+ ...props
30
+ });
20
31
  }
21
32
  function AlertDescription({ className, ...props }) {
22
- return (_jsx("div", { "data-slot": "alert-description", className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className), ...props }));
33
+ return /*#__PURE__*/ _jsx("div", {
34
+ "data-slot": "alert-description",
35
+ className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
36
+ ...props
37
+ });
23
38
  }
24
39
  export { Alert, AlertTitle, AlertDescription };
40
+
25
41
  //# sourceMappingURL=alert.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,aAAa,GAAG,GAAG,CACxB,mOAAmO,EACnO;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EAAE,8BAA8B;YACvC,WAAW,EACV,mGAAmG;SACpG;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAC;AAEF,SAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAC0D;IAClE,OAAO,CACN,2BACW,OAAO,EACjB,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,UAAU,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAA+B;IACvE,OAAO,CACN,2BACW,aAAa,EACvB,SAAS,EAAE,EAAE,CACZ,6DAA6D,EAC7D,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,gBAAgB,CAAC,EACzB,SAAS,EACT,GAAG,KAAK,EACqB;IAC7B,OAAO,CACN,2BACW,mBAAmB,EAC7B,SAAS,EAAE,EAAE,CACZ,gGAAgG,EAChG,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/alert.tsx"],"sourcesContent":["import { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst alertVariants = cva(\n\t\"relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-card text-card-foreground\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Alert({\n\tclassName,\n\tvariant,\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert\"\n\t\t\trole=\"alert\"\n\t\t\tclassName={cn(alertVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-title\"\n\t\t\tclassName={cn(\n\t\t\t\t\"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AlertDescription({\n\tclassName,\n\t...props\n}: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"alert-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"names":["cva","cn","alertVariants","variants","variant","default","destructive","defaultVariants","Alert","className","props","div","data-slot","role","AlertTitle","AlertDescription"],"mappings":";AAAA,SAASA,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,gBAAgBF,IACrB,qOACA;IACCG,UAAU;QACTC,SAAS;YACRC,SAAS;YACTC,aACC;QACF;IACD;IACAC,iBAAiB;QAChBH,SAAS;IACV;AACD;AAGD,SAASI,MAAM,EACdC,SAAS,EACTL,OAAO,EACP,GAAGM,OAC+D;IAClE,qBACC,KAACC;QACAC,aAAU;QACVC,MAAK;QACLJ,WAAWR,GAAGC,cAAc;YAAEE;QAAQ,IAAIK;QACzC,GAAGC,KAAK;;AAGZ;AAEA,SAASI,WAAW,EAAEL,SAAS,EAAE,GAAGC,OAAoC;IACvE,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWR,GACV,+DACAQ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASK,iBAAiB,EACzBN,SAAS,EACT,GAAGC,OAC0B;IAC7B,qBACC,KAACC;QACAC,aAAU;QACVH,WAAWR,GACV,kGACAQ;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,KAAK,EAAEM,UAAU,EAAEC,gBAAgB,GAAG"}
@@ -1,11 +1,65 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from "lucide-react";
3
- import { Alert, AlertDescription, AlertTitle, } from "#shadcn/components/ui/alert";
3
+ import { Alert, AlertDescription, AlertTitle } from "./alert.js";
4
4
  const meta = {
5
- title: "Component/Alert",
5
+ title: "Component/Alert"
6
6
  };
7
7
  export default meta;
8
8
  export const Demo = {
9
- render: () => (_jsxs("div", { className: "grid w-full max-w-xl items-start gap-4", children: [_jsxs(Alert, { children: [_jsx(CheckCircle2Icon, {}), _jsx(AlertTitle, { children: "Success! Your changes have been saved" }), _jsx(AlertDescription, { children: "This is an alert with icon, title and description." })] }), _jsxs(Alert, { children: [_jsx(PopcornIcon, {}), _jsx(AlertTitle, { children: "This Alert has a title and an icon. No description." })] }), _jsxs(Alert, { variant: "destructive", children: [_jsx(AlertCircleIcon, {}), _jsx(AlertTitle, { children: "Unable to process your payment." }), _jsxs(AlertDescription, { children: [_jsx("p", { children: "Please verify your billing information and try again." }), _jsxs("ul", { className: "list-inside list-disc text-sm", children: [_jsx("li", { children: "Check your card details" }), _jsx("li", { children: "Ensure sufficient funds" }), _jsx("li", { children: "Verify billing address" })] })] })] })] })),
9
+ render: ()=>/*#__PURE__*/ _jsxs("div", {
10
+ className: "grid w-full max-w-xl items-start gap-4",
11
+ children: [
12
+ /*#__PURE__*/ _jsxs(Alert, {
13
+ children: [
14
+ /*#__PURE__*/ _jsx(CheckCircle2Icon, {}),
15
+ /*#__PURE__*/ _jsx(AlertTitle, {
16
+ children: "Success! Your changes have been saved"
17
+ }),
18
+ /*#__PURE__*/ _jsx(AlertDescription, {
19
+ children: "This is an alert with icon, title and description."
20
+ })
21
+ ]
22
+ }),
23
+ /*#__PURE__*/ _jsxs(Alert, {
24
+ children: [
25
+ /*#__PURE__*/ _jsx(PopcornIcon, {}),
26
+ /*#__PURE__*/ _jsx(AlertTitle, {
27
+ children: "This Alert has a title and an icon. No description."
28
+ })
29
+ ]
30
+ }),
31
+ /*#__PURE__*/ _jsxs(Alert, {
32
+ variant: "destructive",
33
+ children: [
34
+ /*#__PURE__*/ _jsx(AlertCircleIcon, {}),
35
+ /*#__PURE__*/ _jsx(AlertTitle, {
36
+ children: "Unable to process your payment."
37
+ }),
38
+ /*#__PURE__*/ _jsxs(AlertDescription, {
39
+ children: [
40
+ /*#__PURE__*/ _jsx("p", {
41
+ children: "Please verify your billing information and try again."
42
+ }),
43
+ /*#__PURE__*/ _jsxs("ul", {
44
+ className: "list-inside list-disc text-sm",
45
+ children: [
46
+ /*#__PURE__*/ _jsx("li", {
47
+ children: "Check your card details"
48
+ }),
49
+ /*#__PURE__*/ _jsx("li", {
50
+ children: "Ensure sufficient funds"
51
+ }),
52
+ /*#__PURE__*/ _jsx("li", {
53
+ children: "Verify billing address"
54
+ })
55
+ ]
56
+ })
57
+ ]
58
+ })
59
+ ]
60
+ })
61
+ ]
62
+ })
10
63
  };
64
+
11
65
  //# sourceMappingURL=alert.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"alert.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/alert.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC9E,OAAO,EACN,KAAK,EACL,gBAAgB,EAChB,UAAU,GACV,MAAM,6BAA6B,CAAC;AAErC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,iBAAiB;CACT,CAAC;AACjB,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,MAAM,IAAI,GAAG;IACnB,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,wCAAwC,aACtD,MAAC,KAAK,eACL,KAAC,gBAAgB,KAAG,EACpB,KAAC,UAAU,wDAAmD,EAC9D,KAAC,gBAAgB,qEAEE,IACZ,EACR,MAAC,KAAK,eACL,KAAC,WAAW,KAAG,EACf,KAAC,UAAU,sEAEE,IACN,EACR,MAAC,KAAK,IAAC,OAAO,EAAC,aAAa,aAC3B,KAAC,eAAe,KAAG,EACnB,KAAC,UAAU,kDAA6C,EACxD,MAAC,gBAAgB,eAChB,gFAA4D,EAC5D,cAAI,SAAS,EAAC,+BAA+B,aAC5C,mDAAgC,EAChC,mDAAgC,EAChC,kDAA+B,IAC3B,IACa,IACZ,IACH,CACN;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/alert.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { AlertCircleIcon, CheckCircle2Icon, PopcornIcon } from \"lucide-react\";\nimport {\n\tAlert,\n\tAlertDescription,\n\tAlertTitle,\n} from \"#shadcn/components/ui/alert\";\n\nconst meta = {\n\ttitle: \"Component/Alert\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"grid w-full max-w-xl items-start gap-4\">\n\t\t\t<Alert>\n\t\t\t\t<CheckCircle2Icon />\n\t\t\t\t<AlertTitle>Success! Your changes have been saved</AlertTitle>\n\t\t\t\t<AlertDescription>\n\t\t\t\t\tThis is an alert with icon, title and description.\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t\t<Alert>\n\t\t\t\t<PopcornIcon />\n\t\t\t\t<AlertTitle>\n\t\t\t\t\tThis Alert has a title and an icon. No description.\n\t\t\t\t</AlertTitle>\n\t\t\t</Alert>\n\t\t\t<Alert variant=\"destructive\">\n\t\t\t\t<AlertCircleIcon />\n\t\t\t\t<AlertTitle>Unable to process your payment.</AlertTitle>\n\t\t\t\t<AlertDescription>\n\t\t\t\t\t<p>Please verify your billing information and try again.</p>\n\t\t\t\t\t<ul className=\"list-inside list-disc text-sm\">\n\t\t\t\t\t\t<li>Check your card details</li>\n\t\t\t\t\t\t<li>Ensure sufficient funds</li>\n\t\t\t\t\t\t<li>Verify billing address</li>\n\t\t\t\t\t</ul>\n\t\t\t\t</AlertDescription>\n\t\t\t</Alert>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["AlertCircleIcon","CheckCircle2Icon","PopcornIcon","Alert","AlertDescription","AlertTitle","meta","title","Demo","render","div","className","variant","p","ul","li"],"mappings":";AACA,SAASA,eAAe,EAAEC,gBAAgB,EAAEC,WAAW,QAAQ,eAAe;AAC9E,SACCC,KAAK,EACLC,gBAAgB,EAChBC,UAAU,QACJ,aAA8B;AAErC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACR;;sCACA,KAACF;sCACD,KAACI;sCAAW;;sCACZ,KAACD;sCAAiB;;;;8BAInB,MAACD;;sCACA,KAACD;sCACD,KAACG;sCAAW;;;;8BAIb,MAACF;oBAAMS,SAAQ;;sCACd,KAACZ;sCACD,KAACK;sCAAW;;sCACZ,MAACD;;8CACA,KAACS;8CAAE;;8CACH,MAACC;oCAAGH,WAAU;;sDACb,KAACI;sDAAG;;sDACJ,KAACA;sDAAG;;sDACJ,KAACA;sDAAG;;;;;;;;;;AAMV,EAAkB"}
@@ -1,7 +1,11 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
3
3
  function AspectRatio({ ...props }) {
4
- return _jsx(AspectRatioPrimitive.Root, { "data-slot": "aspect-ratio", ...props });
4
+ return /*#__PURE__*/ _jsx(AspectRatioPrimitive.Root, {
5
+ "data-slot": "aspect-ratio",
6
+ ...props
7
+ });
5
8
  }
6
9
  export { AspectRatio };
10
+
7
11
  //# sourceMappingURL=aspect-ratio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"aspect-ratio.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,oBAAoB,MAAM,8BAA8B,CAAC;AAErE,SAAS,WAAW,CAAC,EACpB,GAAG,KAAK,EACgD;IACxD,OAAO,KAAC,oBAAoB,CAAC,IAAI,iBAAW,cAAc,KAAK,KAAK,GAAI,CAAC;AAC1E,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.tsx"],"sourcesContent":["import * as AspectRatioPrimitive from \"@radix-ui/react-aspect-ratio\";\n\nfunction AspectRatio({\n\t...props\n}: React.ComponentProps<typeof AspectRatioPrimitive.Root>) {\n\treturn <AspectRatioPrimitive.Root data-slot=\"aspect-ratio\" {...props} />;\n}\n\nexport { AspectRatio };\n"],"names":["AspectRatioPrimitive","AspectRatio","props","Root","data-slot"],"mappings":";AAAA,YAAYA,0BAA0B,+BAA+B;AAErE,SAASC,YAAY,EACpB,GAAGC,OACqD;IACxD,qBAAO,KAACF,qBAAqBG,IAAI;QAACC,aAAU;QAAgB,GAAGF,KAAK;;AACrE;AAEA,SAASD,WAAW,GAAG"}
@@ -1,10 +1,19 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
- import { AspectRatio } from "#shadcn/components/ui/aspect-ratio";
2
+ import { AspectRatio } from "./aspect-ratio.js";
3
3
  const meta = {
4
- title: "Component/Aspect ration",
4
+ title: "Component/Aspect ration"
5
5
  };
6
6
  export default meta;
7
7
  export const Demo = {
8
- render: () => (_jsx(AspectRatio, { ratio: 16 / 9, className: "bg-muted rounded-lg", children: _jsx("img", { src: "https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80", alt: "Aspect Ration demonstraion image.", className: "h-full w-full rounded-lg object-cover dark:brightness-[0.2] dark:grayscale" }) })),
8
+ render: ()=>/*#__PURE__*/ _jsx(AspectRatio, {
9
+ ratio: 16 / 9,
10
+ className: "bg-muted rounded-lg",
11
+ children: /*#__PURE__*/ _jsx("img", {
12
+ src: "https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80",
13
+ alt: "Aspect Ration demonstraion image.",
14
+ className: "h-full w-full rounded-lg object-cover dark:brightness-[0.2] dark:grayscale"
15
+ })
16
+ })
9
17
  };
18
+
10
19
  //# sourceMappingURL=aspect-ratio.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"aspect-ratio.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/aspect-ratio.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AAEjE,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,KAAC,WAAW,IAAC,KAAK,EAAE,EAAE,GAAG,CAAC,EAAE,SAAS,EAAC,qBAAqB,YAC1D,cACC,GAAG,EAAC,+EAA+E,EACnF,GAAG,EAAC,mCAAmC,EACvC,SAAS,EAAC,4EAA4E,GACrF,GACW,CACd;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/aspect-ratio.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport { AspectRatio } from \"#shadcn/components/ui/aspect-ratio\";\n\nconst meta = {\n\ttitle: \"Component/Aspect ration\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<AspectRatio ratio={16 / 9} className=\"bg-muted rounded-lg\">\n\t\t\t<img\n\t\t\t\tsrc=\"https://images.unsplash.com/photo-1588345921523-c2dcdb7f1dcd?w=800&dpr=2&q=80\"\n\t\t\t\talt=\"Aspect Ration demonstraion image.\"\n\t\t\t\tclassName=\"h-full w-full rounded-lg object-cover dark:brightness-[0.2] dark:grayscale\"\n\t\t\t/>\n\t\t</AspectRatio>\n\t),\n} satisfies Story;\n"],"names":["AspectRatio","meta","title","Demo","render","ratio","className","img","src","alt"],"mappings":";AACA,SAASA,WAAW,QAAQ,oBAAqC;AAEjE,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,KAACJ;YAAYK,OAAO,KAAK;YAAGC,WAAU;sBACrC,cAAA,KAACC;gBACAC,KAAI;gBACJC,KAAI;gBACJH,WAAU;;;AAId,EAAkB"}
@@ -1,14 +1,27 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
- import { cn } from "#shadcn/lib/utils";
3
+ import { cn } from "../../lib/utils.js";
4
4
  function Avatar({ className, ...props }) {
5
- return (_jsx(AvatarPrimitive.Root, { "data-slot": "avatar", className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className), ...props }));
5
+ return /*#__PURE__*/ _jsx(AvatarPrimitive.Root, {
6
+ "data-slot": "avatar",
7
+ className: cn("relative flex size-8 shrink-0 overflow-hidden rounded-full", className),
8
+ ...props
9
+ });
6
10
  }
7
11
  function AvatarImage({ className, ...props }) {
8
- return (_jsx(AvatarPrimitive.Image, { "data-slot": "avatar-image", className: cn("aspect-square size-full", className), ...props }));
12
+ return /*#__PURE__*/ _jsx(AvatarPrimitive.Image, {
13
+ "data-slot": "avatar-image",
14
+ className: cn("aspect-square size-full", className),
15
+ ...props
16
+ });
9
17
  }
10
18
  function AvatarFallback({ className, ...props }) {
11
- return (_jsx(AvatarPrimitive.Fallback, { "data-slot": "avatar-fallback", className: cn("bg-muted flex size-full items-center justify-center rounded-full", className), ...props }));
19
+ return /*#__PURE__*/ _jsx(AvatarPrimitive.Fallback, {
20
+ "data-slot": "avatar-fallback",
21
+ className: cn("bg-muted flex size-full items-center justify-center rounded-full", className),
22
+ ...props
23
+ });
12
24
  }
13
25
  export { Avatar, AvatarImage, AvatarFallback };
26
+
14
27
  //# sourceMappingURL=avatar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAG1D,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,SAAS,MAAM,CAAC,EACf,SAAS,EACT,GAAG,KAAK,EAC2C;IACnD,OAAO,CACN,KAAC,eAAe,CAAC,IAAI,iBACV,QAAQ,EAClB,SAAS,EAAE,EAAE,CACZ,4DAA4D,EAC5D,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACpB,SAAS,EACT,GAAG,KAAK,EAC4C;IACpD,OAAO,CACN,KAAC,eAAe,CAAC,KAAK,iBACX,cAAc,EACxB,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,KAC/C,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,SAAS,cAAc,CAAC,EACvB,SAAS,EACT,GAAG,KAAK,EAC+C;IACvD,OAAO,CACN,KAAC,eAAe,CAAC,QAAQ,iBACd,iBAAiB,EAC3B,SAAS,EAAE,EAAE,CACZ,kEAAkE,EAClE,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.tsx"],"sourcesContent":["import * as AvatarPrimitive from \"@radix-ui/react-avatar\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nfunction Avatar({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Root>) {\n\treturn (\n\t\t<AvatarPrimitive.Root\n\t\t\tdata-slot=\"avatar\"\n\t\t\tclassName={cn(\n\t\t\t\t\"relative flex size-8 shrink-0 overflow-hidden rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarImage({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Image>) {\n\treturn (\n\t\t<AvatarPrimitive.Image\n\t\t\tdata-slot=\"avatar-image\"\n\t\t\tclassName={cn(\"aspect-square size-full\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction AvatarFallback({\n\tclassName,\n\t...props\n}: React.ComponentProps<typeof AvatarPrimitive.Fallback>) {\n\treturn (\n\t\t<AvatarPrimitive.Fallback\n\t\t\tdata-slot=\"avatar-fallback\"\n\t\t\tclassName={cn(\n\t\t\t\t\"bg-muted flex size-full items-center justify-center rounded-full\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Avatar, AvatarImage, AvatarFallback };\n"],"names":["AvatarPrimitive","cn","Avatar","className","props","Root","data-slot","AvatarImage","Image","AvatarFallback","Fallback"],"mappings":";AAAA,YAAYA,qBAAqB,yBAAyB;AAG1D,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,SAASC,OAAO,EACfC,SAAS,EACT,GAAGC,OACgD;IACnD,qBACC,KAACJ,gBAAgBK,IAAI;QACpBC,aAAU;QACVH,WAAWF,GACV,8DACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASG,YAAY,EACpBJ,SAAS,EACT,GAAGC,OACiD;IACpD,qBACC,KAACJ,gBAAgBQ,KAAK;QACrBF,aAAU;QACVH,WAAWF,GAAG,2BAA2BE;QACxC,GAAGC,KAAK;;AAGZ;AAEA,SAASK,eAAe,EACvBN,SAAS,EACT,GAAGC,OACoD;IACvD,qBACC,KAACJ,gBAAgBU,QAAQ;QACxBJ,aAAU;QACVH,WAAWF,GACV,oEACAE;QAEA,GAAGC,KAAK;;AAGZ;AAEA,SAASF,MAAM,EAAEK,WAAW,EAAEE,cAAc,GAAG"}
@@ -1,10 +1,76 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Avatar, AvatarFallback, AvatarImage, } from "#shadcn/components/ui/avatar";
2
+ import { Avatar, AvatarFallback, AvatarImage } from "./avatar.js";
3
3
  const meta = {
4
- title: "Component/Avatar",
4
+ title: "Component/Avatar"
5
5
  };
6
6
  export default meta;
7
7
  export const Demo = {
8
- render: () => (_jsxs("div", { className: "flex flex-row flex-wrap items-center gap-12", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "@shadcn" }), _jsx(AvatarFallback, { children: "CN" })] }), _jsxs(Avatar, { className: "rounded-lg", children: [_jsx(AvatarImage, { src: "https://github.com/evilrabbit.png", alt: "@evilrabbit" }), _jsx(AvatarFallback, { children: "ER" })] }), _jsxs("div", { className: "*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale", children: [_jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/shadcn.png", alt: "@shadcn" }), _jsx(AvatarFallback, { children: "CN" })] }), _jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/leerob.png", alt: "@leerob" }), _jsx(AvatarFallback, { children: "LR" })] }), _jsxs(Avatar, { children: [_jsx(AvatarImage, { src: "https://github.com/evilrabbit.png", alt: "@evilrabbit" }), _jsx(AvatarFallback, { children: "ER" })] })] })] })),
8
+ render: ()=>/*#__PURE__*/ _jsxs("div", {
9
+ className: "flex flex-row flex-wrap items-center gap-12",
10
+ children: [
11
+ /*#__PURE__*/ _jsxs(Avatar, {
12
+ children: [
13
+ /*#__PURE__*/ _jsx(AvatarImage, {
14
+ src: "https://github.com/shadcn.png",
15
+ alt: "@shadcn"
16
+ }),
17
+ /*#__PURE__*/ _jsx(AvatarFallback, {
18
+ children: "CN"
19
+ })
20
+ ]
21
+ }),
22
+ /*#__PURE__*/ _jsxs(Avatar, {
23
+ className: "rounded-lg",
24
+ children: [
25
+ /*#__PURE__*/ _jsx(AvatarImage, {
26
+ src: "https://github.com/evilrabbit.png",
27
+ alt: "@evilrabbit"
28
+ }),
29
+ /*#__PURE__*/ _jsx(AvatarFallback, {
30
+ children: "ER"
31
+ })
32
+ ]
33
+ }),
34
+ /*#__PURE__*/ _jsxs("div", {
35
+ className: "*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale",
36
+ children: [
37
+ /*#__PURE__*/ _jsxs(Avatar, {
38
+ children: [
39
+ /*#__PURE__*/ _jsx(AvatarImage, {
40
+ src: "https://github.com/shadcn.png",
41
+ alt: "@shadcn"
42
+ }),
43
+ /*#__PURE__*/ _jsx(AvatarFallback, {
44
+ children: "CN"
45
+ })
46
+ ]
47
+ }),
48
+ /*#__PURE__*/ _jsxs(Avatar, {
49
+ children: [
50
+ /*#__PURE__*/ _jsx(AvatarImage, {
51
+ src: "https://github.com/leerob.png",
52
+ alt: "@leerob"
53
+ }),
54
+ /*#__PURE__*/ _jsx(AvatarFallback, {
55
+ children: "LR"
56
+ })
57
+ ]
58
+ }),
59
+ /*#__PURE__*/ _jsxs(Avatar, {
60
+ children: [
61
+ /*#__PURE__*/ _jsx(AvatarImage, {
62
+ src: "https://github.com/evilrabbit.png",
63
+ alt: "@evilrabbit"
64
+ }),
65
+ /*#__PURE__*/ _jsx(AvatarFallback, {
66
+ children: "ER"
67
+ })
68
+ ]
69
+ })
70
+ ]
71
+ })
72
+ ]
73
+ })
9
74
  };
75
+
10
76
  //# sourceMappingURL=avatar.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.stories.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/avatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EACN,MAAM,EACN,cAAc,EACd,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,eAAK,SAAS,EAAC,6CAA6C,aAC3D,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,SAAS,GAAG,EACjE,KAAC,cAAc,qBAAoB,IAC3B,EACT,MAAC,MAAM,IAAC,SAAS,EAAC,YAAY,aAC7B,KAAC,WAAW,IACX,GAAG,EAAC,mCAAmC,EACvC,GAAG,EAAC,aAAa,GAChB,EACF,KAAC,cAAc,qBAAoB,IAC3B,EACT,eAAK,SAAS,EAAC,iHAAiH,aAC/H,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,SAAS,GAAG,EACjE,KAAC,cAAc,qBAAoB,IAC3B,EACT,MAAC,MAAM,eACN,KAAC,WAAW,IAAC,GAAG,EAAC,+BAA+B,EAAC,GAAG,EAAC,SAAS,GAAG,EACjE,KAAC,cAAc,qBAAoB,IAC3B,EACT,MAAC,MAAM,eACN,KAAC,WAAW,IACX,GAAG,EAAC,mCAAmC,EACvC,GAAG,EAAC,aAAa,GAChB,EACF,KAAC,cAAc,qBAAoB,IAC3B,IACJ,IACD,CACN;CACe,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/avatar.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react-vite\";\nimport {\n\tAvatar,\n\tAvatarFallback,\n\tAvatarImage,\n} from \"#shadcn/components/ui/avatar\";\n\nconst meta = {\n\ttitle: \"Component/Avatar\",\n} satisfies Meta;\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Demo = {\n\trender: () => (\n\t\t<div className=\"flex flex-row flex-wrap items-center gap-12\">\n\t\t\t<Avatar>\n\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<Avatar className=\"rounded-lg\">\n\t\t\t\t<AvatarImage\n\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t/>\n\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t</Avatar>\n\t\t\t<div className=\"*:data-[slot=avatar]:ring-background flex -space-x-2 *:data-[slot=avatar]:ring-2 *:data-[slot=avatar]:grayscale\">\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/shadcn.png\" alt=\"@shadcn\" />\n\t\t\t\t\t<AvatarFallback>CN</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage src=\"https://github.com/leerob.png\" alt=\"@leerob\" />\n\t\t\t\t\t<AvatarFallback>LR</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t\t<Avatar>\n\t\t\t\t\t<AvatarImage\n\t\t\t\t\t\tsrc=\"https://github.com/evilrabbit.png\"\n\t\t\t\t\t\talt=\"@evilrabbit\"\n\t\t\t\t\t/>\n\t\t\t\t\t<AvatarFallback>ER</AvatarFallback>\n\t\t\t\t</Avatar>\n\t\t\t</div>\n\t\t</div>\n\t),\n} satisfies Story;\n"],"names":["Avatar","AvatarFallback","AvatarImage","meta","title","Demo","render","div","className","src","alt"],"mappings":";AACA,SACCA,MAAM,EACNC,cAAc,EACdC,WAAW,QACL,cAA+B;AAEtC,MAAMC,OAAO;IACZC,OAAO;AACR;AACA,eAAeD,KAAK;AAIpB,OAAO,MAAME,OAAO;IACnBC,QAAQ,kBACP,MAACC;YAAIC,WAAU;;8BACd,MAACR;;sCACA,KAACE;4BAAYO,KAAI;4BAAgCC,KAAI;;sCACrD,KAACT;sCAAe;;;;8BAEjB,MAACD;oBAAOQ,WAAU;;sCACjB,KAACN;4BACAO,KAAI;4BACJC,KAAI;;sCAEL,KAACT;sCAAe;;;;8BAEjB,MAACM;oBAAIC,WAAU;;sCACd,MAACR;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCAAYO,KAAI;oCAAgCC,KAAI;;8CACrD,KAACT;8CAAe;;;;sCAEjB,MAACD;;8CACA,KAACE;oCACAO,KAAI;oCACJC,KAAI;;8CAEL,KAACT;8CAAe;;;;;;;;AAKrB,EAAkB"}
@@ -1,23 +1,30 @@
1
1
  import { jsx as _jsx } from "react/jsx-runtime";
2
2
  import { Slot } from "@radix-ui/react-slot";
3
3
  import { cva } from "class-variance-authority";
4
- import { cn } from "#shadcn/lib/utils";
4
+ import { cn } from "../../lib/utils.js";
5
5
  const badgeVariants = cva("inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", {
6
6
  variants: {
7
7
  variant: {
8
8
  default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
9
9
  secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
10
10
  destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
11
- outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground",
12
- },
11
+ outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
12
+ }
13
13
  },
14
14
  defaultVariants: {
15
- variant: "default",
16
- },
15
+ variant: "default"
16
+ }
17
17
  });
18
18
  function Badge({ className, variant, asChild = false, ...props }) {
19
19
  const Comp = asChild ? Slot : "span";
20
- return (_jsx(Comp, { "data-slot": "badge", className: cn(badgeVariants({ variant }), className), ...props }));
20
+ return /*#__PURE__*/ _jsx(Comp, {
21
+ "data-slot": "badge",
22
+ className: cn(badgeVariants({
23
+ variant
24
+ }), className),
25
+ ...props
26
+ });
21
27
  }
22
28
  export { Badge, badgeVariants };
29
+
23
30
  //# sourceMappingURL=badge.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../../src/shadcn/components/ui/badge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAGlE,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAC;AAEvC,MAAM,aAAa,GAAG,GAAG,CACxB,gZAAgZ,EAChZ;IACC,QAAQ,EAAE;QACT,OAAO,EAAE;YACR,OAAO,EACN,gFAAgF;YACjF,SAAS,EACR,sFAAsF;YACvF,WAAW,EACV,2KAA2K;YAC5K,OAAO,EACN,wEAAwE;SACzE;KACD;IACD,eAAe,EAAE;QAChB,OAAO,EAAE,SAAS;KAClB;CACD,CACD,CAAC;AAEF,SAAS,KAAK,CAAC,EACd,SAAS,EACT,OAAO,EACP,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EAEkD;IAC1D,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC;IAErC,OAAO,CACN,KAAC,IAAI,iBACM,OAAO,EACjB,SAAS,EAAE,EAAE,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS,CAAC,KAChD,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
1
+ {"version":3,"sources":["../../../../../src/shadcn/components/ui/badge.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport type * as React from \"react\";\n\nimport { cn } from \"#shadcn/lib/utils\";\n\nconst badgeVariants = cva(\n\t\"inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault:\n\t\t\t\t\t\"border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90\",\n\t\t\t\tsecondary:\n\t\t\t\t\t\"border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90\",\n\t\t\t\tdestructive:\n\t\t\t\t\t\"border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60\",\n\t\t\t\toutline:\n\t\t\t\t\t\"text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction Badge({\n\tclassName,\n\tvariant,\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"span\"> &\n\tVariantProps<typeof badgeVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"span\";\n\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"badge\"\n\t\t\tclassName={cn(badgeVariants({ variant }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport { Badge, badgeVariants };\n"],"names":["Slot","cva","cn","badgeVariants","variants","variant","default","secondary","destructive","outline","defaultVariants","Badge","className","asChild","props","Comp","data-slot"],"mappings":";AAAA,SAASA,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,GAAG,QAA2B,2BAA2B;AAGlE,SAASC,EAAE,QAAQ,qBAAoB;AAEvC,MAAMC,gBAAgBF,IACrB,kZACA;IACCG,UAAU;QACTC,SAAS;YACRC,SACC;YACDC,WACC;YACDC,aACC;YACDC,SACC;QACF;IACD;IACAC,iBAAiB;QAChBL,SAAS;IACV;AACD;AAGD,SAASM,MAAM,EACdC,SAAS,EACTP,OAAO,EACPQ,UAAU,KAAK,EACf,GAAGC,OAEuD;IAC1D,MAAMC,OAAOF,UAAUb,OAAO;IAE9B,qBACC,KAACe;QACAC,aAAU;QACVJ,WAAWV,GAAGC,cAAc;YAAEE;QAAQ,IAAIO;QACzC,GAAGE,KAAK;;AAGZ;AAEA,SAASH,KAAK,EAAER,aAAa,GAAG"}