npm - previewcn - Versions diffs - 0.1.0-alpha.3 → 0.1.0-alpha.4 - Mend

previewcn 0.1.0-alpha.3 → 0.1.0-alpha.4

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 (71) hide show

package/editor/apps/web/.next/server/app/preview/page_client-reference-manifest.js CHANGED Viewed

@@ -1,2 +1,2 @@
 globalThis.__RSC_MANIFEST = globalThis.__RSC_MANIFEST || {};
-globalThis.__RSC_MANIFEST["/preview/page"] = {"moduleLoading":{"prefix":"","crossOrigin":null},"clientModules":{"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/layout-router.js <module evaluation>":{"id":58625,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/layout-router.js":{"id":58625,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/render-from-template-context.js <module evaluation>":{"id":24554,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/render-from-template-context.js":{"id":24554,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-page.js <module evaluation>":{"id":55106,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-page.js":{"id":55106,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-segment.js <module evaluation>":{"id":83010,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-segment.js":{"id":83010,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/http-access-fallback/error-boundary.js <module evaluation>":{"id":93093,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/http-access-fallback/error-boundary.js":{"id":93093,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/metadata/generate/icon-mark.js <module evaluation>":{"id":30743,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/metadata/generate/icon-mark.js":{"id":30743,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/framework/boundary-components.js <module evaluation>":{"id":91802,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/framework/boundary-components.js":{"id":91802,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error.js <module evaluation>":{"id":33834,"name":"*","chunks":[],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error.js":{"id":33834,"name":"*","chunks":[],"async":false},"[project]/packages/receiver/src/theme-receiver.tsx <module evaluation>":{"id":47762,"name":"*","chunks":["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false},"[project]/packages/receiver/src/theme-receiver.tsx":{"id":47762,"name":"*","chunks":["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false},"[project]/apps/web/components/component-showcase.tsx <module evaluation>":{"id":8676,"name":"*","chunks":["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false},"[project]/apps/web/components/component-showcase.tsx":{"id":8676,"name":"*","chunks":["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false}},"ssrModuleMapping":{"58625":{"*":{"id":83861,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"24554":{"*":{"id":75961,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"55106":{"*":{"id":81628,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"83010":{"*":{"id":89572,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"93093":{"*":{"id":42496,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"30743":{"*":{"id":36243,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"91802":{"*":{"id":82127,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"33834":{"*":{"id":22242,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__bed83b39._.js"],"async":false}},"47762":{"*":{"id":62798,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__cf6e988a._.js","server/chunks/ssr/_8953a1a6._.js","server/chunks/ssr/_2e9a4884._.js"],"async":false}},"8676":{"*":{"id":97202,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__cf6e988a._.js","server/chunks/ssr/_8953a1a6._.js","server/chunks/ssr/_2e9a4884._.js"],"async":false}}},"edgeSSRModuleMapping":{},"rscModuleMapping":{"58625":{"*":{"id":78343,"name":"*","chunks":[],"async":false}},"24554":{"*":{"id":38403,"name":"*","chunks":[],"async":false}},"55106":{"*":{"id":73549,"name":"*","chunks":[],"async":false}},"83010":{"*":{"id":31832,"name":"*","chunks":[],"async":false}},"93093":{"*":{"id":16340,"name":"*","chunks":[],"async":false}},"30743":{"*":{"id":11797,"name":"*","chunks":[],"async":false}},"91802":{"*":{"id":99750,"name":"*","chunks":[],"async":false}},"33834":{"*":{"id":78725,"name":"*","chunks":[],"async":false}},"47762":{"*":{"id":77854,"name":"*","chunks":[],"async":false}},"8676":{"*":{"id":18583,"name":"*","chunks":[],"async":false}}},"edgeRscModuleMapping":{},"entryCSSFiles":{"[project]/apps/web/app/twitter-image--metadata":[],"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error":[],"[project]/apps/web/app/layout":[{"path":"static/chunks/aad7dbdc1a037806.css","inlined":false}],"[project]/apps/web/app/preview/page":[{"path":"static/chunks/aad7dbdc1a037806.css","inlined":false}]},"entryJSFiles":{"[project]/apps/web/app/twitter-image--metadata":["static/chunks/01753452ac5baafa.js","static/chunks/581bc467369151d4.js"],"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error":[],"[project]/apps/web/app/layout":[],"[project]/apps/web/app/preview/page":["static/chunks/821f5f567c1bc529.js","static/chunks/df47f7dae1a062bd.js"]}}
+globalThis.__RSC_MANIFEST["/preview/page"] = {"moduleLoading":{"prefix":"","crossOrigin":null},"clientModules":{"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/layout-router.js <module evaluation>":{"id":58625,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/layout-router.js":{"id":58625,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/render-from-template-context.js <module evaluation>":{"id":24554,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/render-from-template-context.js":{"id":24554,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-page.js <module evaluation>":{"id":55106,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-page.js":{"id":55106,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-segment.js <module evaluation>":{"id":83010,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/client-segment.js":{"id":83010,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/http-access-fallback/error-boundary.js <module evaluation>":{"id":93093,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/client/components/http-access-fallback/error-boundary.js":{"id":93093,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/metadata/generate/icon-mark.js <module evaluation>":{"id":30743,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/metadata/generate/icon-mark.js":{"id":30743,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/framework/boundary-components.js <module evaluation>":{"id":91802,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/esm/lib/framework/boundary-components.js":{"id":91802,"name":"*","chunks":["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error.js <module evaluation>":{"id":33834,"name":"*","chunks":[],"async":false},"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error.js":{"id":33834,"name":"*","chunks":[],"async":false},"[project]/packages/receiver/src/theme-receiver.tsx <module evaluation>":{"id":47762,"name":"*","chunks":["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false},"[project]/packages/receiver/src/theme-receiver.tsx":{"id":47762,"name":"*","chunks":["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false},"[project]/apps/web/components/component-showcase.tsx <module evaluation>":{"id":8676,"name":"*","chunks":["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false},"[project]/apps/web/components/component-showcase.tsx":{"id":8676,"name":"*","chunks":["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"async":false}},"ssrModuleMapping":{"58625":{"*":{"id":83861,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"24554":{"*":{"id":75961,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"55106":{"*":{"id":81628,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"83010":{"*":{"id":89572,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"93093":{"*":{"id":42496,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"30743":{"*":{"id":36243,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"91802":{"*":{"id":82127,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__b8db463f._.js","server/chunks/ssr/d6fbb_next_dist_eeb47230._.js"],"async":false}},"33834":{"*":{"id":22242,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__bed83b39._.js"],"async":false}},"47762":{"*":{"id":62798,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__cf6e988a._.js","server/chunks/ssr/_8953a1a6._.js","server/chunks/ssr/_2e9a4884._.js"],"async":false}},"8676":{"*":{"id":97202,"name":"*","chunks":["server/chunks/ssr/[root-of-the-server]__cf6e988a._.js","server/chunks/ssr/_8953a1a6._.js","server/chunks/ssr/_2e9a4884._.js"],"async":false}}},"edgeSSRModuleMapping":{},"rscModuleMapping":{"58625":{"*":{"id":78343,"name":"*","chunks":[],"async":false}},"24554":{"*":{"id":38403,"name":"*","chunks":[],"async":false}},"55106":{"*":{"id":73549,"name":"*","chunks":[],"async":false}},"83010":{"*":{"id":31832,"name":"*","chunks":[],"async":false}},"93093":{"*":{"id":16340,"name":"*","chunks":[],"async":false}},"30743":{"*":{"id":11797,"name":"*","chunks":[],"async":false}},"91802":{"*":{"id":99750,"name":"*","chunks":[],"async":false}},"33834":{"*":{"id":78725,"name":"*","chunks":[],"async":false}},"47762":{"*":{"id":77854,"name":"*","chunks":[],"async":false}},"8676":{"*":{"id":18583,"name":"*","chunks":[],"async":false}}},"edgeRscModuleMapping":{},"entryCSSFiles":{"[project]/apps/web/app/twitter-image--metadata":[],"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error":[],"[project]/apps/web/app/layout":[{"path":"static/chunks/aad7dbdc1a037806.css","inlined":false}],"[project]/apps/web/app/preview/page":[{"path":"static/chunks/aad7dbdc1a037806.css","inlined":false}]},"entryJSFiles":{"[project]/apps/web/app/twitter-image--metadata":["static/chunks/01753452ac5baafa.js","static/chunks/581bc467369151d4.js"],"[project]/node_modules/.pnpm/next@16.1.0_@babel+core@7.28.5_react-dom@19.2.3_react@19.2.3__react@19.2.3/node_modules/next/dist/client/components/builtin/global-error":[],"[project]/apps/web/app/layout":[],"[project]/apps/web/app/preview/page":["static/chunks/541ab79f7709fec4.js","static/chunks/df47f7dae1a062bd.js"]}}

package/editor/apps/web/.next/server/app/preview.html CHANGED Viewed

	@@ -1 +1 @@
1	- <!DOCTYPE html><!--KkYBQ0zXX1U9zi1qJZ5zW--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/aad7dbdc1a037806.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/5ec51a189c1f7aa8.js"/><script src="/_next/static/chunks/a3a742a24bb6adf8.js" async=""></script><script src="/_next/static/chunks/eb25e50586ec85f5.js" async=""></script><script src="/_next/static/chunks/turbopack-aa5ad1db28689abb.js" async=""></script><script src="/_next/static/chunks/01753452ac5baafa.js" async=""></script><script src="/_next/static/chunks/581bc467369151d4.js" async=""></script><script src="/_next/static/chunks/821f5f567c1bc529.js" async=""></script><script src="/_next/static/chunks/df47f7dae1a062bd.js" async=""></script><meta name="next-size-adjust" content=""/><title>previewcn - Real-time Theme Editor for shadcn/ui</title><meta name="description" content="Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."/><meta property="og:title" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta property="og:description" content="Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."/><meta property="og:site_name" content="previewcn"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://previewcn.vercel.app/opengraph-image?2857ac63cb01abc5"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta name="twitter:description" content="Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."/><meta name="twitter:image:alt" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://previewcn.vercel.app/twitter-image?2010eb46a273fda9"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/logo.svg"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="bg-background min-h-screen p-8"><div class="mx-auto max-w-4xl space-y-8"><div class="space-y-2"><h1 class="text-3xl font-bold tracking-tight">Component Preview</h1><p class="text-muted-foreground">Preview your shadcn/ui theme with these components</p></div><section class="space-y-4"><h2 class="text-xl font-semibold">Buttons</h2><div class="flex flex-wrap gap-4"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Primary</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Secondary</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none border-border dark:bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Outline</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Ghost</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Link</button><button type="button" tabindex="0" data-slot="button" class="aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Destructive</button></div><div class="flex flex-wrap gap-4"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3">Small</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Default</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class='size-'])]:size-4">Large</button></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Cards</h2><div class="grid gap-4 md:grid-cols-2"><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 :[img:first-child]:rounded-t-lg :[img:last-child]:rounded-b-lg"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-sm font-medium">Card Title</div><div data-slot="card-description" class="text-muted-foreground text-xs/relaxed">Card description goes here</div></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3"><p class="text-muted-foreground text-sm">This is the card content area. You can put any content here.</p></div><div data-slot="card-footer" class="items-center rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3 flex justify-between"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none border-border dark:bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Cancel</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Continue</button></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 :[img:first-child]:rounded-t-lg :[img:last-child]:rounded-b-lg"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-sm font-medium">Login</div><div data-slot="card-description" class="text-muted-foreground text-xs/relaxed">Enter your credentials to continue</div></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-4"><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="email">Email</label><input id="email" type="email" data-slot="input" placeholder="m@example.com" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed"/></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="password">Password</label><input id="password" type="password" data-slot="input" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed"/></div></div><div data-slot="card-footer" class="flex items-center rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5 w-full">Sign In</button></div></div></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Badges</h2><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="default" class="h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80">Default</span><span data-slot="badge" data-variant="secondary" class="h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80">Secondary</span><span data-slot="badge" data-variant="outline" class="h-5 gap-1 rounded-full border px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/20 dark:bg-input/30">Outline</span><span data-slot="badge" data-variant="destructive" class="h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20">Destructive</span></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Form Elements</h2><div class="grid gap-4 md:grid-cols-2"><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="name">Name</label><input id="name" data-slot="input" placeholder="Enter your name" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed"/></div><div class="flex items-center space-x-2"><span data-unchecked="" role="switch" tabindex="0" id="base-ui-_R_db5fivb_" aria-checked="false" data-slot="switch" data-size="default" class="data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[2px] aria-invalid:ring-[2px] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[16.6px] data-[size=default]:w-[28px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]"><span data-unchecked="" data-slot="switch-thumb" class="bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"></span></span><input id="notifications" style="clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;position:fixed;top:0;left:0;border:0;padding:0;width:1px;height:1px;margin:-1px" tabindex="-1" type="checkbox" aria-hidden="true"/><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="notifications">Enable notifications</label></div></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Tabs</h2><div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs" class="group/tabs flex gap-2 data-[orientation=horizontal]:flex-col w-full"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" data-variant="default" class="rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col bg-muted grid w-full grid-cols-3"><button type="button" data-active="" data-orientation="horizontal" aria-disabled="false" tabindex="-1" role="tab" aria-selected="true" id="base-ui-_R_jd5fivb_" data-composite-item-active="" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-3.5 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100">Account</button><button type="button" data-orientation="horizontal" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_R_13d5fivb_" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-3.5 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100">Password</button><button type="button" data-orientation="horizontal" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_R_1jd5fivb_" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-3.5 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100">Settings</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_R_5d5fivb_" role="tabpanel" tabindex="0" data-index="-1" data-slot="tabs-content" class="flex-1 text-xs/relaxed outline-none"><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 :[img:first-child]:rounded-t-lg :[img:last-child]:rounded-b-lg"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-sm font-medium">Account</div><div data-slot="card-description" class="text-muted-foreground text-xs/relaxed">Make changes to your account here.</div></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-2"><div class="space-y-1"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="name">Name</label><input id="name" data-slot="input" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed" value="John Doe"/></div></div><div data-slot="card-footer" class="flex items-center rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Save changes</button></div></div></div></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Avatars</h2><div class="flex items-center gap-4"><span data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs">CN</span></span><span data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs">JD</span></span><span data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs">AB</span></span></div></section></div></div><!--$--><!--/$--><script src="/_next/static/chunks/5ec51a189c1f7aa8.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[58625,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"default\"]\n3:I[24554,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"default\"]\n4:I[47762,[\"/_next/static/chunks/821f5f567c1bc529.js\",\"/_next/static/chunks/df47f7dae1a062bd.js\"],\"ThemeReceiver\"]\n5:I[8676,[\"/_next/static/chunks/821f5f567c1bc529.js\",\"/_next/static/chunks/df47f7dae1a062bd.js\"],\"ComponentShowcase\"]\n6:I[91802,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[91802,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"ViewportBoundary\"]\nb:I[91802,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"MetadataBoundary\"]\nd:I[33834,[],\"default\"]\n:HL[\"/_next/static/chunks/aad7dbdc1a037806.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"KkYBQ0zXX1U9zi1qJZ5zW\",\"c\":[\"\",\"preview\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"preview\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/aad7dbdc1a037806.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}]],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/821f5f567c1bc529.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/df47f7dae1a062bd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lc\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"e:I[30743,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"IconMark\"]\n8:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"title\",\"0\",{\"children\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:site_name\",\"content\":\"previewcn\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:alt\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://previewcn.vercel.app/opengraph-image?2857ac63cb01abc5\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:alt\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://previewcn.vercel.app/twitter-image?2010eb46a273fda9\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/logo.svg\"}],[\"$\",\"$Le\",\"21\",{}]]\n"])</script></body></html>
1	+ <!DOCTYPE html><!--7bhvnDbT83Hnacec7beWN--><html lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="stylesheet" href="/_next/static/chunks/aad7dbdc1a037806.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/5ec51a189c1f7aa8.js"/><script src="/_next/static/chunks/a3a742a24bb6adf8.js" async=""></script><script src="/_next/static/chunks/eb25e50586ec85f5.js" async=""></script><script src="/_next/static/chunks/turbopack-aa5ad1db28689abb.js" async=""></script><script src="/_next/static/chunks/01753452ac5baafa.js" async=""></script><script src="/_next/static/chunks/581bc467369151d4.js" async=""></script><script src="/_next/static/chunks/541ab79f7709fec4.js" async=""></script><script src="/_next/static/chunks/df47f7dae1a062bd.js" async=""></script><meta name="next-size-adjust" content=""/><title>previewcn - Real-time Theme Editor for shadcn/ui</title><meta name="description" content="Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."/><meta property="og:title" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta property="og:description" content="Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."/><meta property="og:site_name" content="previewcn"/><meta property="og:locale" content="en_US"/><meta property="og:image:alt" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta property="og:image:type" content="image/png"/><meta property="og:image" content="https://previewcn.vercel.app/opengraph-image?2857ac63cb01abc5"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta name="twitter:description" content="Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."/><meta name="twitter:image:alt" content="previewcn - Real-time Theme Editor for shadcn/ui"/><meta name="twitter:image:type" content="image/png"/><meta name="twitter:image" content="https://previewcn.vercel.app/twitter-image?2010eb46a273fda9"/><meta name="twitter:image:width" content="1200"/><meta name="twitter:image:height" content="630"/><link rel="icon" href="/logo.svg"/><script src="/_next/static/chunks/a6dad97d9634a72d.js" noModule=""></script></head><body class="geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased"><div hidden=""><!--$--><!--/$--></div><div class="bg-background min-h-screen p-8"><div class="mx-auto max-w-4xl space-y-8"><div class="space-y-2"><h1 class="text-3xl font-bold tracking-tight">Component Preview</h1><p class="text-muted-foreground">Preview your shadcn/ui theme with these components</p></div><section class="space-y-4"><h2 class="text-xl font-semibold">Buttons</h2><div class="flex flex-wrap gap-4"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Primary</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Secondary</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none border-border dark:bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Outline</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none hover:bg-muted hover:text-foreground dark:hover:bg-muted/50 aria-expanded:bg-muted aria-expanded:text-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Ghost</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none text-primary underline-offset-4 hover:underline h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Link</button><button type="button" tabindex="0" data-slot="button" class="aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-destructive/10 hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/20 text-destructive focus-visible:border-destructive/40 dark:hover:bg-destructive/30 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Destructive</button></div><div class="flex flex-wrap gap-4"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3">Small</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Default</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class='size-'])]:size-4">Large</button></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Cards</h2><div class="grid gap-4 md:grid-cols-2"><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 :[img:first-child]:rounded-t-lg :[img:last-child]:rounded-b-lg"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-sm font-medium">Card Title</div><div data-slot="card-description" class="text-muted-foreground text-xs/relaxed">Card description goes here</div></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3"><p class="text-muted-foreground text-sm">This is the card content area. You can put any content here.</p></div><div data-slot="card-footer" class="items-center rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3 flex justify-between"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none border-border dark:bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Cancel</button><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Continue</button></div></div><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 :[img:first-child]:rounded-t-lg :[img:last-child]:rounded-b-lg"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-sm font-medium">Login</div><div data-slot="card-description" class="text-muted-foreground text-xs/relaxed">Enter your credentials to continue</div></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-4"><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="email">Email</label><input id="email" type="email" data-slot="input" placeholder="m@example.com" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed"/></div><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="password">Password</label><input id="password" type="password" data-slot="input" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed"/></div></div><div data-slot="card-footer" class="flex items-center rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5 w-full">Sign In</button></div></div></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Badges</h2><div class="flex flex-wrap gap-2"><span data-slot="badge" data-variant="default" class="h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge bg-primary text-primary-foreground [a]:hover:bg-primary/80">Default</span><span data-slot="badge" data-variant="secondary" class="h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80">Secondary</span><span data-slot="badge" data-variant="outline" class="h-5 gap-1 rounded-full border px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground bg-input/20 dark:bg-input/30">Outline</span><span data-slot="badge" data-variant="destructive" class="h-5 gap-1 rounded-full border border-transparent px-2 py-0.5 text-[0.625rem] font-medium has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-2.5! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-colors overflow-hidden group/badge bg-destructive/10 [a]:hover:bg-destructive/20 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 text-destructive dark:bg-destructive/20">Destructive</span></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Form Elements</h2><div class="grid gap-4 md:grid-cols-2"><div class="space-y-2"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="name">Name</label><input id="name" data-slot="input" placeholder="Enter your name" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed"/></div><div class="flex items-center space-x-2"><span data-unchecked="" role="switch" tabindex="0" id="base-ui-_R_db5fivb_" aria-checked="false" data-slot="switch" data-size="default" class="data-checked:bg-primary data-unchecked:bg-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 dark:data-unchecked:bg-input/80 peer group/switch relative inline-flex shrink-0 items-center rounded-full border border-transparent transition-all outline-none after:absolute after:-inset-x-3 after:-inset-y-2 focus-visible:ring-[2px] aria-invalid:ring-[2px] data-disabled:cursor-not-allowed data-disabled:opacity-50 data-[size=default]:h-[16.6px] data-[size=default]:w-[28px] data-[size=sm]:h-[14px] data-[size=sm]:w-[24px]"><span data-unchecked="" data-slot="switch-thumb" class="bg-background dark:data-unchecked:bg-foreground dark:data-checked:bg-primary-foreground pointer-events-none block rounded-full ring-0 transition-transform group-data-[size=default]/switch:size-3.5 group-data-[size=sm]/switch:size-3 group-data-[size=default]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=sm]/switch:data-checked:translate-x-[calc(100%-2px)] group-data-[size=default]/switch:data-unchecked:translate-x-0 group-data-[size=sm]/switch:data-unchecked:translate-x-0"></span></span><input id="notifications" style="clip:rect(0 0 0 0);overflow:hidden;white-space:nowrap;position:fixed;top:0;left:0;border:0;padding:0;width:1px;height:1px;margin:-1px" tabindex="-1" type="checkbox" aria-hidden="true"/><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="notifications">Enable notifications</label></div></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Tabs</h2><div data-orientation="horizontal" data-activation-direction="none" data-slot="tabs" class="group/tabs flex gap-2 data-[orientation=horizontal]:flex-col w-full"><div data-orientation="horizontal" data-activation-direction="none" role="tablist" data-slot="tabs-list" data-variant="default" class="rounded-lg p-[3px] group-data-horizontal/tabs:h-8 data-[variant=line]:rounded-none group/tabs-list text-muted-foreground items-center justify-center group-data-[orientation=vertical]/tabs:h-fit group-data-[orientation=vertical]/tabs:flex-col bg-muted grid w-full grid-cols-3"><button type="button" data-active="" data-orientation="horizontal" aria-disabled="false" tabindex="-1" role="tab" aria-selected="true" id="base-ui-_R_jd5fivb_" data-composite-item-active="" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-3.5 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100">Account</button><button type="button" data-orientation="horizontal" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_R_13d5fivb_" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-3.5 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100">Password</button><button type="button" data-orientation="horizontal" aria-disabled="false" tabindex="-1" role="tab" aria-selected="false" id="base-ui-_R_1jd5fivb_" data-slot="tabs-trigger" class="focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring text-foreground/60 hover:text-foreground dark:text-muted-foreground dark:hover:text-foreground relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap transition-all group-data-vertical/tabs:py-[calc(--spacing(1.25))] group-data-[orientation=vertical]/tabs:w-full group-data-[orientation=vertical]/tabs:justify-start focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class='size-'])]:size-3.5 group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent data-active:bg-background dark:data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 data-active:text-foreground after:bg-foreground after:absolute after:opacity-0 after:transition-opacity group-data-[orientation=horizontal]/tabs:after:inset-x-0 group-data-[orientation=horizontal]/tabs:after:bottom-[-5px] group-data-[orientation=horizontal]/tabs:after:h-0.5 group-data-[orientation=vertical]/tabs:after:inset-y-0 group-data-[orientation=vertical]/tabs:after:-right-1 group-data-[orientation=vertical]/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100">Settings</button></div><div data-orientation="horizontal" data-activation-direction="none" id="base-ui-_R_5d5fivb_" role="tabpanel" tabindex="0" data-index="-1" data-slot="tabs-content" class="flex-1 text-xs/relaxed outline-none"><div data-slot="card" data-size="default" class="ring-foreground/10 bg-card text-card-foreground group/card flex flex-col gap-4 overflow-hidden rounded-lg py-4 text-xs/relaxed ring-1 has-[>img:first-child]:pt-0 data-[size=sm]:gap-3 data-[size=sm]:py-3 :[img:first-child]:rounded-t-lg :[img:last-child]:rounded-b-lg"><div data-slot="card-header" class="group/card-header @container/card-header grid auto-rows-min items-start gap-1 rounded-t-lg px-4 group-data-[size=sm]/card:px-3 has-data-[slot=card-action]:grid-cols-[1fr_auto] has-data-[slot=card-description]:grid-rows-[auto_auto] [.border-b]:pb-4 group-data-[size=sm]/card:[.border-b]:pb-3"><div data-slot="card-title" class="text-sm font-medium">Account</div><div data-slot="card-description" class="text-muted-foreground text-xs/relaxed">Make changes to your account here.</div></div><div data-slot="card-content" class="px-4 group-data-[size=sm]/card:px-3 space-y-2"><div class="space-y-1"><label data-slot="label" class="flex items-center gap-2 text-xs/relaxed leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50" for="name">Name</label><input id="name" data-slot="input" class="bg-input/20 dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 file:text-foreground placeholder:text-muted-foreground h-7 w-full min-w-0 rounded-md border px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium focus-visible:ring-2 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:ring-2 md:text-xs/relaxed" value="John Doe"/></div></div><div data-slot="card-footer" class="flex items-center rounded-b-lg px-4 group-data-[size=sm]/card:px-3 [.border-t]:pt-4 group-data-[size=sm]/card:[.border-t]:pt-3"><button type="button" tabindex="0" data-slot="button" class="focus-visible:border-ring focus-visible:ring-ring/30 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding font-medium focus-visible:ring-[2px] aria-invalid:ring-[2px] inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none bg-primary text-primary-foreground hover:bg-primary/80 h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class='size-'])]:size-3.5">Save changes</button></div></div></div></div></section><section class="space-y-4"><h2 class="text-xl font-semibold">Avatars</h2><div class="flex items-center gap-4"><span data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs">CN</span></span><span data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs">JD</span></span><span data-slot="avatar" data-size="default" class="after:border-border group/avatar relative flex size-8 shrink-0 rounded-full select-none after:absolute after:inset-0 after:rounded-full after:border after:mix-blend-darken data-[size=lg]:size-10 data-[size=sm]:size-6 dark:after:mix-blend-lighten"><span data-slot="avatar-fallback" class="bg-muted text-muted-foreground flex size-full items-center justify-center rounded-full text-sm group-data-[size=sm]/avatar:text-xs">AB</span></span></div></section></div></div><!--$--><!--/$--><script src="/_next/static/chunks/5ec51a189c1f7aa8.js" id="_R_" async=""></script><script>(self.__next_f=self.__next_f\|\|[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n2:I[58625,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"default\"]\n3:I[24554,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"default\"]\n4:I[47762,[\"/_next/static/chunks/541ab79f7709fec4.js\",\"/_next/static/chunks/df47f7dae1a062bd.js\"],\"ThemeReceiver\"]\n5:I[8676,[\"/_next/static/chunks/541ab79f7709fec4.js\",\"/_next/static/chunks/df47f7dae1a062bd.js\"],\"ComponentShowcase\"]\n6:I[91802,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"OutletBoundary\"]\n7:\"$Sreact.suspense\"\n9:I[91802,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"ViewportBoundary\"]\nb:I[91802,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"MetadataBoundary\"]\nd:I[33834,[],\"default\"]\n:HL[\"/_next/static/chunks/aad7dbdc1a037806.css\",\"style\"]\n:HL[\"/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"7bhvnDbT83Hnacec7beWN\",\"c\":[\"\",\"preview\"],\"q\":\"\",\"i\":false,\"f\":[[[\"\",{\"children\":[\"preview\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/chunks/aad7dbdc1a037806.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[\"$\",\"body\",null,{\"className\":\"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased\",\"children\":[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}]}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L2\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L3\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"$L4\",null,{}],[\"$\",\"$L5\",null,{}]],[[\"$\",\"script\",\"script-0\",{\"src\":\"/_next/static/chunks/541ab79f7709fec4.js\",\"async\":true,\"nonce\":\"$undefined\"}],[\"$\",\"script\",\"script-1\",{\"src\":\"/_next/static/chunks/df47f7dae1a062bd.js\",\"async\":true,\"nonce\":\"$undefined\"}]],[\"$\",\"$L6\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.MetadataOutlet\",\"children\":\"$@8\"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}],[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$Lb\",null,{\"children\":[\"$\",\"$7\",null,{\"name\":\"Next.Metadata\",\"children\":\"$Lc\"}]}]}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$d\",[]],\"S\":true}\n"])</script><script>self.__next_f.push([1,"a:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script><script>self.__next_f.push([1,"e:I[30743,[\"/_next/static/chunks/01753452ac5baafa.js\",\"/_next/static/chunks/581bc467369151d4.js\"],\"IconMark\"]\n8:null\n"])</script><script>self.__next_f.push([1,"c:[[\"$\",\"title\",\"0\",{\"children\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application.\"}],[\"$\",\"meta\",\"2\",{\"property\":\"og:title\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:description\",\"content\":\"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application.\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:site_name\",\"content\":\"previewcn\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:locale\",\"content\":\"en_US\"}],[\"$\",\"meta\",\"6\",{\"property\":\"og:image:alt\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://previewcn.vercel.app/opengraph-image?2857ac63cb01abc5\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:title\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:description\",\"content\":\"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application.\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:image:alt\",\"content\":\"previewcn - Real-time Theme Editor for shadcn/ui\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:image:type\",\"content\":\"image/png\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:image\",\"content\":\"https://previewcn.vercel.app/twitter-image?2010eb46a273fda9\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"19\",{\"name\":\"twitter:image:height\",\"content\":\"630\"}],[\"$\",\"link\",\"20\",{\"rel\":\"icon\",\"href\":\"/logo.svg\"}],[\"$\",\"$Le\",\"21\",{}]]\n"])</script></body></html>

package/editor/apps/web/.next/server/app/preview.rsc CHANGED Viewed

@@ -1,8 +1,8 @@
 1:"$Sreact.fragment"
 2:I[58625,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
 3:I[24554,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
-4:I[47762,["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ThemeReceiver"]
-5:I[8676,["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ComponentShowcase"]
+4:I[47762,["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ThemeReceiver"]
+5:I[8676,["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ComponentShowcase"]
 6:I[91802,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"OutletBoundary"]
 7:"$Sreact.suspense"
 9:I[91802,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"ViewportBoundary"]
@@ -11,7 +11,7 @@ d:I[33834,[],"default"]
 :HL["/_next/static/chunks/aad7dbdc1a037806.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"P":null,"b":"KkYBQ0zXX1U9zi1qJZ5zW","c":["","preview"],"q":"","i":false,"f":[[["",{"children":["preview",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/aad7dbdc1a037806.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[[["$","$L4",null,{}],["$","$L5",null,{}]],[["$","script","script-0",{"src":"/_next/static/chunks/821f5f567c1bc529.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/df47f7dae1a062bd.js","async":true,"nonce":"$undefined"}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L9",null,{"children":"$La"}],["$","div",null,{"hidden":true,"children":["$","$Lb",null,{"children":["$","$7",null,{"name":"Next.Metadata","children":"$Lc"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$d",[]],"S":true}
+0:{"P":null,"b":"7bhvnDbT83Hnacec7beWN","c":["","preview"],"q":"","i":false,"f":[[["",{"children":["preview",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/aad7dbdc1a037806.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[[["$","$L4",null,{}],["$","$L5",null,{}]],[["$","script","script-0",{"src":"/_next/static/chunks/541ab79f7709fec4.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/df47f7dae1a062bd.js","async":true,"nonce":"$undefined"}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L9",null,{"children":"$La"}],["$","div",null,{"hidden":true,"children":["$","$Lb",null,{"children":["$","$7",null,{"name":"Next.Metadata","children":"$Lc"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$d",[]],"S":true}
 a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
 e:I[30743,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"IconMark"]
 8:null

package/editor/apps/web/.next/server/app/preview.segments/_full.segment.rsc CHANGED Viewed

@@ -1,8 +1,8 @@
 1:"$Sreact.fragment"
 2:I[58625,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
 3:I[24554,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
-4:I[47762,["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ThemeReceiver"]
-5:I[8676,["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ComponentShowcase"]
+4:I[47762,["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ThemeReceiver"]
+5:I[8676,["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ComponentShowcase"]
 6:I[91802,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"OutletBoundary"]
 7:"$Sreact.suspense"
 9:I[91802,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"ViewportBoundary"]
@@ -11,7 +11,7 @@ d:I[33834,[],"default"]
 :HL["/_next/static/chunks/aad7dbdc1a037806.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"P":null,"b":"KkYBQ0zXX1U9zi1qJZ5zW","c":["","preview"],"q":"","i":false,"f":[[["",{"children":["preview",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/aad7dbdc1a037806.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[[["$","$L4",null,{}],["$","$L5",null,{}]],[["$","script","script-0",{"src":"/_next/static/chunks/821f5f567c1bc529.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/df47f7dae1a062bd.js","async":true,"nonce":"$undefined"}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L9",null,{"children":"$La"}],["$","div",null,{"hidden":true,"children":["$","$Lb",null,{"children":["$","$7",null,{"name":"Next.Metadata","children":"$Lc"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$d",[]],"S":true}
+0:{"P":null,"b":"7bhvnDbT83Hnacec7beWN","c":["","preview"],"q":"","i":false,"f":[[["",{"children":["preview",{"children":["__PAGE__",{}]}]},"$undefined","$undefined",true],[["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/aad7dbdc1a037806.css","precedence":"next","crossOrigin":"$undefined","nonce":"$undefined"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]],"forbidden":"$undefined","unauthorized":"$undefined"}]}]}]]}],{"children":[["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L3",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":"$undefined","forbidden":"$undefined","unauthorized":"$undefined"}]]}],{"children":[["$","$1","c",{"children":[[["$","$L4",null,{}],["$","$L5",null,{}]],[["$","script","script-0",{"src":"/_next/static/chunks/541ab79f7709fec4.js","async":true,"nonce":"$undefined"}],["$","script","script-1",{"src":"/_next/static/chunks/df47f7dae1a062bd.js","async":true,"nonce":"$undefined"}]],["$","$L6",null,{"children":["$","$7",null,{"name":"Next.MetadataOutlet","children":"$@8"}]}]]}],{},null,false,false]},null,false,false]},null,false,false],["$","$1","h",{"children":[null,["$","$L9",null,{"children":"$La"}],["$","div",null,{"hidden":true,"children":["$","$Lb",null,{"children":["$","$7",null,{"name":"Next.Metadata","children":"$Lc"}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],false]],"m":"$undefined","G":["$d",[]],"S":true}
 a:[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]
 e:I[30743,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"IconMark"]
 8:null

package/editor/apps/web/.next/server/app/preview.segments/_head.segment.rsc CHANGED Viewed

@@ -3,4 +3,4 @@
 3:I[91802,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"MetadataBoundary"]
 4:"$Sreact.suspense"
 5:I[30743,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"IconMark"]
-0:{"buildId":"KkYBQ0zXX1U9zi1qJZ5zW","rsc":["$","$1","h",{"children":[null,["$","$L2",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]}],["$","div",null,{"hidden":true,"children":["$","$L3",null,{"children":["$","$4",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","1",{"name":"description","content":"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."}],["$","meta","2",{"property":"og:title","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","3",{"property":"og:description","content":"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."}],["$","meta","4",{"property":"og:site_name","content":"previewcn"}],["$","meta","5",{"property":"og:locale","content":"en_US"}],["$","meta","6",{"property":"og:image:alt","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","7",{"property":"og:image:type","content":"image/png"}],["$","meta","8",{"property":"og:image","content":"https://previewcn.vercel.app/opengraph-image?2857ac63cb01abc5"}],["$","meta","9",{"property":"og:image:width","content":"1200"}],["$","meta","10",{"property":"og:image:height","content":"630"}],["$","meta","11",{"property":"og:type","content":"website"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","14",{"name":"twitter:description","content":"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."}],["$","meta","15",{"name":"twitter:image:alt","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","16",{"name":"twitter:image:type","content":"image/png"}],["$","meta","17",{"name":"twitter:image","content":"https://previewcn.vercel.app/twitter-image?2010eb46a273fda9"}],["$","meta","18",{"name":"twitter:image:width","content":"1200"}],["$","meta","19",{"name":"twitter:image:height","content":"630"}],["$","link","20",{"rel":"icon","href":"/logo.svg"}],["$","$L5","21",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"loading":null,"isPartial":false}
+0:{"buildId":"7bhvnDbT83Hnacec7beWN","rsc":["$","$1","h",{"children":[null,["$","$L2",null,{"children":[["$","meta","0",{"charSet":"utf-8"}],["$","meta","1",{"name":"viewport","content":"width=device-width, initial-scale=1"}]]}],["$","div",null,{"hidden":true,"children":["$","$L3",null,{"children":["$","$4",null,{"name":"Next.Metadata","children":[["$","title","0",{"children":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","1",{"name":"description","content":"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."}],["$","meta","2",{"property":"og:title","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","3",{"property":"og:description","content":"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."}],["$","meta","4",{"property":"og:site_name","content":"previewcn"}],["$","meta","5",{"property":"og:locale","content":"en_US"}],["$","meta","6",{"property":"og:image:alt","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","7",{"property":"og:image:type","content":"image/png"}],["$","meta","8",{"property":"og:image","content":"https://previewcn.vercel.app/opengraph-image?2857ac63cb01abc5"}],["$","meta","9",{"property":"og:image:width","content":"1200"}],["$","meta","10",{"property":"og:image:height","content":"630"}],["$","meta","11",{"property":"og:type","content":"website"}],["$","meta","12",{"name":"twitter:card","content":"summary_large_image"}],["$","meta","13",{"name":"twitter:title","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","14",{"name":"twitter:description","content":"Preview and customize your shadcn/ui theme in real-time. Edit colors, radius, and modes with instant visual feedback on your actual application."}],["$","meta","15",{"name":"twitter:image:alt","content":"previewcn - Real-time Theme Editor for shadcn/ui"}],["$","meta","16",{"name":"twitter:image:type","content":"image/png"}],["$","meta","17",{"name":"twitter:image","content":"https://previewcn.vercel.app/twitter-image?2010eb46a273fda9"}],["$","meta","18",{"name":"twitter:image:width","content":"1200"}],["$","meta","19",{"name":"twitter:image:height","content":"630"}],["$","link","20",{"rel":"icon","href":"/logo.svg"}],["$","$L5","21",{}]]}]}]}],["$","meta",null,{"name":"next-size-adjust","content":""}]]}],"loading":null,"isPartial":false}

package/editor/apps/web/.next/server/app/preview.segments/_index.segment.rsc CHANGED Viewed

@@ -2,4 +2,4 @@
 2:I[58625,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
 3:I[24554,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
 :HL["/_next/static/chunks/aad7dbdc1a037806.css","style"]
-0:{"buildId":"KkYBQ0zXX1U9zi1qJZ5zW","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/aad7dbdc1a037806.css","precedence":"next"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}],"notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]]}]}]}]]}],"loading":null,"isPartial":false}
+0:{"buildId":"7bhvnDbT83Hnacec7beWN","rsc":["$","$1","c",{"children":[[["$","link","0",{"rel":"stylesheet","href":"/_next/static/chunks/aad7dbdc1a037806.css","precedence":"next"}]],["$","html",null,{"lang":"en","suppressHydrationWarning":true,"children":["$","body",null,{"className":"geist_a71539c9-module__T19VSG__variable geist_mono_8d43a2aa-module__8Li5zG__variable antialiased","children":["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}],"notFound":[[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":404}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],[]]}]}]}]]}],"loading":null,"isPartial":false}

package/editor/apps/web/.next/server/app/preview.segments/_tree.segment.rsc CHANGED Viewed

@@ -1,4 +1,4 @@
 :HL["/_next/static/chunks/aad7dbdc1a037806.css","style"]
 :HL["/_next/static/media/797e433ab948586e-s.p.dbea232f.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
 :HL["/_next/static/media/caa3a2e1cccd8315-s.p.853070df.woff2","font",{"crossOrigin":"","type":"font/woff2"}]
-0:{"buildId":"KkYBQ0zXX1U9zi1qJZ5zW","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"preview","paramType":null,"paramKey":"preview","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}
+0:{"buildId":"7bhvnDbT83Hnacec7beWN","tree":{"name":"","paramType":null,"paramKey":"","hasRuntimePrefetch":false,"slots":{"children":{"name":"preview","paramType":null,"paramKey":"preview","hasRuntimePrefetch":false,"slots":{"children":{"name":"__PAGE__","paramType":null,"paramKey":"__PAGE__","hasRuntimePrefetch":false,"slots":null,"isRootLayout":false}},"isRootLayout":false}},"isRootLayout":true},"staleTime":300}

package/editor/apps/web/.next/server/app/preview.segments/preview/__PAGE__.segment.rsc CHANGED Viewed

@@ -1,7 +1,7 @@
 1:"$Sreact.fragment"
-2:I[47762,["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ThemeReceiver"]
-3:I[8676,["/_next/static/chunks/821f5f567c1bc529.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ComponentShowcase"]
+2:I[47762,["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ThemeReceiver"]
+3:I[8676,["/_next/static/chunks/541ab79f7709fec4.js","/_next/static/chunks/df47f7dae1a062bd.js"],"ComponentShowcase"]
 4:I[91802,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"OutletBoundary"]
 5:"$Sreact.suspense"
-0:{"buildId":"KkYBQ0zXX1U9zi1qJZ5zW","rsc":["$","$1","c",{"children":[[["$","$L2",null,{}],["$","$L3",null,{}]],[["$","script","script-0",{"src":"/_next/static/chunks/821f5f567c1bc529.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/df47f7dae1a062bd.js","async":true}]],["$","$L4",null,{"children":["$","$5",null,{"name":"Next.MetadataOutlet","children":"$@6"}]}]]}],"loading":null,"isPartial":false}
+0:{"buildId":"7bhvnDbT83Hnacec7beWN","rsc":["$","$1","c",{"children":[[["$","$L2",null,{}],["$","$L3",null,{}]],[["$","script","script-0",{"src":"/_next/static/chunks/541ab79f7709fec4.js","async":true}],["$","script","script-1",{"src":"/_next/static/chunks/df47f7dae1a062bd.js","async":true}]],["$","$L4",null,{"children":["$","$5",null,{"name":"Next.MetadataOutlet","children":"$@6"}]}]]}],"loading":null,"isPartial":false}
 6:null

package/editor/apps/web/.next/server/app/preview.segments/preview.segment.rsc CHANGED Viewed

@@ -1,4 +1,4 @@
 1:"$Sreact.fragment"
 2:I[58625,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
 3:I[24554,["/_next/static/chunks/01753452ac5baafa.js","/_next/static/chunks/581bc467369151d4.js"],"default"]
-0:{"buildId":"KkYBQ0zXX1U9zi1qJZ5zW","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}
+0:{"buildId":"7bhvnDbT83Hnacec7beWN","rsc":["$","$1","c",{"children":[null,["$","$L2",null,{"parallelRouterKey":"children","template":["$","$L3",null,{}]}]]}],"loading":null,"isPartial":false}

package/editor/apps/web/.next/server/app/twitter-image/route/middleware-manifest.json CHANGED Viewed

@@ -43,11 +43,11 @@
         }
       ],
       "env": {
-        "__NEXT_BUILD_ID": "KkYBQ0zXX1U9zi1qJZ5zW",
-        "NEXT_SERVER_ACTIONS_ENCRYPTION_KEY": "ajkBFz09DibDKjRiTma5ydd5LMsS6/ruN1DNc46FxL0=",
-        "__NEXT_PREVIEW_MODE_ID": "04a0ddc307ee35b16ebff7be05303c0d",
-        "__NEXT_PREVIEW_MODE_ENCRYPTION_KEY": "0bb7d141d41f6d194d6e5f30e3571ad8a62b721fc04b95011508fb59b2c540f5",
-        "__NEXT_PREVIEW_MODE_SIGNING_KEY": "ec7fc637cf781a3ba70797c8acd468d8fe4f516a0536a185ac1d2e456ef46f35"
+        "__NEXT_BUILD_ID": "7bhvnDbT83Hnacec7beWN",
+        "NEXT_SERVER_ACTIONS_ENCRYPTION_KEY": "KWb4YKsDDsVYkuPE2B3qH9jXgXsRDmXBtHXnPywmWB0=",
+        "__NEXT_PREVIEW_MODE_ID": "59965ae1543853011c8c897babfd11cc",
+        "__NEXT_PREVIEW_MODE_ENCRYPTION_KEY": "eed50c6e71687d6518fbbd3c84e5c42db04088579f4994cfe2fddd2059ec4552",
+        "__NEXT_PREVIEW_MODE_SIGNING_KEY": "73611d72de50e8970d3d569b8649678216e001f895ee4f6436481f6ffcd64a7f"
       }
     }
   }