← all fixtures

json-shadcn-ui-ui-string-value-update-string-is-code

JSON View before/after files on GitHub Upstream commit shadcn-ui-ui.git@47c47ea apps/v4/public/r/styles/radix-vega/hover-card.json

Before

1{
2 "$schema": "https://ui.shadcn.com/schema/registry-item.json",
3 "name": "hover-card",
4 "files": [
5 {
6 "path": "registry/radix-vega/ui/hover-card.tsx",
7 "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/bases/radix/lib/utils\"\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n return (\n <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n )\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n return (\n <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n <HoverCardPrimitive.Content\n data-slot=\"hover-card-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-4 text-sm shadow-md ring-1 duration-100 z-50 origin-(--radix-hover-card-content-transform-origin) outline-hidden\",\n className\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n )\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n",
8 "type": "registry:ui"
9 }
10 ],
11 "type": "registry:ui"
12}

After

1{
2 "$schema": "https://ui.shadcn.com/schema/registry-item.json",
3 "name": "hover-card",
4 "files": [
5 {
6 "path": "registry/radix-vega/ui/hover-card.tsx",
7 "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { HoverCard as HoverCardPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\n\nfunction HoverCard({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {\n return <HoverCardPrimitive.Root data-slot=\"hover-card\" {...props} />\n}\n\nfunction HoverCardTrigger({\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) {\n return (\n <HoverCardPrimitive.Trigger data-slot=\"hover-card-trigger\" {...props} />\n )\n}\n\nfunction HoverCardContent({\n className,\n align = \"center\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps<typeof HoverCardPrimitive.Content>) {\n return (\n <HoverCardPrimitive.Portal data-slot=\"hover-card-portal\">\n <HoverCardPrimitive.Content\n data-slot=\"hover-card-content\"\n align={align}\n sideOffset={sideOffset}\n className={cn(\n \"data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 data-closed:zoom-out-95 data-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 ring-foreground/10 bg-popover text-popover-foreground w-64 rounded-lg p-4 text-sm shadow-md ring-1 duration-100 z-50 origin-(--radix-hover-card-content-transform-origin) outline-hidden\",\n className\n )}\n {...props}\n />\n </HoverCardPrimitive.Portal>\n )\n}\n\nexport { HoverCard, HoverCardTrigger, HoverCardContent }\n",
8 "type": "registry:ui"
9 }
10 ],
11 "type": "registry:ui"
12}

Before

