feat: ✨ add popover v0 integrations

Ankan002 · Ankan002 · commit a325fee82b49 · 2025-04-24T16:44:18.000+05:30
diff --git a/public/r/popover-style-primary.json b/public/r/popover-style-primary.json
@@ -1,6 +1,6 @@
 {
   "name": "popover-style-primary",
-  "title": "popover-style-default-shadow",
+  "title": "popover-style-default",
   "type": "registry:block",
   "registryDependencies": [
     "https://retroui.dev/r/popover.json",
@@ -11,8 +11,8 @@
   "dependencies": ["lucide-react"],
   "files": [
     {
-      "path": "preview/components/popover-style-default-shadow.tsx",
-      "target": "components/retroui/preview/popover-style-default-shadow.tsx",
+      "path": "preview/components/popover-style-primary.tsx",
+      "target": "components/retroui/preview/popover-style-primary.tsx",
       "type": "registry:block",
       "content": "\"use client\";\n\nimport {\n  Popover,\n  PopoverTrigger,\n  PopoverContent,\n  Label,\n  Button,\n  Input,\n} from \"@/components/retroui\";\n\nexport default function PopoverStylePrimary() {\n  return (\n    <Popover>\n      <PopoverTrigger asChild>\n        <Button>Open Popover</Button>\n      </PopoverTrigger>\n      <PopoverContent className=\"w-80 font-sans\" variant=\"primary\">\n        <div className=\"grid gap-4\">\n          <div className=\"space-y-2\">\n            <h4 className=\"font-medium leading-none\">Dimensions</h4>\n            <p className=\"text-sm text-muted-foreground\">\n              Set the dimensions for the layer.\n            </p>\n          </div>\n\n          <div className=\"grid gap-2\">\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"width\">Width</Label>\n\n              <Input\n                id=\"width\"\n                defaultValue=\"100%\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n\n            <div className=\"grid grid-cols-3 items-center gap-4\">\n              <Label htmlFor=\"height\">Height</Label>\n\n              <Input\n                id=\"height\"\n                defaultValue=\"25px\"\n                className=\"col-span-2 h-8\"\n              />\n            </div>\n          </div>\n        </div>\n      </PopoverContent>\n    </Popover>\n  );\n}\n"
     }
diff --git a/public/r/toggle-group-style-solid.json b/public/r/toggle-group-style-solid.json
@@ -1,6 +1,6 @@
 {
-  "name": "toggle-group-style-outline-muted",
-  "title": "toggle-group-style-outline-muted",
+  "name": "toggle-group-style-solid",
+  "title": "toggle-group-style-solid",
   "type": "registry:block",
   "registryDependencies": [
     "https://retroui.dev/r/toggle.json",
@@ -9,8 +9,8 @@
   "dependencies": ["lucide-react"],
   "files": [
     {
-      "path": "preview/components/toggle-group-style-outline-muted.tsx",
-      "target": "components/retroui/preview/toggle-group-style-outline-muted.tsx",
+      "path": "preview/components/toggle-group-style-solid.tsx",
+      "target": "components/retroui/preview/toggle-group-style-solid.tsx",
       "type": "registry:block",
       "content": "\"use client\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/retroui\";\nimport { Bold, Italic, Underline } from \"lucide-react\";\n\nexport default function ToggleGroupStyleSolid() {\n  return (\n    <ToggleGroup type=\"multiple\" variant=\"solid\">\n      <ToggleGroupItem value=\"bold\">\n        <Bold className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n\n      <ToggleGroupItem value=\"italic\">\n        <Italic className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n\n      <ToggleGroupItem value=\"underline\">\n        <Underline className=\"h-4 w-4\" />\n      </ToggleGroupItem>\n    </ToggleGroup>\n  );\n}\n"
     }
diff --git a/public/r/tooltip-style-default.json b/public/r/tooltip-style-default.json
@@ -2,7 +2,10 @@
   "name": "tooltip-style-default",
   "title": "tooltip-style-default",
   "type": "registry:block",
-  "registryDependencies": ["https://retroui.dev/r/tooltip.json"],
+  "registryDependencies": [
+    "https://retroui.dev/r/tooltip.json",
+    "https://retroui.dev/r/button.json"
+  ],
   "dependencies": ["lucide-react"],
   "files": [
     {
diff --git a/public/r/tooltip-style-primary.json b/public/r/tooltip-style-primary.json
@@ -2,14 +2,17 @@
   "name": "tooltip-style-primary",
   "title": "tooltip-style-primary",
   "type": "registry:block",
-  "registryDependencies": ["https://retroui.dev/r/tooltip.json"],
+  "registryDependencies": [
+    "https://retroui.dev/r/tooltip.json",
+    "https://retroui.dev/r/button.json"
+  ],
   "dependencies": ["lucide-react"],
   "files": [
     {
       "path": "preview/components/tooltip-style-primary.tsx",
       "target": "components/retroui/preview/tooltip-style-primary.tsx",
       "type": "registry:block",
-      "content": "\"use client\";\n\nimport {\n  Button,\n  Tooltip,\n  TooltipProvider,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@/components/retroui\";\n\nexport default function TooltipStyleDefault() {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\">Hover</Button>\n        </TooltipTrigger>\n        <TooltipContent variant=\"default\">Add to Library</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"
+      "content": "\"use client\";\n\nimport {\n  Button,\n  Tooltip,\n  TooltipProvider,\n  TooltipTrigger,\n  TooltipContent,\n} from \"@/components/retroui\";\n\nexport default function TooltipStylePrimary() {\n  return (\n    <TooltipProvider>\n      <Tooltip>\n        <TooltipTrigger asChild>\n          <Button variant=\"outline\">Hover</Button>\n        </TooltipTrigger>\n        <TooltipContent variant=\"primary\">Add to Library</TooltipContent>\n      </Tooltip>\n    </TooltipProvider>\n  );\n}\n"
     }
   ]
 }
diff --git a/public/r/tooltip-style-solid.json b/public/r/tooltip-style-solid.json
@@ -2,7 +2,10 @@
   "name": "tooltip-style-solid",
   "title": "tooltip-style-solid",
   "type": "registry:block",
-  "registryDependencies": ["https://retroui.dev/r/tooltip.json"],
+  "registryDependencies": [
+    "https://retroui.dev/r/tooltip.json",
+    "https://retroui.dev/r/button.json"
+  ],
   "dependencies": ["lucide-react"],
   "files": [
     {
diff --git a/registry.json b/registry.json
@@ -362,8 +362,8 @@
       "author": "Ankan Bhattacharya <https://github.com/ankan002>",
       "files": [
         {
-          "path": "preview/components/accordion-style-default.tsx",
-          "target": "components/retroui/preview/accordion-style-default.tsx",
+          "path": "preview/components/toggle.tsx",
+          "target": "components/retroui/preview/toggle.tsx",
           "type": "registry:block"
         }
       ]
@@ -401,8 +401,8 @@
       "author": "Ankan Bhattacharya <https://github.com/ankan002>",
       "files": [
         {
-          "path": "preview/components/alert-style-solid.tsx",
-          "target": "components/retroui/preview/alert-style-solid.tsx",
+          "path": "preview/components/tooltip.tsx",
+          "target": "components/retroui/preview/tooltip.tsx",
           "type": "registry:block"
         }
       ]
@@ -1086,7 +1086,7 @@
       "dependencies": ["lucide-react"],
       "files": [
         {
-          "path": "preview/components/toggle-style-solid.tsx",
+          "path": "preview/components/toggle-group-style-solid.tsx",
           "target": "components/retroui/preview/toggle-group-style-solid.tsx",
           "type": "registry:block"
         }
@@ -1096,7 +1096,10 @@
       "name": "tooltip-style-default",
       "title": "tooltip-style-default",
       "type": "registry:block",
-      "registryDependencies": ["https://retroui.dev/r/tooltip.json"],
+      "registryDependencies": [
+        "https://retroui.dev/r/tooltip.json",
+        "https://retroui.dev/r/button.json"
+      ],
       "dependencies": ["lucide-react"],
       "files": [
         {
@@ -1110,7 +1113,10 @@
       "name": "tooltip-style-primary",
       "title": "tooltip-style-primary",
       "type": "registry:block",
-      "registryDependencies": ["https://retroui.dev/r/tooltip.json"],
+      "registryDependencies": [
+        "https://retroui.dev/r/tooltip.json",
+        "https://retroui.dev/r/button.json"
+      ],
       "dependencies": ["lucide-react"],
       "files": [
         {
@@ -1124,7 +1130,10 @@
       "name": "tooltip-style-solid",
       "title": "tooltip-style-solid",
       "type": "registry:block",
-      "registryDependencies": ["https://retroui.dev/r/tooltip.json"],
+      "registryDependencies": [
+        "https://retroui.dev/r/tooltip.json",
+        "https://retroui.dev/r/button.json"
+      ],
       "dependencies": ["lucide-react"],
       "files": [
         {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "popover-style-primary",`
`3`		`- "title": "popover-style-default-shadow",`
	`3`	`+ "title": "popover-style-default",`
`4`	`4`	`"type": "registry:block",`
`5`	`5`	`"registryDependencies": [`
`6`	`6`	`"https://retroui.dev/r/popover.json",`
`@@ -11,8 +11,8 @@`
`11`	`11`	`"dependencies": ["lucide-react"],`
`12`	`12`	`"files": [`
`13`	`13`	`{`
`14`		`- "path": "preview/components/popover-style-default-shadow.tsx",`
`15`		`- "target": "components/retroui/preview/popover-style-default-shadow.tsx",`
	`14`	`+ "path": "preview/components/popover-style-primary.tsx",`
	`15`	`+ "target": "components/retroui/preview/popover-style-primary.tsx",`
`16`	`16`	`"type": "registry:block",`
`17`	`17`	"content": "\"use client\";\n\nimport {\n Popover,\n PopoverTrigger,\n PopoverContent,\n Label,\n Button,\n Input,\n} from \"@/components/retroui\";\n\nexport default function PopoverStylePrimary() {\n return (\n <Popover>\n <PopoverTrigger asChild>\n <Button>Open Popover</Button>\n </PopoverTrigger>\n <PopoverContent className=\"w-80 font-sans\" variant=\"primary\">\n <div className=\"grid gap-4\">\n <div className=\"space-y-2\">\n <h4 className=\"font-medium leading-none\">Dimensions</h4>\n <p className=\"text-sm text-muted-foreground\">\n Set the dimensions for the layer.\n </p>\n </div>\n\n <div className=\"grid gap-2\">\n <div className=\"grid grid-cols-3 items-center gap-4\">\n <Label htmlFor=\"width\">Width</Label>\n\n <Input\n id=\"width\"\n defaultValue=\"100%\"\n className=\"col-span-2 h-8\"\n />\n </div>\n\n <div className=\"grid grid-cols-3 items-center gap-4\">\n <Label htmlFor=\"height\">Height</Label>\n\n <Input\n id=\"height\"\n defaultValue=\"25px\"\n className=\"col-span-2 h-8\"\n />\n </div>\n </div>\n </div>\n </PopoverContent>\n </Popover>\n );\n}\n"
`18`	`18`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`		`- "name": "toggle-group-style-outline-muted",`
`3`		`- "title": "toggle-group-style-outline-muted",`
	`2`	`+ "name": "toggle-group-style-solid",`
	`3`	`+ "title": "toggle-group-style-solid",`
`4`	`4`	`"type": "registry:block",`
`5`	`5`	`"registryDependencies": [`
`6`	`6`	`"https://retroui.dev/r/toggle.json",`
`@@ -9,8 +9,8 @@`
`9`	`9`	`"dependencies": ["lucide-react"],`
`10`	`10`	`"files": [`
`11`	`11`	`{`
`12`		`- "path": "preview/components/toggle-group-style-outline-muted.tsx",`
`13`		`- "target": "components/retroui/preview/toggle-group-style-outline-muted.tsx",`
	`12`	`+ "path": "preview/components/toggle-group-style-solid.tsx",`
	`13`	`+ "target": "components/retroui/preview/toggle-group-style-solid.tsx",`
`14`	`14`	`"type": "registry:block",`
`15`	`15`	"content": "\"use client\";\n\nimport { ToggleGroup, ToggleGroupItem } from \"@/components/retroui\";\nimport { Bold, Italic, Underline } from \"lucide-react\";\n\nexport default function ToggleGroupStyleSolid() {\n return (\n <ToggleGroup type=\"multiple\" variant=\"solid\">\n <ToggleGroupItem value=\"bold\">\n <Bold className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"italic\">\n <Italic className=\"h-4 w-4\" />\n </ToggleGroupItem>\n\n <ToggleGroupItem value=\"underline\">\n <Underline className=\"h-4 w-4\" />\n </ToggleGroupItem>\n </ToggleGroup>\n );\n}\n"
`16`	`16`	`}`
Original file line number	Diff line number	Diff line change
`@@ -2,14 +2,17 @@`
`2`	`2`	`"name": "tooltip-style-primary",`
`3`	`3`	`"title": "tooltip-style-primary",`
`4`	`4`	`"type": "registry:block",`
`5`		`- "registryDependencies": ["https://retroui.dev/r/tooltip.json"],`
	`5`	`+ "registryDependencies": [`
	`6`	`+ "https://retroui.dev/r/tooltip.json",`
	`7`	`+ "https://retroui.dev/r/button.json"`
	`8`	`+ ],`
`6`	`9`	`"dependencies": ["lucide-react"],`
`7`	`10`	`"files": [`
`8`	`11`	`{`
`9`	`12`	`"path": "preview/components/tooltip-style-primary.tsx",`
`10`	`13`	`"target": "components/retroui/preview/tooltip-style-primary.tsx",`
`11`	`14`	`"type": "registry:block",`
`12`		- "content": "\"use client\";\n\nimport {\n Button,\n Tooltip,\n TooltipProvider,\n TooltipTrigger,\n TooltipContent,\n} from \"@/components/retroui\";\n\nexport default function TooltipStyleDefault() {\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <Button variant=\"outline\">Hover</Button>\n </TooltipTrigger>\n <TooltipContent variant=\"default\">Add to Library</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n}\n"
	`15`	+ "content": "\"use client\";\n\nimport {\n Button,\n Tooltip,\n TooltipProvider,\n TooltipTrigger,\n TooltipContent,\n} from \"@/components/retroui\";\n\nexport default function TooltipStylePrimary() {\n return (\n <TooltipProvider>\n <Tooltip>\n <TooltipTrigger asChild>\n <Button variant=\"outline\">Hover</Button>\n </TooltipTrigger>\n <TooltipContent variant=\"primary\">Add to Library</TooltipContent>\n </Tooltip>\n </TooltipProvider>\n );\n}\n"
`13`	`16`	`}`
`14`	`17`	`]`
`15`	`18`	`}`