@esmate/shadcn 3.3.2 → 3.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/README.md +7 -5
  2. package/dist/components/ui/badge.js +1 -1
  3. package/dist/components/ui/button-group.d.ts +11 -0
  4. package/dist/components/ui/button-group.js +42 -0
  5. package/dist/components/ui/button.d.ts +1 -1
  6. package/dist/components/ui/button.js +3 -1
  7. package/dist/components/ui/calendar.js +1 -1
  8. package/dist/components/ui/card.js +1 -1
  9. package/dist/components/ui/checkbox.js +1 -1
  10. package/dist/components/ui/context-menu.js +1 -1
  11. package/dist/components/ui/dropdown-menu.js +1 -1
  12. package/dist/components/ui/empty.d.ts +11 -0
  13. package/dist/components/ui/empty.js +60 -0
  14. package/dist/components/ui/field.d.ts +24 -0
  15. package/dist/components/ui/field.js +134 -0
  16. package/dist/components/ui/input-group.d.ts +16 -0
  17. package/dist/components/ui/input-group.js +89 -0
  18. package/dist/components/ui/item.d.ts +23 -0
  19. package/dist/components/ui/item.js +118 -0
  20. package/dist/components/ui/kbd.d.ts +3 -0
  21. package/dist/components/ui/kbd.js +16 -0
  22. package/dist/components/ui/select.d.ts +1 -1
  23. package/dist/components/ui/select.js +2 -1
  24. package/dist/components/ui/sidebar.d.ts +1 -1
  25. package/dist/components/ui/slider.js +1 -1
  26. package/dist/components/ui/sonner.d.ts +1 -1
  27. package/dist/components/ui/sonner.js +20 -1
  28. package/dist/components/ui/spinner.d.ts +2 -0
  29. package/dist/components/ui/spinner.js +11 -0
  30. package/dist/components/ui/toggle-group.d.ts +3 -1
  31. package/dist/components/ui/toggle-group.js +12 -5
  32. package/package.json +15 -15
  33. package/dist/ui/accordion.d.ts +0 -7
  34. package/dist/ui/accordion.js +0 -39
  35. package/dist/ui/alert-dialog.d.ts +0 -14
  36. package/dist/ui/alert-dialog.js +0 -80
  37. package/dist/ui/alert.d.ts +0 -9
  38. package/dist/ui/alert.js +0 -39
  39. package/dist/ui/aspect-ratio.d.ts +0 -3
  40. package/dist/ui/aspect-ratio.js +0 -9
  41. package/dist/ui/avatar.d.ts +0 -6
  42. package/dist/ui/avatar.js +0 -26
  43. package/dist/ui/badge.d.ts +0 -9
  44. package/dist/ui/badge.js +0 -28
  45. package/dist/ui/breadcrumb.d.ts +0 -11
  46. package/dist/ui/breadcrumb.js +0 -66
  47. package/dist/ui/button.d.ts +0 -10
  48. package/dist/ui/button.js +0 -39
  49. package/dist/ui/calendar.d.ts +0 -8
  50. package/dist/ui/calendar.js +0 -103
  51. package/dist/ui/card.d.ts +0 -9
  52. package/dist/ui/card.js +0 -52
  53. package/dist/ui/carousel.d.ts +0 -19
  54. package/dist/ui/carousel.js +0 -135
  55. package/dist/ui/chart.d.ts +0 -40
  56. package/dist/ui/chart.js +0 -138
  57. package/dist/ui/checkbox.d.ts +0 -4
  58. package/dist/ui/checkbox.js +0 -18
  59. package/dist/ui/collapsible.d.ts +0 -5
  60. package/dist/ui/collapsible.js +0 -21
  61. package/dist/ui/command.d.ts +0 -18
  62. package/dist/ui/command.js +0 -78
  63. package/dist/ui/context-menu.d.ts +0 -25
  64. package/dist/ui/context-menu.js +0 -120
  65. package/dist/ui/dialog.d.ts +0 -15
  66. package/dist/ui/dialog.js +0 -79
  67. package/dist/ui/drawer.d.ts +0 -13
  68. package/dist/ui/drawer.js +0 -75
  69. package/dist/ui/dropdown-menu.d.ts +0 -25
  70. package/dist/ui/dropdown-menu.js +0 -121
  71. package/dist/ui/form.d.ts +0 -24
  72. package/dist/ui/form.js +0 -86
  73. package/dist/ui/hover-card.d.ts +0 -6
  74. package/dist/ui/hover-card.js +0 -28
  75. package/dist/ui/input-otp.d.ts +0 -11
  76. package/dist/ui/input-otp.js +0 -42
  77. package/dist/ui/input.d.ts +0 -3
  78. package/dist/ui/input.js +0 -11
  79. package/dist/ui/label.d.ts +0 -4
  80. package/dist/ui/label.js +0 -12
  81. package/dist/ui/menubar.d.ts +0 -26
  82. package/dist/ui/menubar.js +0 -131
  83. package/dist/ui/navigation-menu.d.ts +0 -14
  84. package/dist/ui/navigation-menu.js +0 -71
  85. package/dist/ui/pagination.d.ts +0 -13
  86. package/dist/ui/pagination.js +0 -71
  87. package/dist/ui/popover.d.ts +0 -7
  88. package/dist/ui/popover.js +0 -32
  89. package/dist/ui/progress.d.ts +0 -4
  90. package/dist/ui/progress.js +0 -18
  91. package/dist/ui/radio-group.d.ts +0 -5
  92. package/dist/ui/radio-group.js +0 -25
  93. package/dist/ui/resizable.d.ts +0 -8
  94. package/dist/ui/resizable.js +0 -30
  95. package/dist/ui/scroll-area.d.ts +0 -5
  96. package/dist/ui/scroll-area.js +0 -26
  97. package/dist/ui/select.d.ts +0 -15
  98. package/dist/ui/select.js +0 -89
  99. package/dist/ui/separator.d.ts +0 -4
  100. package/dist/ui/separator.js +0 -14
  101. package/dist/ui/sheet.d.ts +0 -13
  102. package/dist/ui/sheet.js +0 -78
  103. package/dist/ui/sidebar.d.ts +0 -69
  104. package/dist/ui/sidebar.js +0 -368
  105. package/dist/ui/skeleton.d.ts +0 -2
  106. package/dist/ui/skeleton.js +0 -9
  107. package/dist/ui/slider.d.ts +0 -4
  108. package/dist/ui/slider.js +0 -37
  109. package/dist/ui/sonner.d.ts +0 -3
  110. package/dist/ui/sonner.js +0 -17
  111. package/dist/ui/switch.d.ts +0 -4
  112. package/dist/ui/switch.js +0 -15
  113. package/dist/ui/table.d.ts +0 -10
  114. package/dist/ui/table.js +0 -63
  115. package/dist/ui/tabs.d.ts +0 -7
  116. package/dist/ui/tabs.js +0 -33
  117. package/dist/ui/textarea.d.ts +0 -3
  118. package/dist/ui/textarea.js +0 -10
  119. package/dist/ui/toggle-group.d.ts +0 -7
  120. package/dist/ui/toggle-group.js +0 -37
  121. package/dist/ui/toggle.d.ts +0 -9
  122. package/dist/ui/toggle.js +0 -34
  123. package/dist/ui/tooltip.d.ts +0 -7
  124. package/dist/ui/tooltip.js +0 -34
