diff --git a/apps/prepare/src/components/storybook-block-demo.tsx b/apps/prepare/src/components/storybook-block-demo.tsx new file mode 100644 index 00000000..87bcce93 --- /dev/null +++ b/apps/prepare/src/components/storybook-block-demo.tsx @@ -0,0 +1,9 @@ +import SupabaseCTA from "@/registry/default/prodkt/supabase-cta" + +export default function DesignerMarksDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/prepare/src/components/storybook-block.tsx b/apps/prepare/src/components/storybook-block.tsx deleted file mode 100644 index 058075af..00000000 --- a/apps/prepare/src/components/storybook-block.tsx +++ /dev/null @@ -1,698 +0,0 @@ -import type { SVGProps } from "react" -import { Minus, Plus } from "lucide-react" - -import StorybookLogo from "@/registry/default/icons/storybook" - -export default function StorybookBlock() { - return ( -
-
- - -
-
- {/* START FEATURE GRAPHIC 1 */} -
- {/* START TOP ROW */} -
- {/* START TOP ROW - ROW 1 */} -
-
- {/* START MENUBOX */} -
- - -
- {/* END MENUBOX */} -
-
- {/* START AVATARBOX */} -
- - {/* START AVATARBOX */} -
-
- {/* END TOP ROW - ROW 1 */} - {/* START TOP ROW - ROW 2 */} -
- -
- {/* END TOP ROW - ROW 2 */} -
- {/* START PX ROW */} -
-
-
-

- - -

-
-
-
-
-
-
-
-
- {/* START BOTTOM ROW */} -
-

Unique Components

-
- - - -
-
-
- {/* END FEATURE GRAPHIC 1 */} -
-
-
-

- Open-source Components -

-

- Built in isolation with Storybook -

-
- -
-
- ) -} - -const CodeblockGraphic = (props: SVGProps) => ( - - Codeblock Graphic - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -) -export { CodeblockGraphic } - -const CodeblockStyles = (props: SVGProps) => ( - - Code Styles - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -) -export { CodeblockStyles } - -export const PieChartRed = (props: SVGProps) => ( - - Chart - - - - - - - - - f - - - - - -) -export const PieChartBlue = (props: SVGProps) => ( - - Chart - - - - - - - - - - - - - -) -export const PieChartGreen = (props: SVGProps) => ( - - Chart - - - - - - - - - - - - - -) - -export const ChartBar = (props) => ( - - chart bar - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -) diff --git a/apps/prepare/src/components/supabase-block-demo.tsx b/apps/prepare/src/components/supabase-block-demo.tsx new file mode 100644 index 00000000..78d362cc --- /dev/null +++ b/apps/prepare/src/components/supabase-block-demo.tsx @@ -0,0 +1,9 @@ +import StorybookCTA from "@/registry/default/prodkt/storybook-cta" + +export default function DesignerMarksDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/prepare/src/components/supabase-block.tsx b/apps/prepare/src/components/supabase-block.tsx deleted file mode 100644 index 295254dc..00000000 --- a/apps/prepare/src/components/supabase-block.tsx +++ /dev/null @@ -1,206 +0,0 @@ -import type { SVGProps } from "react" - -import AstroLogomark from "@/registry/default/icons/logomark_astro" -import BunLogomark from "@/registry/default/icons/logomark_bun" -import ReactLogomark from "@/registry/default/icons/logomark_react" -import StorybookLogomark from "@/registry/default/icons/logomark_storybook" -import SupabaseLogomark from "@/registry/default/icons/logomark_supabase" -import TurborepoLogomark from "@/registry/default/icons/logomark_turborepo" -import VercelLogomark from "@/registry/default/icons/logomark_vercel" - -export default function SupabaseBlock() { - return ( -
-
-
-

- Astro SSR Turborepo -

-

- Powered by Supabase -

-
-
- - - - - - - - - - - - - - - -
-
-

- Low barrier, high tech stack great for new and experienced - developers. -

-
- -
-
- ) -} - -export const GithubCat = (props: SVGProps) => ( - - Github - - - - - - - - -) - -export const GlowOrb = (props: SVGProps) => ( - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -) diff --git a/apps/prepare/src/layouts/default.astro b/apps/prepare/src/layouts/default.astro index 5bb86b67..47c4d5d0 100644 --- a/apps/prepare/src/layouts/default.astro +++ b/apps/prepare/src/layouts/default.astro @@ -4,7 +4,7 @@ import '@/styles/sparkstack_globals.css' import '../env.d.ts' --- - + Prepare diff --git a/apps/prepare/src/pages/index.astro b/apps/prepare/src/pages/index.astro index ce916a79..6ba3a7b4 100644 --- a/apps/prepare/src/pages/index.astro +++ b/apps/prepare/src/pages/index.astro @@ -1,7 +1,7 @@ --- import DefaultLayout from '../layouts/default.astro' -import SupabaseBlock from "../components/supabase-block" --- - +
+
diff --git a/apps/www/__registry__/index.tsx b/apps/www/__registry__/index.tsx index 6872be7c..6c540250 100644 --- a/apps/www/__registry__/index.tsx +++ b/apps/www/__registry__/index.tsx @@ -797,6 +797,262 @@ export const Index: Record = { subcategory: "", chunks: [] }, + "logo_olio-demo": { + name: "logo_olio-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_olio"], + files: [{ + path: "registry/new-york/example/logo_olio-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logo_olio-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_craft-demo": { + name: "logo_craft-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_craft"], + files: [{ + path: "registry/new-york/example/logo_craft-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logo_craft-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_planfoundry-demo": { + name: "logo_planfoundry-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_planfoundry"], + files: [{ + path: "registry/new-york/example/logo_planfoundry-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logo_planfoundry-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_scales-demo": { + name: "logo_scales-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_scales"], + files: [{ + path: "registry/new-york/example/logo_scales-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logo_scales-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_ampersand-demo": { + name: "logomark_ampersand-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_ampersand"], + files: [{ + path: "registry/new-york/example/logomark_ampersand-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_ampersand-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_craft-demo": { + name: "logomark_craft-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_craft"], + files: [{ + path: "registry/new-york/example/logomark_craft-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_craft-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_digidoc-demo": { + name: "logomark_digidoc-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_digidoc"], + files: [{ + path: "registry/new-york/example/logomark_digidoc-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_digidoc-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_explor-demo": { + name: "logomark_explor-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_explor"], + files: [{ + path: "registry/new-york/example/logomark_explor-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_explor-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_flows-demo": { + name: "logomark_flows-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_flows"], + files: [{ + path: "registry/new-york/example/logomark_flows-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_flows-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_leveln-demo": { + name: "logomark_leveln-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_leveln"], + files: [{ + path: "registry/new-york/example/logomark_leveln-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_leveln-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_olio-demo": { + name: "logomark_olio-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_olio"], + files: [{ + path: "registry/new-york/example/logomark_olio-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_olio-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_planfoundry-demo": { + name: "logomark_planfoundry-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_planfoundry"], + files: [{ + path: "registry/new-york/example/logomark_planfoundry-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_planfoundry-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_remix-demo": { + name: "logomark_remix-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_remix"], + files: [{ + path: "registry/new-york/example/logomark_remix-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_remix-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_scales-demo": { + name: "logomark_scales-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_scales"], + files: [{ + path: "registry/new-york/example/logomark_scales-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_scales-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_signal-demo": { + name: "logomark_signal-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_signal"], + files: [{ + path: "registry/new-york/example/logomark_signal-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_signal-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_sugarless-demo": { + name: "logomark_sugarless-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_sugarless"], + files: [{ + path: "registry/new-york/example/logomark_sugarless-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/logomark_sugarless-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, "logo-shuffle-demo": { name: "logo-shuffle-demo", description: "", @@ -5737,248 +5993,504 @@ export const Index: Record = { subcategory: "", chunks: [] }, - "logo-shuffle": { - name: "logo-shuffle", + "logo_craft": { + name: "logo_craft", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/logo-shuffle.tsx", + path: "registry/new-york/prodkt/logo_craft.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/logo-shuffle.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logo_craft.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "app-icons-section": { - name: "app-icons-section", + "logo_olio": { + name: "logo_olio", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/app-icons-section.tsx", + path: "registry/new-york/prodkt/logo_olio.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/app-icons-section.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logo_olio.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "magnify-app-icons": { - name: "magnify-app-icons", + "logo_planfoundry": { + name: "logo_planfoundry", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/magnify-app-icons.tsx", + path: "registry/new-york/prodkt/logo_planfoundry.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/magnify-app-icons.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logo_planfoundry.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "animated-collaboration": { - name: "animated-collaboration", + "logo_scales": { + name: "logo_scales", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/animated-collaboration.tsx", + path: "registry/new-york/prodkt/logo_scales.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/animated-collaboration.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logo_scales.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "github-stars": { - name: "github-stars", + "logomark_ampersand": { + name: "logomark_ampersand", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/github-stars.tsx", + path: "registry/new-york/prodkt/logomark_ampersand.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/github-stars.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_ampersand.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "creative-tab-slider": { - name: "creative-tab-slider", + "logomark_craft": { + name: "logomark_craft", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/creative-tab-slider.tsx", + path: "registry/new-york/prodkt/logomark_craft.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/creative-tab-slider.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_craft.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "technology-cloud": { - name: "technology-cloud", + "logomark_digidoc": { + name: "logomark_digidoc", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/technology-cloud.tsx", + path: "registry/new-york/prodkt/logomark_digidoc.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/technology-cloud.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_digidoc.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "designer-marks": { - name: "designer-marks", + "logomark_explor": { + name: "logomark_explor", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/designer-marks.tsx", + path: "registry/new-york/prodkt/logomark_explor.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/designer-marks.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_explor.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "supabase-cta": { - name: "supabase-cta", + "logomark_flows": { + name: "logomark_flows", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/supabase-cta.tsx", + path: "registry/new-york/prodkt/logomark_flows.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/supabase-cta.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_flows.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "storybook-cta": { - name: "storybook-cta", + "logomark_leveln": { + name: "logomark_leveln", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/storybook-cta.tsx", + path: "registry/new-york/prodkt/logomark_leveln.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/storybook-cta.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_leveln.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "packages-marquee": { - name: "packages-marquee", + "logomark_olio": { + name: "logomark_olio", description: "", type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/new-york/prodkt/packages-marquee.tsx", + path: "registry/new-york/prodkt/logomark_olio.tsx", type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/new-york/prodkt/packages-marquee.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_olio.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - }, "default": { - "accordion": { - name: "accordion", + "logomark_planfoundry": { + name: "logomark_planfoundry", description: "", - type: "registry:ui", + type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/default/ui/accordion.tsx", - type: "registry:ui", + path: "registry/new-york/prodkt/logomark_planfoundry.tsx", + type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/accordion.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_planfoundry.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "alert": { - name: "alert", + "logomark_remix": { + name: "logomark_remix", description: "", - type: "registry:ui", + type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/default/ui/alert.tsx", - type: "registry:ui", + path: "registry/new-york/prodkt/logomark_remix.tsx", + type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/alert.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_remix.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "alert-dialog": { - name: "alert-dialog", + "logomark_scales": { + name: "logomark_scales", description: "", - type: "registry:ui", - registryDependencies: ["button"], + type: "registry:prodkt", + registryDependencies: undefined, files: [{ - path: "registry/default/ui/alert-dialog.tsx", - type: "registry:ui", + path: "registry/new-york/prodkt/logomark_scales.tsx", + type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/alert-dialog.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_scales.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "aspect-ratio": { - name: "aspect-ratio", + "logomark_signal": { + name: "logomark_signal", description: "", - type: "registry:ui", + type: "registry:prodkt", registryDependencies: undefined, files: [{ - path: "registry/default/ui/aspect-ratio.tsx", - type: "registry:ui", + path: "registry/new-york/prodkt/logomark_signal.tsx", + type: "registry:prodkt", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/aspect-ratio.tsx")), + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_signal.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "avatar": { + "logomark_sugarless": { + name: "logomark_sugarless", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/logomark_sugarless.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/logomark_sugarless.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo-shuffle": { + name: "logo-shuffle", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/logo-shuffle.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/logo-shuffle.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "app-icons-section": { + name: "app-icons-section", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/app-icons-section.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/app-icons-section.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "magnify-app-icons": { + name: "magnify-app-icons", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/magnify-app-icons.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/magnify-app-icons.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "animated-collaboration": { + name: "animated-collaboration", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/animated-collaboration.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/animated-collaboration.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "github-stars": { + name: "github-stars", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/github-stars.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/github-stars.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "creative-tab-slider": { + name: "creative-tab-slider", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/creative-tab-slider.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/creative-tab-slider.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "technology-cloud": { + name: "technology-cloud", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/technology-cloud.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/technology-cloud.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "designer-marks": { + name: "designer-marks", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/designer-marks.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/designer-marks.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "supabase-cta": { + name: "supabase-cta", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/supabase-cta.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/supabase-cta.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "storybook-cta": { + name: "storybook-cta", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/storybook-cta.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/storybook-cta.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "packages-marquee": { + name: "packages-marquee", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/prodkt/packages-marquee.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/prodkt/packages-marquee.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + }, "default": { + "accordion": { + name: "accordion", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/accordion.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/accordion.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "alert": { + name: "alert", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/alert.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/alert.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "alert-dialog": { + name: "alert-dialog", + description: "", + type: "registry:ui", + registryDependencies: ["button"], + files: [{ + path: "registry/default/ui/alert-dialog.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/alert-dialog.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "aspect-ratio": { + name: "aspect-ratio", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/aspect-ratio.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/aspect-ratio.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "avatar": { name: "avatar", description: "", type: "registry:ui", @@ -6580,127 +7092,383 @@ export const Index: Record = { type: "registry:ui", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/tabs.tsx")), + component: React.lazy(() => import("@/registry/default/ui/tabs.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "textarea": { + name: "textarea", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/textarea.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/textarea.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "toast": { + name: "toast", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/toast.tsx", + type: "registry:ui", + target: "" + },{ + path: "registry/default/hooks/use-toast.ts", + type: "registry:hook", + target: "" + },{ + path: "registry/default/ui/toaster.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/toast.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "toggle": { + name: "toggle", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/toggle.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/toggle.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "toggle-group": { + name: "toggle-group", + description: "", + type: "registry:ui", + registryDependencies: ["toggle"], + files: [{ + path: "registry/default/ui/toggle-group.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/toggle-group.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "tooltip": { + name: "tooltip", + description: "", + type: "registry:ui", + registryDependencies: undefined, + files: [{ + path: "registry/default/ui/tooltip.tsx", + type: "registry:ui", + target: "" + }], + component: React.lazy(() => import("@/registry/default/ui/tooltip.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "marquee-section-demo": { + name: "marquee-section-demo", + description: "", + type: "registry:example", + registryDependencies: ["marquee-section"], + files: [{ + path: "registry/default/example/marquee-section-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/marquee-section-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "packages-marquee-demo": { + name: "packages-marquee-demo", + description: "", + type: "registry:example", + registryDependencies: ["packages-marquee"], + files: [{ + path: "registry/default/example/packages-marquee-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/packages-marquee-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_olio-demo": { + name: "logo_olio-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_olio"], + files: [{ + path: "registry/default/example/logo_olio-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logo_olio-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_craft-demo": { + name: "logo_craft-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_craft"], + files: [{ + path: "registry/default/example/logo_craft-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logo_craft-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_planfoundry-demo": { + name: "logo_planfoundry-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_planfoundry"], + files: [{ + path: "registry/default/example/logo_planfoundry-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logo_planfoundry-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_scales-demo": { + name: "logo_scales-demo", + description: "", + type: "registry:example", + registryDependencies: ["logo_scales"], + files: [{ + path: "registry/default/example/logo_scales-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logo_scales-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_ampersand-demo": { + name: "logomark_ampersand-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_ampersand"], + files: [{ + path: "registry/default/example/logomark_ampersand-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logomark_ampersand-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_craft-demo": { + name: "logomark_craft-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_craft"], + files: [{ + path: "registry/default/example/logomark_craft-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logomark_craft-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_digidoc-demo": { + name: "logomark_digidoc-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_digidoc"], + files: [{ + path: "registry/default/example/logomark_digidoc-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logomark_digidoc-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_explor-demo": { + name: "logomark_explor-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_explor"], + files: [{ + path: "registry/default/example/logomark_explor-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logomark_explor-demo.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_flows-demo": { + name: "logomark_flows-demo", + description: "", + type: "registry:example", + registryDependencies: ["logomark_flows"], + files: [{ + path: "registry/default/example/logomark_flows-demo.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/logomark_flows-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "textarea": { - name: "textarea", + "logomark_leveln-demo": { + name: "logomark_leveln-demo", description: "", - type: "registry:ui", - registryDependencies: undefined, + type: "registry:example", + registryDependencies: ["logomark_leveln"], files: [{ - path: "registry/default/ui/textarea.tsx", - type: "registry:ui", + path: "registry/default/example/logomark_leveln-demo.tsx", + type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/textarea.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_leveln-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "toast": { - name: "toast", + "logomark_olio-demo": { + name: "logomark_olio-demo", description: "", - type: "registry:ui", - registryDependencies: undefined, + type: "registry:example", + registryDependencies: ["logomark_olio"], files: [{ - path: "registry/default/ui/toast.tsx", - type: "registry:ui", - target: "" - },{ - path: "registry/default/hooks/use-toast.ts", - type: "registry:hook", - target: "" - },{ - path: "registry/default/ui/toaster.tsx", - type: "registry:ui", + path: "registry/default/example/logomark_olio-demo.tsx", + type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/toast.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_olio-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "toggle": { - name: "toggle", + "logomark_planfoundry-demo": { + name: "logomark_planfoundry-demo", description: "", - type: "registry:ui", - registryDependencies: undefined, + type: "registry:example", + registryDependencies: ["logomark_planfoundry"], files: [{ - path: "registry/default/ui/toggle.tsx", - type: "registry:ui", + path: "registry/default/example/logomark_planfoundry-demo.tsx", + type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/toggle.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_planfoundry-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "toggle-group": { - name: "toggle-group", + "logomark_remix-demo": { + name: "logomark_remix-demo", description: "", - type: "registry:ui", - registryDependencies: ["toggle"], + type: "registry:example", + registryDependencies: ["logomark_remix"], files: [{ - path: "registry/default/ui/toggle-group.tsx", - type: "registry:ui", + path: "registry/default/example/logomark_remix-demo.tsx", + type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/toggle-group.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_remix-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "tooltip": { - name: "tooltip", + "logomark_scales-demo": { + name: "logomark_scales-demo", description: "", - type: "registry:ui", - registryDependencies: undefined, + type: "registry:example", + registryDependencies: ["logomark_scales"], files: [{ - path: "registry/default/ui/tooltip.tsx", - type: "registry:ui", + path: "registry/default/example/logomark_scales-demo.tsx", + type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/ui/tooltip.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_scales-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "marquee-section-demo": { - name: "marquee-section-demo", + "logomark_signal-demo": { + name: "logomark_signal-demo", description: "", type: "registry:example", - registryDependencies: ["marquee-section"], + registryDependencies: ["logomark_signal"], files: [{ - path: "registry/default/example/marquee-section-demo.tsx", + path: "registry/default/example/logomark_signal-demo.tsx", type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/example/marquee-section-demo.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_signal-demo.tsx")), source: "", category: "", subcategory: "", chunks: [] }, - "packages-marquee-demo": { - name: "packages-marquee-demo", + "logomark_sugarless-demo": { + name: "logomark_sugarless-demo", description: "", type: "registry:example", - registryDependencies: ["packages-marquee"], + registryDependencies: ["logomark_sugarless"], files: [{ - path: "registry/default/example/packages-marquee-demo.tsx", + path: "registry/default/example/logomark_sugarless-demo.tsx", type: "registry:example", target: "" }], - component: React.lazy(() => import("@/registry/default/example/packages-marquee-demo.tsx")), + component: React.lazy(() => import("@/registry/default/example/logomark_sugarless-demo.tsx")), source: "", category: "", subcategory: "", @@ -11646,6 +12414,262 @@ export const Index: Record = { subcategory: "", chunks: [] }, + "logo_craft": { + name: "logo_craft", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logo_craft.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logo_craft.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_olio": { + name: "logo_olio", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logo_olio.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logo_olio.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_planfoundry": { + name: "logo_planfoundry", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logo_planfoundry.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logo_planfoundry.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logo_scales": { + name: "logo_scales", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logo_scales.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logo_scales.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_ampersand": { + name: "logomark_ampersand", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_ampersand.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_ampersand.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_craft": { + name: "logomark_craft", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_craft.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_craft.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_digidoc": { + name: "logomark_digidoc", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_digidoc.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_digidoc.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_explor": { + name: "logomark_explor", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_explor.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_explor.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_flows": { + name: "logomark_flows", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_flows.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_flows.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_leveln": { + name: "logomark_leveln", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_leveln.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_leveln.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_olio": { + name: "logomark_olio", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_olio.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_olio.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_planfoundry": { + name: "logomark_planfoundry", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_planfoundry.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_planfoundry.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_remix": { + name: "logomark_remix", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_remix.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_remix.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_scales": { + name: "logomark_scales", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_scales.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_scales.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_signal": { + name: "logomark_signal", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_signal.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_signal.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "logomark_sugarless": { + name: "logomark_sugarless", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/prodkt/logomark_sugarless.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/prodkt/logomark_sugarless.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, "logo-shuffle": { name: "logo-shuffle", description: "", diff --git a/apps/www/components/copy-button.tsx b/apps/www/components/copy-button.tsx index b01f7ffe..07764dc8 100644 --- a/apps/www/components/copy-button.tsx +++ b/apps/www/components/copy-button.tsx @@ -49,7 +49,7 @@ export function CopyButton({ size="icon" variant={variant} className={cn( - "hover:text-foreground-hover relative z-10 h-6 w-6 text-foreground hover:bg-gray-hover [&_svg]:h-3 [&_svg]:w-3", + "hover:text-foreground-hover relative z-10 h-6 w-6 [&_svg]:h-3 [&_svg]:w-3", className )} onClick={() => { @@ -105,10 +105,7 @@ export function CopyWithClassNames({