@helloleo/plugins 0.1.20-beta.0 → 0.1.20

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 (132) hide show
  1. package/dist/index.js +9 -10
  2. package/package.json +1 -1
  3. package/src/tools/scaffold.ts +12 -20
  4. package/src/tools/setup-netsuite.ts +7 -4
  5. package/dist/templates/tanstack-start-2026-06-18/components.json +0 -22
  6. package/dist/templates/tanstack-start-2026-06-18/drizzle.config.ts +0 -20
  7. package/dist/templates/tanstack-start-2026-06-18/package.json +0 -103
  8. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/accordion.tsx +0 -51
  9. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/alert-dialog.tsx +0 -115
  10. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/alert.tsx +0 -49
  11. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/aspect-ratio.tsx +0 -5
  12. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/avatar.tsx +0 -47
  13. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/badge.tsx +0 -32
  14. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/breadcrumb.tsx +0 -101
  15. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/button.tsx +0 -49
  16. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/calendar.tsx +0 -177
  17. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/card.tsx +0 -55
  18. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/carousel.tsx +0 -240
  19. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/chart.tsx +0 -331
  20. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/checkbox.tsx +0 -26
  21. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/collapsible.tsx +0 -11
  22. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/command.tsx +0 -143
  23. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/context-menu.tsx +0 -187
  24. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/dialog.tsx +0 -104
  25. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/drawer.tsx +0 -98
  26. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/dropdown-menu.tsx +0 -188
  27. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/form.tsx +0 -171
  28. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/hover-card.tsx +0 -27
  29. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/input-otp.tsx +0 -69
  30. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/input.tsx +0 -22
  31. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/label.tsx +0 -21
  32. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/menubar.tsx +0 -229
  33. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/navigation-menu.tsx +0 -120
  34. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/pagination.tsx +0 -98
  35. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/popover.tsx +0 -31
  36. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/progress.tsx +0 -25
  37. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/radio-group.tsx +0 -36
  38. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/resizable.tsx +0 -37
  39. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/scroll-area.tsx +0 -44
  40. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/select.tsx +0 -152
  41. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/separator.tsx +0 -24
  42. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/sheet.tsx +0 -122
  43. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/sidebar.tsx +0 -744
  44. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/skeleton.tsx +0 -7
  45. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/slider.tsx +0 -23
  46. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/sonner.tsx +0 -23
  47. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/switch.tsx +0 -27
  48. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/table.tsx +0 -94
  49. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/tabs.tsx +0 -53
  50. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/textarea.tsx +0 -21
  51. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/toggle-group.tsx +0 -57
  52. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/toggle.tsx +0 -42
  53. package/dist/templates/tanstack-start-2026-06-18/src/components/ui/tooltip.tsx +0 -32
  54. package/dist/templates/tanstack-start-2026-06-18/src/db/index.ts +0 -9
  55. package/dist/templates/tanstack-start-2026-06-18/src/db/schema.ts +0 -18
  56. package/dist/templates/tanstack-start-2026-06-18/src/global.d.ts +0 -3
  57. package/dist/templates/tanstack-start-2026-06-18/src/hooks/use-mobile.tsx +0 -19
  58. package/dist/templates/tanstack-start-2026-06-18/src/lib/proxy.ts +0 -83
  59. package/dist/templates/tanstack-start-2026-06-18/src/lib/utils.ts +0 -6
  60. package/dist/templates/tanstack-start-2026-06-18/src/routeTree.gen.ts +0 -59
  61. package/dist/templates/tanstack-start-2026-06-18/src/router.tsx +0 -33
  62. package/dist/templates/tanstack-start-2026-06-18/src/routes/__root.tsx +0 -59
  63. package/dist/templates/tanstack-start-2026-06-18/src/routes/index.tsx +0 -33
  64. package/dist/templates/tanstack-start-2026-06-18/src/server.ts +0 -31
  65. package/dist/templates/tanstack-start-2026-06-18/src/styles.css +0 -214
  66. package/dist/templates/tanstack-start-2026-06-18/tsconfig.json +0 -27
  67. package/dist/templates/tanstack-start-2026-06-18/vite.config.ts +0 -17
  68. package/dist/templates/tanstack-start-2026-06-18/wrangler.jsonc +0 -27
  69. package/src/templates/tanstack-start-2026-06-18/components.json +0 -22
  70. package/src/templates/tanstack-start-2026-06-18/drizzle.config.ts +0 -20
  71. package/src/templates/tanstack-start-2026-06-18/package.json +0 -103
  72. package/src/templates/tanstack-start-2026-06-18/src/components/ui/accordion.tsx +0 -51
  73. package/src/templates/tanstack-start-2026-06-18/src/components/ui/alert-dialog.tsx +0 -115
  74. package/src/templates/tanstack-start-2026-06-18/src/components/ui/alert.tsx +0 -49
  75. package/src/templates/tanstack-start-2026-06-18/src/components/ui/aspect-ratio.tsx +0 -5
  76. package/src/templates/tanstack-start-2026-06-18/src/components/ui/avatar.tsx +0 -47
  77. package/src/templates/tanstack-start-2026-06-18/src/components/ui/badge.tsx +0 -32
  78. package/src/templates/tanstack-start-2026-06-18/src/components/ui/breadcrumb.tsx +0 -101
  79. package/src/templates/tanstack-start-2026-06-18/src/components/ui/button.tsx +0 -49
  80. package/src/templates/tanstack-start-2026-06-18/src/components/ui/calendar.tsx +0 -177
  81. package/src/templates/tanstack-start-2026-06-18/src/components/ui/card.tsx +0 -55
  82. package/src/templates/tanstack-start-2026-06-18/src/components/ui/carousel.tsx +0 -240
  83. package/src/templates/tanstack-start-2026-06-18/src/components/ui/chart.tsx +0 -331
  84. package/src/templates/tanstack-start-2026-06-18/src/components/ui/checkbox.tsx +0 -26
  85. package/src/templates/tanstack-start-2026-06-18/src/components/ui/collapsible.tsx +0 -11
  86. package/src/templates/tanstack-start-2026-06-18/src/components/ui/command.tsx +0 -143
  87. package/src/templates/tanstack-start-2026-06-18/src/components/ui/context-menu.tsx +0 -187
  88. package/src/templates/tanstack-start-2026-06-18/src/components/ui/dialog.tsx +0 -104
  89. package/src/templates/tanstack-start-2026-06-18/src/components/ui/drawer.tsx +0 -98
  90. package/src/templates/tanstack-start-2026-06-18/src/components/ui/dropdown-menu.tsx +0 -188
  91. package/src/templates/tanstack-start-2026-06-18/src/components/ui/form.tsx +0 -171
  92. package/src/templates/tanstack-start-2026-06-18/src/components/ui/hover-card.tsx +0 -27
  93. package/src/templates/tanstack-start-2026-06-18/src/components/ui/input-otp.tsx +0 -69
  94. package/src/templates/tanstack-start-2026-06-18/src/components/ui/input.tsx +0 -22
  95. package/src/templates/tanstack-start-2026-06-18/src/components/ui/label.tsx +0 -21
  96. package/src/templates/tanstack-start-2026-06-18/src/components/ui/menubar.tsx +0 -229
  97. package/src/templates/tanstack-start-2026-06-18/src/components/ui/navigation-menu.tsx +0 -120
  98. package/src/templates/tanstack-start-2026-06-18/src/components/ui/pagination.tsx +0 -98
  99. package/src/templates/tanstack-start-2026-06-18/src/components/ui/popover.tsx +0 -31
  100. package/src/templates/tanstack-start-2026-06-18/src/components/ui/progress.tsx +0 -25
  101. package/src/templates/tanstack-start-2026-06-18/src/components/ui/radio-group.tsx +0 -36
  102. package/src/templates/tanstack-start-2026-06-18/src/components/ui/resizable.tsx +0 -37
  103. package/src/templates/tanstack-start-2026-06-18/src/components/ui/scroll-area.tsx +0 -44
  104. package/src/templates/tanstack-start-2026-06-18/src/components/ui/select.tsx +0 -152
  105. package/src/templates/tanstack-start-2026-06-18/src/components/ui/separator.tsx +0 -24
  106. package/src/templates/tanstack-start-2026-06-18/src/components/ui/sheet.tsx +0 -122
  107. package/src/templates/tanstack-start-2026-06-18/src/components/ui/sidebar.tsx +0 -744
  108. package/src/templates/tanstack-start-2026-06-18/src/components/ui/skeleton.tsx +0 -7
  109. package/src/templates/tanstack-start-2026-06-18/src/components/ui/slider.tsx +0 -23
  110. package/src/templates/tanstack-start-2026-06-18/src/components/ui/sonner.tsx +0 -23
  111. package/src/templates/tanstack-start-2026-06-18/src/components/ui/switch.tsx +0 -27
  112. package/src/templates/tanstack-start-2026-06-18/src/components/ui/table.tsx +0 -94
  113. package/src/templates/tanstack-start-2026-06-18/src/components/ui/tabs.tsx +0 -53
  114. package/src/templates/tanstack-start-2026-06-18/src/components/ui/textarea.tsx +0 -21
  115. package/src/templates/tanstack-start-2026-06-18/src/components/ui/toggle-group.tsx +0 -57
  116. package/src/templates/tanstack-start-2026-06-18/src/components/ui/toggle.tsx +0 -42
  117. package/src/templates/tanstack-start-2026-06-18/src/components/ui/tooltip.tsx +0 -32
  118. package/src/templates/tanstack-start-2026-06-18/src/db/index.ts +0 -9
  119. package/src/templates/tanstack-start-2026-06-18/src/db/schema.ts +0 -18
  120. package/src/templates/tanstack-start-2026-06-18/src/global.d.ts +0 -3
  121. package/src/templates/tanstack-start-2026-06-18/src/hooks/use-mobile.tsx +0 -19
  122. package/src/templates/tanstack-start-2026-06-18/src/lib/proxy.ts +0 -83
  123. package/src/templates/tanstack-start-2026-06-18/src/lib/utils.ts +0 -6
  124. package/src/templates/tanstack-start-2026-06-18/src/routeTree.gen.ts +0 -59
  125. package/src/templates/tanstack-start-2026-06-18/src/router.tsx +0 -33
  126. package/src/templates/tanstack-start-2026-06-18/src/routes/__root.tsx +0 -59
  127. package/src/templates/tanstack-start-2026-06-18/src/routes/index.tsx +0 -33
  128. package/src/templates/tanstack-start-2026-06-18/src/server.ts +0 -31
  129. package/src/templates/tanstack-start-2026-06-18/src/styles.css +0 -214
  130. package/src/templates/tanstack-start-2026-06-18/tsconfig.json +0 -27
  131. package/src/templates/tanstack-start-2026-06-18/vite.config.ts +0 -17
  132. package/src/templates/tanstack-start-2026-06-18/wrangler.jsonc +0 -27