@@ -0,0 +1,118 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__ from "@radix-ui/react-slot";
3
+ import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
4
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__separator_js_5c835db5__ from "./separator.js";
6
+ function ItemGroup({ className, ...props }) {
7
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
8
+ role: "list",
9
+ "data-slot": "item-group",
10
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group/item-group flex flex-col", className),
11
+ ...props
12
+ });
13
+ }
14
+ function ItemSeparator({ className, ...props }) {
15
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__separator_js_5c835db5__.Separator, {
16
+ "data-slot": "item-separator",
17
+ orientation: "horizontal",
18
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("my-0", className),
19
+ ...props
20
+ });
21
+ }
22
+ const itemVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
23
+ variants: {
24
+ variant: {
25
+ default: "bg-transparent",
26
+ outline: "border-border",
27
+ muted: "bg-muted/50"
28
+ },
29
+ size: {
30
+ default: "p-4 gap-4 ",
31
+ sm: "py-3 px-4 gap-2.5"
32
+ }
33
+ },
34
+ defaultVariants: {
35
+ variant: "default",
36
+ size: "default"
37
+ }
38
+ });
39
+ function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
40
+ const Comp = asChild ? __WEBPACK_EXTERNAL_MODULE__radix_ui_react_slot_85c2da36__.Slot : "div";
41
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(Comp, {
42
+ "data-slot": "item",
43
+ "data-variant": variant,
44
+ "data-size": size,
45
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(itemVariants({
46
+ variant,
47
+ size,
48
+ className
49
+ })),
50
+ ...props
51
+ });
52
+ }
53
+ const itemMediaVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.cva)("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
54
+ variants: {
55
+ variant: {
56
+ default: "bg-transparent",
57
+ icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
58
+ image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
59
+ }
60
+ },
61
+ defaultVariants: {
62
+ variant: "default"
63
+ }
64
+ });
65
+ function ItemMedia({ className, variant = "default", ...props }) {
66
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
67
+ "data-slot": "item-media",
68
+ "data-variant": variant,
69
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)(itemMediaVariants({
70
+ variant,
71
+ className
72
+ })),
73
+ ...props
74
+ });
75
+ }
76
+ function ItemContent({ className, ...props }) {
77
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
78
+ "data-slot": "item-content",
79
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
80
+ ...props
81
+ });
82
+ }
83
+ function ItemTitle({ className, ...props }) {
84
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
85
+ "data-slot": "item-title",
86
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
87
+ ...props
88
+ });
89
+ }
90
+ function ItemDescription({ className, ...props }) {
91
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("p", {
92
+ "data-slot": "item-description",
93
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
94
+ ...props
95
+ });
96
+ }
97
+ function ItemActions({ className, ...props }) {
98
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
99
+ "data-slot": "item-actions",
100
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex items-center gap-2", className),
101
+ ...props
102
+ });
103
+ }
104
+ function ItemHeader({ className, ...props }) {
105
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
106
+ "data-slot": "item-header",
107
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex basis-full items-center justify-between gap-2", className),
108
+ ...props
109
+ });
110
+ }
111
+ function ItemFooter({ className, ...props }) {
112
+ return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
113
+ "data-slot": "item-footer",
114
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("flex basis-full items-center justify-between gap-2", className),
115
+ ...props
116
+ });
117
+ }
118
+ export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
@@ -0,0 +1,3 @@
1
+ declare function Kbd({ className, ...props }: React.ComponentProps<"kbd">): import("react/jsx-runtime").JSX.Element;
2
+ declare function KbdGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
3
+ export { Kbd, KbdGroup };
@@ -0,0 +1,16 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
2
+ function Kbd({ className, ...props }) {
3
+ return /*#__PURE__*/ React.createElement("kbd", {
4
+ "data-slot": "kbd",
5
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-muted text-muted-foreground pointer-events-none inline-flex h-5 w-fit min-w-5 items-center justify-center gap-1 rounded-sm px-1 font-sans text-xs font-medium select-none", "[&_svg:not([class*='size-'])]:size-3", "[[data-slot=tooltip-content]_&]:bg-background/20 [[data-slot=tooltip-content]_&]:text-background dark:[[data-slot=tooltip-content]_&]:bg-background/10", className),
6
+ ...props
7
+ });
8
+ }
9
+ function KbdGroup({ className, ...props }) {
10
+ return /*#__PURE__*/ React.createElement("kbd", {
11
+ "data-slot": "kbd-group",
12
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("inline-flex items-center gap-1", className),
13
+ ...props
14
+ });
15
+ }
16
+ export { Kbd, KbdGroup };
@@ -6,7 +6,7 @@ declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPri
6
6
  declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