document
object
{ "{"
pair
string
" "\""
string_content "$schema"
" "\""
: ":"
string
" "\""
string_content "https://ui.shadcn.com/schema/registry-item.json"
" "\""
, ","
pair
string
" "\""
string_content "name"
" "\""
: ":"
string
" "\""
string_content "hover-card"
" "\""
, ","
pair
string
" "\""
string_content "files"
" "\""
: ":"
array
[ "["
object
{ "{"
pair
string
" "\""
string_content "path"
" "\""
: ":"
string
" "\""
string_content "registry/radix-vega/ui/hover-card.tsx"
" "\""
, ","
pair
string
" "\""
string_content "content"
" "\""
: ":"
string
" "\""
escape_sequence "\\\""
string_content "use client"
escape_sequence "\\\""
escape_sequence "\\n"
escape_sequence "\\n"
string_content "import * as React from "
escape_sequence "\\\""
string_content "react"
escape_sequence "\\\""
escape_sequence "\\n"
string_content "import { HoverCard as HoverCardPrimitive } from "
escape_sequence "\\\""
string_content "radix-ui"
escape_sequence "\\\""
escape_sequence "\\n"
escape_sequence "\\n"
string_content "import { cn } from "
escape_sequence "\\\""
string_content "@/registry/bases/radix/lib/utils"
escape_sequence "\\\""
escape_sequence "\\n"
escape_sequence "\\n"
string_content "function HoverCard({"
escape_sequence "\\n"
string_content " ...props"
escape_sequence "\\n"
string_content "}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {"
escape_sequence "\\n"
string_content " return <HoverCardPrimitive.Root data-slot="
escape_sequence "\\\""
string_content "hover-card"
escape_sequence "\\\""
string_content " {...props} />"
escape_sequence "\\n"
string_content "}"
escape_sequence "\\n"
escape_sequence "\\n"
string_content "function HoverCardTrigger({"
escape_sequence "\\n"
string_content " ...props"
escape_sequence "\\n"
string_content "}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) "...
escape_sequence "\\n"
string_content " return ("
escape_sequence "\\n"
string_content " <HoverCardPrimitive.Trigger data-slot="
escape_sequence "\\\""
string_content "hover-card-trigger"
escape_sequence "\\\""
string_content " {...props} />"
escape_sequence "\\n"
string_content " )"
escape_sequence "\\n"
string_content "}"
escape_sequence "\\n"
escape_sequence "\\n"
string_content "function HoverCardContent({"
escape_sequence "\\n"
string_content " className,"
escape_sequence "\\n"
string_content " align = "
escape_sequence "\\\""
string_content "center"
escape_sequence "\\\""
string_content ","
escape_sequence "\\n"
string_content " sideOffset = 4,"
escape_sequence "\\n"
string_content " ...props"
escape_sequence "\\n"
string_content "}: React.ComponentProps<typeof HoverCardPrimitive.Content>) "...
escape_sequence "\\n"
string_content " return ("
escape_sequence "\\n"
string_content " <HoverCardPrimitive.Portal data-slot="
escape_sequence "\\\""
string_content "hover-card-portal"
escape_sequence "\\\""
string_content ">"
escape_sequence "\\n"
string_content " <HoverCardPrimitive.Content"
escape_sequence "\\n"
string_content " data-slot="
escape_sequence "\\\""
string_content "hover-card-content"
escape_sequence "\\\""
escape_sequence "\\n"
string_content " align={align}"
escape_sequence "\\n"
string_content " sideOffset={sideOffset}"
escape_sequence "\\n"
string_content " className={cn("
escape_sequence "\\n"
string_content " "
escape_sequence "\\\""
string_content "data-open:animate-in data-closed:animate-out data-closed:fad"...
escape_sequence "\\\""
string_content ","
escape_sequence "\\n"
string_content " className"
escape_sequence "\\n"
string_content " )}"
escape_sequence "\\n"
string_content " {...props}"
escape_sequence "\\n"
string_content " />"
escape_sequence "\\n"
string_content " </HoverCardPrimitive.Portal>"
escape_sequence "\\n"
string_content " )"
escape_sequence "\\n"
string_content "}"
escape_sequence "\\n"
escape_sequence "\\n"
string_content "export { HoverCard, HoverCardTrigger, HoverCardContent }"
escape_sequence "\\n"
" "\""
, ","
pair
string
" "\""
string_content "type"
" "\""
: ":"
string
" "\""
string_content "registry:ui"
" "\""
} "}"
] "]"
, ","
pair
string
" "\""
string_content "type"
" "\""
: ":"
string
" "\""
string_content "registry:ui"
" "\""
} "}"

After