@@ -1,152 +0,0 @@
1
- "use client";
2
-
3
- import * as React from "react";
4
- import * as SelectPrimitive from "@radix-ui/react-select";
5
- import { Check, ChevronDown, ChevronUp } from "lucide-react";
6
-
7
- import { cn } from "@/lib/utils";
8
-
9
- const Select = SelectPrimitive.Root;
10
-
11
- const SelectGroup = SelectPrimitive.Group;
12
-
13
- const SelectValue = SelectPrimitive.Value;
14
-
15
- const SelectTrigger = React.forwardRef<
16
- React.ElementRef<typeof SelectPrimitive.Trigger>,
17
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Trigger>
18
- >(({ className, children, ...props }, ref) => (
19
- <SelectPrimitive.Trigger
20
- ref={ref}
21
- className={cn(
22
- "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background cursor-pointer data-[placeholder]:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
23
- className,
24
- )}
25
- {...props}
26
- >
27
- {children}
28
- <SelectPrimitive.Icon asChild>
29
- <ChevronDown className="h-4 w-4 opacity-50" />
30
- </SelectPrimitive.Icon>
31
- </SelectPrimitive.Trigger>
32
- ));
33
- SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
34
-
35
- const SelectScrollUpButton = React.forwardRef<
36
- React.ElementRef<typeof SelectPrimitive.ScrollUpButton>,
37
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollUpButton>
38
- >(({ className, ...props }, ref) => (
39
- <SelectPrimitive.ScrollUpButton
40
- ref={ref}
41
- className={cn("flex cursor-default items-center justify-center py-1", className)}
42
- {...props}
43
- >
44
- <ChevronUp className="h-4 w-4" />
45
- </SelectPrimitive.ScrollUpButton>
46
- ));
47
- SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
48
-
49
- const SelectScrollDownButton = React.forwardRef<
50
- React.ElementRef<typeof SelectPrimitive.ScrollDownButton>,
51
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.ScrollDownButton>
52
- >(({ className, ...props }, ref) => (
53
- <SelectPrimitive.ScrollDownButton
54
- ref={ref}
55
- className={cn("flex cursor-default items-center justify-center py-1", className)}
56
- {...props}
57
- >
58
- <ChevronDown className="h-4 w-4" />
59
- </SelectPrimitive.ScrollDownButton>
60
- ));
61
- SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
62
-
63
- const SelectContent = React.forwardRef<
64
- React.ElementRef<typeof SelectPrimitive.Content>,
65
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Content>
66
- >(({ className, children, position = "popper", ...props }, ref) => (
67
- <SelectPrimitive.Portal>
68
- <SelectPrimitive.Content
69
- ref={ref}
70
- className={cn(
71
- "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] overflow-y-auto overflow-x-hidden rounded-md border bg-popover text-popover-foreground shadow-md 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 origin-(--radix-select-content-transform-origin)",
72
- position === "popper" &&
73
- "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
74
- className,
75
- )}
76
- position={position}
77
- {...props}
78
- >
79
- <SelectScrollUpButton />
80
- <SelectPrimitive.Viewport
81
- className={cn(
82
- "p-1",
83
- position === "popper" &&
84
- "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]",
85
- )}
86
- >
87
- {children}
88
- </SelectPrimitive.Viewport>
89
- <SelectScrollDownButton />
90
- </SelectPrimitive.Content>
91
- </SelectPrimitive.Portal>
92
- ));
93
- SelectContent.displayName = SelectPrimitive.Content.displayName;
94
-
95
- const SelectLabel = React.forwardRef<
96
- React.ElementRef<typeof SelectPrimitive.Label>,
97
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Label>
98
- >(({ className, ...props }, ref) => (
99
- <SelectPrimitive.Label
100
- ref={ref}
101
- className={cn("px-2 py-1.5 text-sm font-semibold", className)}
102
- {...props}
103
- />
104
- ));
105
- SelectLabel.displayName = SelectPrimitive.Label.displayName;
106
-
107
- const SelectItem = React.forwardRef<
108
- React.ElementRef<typeof SelectPrimitive.Item>,
109
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Item>
110
- >(({ className, children, ...props }, ref) => (
111
- <SelectPrimitive.Item
112
- ref={ref}
113
- className={cn(
114
- "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
115
- className,
116
- )}
117
- {...props}
118
- >
119
- <span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
120
- <SelectPrimitive.ItemIndicator>
121
- <Check className="h-4 w-4" />
122
- </SelectPrimitive.ItemIndicator>
123
- </span>
124
- <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>
125
- </SelectPrimitive.Item>
126
- ));
127
- SelectItem.displayName = SelectPrimitive.Item.displayName;
128
-
129
- const SelectSeparator = React.forwardRef<
130
- React.ElementRef<typeof SelectPrimitive.Separator>,
131
- React.ComponentPropsWithoutRef<typeof SelectPrimitive.Separator>
132
- >(({ className, ...props }, ref) => (
133
- <SelectPrimitive.Separator
134
- ref={ref}
135
- className={cn("-mx-1 my-1 h-px bg-muted", className)}
136
- {...props}
137
- />
138
- ));
139
- SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
140
-
141
- export {
142
- Select,
143
- SelectGroup,
144
- SelectValue,
145
- SelectTrigger,
146
- SelectContent,
147
- SelectLabel,
148
- SelectItem,
149
- SelectSeparator,
150
- SelectScrollUpButton,
151
- SelectScrollDownButton,
152
- };
@@ -1,24 +0,0 @@
1
- import * as React from "react";
2
- import * as SeparatorPrimitive from "@radix-ui/react-separator";
3
-
4
- import { cn } from "@/lib/utils";
5
-
6
- const Separator = React.forwardRef<
7
- React.ElementRef<typeof SeparatorPrimitive.Root>,
8
- React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>
9
- >(({ className, orientation = "horizontal", decorative = true, ...props }, ref) => (
10
- <SeparatorPrimitive.Root
11
- ref={ref}
12
- decorative={decorative}
13
- orientation={orientation}
14
- className={cn(
15
- "shrink-0 bg-border",
16
- orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
17
- className,
18
- )}
19
- {...props}
20
- />
21
- ));
22
- Separator.displayName = SeparatorPrimitive.Root.displayName;
23
-
24
- export { Separator };
@@ -1,122 +0,0 @@
1
- "use client";
2
-
3
- import * as React from "react";
4
- import * as SheetPrimitive from "@radix-ui/react-dialog";
5
- import { cva, type VariantProps } from "class-variance-authority";
6
- import { X } from "lucide-react";
7
-
8
- import { cn } from "@/lib/utils";
9
-
10
- const Sheet = SheetPrimitive.Root;
11
-
12
- const SheetTrigger = SheetPrimitive.Trigger;
13
-
14
- const SheetClose = SheetPrimitive.Close;
15
-
16
- const SheetPortal = SheetPrimitive.Portal;
17
-
18
- const SheetOverlay = React.forwardRef<
19
- React.ElementRef<typeof SheetPrimitive.Overlay>,
20
- React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>
21
- >(({ className, ...props }, ref) => (
22
- <SheetPrimitive.Overlay
23
- className={cn(
24
- "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
25
- className,
26
- )}
27
- {...props}
28
- ref={ref}
29
- />
30
- ));
31
- SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
32
-
33
- const sheetVariants = cva(
34
- "fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500 data-[state=open]:animate-in data-[state=closed]:animate-out",
35
- {
36
- variants: {
37
- side: {
38
- top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
39
- bottom:
40
- "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
41
- left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
42
- right:
43
- "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm",
44
- },
45
- },
46
- defaultVariants: {
47
- side: "right",
48
- },
49
- },
50
- );
51
-
52
- interface SheetContentProps
53
- extends
54
- React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,
55
- VariantProps<typeof sheetVariants> {}
56
-
57
- const SheetContent = React.forwardRef<
58
- React.ElementRef<typeof SheetPrimitive.Content>,
59
- SheetContentProps
60
- >(({ side = "right", className, children, ...props }, ref) => (
61
- <SheetPortal>
62
- <SheetOverlay />
63
- <SheetPrimitive.Content ref={ref} className={cn(sheetVariants({ side }), className)} {...props}>
64
- <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background cursor-pointer transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
65
- <X className="h-4 w-4" />
66
- <span className="sr-only">Close</span>
67
- </SheetPrimitive.Close>
68
- {children}
69
- </SheetPrimitive.Content>
70
- </SheetPortal>
71
- ));
72
- SheetContent.displayName = SheetPrimitive.Content.displayName;
73
-
74
- const SheetHeader = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
75
- <div className={cn("flex flex-col space-y-2 text-center sm:text-left", className)} {...props} />
76
- );
77
- SheetHeader.displayName = "SheetHeader";
78
-
79
- const SheetFooter = ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => (
80
- <div
81
- className={cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)}
82
- {...props}
83
- />
84
- );
85
- SheetFooter.displayName = "SheetFooter";
86
-
87
- const SheetTitle = React.forwardRef<
88
- React.ElementRef<typeof SheetPrimitive.Title>,
89
- React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>
90
- >(({ className, ...props }, ref) => (
91
- <SheetPrimitive.Title
92
- ref={ref}
93
- className={cn("text-lg font-semibold text-foreground", className)}
94
- {...props}
95
- />
96
- ));
97
- SheetTitle.displayName = SheetPrimitive.Title.displayName;
98
-
99
- const SheetDescription = React.forwardRef<
100
- React.ElementRef<typeof SheetPrimitive.Description>,
101
- React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>
102
- >(({ className, ...props }, ref) => (
103
- <SheetPrimitive.Description
104
- ref={ref}
105
- className={cn("text-sm text-muted-foreground", className)}
106
- {...props}
107
- />
108
- ));
109
- SheetDescription.displayName = SheetPrimitive.Description.displayName;
110
-
111
- export {
112
- Sheet,
113
- SheetPortal,
114
- SheetOverlay,
115
- SheetTrigger,
116
- SheetClose,
117
- SheetContent,
118
- SheetHeader,
119
- SheetFooter,
120
- SheetTitle,
121
- SheetDescription,
122
- };