@tioelvis/next-template 2.1.9 → 2.2.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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tioelvis/next-template",
3
- "version": "2.1.9",
3
+ "version": "2.2.0",
4
4
  "description": "CLI to scaffold a Next.js + Tailwind project using shadcn/ui components",
5
5
  "type": "module",
6
6
  "bin": {
@@ -40,6 +40,7 @@
40
40
  "@radix-ui/react-context-menu": "^2.2.15",
41
41
  "@radix-ui/react-dialog": "^1.1.14",
42
42
  "@radix-ui/react-dropdown-menu": "^2.1.15",
43
+ "@radix-ui/react-hover-card": "^1.1.14",
43
44
  "@radix-ui/react-label": "^2.1.7",
44
45
  "@radix-ui/react-slot": "^1.2.3",
45
46
  "@tailwindcss/postcss": "^4.1.11",
@@ -0,0 +1,6 @@
1
+ {
2
+ "dependencies": ["@radix-ui/react-hover-card"],
3
+ "dev_dependence": [],
4
+ "hooks": [],
5
+ "supports": []
6
+ }
@@ -0,0 +1,49 @@
1
+ "use client";
2
+
3
+ import * as React from "react";
4
+ import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
5
+
6
+ import { cn } from "@/lib/utils";
7
+
8
+ function HoverCard({
9
+ ...props
10
+ }: React.ComponentProps<typeof HoverCardPrimitive.Root>) {
11
+ return <HoverCardPrimitive.Root data-slot="hover-card" {...props} />;
12
+ }
13
+
14
+ function HoverCardTrigger({
15
+ className,
16
+ ...props
17
+ }: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {
18
+ return (
19
+ <HoverCardPrimitive.Trigger
20
+ data-slot="hover-card-trigger"
21
+ className={cn("cursor-pointer", className)}
22
+ {...props}
23
+ />
24
+ );
25
+ }
26
+
27
+ function HoverCardContent({
28
+ className,
29
+ align = "center",
30
+ sideOffset = 4,
31
+ ...props
32
+ }: React.ComponentProps<typeof HoverCardPrimitive.Content>) {
33
+ return (
34
+ <HoverCardPrimitive.Portal data-slot="hover-card-portal">
35
+ <HoverCardPrimitive.Content
36
+ data-slot="hover-card-content"
37
+ align={align}
38
+ sideOffset={sideOffset}
39
+ className={cn(
40
+ "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 z-50 w-64 origin-(--radix-hover-card-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
41
+ className
42
+ )}
43
+ {...props}
44
+ />
45
+ </HoverCardPrimitive.Portal>
46
+ );
47
+ }
48
+
49
+ export { HoverCard, HoverCardTrigger, HoverCardContent };
package/src/constants.js CHANGED
@@ -58,6 +58,7 @@ const COMPONENTS = [
58
58
  "drawer",
59
59
  "dropdown-menu",
60
60
  "form",
61
+ "hover-card",
61
62
  ];
62
63
 
63
64
  export {