document
object
{ "{"
pair
string
" "\""
string_content "$schema"
" "\""
: ":"
string
" "\""
string_content "https://ui.shadcn.com/schema/registry-item.json"
" "\""
, ","
pair
string
" "\""
string_content "name"
" "\""
: ":"
string
" "\""
string_content "hover-card"
" "\""
, ","
pair
string
" "\""
string_content "files"
" "\""
: ":"
array
[ "["
object
{ "{"
pair
string
" "\""
string_content "path"
" "\""
: ":"
string
" "\""
string_content "registry/radix-vega/ui/hover-card.tsx"
" "\""
, ","
pair
string
" "\""
string_content "content"
" "\""
: ":"
string
" "\""
escape_sequence "\\\""
string_content "use client"
escape_sequence "\\\""
escape_sequence "\\n"
escape_sequence "\\n"
string_content "import * as React from "
escape_sequence "\\\""
string_content "react"
escape_sequence "\\\""
escape_sequence "\\n"
string_content "import { HoverCard as HoverCardPrimitive } from "
escape_sequence "\\\""
string_content "radix-ui"
escape_sequence "\\\""
escape_sequence "\\n"
escape_sequence "\\n"
string_content "import { cn } from "
escape_sequence "\\\""
string_content "@/registry/radix-vega/lib/utils"
escape_sequence "\\\""
escape_sequence "\\n"
escape_sequence "\\n"
string_content "function HoverCard({"
escape_sequence "\\n"
string_content " ...props"
escape_sequence "\\n"
string_content "}: React.ComponentProps<typeof HoverCardPrimitive.Root>) {"
escape_sequence "\\n"
string_content " return <HoverCardPrimitive.Root data-slot="
escape_sequence "\\\""
string_content "hover-card"
escape_sequence "\\\""
string_content " {...props} />"
escape_sequence "\\n"
string_content "}"
escape_sequence "\\n"
escape_sequence "\\n"
string_content "function HoverCardTrigger({"
escape_sequence "\\n"
string_content " ...props"
escape_sequence "\\n"
string_content "}: React.ComponentProps<typeof HoverCardPrimitive.Trigger>) "...
escape_sequence "\\n"
string_content " return ("
escape_sequence "\\n"
string_content " <HoverCardPrimitive.Trigger data-slot="
escape_sequence "\\\""
string_content "hover-card-trigger"
escape_sequence "\\\""
string_content " {...props} />"
escape_sequence "\\n"
string_content " )"
escape_sequence "\\n"
string_content "}"
escape_sequence "\\n"
escape_sequence "\\n"
string_content "function HoverCardContent({"
escape_sequence "\\n"
string_content " className,"
escape_sequence "\\n"
string_content " align = "
escape_sequence "\\\""
string_content "center"
escape_sequence "\\\""
string_content ","
escape_sequence "\\n"
string_content " sideOffset = 4,"
escape_sequence "\\n"
string_content " ...props"
escape_sequence "\\n"
string_content "}: React.ComponentProps<typeof HoverCardPrimitive.Content>) "...
escape_sequence "\\n"
string_content " return ("
escape_sequence "\\n"
string_content " <HoverCardPrimitive.Portal data-slot="
escape_sequence "\\\""
string_content "hover-card-portal"
escape_sequence "\\\""
string_content ">"
escape_sequence "\\n"
string_content " <HoverCardPrimitive.Content"
escape_sequence "\\n"
string_content " data-slot="
escape_sequence "\\\""
string_content "hover-card-content"
escape_sequence "\\\""
escape_sequence "\\n"
string_content " align={align}"
escape_sequence "\\n"
string_content " sideOffset={sideOffset}"
escape_sequence "\\n"
string_content " className={cn("
escape_sequence "\\n"
string_content " "
escape_sequence "\\\""
string_content "data-open:animate-in data-closed:animate-out data-closed:fad"...
escape_sequence "\\\""
string_content ","
escape_sequence "\\n"
string_content " className"
escape_sequence "\\n"
string_content " )}"
escape_sequence "\\n"
string_content " {...props}"
escape_sequence "\\n"
string_content " />"
escape_sequence "\\n"
string_content " </HoverCardPrimitive.Portal>"
escape_sequence "\\n"
string_content " )"
escape_sequence "\\n"
string_content "}"
escape_sequence "\\n"
escape_sequence "\\n"
string_content "export { HoverCard, HoverCardTrigger, HoverCardContent }"
escape_sequence "\\n"
" "\""
, ","
pair
string
" "\""
string_content "type"
" "\""
: ":"
string
" "\""
string_content "registry:ui"
" "\""
} "}"
] "]"
, ","
pair
string
" "\""
string_content "type"
" "\""
: ":"
string
" "\""
string_content "registry:ui"
" "\""
} "}"