7
7
  size?: "sm" | "default";
8
8
  }): import("react/jsx-runtime").JSX.Element;
9
- declare function SelectContent({ className, children, position, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
9
+ declare function SelectContent({ className, children, position, align, ...props }: React.ComponentProps<typeof SelectPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
10
10
  declare function SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>): import("react/jsx-runtime").JSX.Element;
11
11
  declare function SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
12
12
  declare function SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
@@ -33,11 +33,12 @@ function SelectTrigger({ className, size = "default", children, ...props }) {
33
33
  className: "size-4 opacity-50"
34
34
  })));
35
35
  }
36
- function SelectContent({ className, children, position = "popper", ...props }) {
36
+ function SelectContent({ className, children, position = "popper", align = "center", ...props }) {
37
37
  return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_select_36a82244__.Portal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_select_36a82244__.Content, {
38
38
  "data-slot": "select-content",
39
39
  className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", "popper" === position && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
40
40
  position: position,
41
+ align: align,
41
42
  ...props
42
43
  }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(SelectScrollUpButton, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_select_36a82244__.Viewport, {
43
44
  className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("p-1", "popper" === position && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")
@@ -1,5 +1,5 @@
1
1
  import * as React from "react";
2
- import { VariantProps } from "class-variance-authority";
2
+ import { type VariantProps } from "class-variance-authority";
3
3
  import { Button } from "./button";
4
4
  import { Input } from "./input";
5
5
  import { Separator } from "./separator";
@@ -31,7 +31,7 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
31
31
  }, (_, index)=>/*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_slider_67d82a63__.Thumb, {
32
32
  "data-slot": "slider-thumb",
33
33
  key: index,
34
- className: "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
34
+ className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
35
35
  })));
36
36
  }
37
37
  export { Slider };
@@ -1,3 +1,3 @@
1
- import { ToasterProps } from "sonner";
1
+ import { type ToasterProps } from "sonner";
2
2
  declare const Toaster: ({ ...props }: ToasterProps) => import("react/jsx-runtime").JSX.Element;
3
3
  export { Toaster };
@@ -1,4 +1,5 @@
1
1
  "use client"
2
+ import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
2
3
  import * as __WEBPACK_EXTERNAL_MODULE_next_themes_25055421__ from "next-themes";
3
4
  import * as __WEBPACK_EXTERNAL_MODULE_sonner__ from "sonner";
4
5
  const Toaster = ({ ...props })=>{
@@ -6,10 +7,28 @@ const Toaster = ({ ...props })=>{
6
7
  return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_sonner__.Toaster, {
7
8
  theme: theme,
8
9
  className: "toaster group",
10
+ icons: {
11
+ success: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.CircleCheckIcon, {
12
+ className: "size-4"
13
+ }),
14
+ info: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.InfoIcon, {
15
+ className: "size-4"
16
+ }),
17
+ warning: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.TriangleAlertIcon, {
18
+ className: "size-4"
19
+ }),
20
+ error: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.OctagonXIcon, {
21
+ className: "size-4"
22
+ }),
23
+ loading: /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.Loader2Icon, {
24
+ className: "size-4 animate-spin"
25
+ })
26
+ },
9
27
  style: {
10
28
  "--normal-bg": "var(--popover)",
11
29
  "--normal-text": "var(--popover-foreground)",
12
- "--normal-border": "var(--border)"
30
+ "--normal-border": "var(--border)",
31
+ "--border-radius": "var(--radius)"
13
32
  },
14
33
  ...props
15
34
  });
@@ -0,0 +1,2 @@
1
+ declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): import("react/jsx-runtime").JSX.Element;
2
+ export { Spinner };
@@ -0,0 +1,11 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/utils.js";
3
+ function Spinner({ className, ...props }) {
4
+ return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.Loader2Icon, {
5
+ role: "status",
6
+ "aria-label": "Loading",
7
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("size-4 animate-spin", className),
8
+ ...props
9
+ });
10
+ }
11
+ export { Spinner };
@@ -2,6 +2,8 @@ import * as React from "react";
2
2
  import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
3
3
  import { type VariantProps } from "class-variance-authority";
4
4
  import { toggleVariants } from "./toggle";
5
- declare function ToggleGroup({ className, variant, size, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
5
+ declare function ToggleGroup({ className, variant, size, spacing, children, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Root> & VariantProps<typeof toggleVariants> & {
6
+ spacing?: number;
7
+ }): import("react/jsx-runtime").JSX.Element;
6
8
  declare function ToggleGroupItem({ className, children, variant, size, ...props }: React.ComponentProps<typeof ToggleGroupPrimitive.Item> & VariantProps<typeof toggleVariants>): import("react/jsx-runtime").JSX.Element;
7
9
  export { ToggleGroup, ToggleGroupItem };
@@ -5,19 +5,25 @@ import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__ from "../../lib/u
5
5
  import * as __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__ from "./toggle.js";
6
6
  const ToggleGroupContext = /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createContext({
7
7
  size: "default",
8
- variant: "default"
8
+ variant: "default",
9
+ spacing: 0
9
10
  });
10
- function ToggleGroup({ className, variant, size, children, ...props }) {
11
+ function ToggleGroup({ className, variant, size, spacing = 0, children, ...props }) {
11
12
  return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_toggle_group_4f42c91c__.Root, {
12
13
  "data-slot": "toggle-group",
13
14
  "data-variant": variant,
14
15
  "data-size": size,
15
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs", className),
16
+ "data-spacing": spacing,
17
+ style: {
18
+ "--gap": spacing
19
+ },
20
+ className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", className),
16
21
  ...props
17
22
  }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(ToggleGroupContext.Provider, {
18
23
  value: {
19
24
  variant,
20
- size
25
+ size,
26
+ spacing
21
27
  }
22
28
  }, children));
23
29
  }
@@ -27,10 +33,11 @@ function ToggleGroupItem({ className, children, variant, size, ...props }) {
27
33
  "data-slot": "toggle-group-item",
28
34
  "data-variant": context.variant || variant,
29
35
  "data-size": context.size || size,
36
+ "data-spacing": context.spacing,
30
37
  className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_c09d30d7__.cn)((0, __WEBPACK_EXTERNAL_MODULE__toggle_js_10734c63__.toggleVariants)({
31
38
  variant: context.variant || variant,
32
39
  size: context.size || size
33
- }), "min-w-0 flex-1 shrink-0 rounded-none shadow-none first:rounded-l-md last:rounded-r-md focus:z-10 focus-visible:z-10 data-[variant=outline]:border-l-0 data-[variant=outline]:first:border-l", className),
40
+ }), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", className),
34
41
  ...props
35
42
  }, children);
36
43
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@esmate/shadcn",
3
3
  "description": "Shadcn components, hooks, and styles in one package.",
4
- "version": "3.3.2",
4
+ "version": "3.5.0",
5
5
  "license": "MIT",
6
6
  "type": "module",
7
7
  "repository": {
@@ -45,25 +45,25 @@
45
45
  "@hookform/resolvers": "^5.2.2",
46
46
  "@radix-ui/react-accordion": "^1.2.12",
47
47
  "@radix-ui/react-alert-dialog": "^1.1.15",
48
- "@radix-ui/react-aspect-ratio": "^1.1.7",
49
- "@radix-ui/react-avatar": "^1.1.10",
48
+ "@radix-ui/react-aspect-ratio": "^1.1.8",
49
+ "@radix-ui/react-avatar": "^1.1.11",
50
50
  "@radix-ui/react-checkbox": "^1.3.3",
51
51
  "@radix-ui/react-collapsible": "^1.1.12",
52
52
  "@radix-ui/react-context-menu": "^2.2.16",
53
53
  "@radix-ui/react-dialog": "^1.1.15",
54
54
  "@radix-ui/react-dropdown-menu": "^2.1.16",
55
55
  "@radix-ui/react-hover-card": "^1.1.15",
56
- "@radix-ui/react-label": "^2.1.7",
56
+ "@radix-ui/react-label": "^2.1.8",
57
57
  "@radix-ui/react-menubar": "^1.1.16",
58
58
  "@radix-ui/react-navigation-menu": "^1.2.14",
59
59
  "@radix-ui/react-popover": "^1.1.15",
60
- "@radix-ui/react-progress": "^1.1.7",
60
+ "@radix-ui/react-progress": "^1.1.8",
61
61
  "@radix-ui/react-radio-group": "^1.3.8",
62
62
  "@radix-ui/react-scroll-area": "^1.2.10",
63
63
  "@radix-ui/react-select": "^2.2.6",
64
- "@radix-ui/react-separator": "^1.1.7",
64
+ "@radix-ui/react-separator": "^1.1.8",
65
65
  "@radix-ui/react-slider": "^1.3.6",
66
- "@radix-ui/react-slot": "^1.2.3",
66
+ "@radix-ui/react-slot": "^1.2.4",
67
67
  "@radix-ui/react-switch": "^1.2.6",
68
68
  "@radix-ui/react-tabs": "^1.1.13",
69
69
  "@radix-ui/react-toggle": "^1.1.10",
@@ -77,29 +77,29 @@
77
77
  "input-otp": "^1.4.2",
78
78
  "lucide-react": "^0.544.0",
79
79
  "next-themes": "^0.4.6",
80
- "react-day-picker": "^9.11.0",
81
- "react-hook-form": "^7.63.0",
80
+ "react-day-picker": "^9.11.3",
81
+ "react-hook-form": "^7.67.0",
82
82
  "react-resizable-panels": "^3.0.6",
83
83
  "recharts": "2.15.4",
84
84
  "sonner": "^2.0.7",
85
- "tailwind-merge": "^3.3.1",
85
+ "tailwind-merge": "^3.4.0",
86
86
  "tw-animate-css": "^1.4.0",
87
87
  "vaul": "^1.1.2",
88
- "zod": "^4.1.11"
88
+ "zod": "^4.1.13"
89
89
  },
90
90
  "devDependencies": {
91
91
  "@rslib/core": "^0.7.1",
92
92
  "@types/fs-extra": "^11.0.4",
93
- "@types/node": "^22.18.7",
94
- "@types/react": "^18.3.24",
93
+ "@types/node": "^22.19.1",
94
+ "@types/react": "^18.3.27",
95
95
  "@types/react-dom": "^18.3.7",
96
96
  "fs-extra": "^11.3.2",
97
97
  "globby": "^14.1.0",
98
98
  "react": "^18.3.1",
99
99
  "react-dom": "^18.3.1",
100
- "shadcn": "^3.3.1",
100
+ "shadcn": "^3.5.1",
101
101
  "tsx": "^4.20.6",
102
- "typescript": "^5.9.2"
102
+ "typescript": "^5.9.3"
103
103
  },
104
104
  "files": [
105
105
  "dist"
@@ -1,7 +0,0 @@
1
- import * as React from "react";
2
- import * as AccordionPrimitive from "@radix-ui/react-accordion";
3
- declare function Accordion({ ...props }: React.ComponentProps<typeof AccordionPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
- declare function AccordionItem({ className, ...props }: React.ComponentProps<typeof AccordionPrimitive.Item>): import("react/jsx-runtime").JSX.Element;
5
- declare function AccordionTrigger({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
6
- declare function AccordionContent({ className, children, ...props }: React.ComponentProps<typeof AccordionPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
7
- export { Accordion, AccordionItem, AccordionTrigger, AccordionContent };
@@ -1,39 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__ from "@radix-ui/react-accordion";
4
- import * as __WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__ from "lucide-react";
5
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
6
- function Accordion({ ...props }) {
7
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Root, {
8
- "data-slot": "accordion",
9
- ...props
10
- });
11
- }
12
- function AccordionItem({ className, ...props }) {
13
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Item, {
14
- "data-slot": "accordion-item",
15
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("border-b last:border-b-0", className),
16
- ...props
17
- });
18
- }
19
- function AccordionTrigger({ className, children, ...props }) {
20
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Header, {
21
- className: "flex"
22
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Trigger, {
23
- "data-slot": "accordion-trigger",
24
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180", className),
25
- ...props
26
- }, children, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE_lucide_react_f128bbbb__.ChevronDownIcon, {
27
- className: "text-muted-foreground pointer-events-none size-4 shrink-0 translate-y-0.5 transition-transform duration-200"
28
- })));
29
- }
30
- function AccordionContent({ className, children, ...props }) {
31
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_accordion_496f1025__.Content, {
32
- "data-slot": "accordion-content",
33
- className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
34
- ...props
35
- }, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
36
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("pt-0 pb-4", className)
37
- }, children));
38
- }
39
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger };
@@ -1,14 +0,0 @@
1
- import * as React from "react";
2
- import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
3
- declare function AlertDialog({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
- declare function AlertDialogTrigger({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
5
- declare function AlertDialogPortal({ ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
6
- declare function AlertDialogOverlay({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
7
- declare function AlertDialogContent({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
8
- declare function AlertDialogHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
- declare function AlertDialogFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
10
- declare function AlertDialogTitle({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
11
- declare function AlertDialogDescription({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
12
- declare function AlertDialogAction({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Action>): import("react/jsx-runtime").JSX.Element;
13
- declare function AlertDialogCancel({ className, ...props }: React.ComponentProps<typeof AlertDialogPrimitive.Cancel>): import("react/jsx-runtime").JSX.Element;
14
- export { AlertDialog, AlertDialogPortal, AlertDialogOverlay, AlertDialogTrigger, AlertDialogContent, AlertDialogHeader, AlertDialogFooter, AlertDialogTitle, AlertDialogDescription, AlertDialogAction, AlertDialogCancel, };
@@ -1,80 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
3
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__ from "@radix-ui/react-alert-dialog";
4
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
5
- import * as __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__ from "./button.js";
6
- function AlertDialog({ ...props }) {
7
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Root, {
8
- "data-slot": "alert-dialog",
9
- ...props
10
- });
11
- }
12
- function AlertDialogTrigger({ ...props }) {
13
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Trigger, {
14
- "data-slot": "alert-dialog-trigger",
15
- ...props
16
- });
17
- }
18
- function AlertDialogPortal({ ...props }) {
19
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Portal, {
20
- "data-slot": "alert-dialog-portal",
21
- ...props
22
- });
23
- }
24
- function AlertDialogOverlay({ className, ...props }) {
25
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Overlay, {
26
- "data-slot": "alert-dialog-overlay",
27
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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),
28
- ...props
29
- });
30
- }
31
- function AlertDialogContent({ className, ...props }) {
32
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(AlertDialogPortal, null, /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(AlertDialogOverlay, null), /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Content, {
33
- "data-slot": "alert-dialog-content",
34
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.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),
35
- ...props
36
- }));
37
- }
38
- function AlertDialogHeader({ className, ...props }) {
39
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
40
- "data-slot": "alert-dialog-header",
41
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col gap-2 text-center sm:text-left", className),
42
- ...props
43
- });
44
- }
45
- function AlertDialogFooter({ className, ...props }) {
46
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
47
- "data-slot": "alert-dialog-footer",
48
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
49
- ...props
50
- });
51
- }
52
- function AlertDialogTitle({ className, ...props }) {
53
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Title, {
54
- "data-slot": "alert-dialog-title",
55
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-lg font-semibold", className),
56
- ...props
57
- });
58
- }
59
- function AlertDialogDescription({ className, ...props }) {
60
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Description, {
61
- "data-slot": "alert-dialog-description",
62
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground text-sm", className),
63
- ...props
64
- });
65
- }
66
- function AlertDialogAction({ className, ...props }) {
67
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Action, {
68
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)(), className),
69
- ...props
70
- });
71
- }
72
- function AlertDialogCancel({ className, ...props }) {
73
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_alert_dialog_c2bcbc55__.Cancel, {
74
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)((0, __WEBPACK_EXTERNAL_MODULE__button_js_821b8d9d__.buttonVariants)({
75
- variant: "outline"
76
- }), className),
77
- ...props
78
- });
79
- }
80
- export { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger };
@@ -1,9 +0,0 @@
1
- import * as React from "react";
2
- import { type VariantProps } from "class-variance-authority";
3
- declare const alertVariants: (props?: ({
4
- variant?: "default" | "destructive" | null | undefined;
5
- } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
- declare function Alert({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof alertVariants>): import("react/jsx-runtime").JSX.Element;
7
- declare function AlertTitle({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
8
- declare function AlertDescription({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
9
- export { Alert, AlertTitle, AlertDescription };
package/dist/ui/alert.js DELETED
@@ -1,39 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
2
- import * as __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__ from "class-variance-authority";
3
- import * as __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__ from "../lib/utils.js";
4
- const alertVariants = (0, __WEBPACK_EXTERNAL_MODULE_class_variance_authority_159ad65c__.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
- variants: {
6
- variant: {
7
- default: "bg-card text-card-foreground",
8
- destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
9
- }
10
- },
11
- defaultVariants: {
12
- variant: "default"
13
- }
14
- });
15
- function Alert({ className, variant, ...props }) {
16
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
17
- "data-slot": "alert",
18
- role: "alert",
19
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)(alertVariants({
20
- variant
21
- }), className),
22
- ...props
23
- });
24
- }
25
- function AlertTitle({ className, ...props }) {
26
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
27
- "data-slot": "alert-title",
28
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
29
- ...props
30
- });
31
- }
32
- function AlertDescription({ className, ...props }) {
33
- return /*#__PURE__*/ __WEBPACK_EXTERNAL_MODULE_react__.createElement("div", {
34
- "data-slot": "alert-description",
35
- className: (0, __WEBPACK_EXTERNAL_MODULE__lib_utils_js_5e4c9133__.cn)("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
36
- ...props
37
- });
38
- }
39
- export { Alert, AlertDescription, AlertTitle };
@@ -1,3 +0,0 @@
1
- import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
2
- declare function AspectRatio({ ...props }: React.ComponentProps<typeof AspectRatioPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
3
- export { AspectRatio };
@@ -1,9 +0,0 @@
1
- "use client"
2
- import * as __WEBPACK_EXTERNAL_MODULE__radix_ui_react_aspect_ratio_38a84aed__ from "@radix-ui/react-aspect-ratio";
3
- function AspectRatio({ ...props }) {
4
- return /*#__PURE__*/ React.createElement(__WEBPACK_EXTERNAL_MODULE__radix_ui_react_aspect_ratio_38a84aed__.Root, {
5
- "data-slot": "aspect-ratio",
6
- ...props
7
- });
8
- }
9
- export { AspectRatio };
@@ -1,6 +0,0 @@
1
- import * as React from "react";
2
- import * as AvatarPrimitive from "@radix-ui/react-avatar";
3
- declare function Avatar({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
4
- declare function AvatarImage({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Image>): import("react/jsx-runtime").JSX.Element;
5
- declare function AvatarFallback({ className, ...props }: React.ComponentProps<typeof AvatarPrimitive.Fallback>): import("react/jsx-runtime").JSX.Element;
6
- export { Avatar, AvatarImage, AvatarFallback };