diff --git a/.eslintrc.json b/.eslintrc.json index e9d9fe37..229d9961 100644 --- a/.eslintrc.json +++ b/.eslintrc.json @@ -5,6 +5,7 @@ "next", "next/core-web-vitals", "prettier", + "plugin:tailwindcss/recommended", "plugin:tailwindcss/recommended" ], "plugins": ["tailwindcss"], diff --git a/apps/prepare/src/components/about-bryan/about-bryan.stories.tsx b/apps/prepare/src/components/about-bryan/about-bryan.stories.tsx new file mode 100644 index 00000000..962e4d5b --- /dev/null +++ b/apps/prepare/src/components/about-bryan/about-bryan.stories.tsx @@ -0,0 +1,41 @@ +import type { Meta, StoryObj } from '@storybook/react' + +import { BryanFunkSection } from '.' +import ResumeSection from './resume-section' + +const meta: Meta = { + component: BryanFunkSection, + args: {}, + // argTypes: { + // variant: { + // options: [ + // "default", + // ], + // control: { type: "select" }, + // }, + // size: { + // options: [ + // "default", + // ], + // control: { type: "select" }, + // }, + // swatch: { + // options: [ + // "default", + // ], + // control: { type: "select" }, + // }, + // } +} + +export default meta +type Story = StoryObj + +export const Default: Story = { + render: () => ( +
+ + +
+ ), +} diff --git a/apps/prepare/src/components/about-bryan/bryan-funk-section.tsx b/apps/prepare/src/components/about-bryan/bryan-funk-section.tsx new file mode 100644 index 00000000..fa25f16d --- /dev/null +++ b/apps/prepare/src/components/about-bryan/bryan-funk-section.tsx @@ -0,0 +1,113 @@ +/* eslint-disable @eslint-community/eslint-comments/disable-enable-pair */ +/* eslint-disable jsdoc/require-returns */ + +import { Aperture, Scroll, ShipWheel } from 'lucide-react' + +import BryanPhoto from '@prodkt/assets/avatars/bryan-funk-portrait-xl.avif' + +import { SkillMarquee } from './skill-marquee' + +/** + * + */ +export function BryanFunkSection() { + return ( +
+
+
+
+
+
+
+ +
+

+ Bryan Funk +

+

+ Former Director of Design at Tovuti LMS +

+ +
+ +
+
+ +
+ +
+
+

+ Work History +

+ {/* */} + +
+
+ +
+
+

+ Visuals +

+ {/* */} +
+
+
+ +
+
+

+ Resume +

+ {/* */} +
+
+
+
+
+
+ Frontend. +
+
+ Design. +
+
+ Development. +
+
+ Culture. +
+
+ People. +
+
+ Experience. +
+
+
+
+
+
+
+ ) +} diff --git a/apps/prepare/src/components/about-bryan/dot-pattern.tsx b/apps/prepare/src/components/about-bryan/dot-pattern.tsx new file mode 100644 index 00000000..9cb0e238 --- /dev/null +++ b/apps/prepare/src/components/about-bryan/dot-pattern.tsx @@ -0,0 +1,68 @@ +import { useId } from 'react' + +import { cn } from '@/utils/cn' + +interface DotPatternProps { + width?: any + height?: any + x?: any + y?: any + cx?: any + cy?: any + cr?: any + className?: string + [key: string]: any +} +/** + * + * @param root0 + * @param root0.width + * @param root0.height + * @param root0.x + * @param root0.y + * @param root0.cx + * @param root0.cy + * @param root0.cr + * @param root0.className + */ +export function DotPattern({ + width = 16, + height = 16, + x = 0, + y = 0, + cx = 1, + cy = 1, + cr = 1, + className, + ...props +}: Readonly) { + const id = useId() + + return ( + + ) +} + +export default DotPattern diff --git a/apps/prepare/src/components/about-bryan/index.tsx b/apps/prepare/src/components/about-bryan/index.tsx new file mode 100644 index 00000000..00a23083 --- /dev/null +++ b/apps/prepare/src/components/about-bryan/index.tsx @@ -0,0 +1 @@ +export * from './bryan-funk-section' diff --git a/apps/prepare/src/components/about-bryan/marquee.tsx b/apps/prepare/src/components/about-bryan/marquee.tsx new file mode 100644 index 00000000..70ca8580 --- /dev/null +++ b/apps/prepare/src/components/about-bryan/marquee.tsx @@ -0,0 +1,65 @@ +/* eslint-disable @eslint-community/eslint-comments/disable-enable-pair */ +/* eslint-disable jsdoc/require-returns */ +/* eslint-disable jsdoc/require-param-description */ + +import { cn } from '@/utils/cn' + +interface MarqueeProps { + className?: string + reverse?: boolean + pauseOnHover?: boolean + children?: React.ReactNode + vertical?: boolean + repeat?: number + [key: string]: unknown +} + +/** + * + * @param root0 + * @param root0.className + * @param root0.reverse + * @param root0.pauseOnHover + * @param root0.children + * @param root0.vertical + * @param root0.repeat + */ +export default function Marquee({ + className, + reverse, + pauseOnHover = false, + children, + vertical = false, + repeat = 4, + ...props +}: Readonly) { + return ( +
+ {Array(repeat) + .fill(0) + .map((_, i) => ( +
+ {children} +
+ ))} +
+ ) +} diff --git a/apps/prepare/src/components/about-bryan/resume-section.jsx b/apps/prepare/src/components/about-bryan/resume-section.jsx new file mode 100644 index 00000000..ddd04e66 --- /dev/null +++ b/apps/prepare/src/components/about-bryan/resume-section.jsx @@ -0,0 +1,63 @@ +/* eslint-disable @eslint-community/eslint-comments/disable-enable-pair */ +/* eslint-disable jsdoc/require-returns */ + +// import type React from 'react' + +import { CloudDownload } from 'lucide-react' + +import BryanResume from '@prodkt/assets/resume/bryan-funk-resume-promo.webp' + +/** + * + */ +export default function ResumeSection() { + return ( +
+
+
+
+ A leave behind. +
+

+ Print out for reference or for someone else in the office. +

+ + +

+ Download Resume +

+ +
+ +
+
+ ) +} diff --git a/apps/prepare/src/components/about-bryan/skill-marquee.tsx b/apps/prepare/src/components/about-bryan/skill-marquee.tsx new file mode 100644 index 00000000..b857ab2e --- /dev/null +++ b/apps/prepare/src/components/about-bryan/skill-marquee.tsx @@ -0,0 +1,105 @@ +import type { ReactNode } from 'react' + +import { + ComponentLibrary, + DesignLanguage, + DesignLibraries, + Documentation, + Governance, + Sandboxes, +} from '@/registry/icons/design-system' +import { cn } from '@/lib/utils' + +import Marquee from './marquee' + +const skills = [ + { + name: ( + + ), + username: '@prodkt_', + body: 'Prodkt.cloud', + img: '', + }, + { + name: ( + + ), + username: '@prodkt_', + body: 'Prodkt.cloud', + img: '', + }, + { + name: ( + + ), + username: '@prodkt_', + body: 'Prodkt.cloud', + img: '', + }, + { + name: ( + + ), + username: '@prodkt_', + body: 'Prodkt.cloud', + img: '', + }, + { + name: ( + + ), + username: '@prodkt_', + body: 'Prodkt.cloud', + img: '', + }, + { + name: ( + + ), + username: '@prodkt_', + body: 'Prodkt.cloud', + img: '', + }, +] + +const firstRow = skills.slice(0, skills.length / 2) +const secondRow = skills.slice(skills.length / 2) + +const SkillCard = ({ name }: { name: ReactNode }) => { + return ( +
+
+
{name}
+
+
+ ) +} + +/** + * + */ +export function SkillMarquee() { + return ( +
+ + {firstRow.map((skill) => ( + + ))} + + + {secondRow.map((skill) => ( + + ))} + +
+ ) +} diff --git a/apps/prepare/src/components/about-prodkt/about-prodkt.css b/apps/prepare/src/components/about-prodkt/about-prodkt.css new file mode 100644 index 00000000..e65dfac9 --- /dev/null +++ b/apps/prepare/src/components/about-prodkt/about-prodkt.css @@ -0,0 +1,16 @@ +.about-prodkt-heading { + background: linear-gradient( + 180deg, + var(--gray-a12) -0.14%, + var(--gray-12) 57.35% + ); + background-clip: text; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + text-shadow: + /* 0px 10.127px 104.764px var(--gray-a1), + 0px 146.982px 87.564px var(--blue-a1), + 0px 65.673px 65.673px var(--gray1), + 0px 15.636px 95.964px var(--gray1), */ 0px + 4px 140.2px var(--iris1); +} diff --git a/apps/prepare/src/components/about-prodkt/about-prodkt.stories.tsx b/apps/prepare/src/components/about-prodkt/about-prodkt.stories.tsx new file mode 100644 index 00000000..db9404f9 --- /dev/null +++ b/apps/prepare/src/components/about-prodkt/about-prodkt.stories.tsx @@ -0,0 +1,39 @@ +import type { Meta, StoryObj } from '@storybook/react' + +import { AboutProdkt } from '.' + +const meta: Meta = { + component: AboutProdkt, + args: {}, + // argTypes: { + // variant: { + // options: [ + // "default", + // ], + // control: { type: "select" }, + // }, + // size: { + // options: [ + // "default", + // ], + // control: { type: "select" }, + // }, + // swatch: { + // options: [ + // "default", + // ], + // control: { type: "select" }, + // }, + // } +} + +export default meta +type Story = StoryObj + +export const Default: Story = { + render: () => ( +
+ +
+ ), +} diff --git a/apps/prepare/src/components/about-prodkt/assets.tsx b/apps/prepare/src/components/about-prodkt/assets.tsx new file mode 100644 index 00000000..a7b9c84c --- /dev/null +++ b/apps/prepare/src/components/about-prodkt/assets.tsx @@ -0,0 +1,9539 @@ +import type { SVGProps } from 'react' + +export const InvertedGlow = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + +) + +export const TopGlow = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const GreenGlow = (props: SVGProps) => ( + + + + + + + + + + + + + + +) + +export const GlowOrb = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const CircuitTwo = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const CircuitThree = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const ConnectionBoard = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const ProdktBlurry = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export const GiantOrb = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +const ProjectLogos = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +const Stars = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export { ProjectLogos, Stars } diff --git a/apps/prepare/src/components/about-prodkt/background.tsx b/apps/prepare/src/components/about-prodkt/background.tsx new file mode 100644 index 00000000..5c5d2ea3 --- /dev/null +++ b/apps/prepare/src/components/about-prodkt/background.tsx @@ -0,0 +1,6884 @@ +import type { SVGProps } from 'react' + +const HeroBackground = (props: SVGProps) => ( + + Prodkt Hero Background + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export { HeroBackground } diff --git a/apps/prepare/src/components/about-prodkt/fan-tiny.avif b/apps/prepare/src/components/about-prodkt/fan-tiny.avif new file mode 100644 index 00000000..42560619 Binary files /dev/null and b/apps/prepare/src/components/about-prodkt/fan-tiny.avif differ diff --git a/apps/prepare/src/components/about-prodkt/index.tsx b/apps/prepare/src/components/about-prodkt/index.tsx new file mode 100644 index 00000000..497a3e06 --- /dev/null +++ b/apps/prepare/src/components/about-prodkt/index.tsx @@ -0,0 +1,142 @@ +import React from 'react' + +import { ConnectionBoard, ProdktBlurry, Stars, TopGlow } from './assets' +import { HeroBackground } from './background' + +import './about-prodkt.css' + +import TinyFan from './fan-tiny.avif' + +const AboutProdkt = React.forwardRef(({ ...props }, ref) => { + return ( +
+
+
+
+

+ What is Prodkt? +

+
+
+

+
+ A resume made available to companies I've expressed interest + in for potential employment. +

+

+
+ A resume made available to companies I've expressed interest + in for potential employment. +

+
+
+

+
+ Building towards a multi-tenant SaaS platform for technical + Designer/Developers looking to showcase their work. +

+

+
+ Building towards a multi-tenant SaaS platform for technical + Designer/Developers looking to showcase their work. +

+
+
+
+
+
+
+
+
+
+ +
+ +

+ Prodkt +

+

+ Portfolio Engine +

+
+ {/*
*/} + {''} +
+
+ {/*
*/} + {''} +
+
+ {/*
*/} + {''} +
+
+ {/*
*/} + {''} +
+
+
+ Chip glow + Chip glow + + +
+
+
+
+ {/* */} +
+ +
+
+
+ The driving force above all other intentions and purpose is + simple... +
+

+ Get hired. +

+
+
+ + {/* */} + {/* */} + + {/* */} + + +
+ ) +}) + +AboutProdkt.displayName = 'AboutProdkt' + +export { AboutProdkt } diff --git a/apps/prepare/src/components/about-prodkt/orb_02.avif b/apps/prepare/src/components/about-prodkt/orb_02.avif new file mode 100644 index 00000000..e78ee010 Binary files /dev/null and b/apps/prepare/src/components/about-prodkt/orb_02.avif differ diff --git a/apps/prepare/src/components/about-prodkt/orb_03.avif b/apps/prepare/src/components/about-prodkt/orb_03.avif new file mode 100644 index 00000000..1604f11b Binary files /dev/null and b/apps/prepare/src/components/about-prodkt/orb_03.avif differ diff --git a/apps/prepare/src/components/about-prodkt/orb_04.avif b/apps/prepare/src/components/about-prodkt/orb_04.avif new file mode 100644 index 00000000..e2f7f2d3 Binary files /dev/null and b/apps/prepare/src/components/about-prodkt/orb_04.avif differ diff --git a/apps/prepare/src/components/about-prodkt/orb_05.avif b/apps/prepare/src/components/about-prodkt/orb_05.avif new file mode 100644 index 00000000..a6e86987 Binary files /dev/null and b/apps/prepare/src/components/about-prodkt/orb_05.avif differ diff --git a/apps/prepare/src/components/about-prodkt/orb_06.avif b/apps/prepare/src/components/about-prodkt/orb_06.avif new file mode 100644 index 00000000..a64f7711 Binary files /dev/null and b/apps/prepare/src/components/about-prodkt/orb_06.avif differ diff --git a/apps/prepare/src/pages/index.astro b/apps/prepare/src/pages/index.astro index 6ba3a7b4..b3135162 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 { AboutProdkt } from '../components/about-prodkt' --- -
-
+ diff --git a/apps/www/__registry__/index.tsx b/apps/www/__registry__/index.tsx index 6c540250..12f6f67d 100644 --- a/apps/www/__registry__/index.tsx +++ b/apps/www/__registry__/index.tsx @@ -797,6 +797,102 @@ export const Index: Record = { subcategory: "", chunks: [] }, + "component-library": { + name: "component-library", + description: "", + type: "registry:example", + registryDependencies: ["component-library"], + files: [{ + path: "registry/new-york/example/design-system-icons/component-library.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/design-system-icons/component-library.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "design-language": { + name: "design-language", + description: "", + type: "registry:example", + registryDependencies: ["design-language"], + files: [{ + path: "registry/new-york/example/design-system-icons/design-language.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/design-system-icons/design-language.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "design-libraries": { + name: "design-libraries", + description: "", + type: "registry:example", + registryDependencies: ["design-libraries"], + files: [{ + path: "registry/new-york/example/design-system-icons/design-libraries.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/design-system-icons/design-libraries.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "documentation": { + name: "documentation", + description: "", + type: "registry:example", + registryDependencies: ["documentation"], + files: [{ + path: "registry/new-york/example/design-system-icons/documentation.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/design-system-icons/documentation.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "governance": { + name: "governance", + description: "", + type: "registry:example", + registryDependencies: ["governance"], + files: [{ + path: "registry/new-york/example/design-system-icons/governance.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/design-system-icons/governance.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "sandboxes": { + name: "sandboxes", + description: "", + type: "registry:example", + registryDependencies: ["sandboxes"], + files: [{ + path: "registry/new-york/example/design-system-icons/sandboxes.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/example/design-system-icons/sandboxes.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, "logo_olio-demo": { name: "logo_olio-demo", description: "", @@ -5993,6 +6089,22 @@ export const Index: Record = { subcategory: "", chunks: [] }, + "design-system-icons": { + name: "design-system-icons", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/new-york/icons/design-system/index.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/new-york/icons/design-system/index.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, "logo_craft": { name: "logo_craft", description: "", @@ -7218,6 +7330,102 @@ export const Index: Record = { subcategory: "", chunks: [] }, + "component-library": { + name: "component-library", + description: "", + type: "registry:example", + registryDependencies: ["component-library"], + files: [{ + path: "registry/default/example/design-system-icons/component-library.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/design-system-icons/component-library.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "design-language": { + name: "design-language", + description: "", + type: "registry:example", + registryDependencies: ["design-language"], + files: [{ + path: "registry/default/example/design-system-icons/design-language.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/design-system-icons/design-language.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "design-libraries": { + name: "design-libraries", + description: "", + type: "registry:example", + registryDependencies: ["design-libraries"], + files: [{ + path: "registry/default/example/design-system-icons/design-libraries.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/design-system-icons/design-libraries.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "documentation": { + name: "documentation", + description: "", + type: "registry:example", + registryDependencies: ["documentation"], + files: [{ + path: "registry/default/example/design-system-icons/documentation.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/design-system-icons/documentation.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "governance": { + name: "governance", + description: "", + type: "registry:example", + registryDependencies: ["governance"], + files: [{ + path: "registry/default/example/design-system-icons/governance.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/design-system-icons/governance.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, + "sandboxes": { + name: "sandboxes", + description: "", + type: "registry:example", + registryDependencies: ["sandboxes"], + files: [{ + path: "registry/default/example/design-system-icons/sandboxes.tsx", + type: "registry:example", + target: "" + }], + component: React.lazy(() => import("@/registry/default/example/design-system-icons/sandboxes.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, "logo_olio-demo": { name: "logo_olio-demo", description: "", @@ -12414,6 +12622,22 @@ export const Index: Record = { subcategory: "", chunks: [] }, + "design-system-icons": { + name: "design-system-icons", + description: "", + type: "registry:prodkt", + registryDependencies: undefined, + files: [{ + path: "registry/default/icons/design-system/index.tsx", + type: "registry:prodkt", + target: "" + }], + component: React.lazy(() => import("@/registry/default/icons/design-system/index.tsx")), + source: "", + category: "", + subcategory: "", + chunks: [] + }, "logo_craft": { name: "logo_craft", description: "", diff --git a/apps/www/components/drawer.tsx b/apps/www/components/drawer.tsx index 9b5b074c..fb674e2c 100644 --- a/apps/www/components/drawer.tsx +++ b/apps/www/components/drawer.tsx @@ -12,7 +12,7 @@ const DrawerContent = forwardRef< React.ComponentPropsWithoutRef >(({ className, children, ...props }, ref) => ( - + + + + + + + + + + +## Installation + + + + + CLI + Manual + + + + +```bash +npx sparkstack@latest add design-system-icons +``` + + + + + + + +Install the following dependencies: + +```bash +npm install react-use +``` + +Copy and paste the following code into your project. + + + +Update the import paths to match your project setup. + +Update `tailwind.config.js` + +Add the following animations to your `tailwind.config.js` file: + +```js title="tailwind.config.js" {1-2} +/** @type {import('tailwindcss').Config} */ +module.exports = { + theme: { + extend: {}, + }, +} +``` + + + + + + + +## Usage + +```tsx +import { + ComponentLibrary, + DesignLanguage, + DesignLibraries, + Documentation, + Governance, + Sandboxes, +} from "@/registry/default/icons/design-system" +``` + +```tsx + +``` diff --git a/apps/www/package.json b/apps/www/package.json index babfb839..8cd36a4a 100644 --- a/apps/www/package.json +++ b/apps/www/package.json @@ -4,16 +4,16 @@ "private": true, "type": "module", "scripts": { - "dev": "next dev -p 3333", + "dev": "next dev -p 3323 ", "build": "contentlayer2 build && pnpm build:registry && next build", "build:registry": "tsx --tsconfig ./tsconfig.scripts.json ./scripts/build-registry.mts && prettier --loglevel silent --write \"registry/**/*.{ts,tsx,mdx}\" --cache", "registry:capture": "tsx --tsconfig ./tsconfig.scripts.json ./scripts/capture-screenshots.mts", "build:docs": "contentlayer2 build", "seed:tasks": "tsx --tsconfig ./tsconfig.scripts.json ./app/(app)/examples/tasks/data/seed.ts", - "start": "next start -p 3333", + "start": "next start -p 3323", "lint": "next lint", "lint:fix": "next lint --fix", - "preview": "next build && next start -p 3333", + "preview": "next build && next start -p 3323", "typecheck": "contentlayer2 build && tsc --noEmit", "format:write": "prettier --write \"**/*.{ts,tsx,mdx}\" --cache", "format:check": "prettier --check \"**/*.{ts,tsx,mdx}\" --cache" diff --git a/apps/www/public/r/icons/index.json b/apps/www/public/r/icons/index.json index 30332f64..a5b369a3 100644 --- a/apps/www/public/r/icons/index.json +++ b/apps/www/public/r/icons/index.json @@ -1,154 +1,192 @@ { "AlertCircle": { "lucide": "AlertCircle", - "radix": "ExclamationTriangleIcon" + "radix": "ExclamationTriangleIcon", + "prodkt": "AlertCircle" }, "ArrowLeft": { "lucide": "ArrowLeft", - "radix": "ArrowLeftIcon" + "radix": "ArrowLeftIcon", + "prodkt": "ArrowLeft" }, "ArrowRight": { "lucide": "ArrowRight", - "radix": "ArrowRightIcon" + "radix": "ArrowRightIcon", + "prodkt": "ArrowRight" }, "ArrowUpDown": { "lucide": "ArrowUpDown", - "radix": "CaretSortIcon" + "radix": "CaretSortIcon", + "prodkt": "ArrowUpDown" }, "BellRing": { "lucide": "BellRing", - "radix": "BellIcon" + "radix": "BellIcon", + "prodkt": "BellRing" }, "Bold": { "lucide": "Bold", - "radix": "FontBoldIcon" + "radix": "FontBoldIcon", + "prodkt": "Bold" }, "Calculator": { "lucide": "Calculator", - "radix": "ComponentPlaceholderIcon" + "radix": "ComponentPlaceholderIcon", + "prodkt": "Calculator" }, "Calendar": { "lucide": "Calendar", - "radix": "CalendarIcon" + "radix": "CalendarIcon", + "prodkt": "Calendar" }, "Check": { "lucide": "Check", - "radix": "CheckIcon" + "radix": "CheckIcon", + "prodkt": "Check" }, "ChevronDown": { "lucide": "ChevronDown", - "radix": "ChevronDownIcon" + "radix": "ChevronDownIcon", + "prodkt": "ChevronDown" }, "ChevronLeft": { "lucide": "ChevronLeft", - "radix": "ChevronLeftIcon" + "radix": "ChevronLeftIcon", + "prodkt": "ChevronLeft" }, "ChevronRight": { "lucide": "ChevronRight", - "radix": "ChevronRightIcon" + "radix": "ChevronRightIcon", + "prodkt": "ChevronRight" }, "ChevronUp": { "lucide": "ChevronUp", - "radix": "ChevronUpIcon" + "radix": "ChevronUpIcon", + "prodkt": "ChevronUp" }, "ChevronsUpDown": { "lucide": "ChevronsUpDown", - "radix": "CaretSortIcon" + "radix": "CaretSortIcon", + "prodkt": "ChevronsUpDown" }, "Circle": { "lucide": "Circle", - "radix": "DotFilledIcon" + "radix": "DotFilledIcon", + "prodkt": "Circle" }, "Copy": { "lucide": "Copy", - "radix": "CopyIcon" + "radix": "CopyIcon", + "prodkt": "Copy" }, "CreditCard": { "lucide": "CreditCard", - "radix": "ComponentPlaceholderIcon" + "radix": "ComponentPlaceholderIcon", + "prodkt": "CreditCard" }, "Download": { "lucide": "Download", - "radix": "DownloadIcon" + "radix": "DownloadIcon", + "prodkt": "Download" }, "GripVertical": { "lucide": "GripVertical", - "radix": "DragHandleDots2Icon" + "radix": "DragHandleDots2Icon", + "prodkt": "GripVertical" }, "Italic": { "lucide": "Italic", - "radix": "FontItalicIcon" + "radix": "FontItalicIcon", + "prodkt": "Italic" }, "Loader2": { "lucide": "Loader2", - "radix": "ReloadIcon" + "radix": "ReloadIcon", + "prodkt": "Loader2" }, "Mail": { "lucide": "Mail", - "radix": "EnvelopeClosedIcon" + "radix": "EnvelopeClosedIcon", + "prodkt": "Mail" }, "MailOpen": { "lucide": "MailOpen", - "radix": "EnvelopeOpenIcon" + "radix": "EnvelopeOpenIcon", + "prodkt": "MailOpen" }, "Minus": { "lucide": "Minus", - "radix": "MinusIcon" + "radix": "MinusIcon", + "prodkt": "Minus" }, "Moon": { "lucide": "Moon", - "radix": "MoonIcon" + "radix": "MoonIcon", + "prodkt": "Moon" }, "MoreHorizontal": { "lucide": "MoreHorizontal", - "radix": "DotsHorizontalIcon" + "radix": "DotsHorizontalIcon", + "prodkt": "MoreHorizontal" }, "PanelLeft": { "lucide": "PanelLeft", - "radix": "ViewVerticalIcon" + "radix": "ViewVerticalIcon", + "prodkt": "PanelLeft" }, "Plus": { "lucide": "Plus", - "radix": "PlusIcon" + "radix": "PlusIcon", + "prodkt": "Plus" }, "Search": { "lucide": "Search", - "radix": "MagnifyingGlassIcon" + "radix": "MagnifyingGlassIcon", + "prodkt": "Search" }, "Send": { "lucide": "Send", - "radix": "PaperPlaneIcon" + "radix": "PaperPlaneIcon", + "prodkt": "Send" }, "Settings": { "lucide": "Settings", - "radix": "GearIcon" + "radix": "GearIcon", + "prodkt": "Settings" }, "Slash": { "lucide": "Slash", - "radix": "SlashIcon" + "radix": "SlashIcon", + "prodkt": "Slash" }, "Smile": { "lucide": "Smile", - "radix": "FaceIcon" + "radix": "FaceIcon", + "prodkt": "Smile" }, "Sun": { "lucide": "Sun", - "radix": "SunIcon" + "radix": "SunIcon", + "prodkt": "Sun" }, "Terminal": { "lucide": "Terminal", - "radix": "RocketIcon" + "radix": "RocketIcon", + "prodkt": "Terminal" }, "Underline": { "lucide": "Underline", - "radix": "UnderlineIcon" + "radix": "UnderlineIcon", + "prodkt": "Underline" }, "User": { "lucide": "User", - "radix": "PersonIcon" + "radix": "PersonIcon", + "prodkt": "User" }, "X": { "lucide": "X", - "radix": "Cross2Icon" + "radix": "Cross2Icon", + "prodkt": "X" } } \ No newline at end of file diff --git a/apps/www/public/r/styles/default/button.json b/apps/www/public/r/styles/default/button.json index 1203f056..ec37e851 100644 --- a/apps/www/public/r/styles/default/button.json +++ b/apps/www/public/r/styles/default/button.json @@ -7,7 +7,7 @@ "files": [ { "path": "ui/button.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { useCallback } from \"react\"\nimport dynamic from \"next/dynamic\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport type { HTMLSparkStackProps } from \"@/types/sparkstack\"\nimport { cn } from \"@/lib/utils\"\nimport * as RippleHook from \"@/registry/default/hooks/use-ripple\"\n\nconst Ripple = dynamic(\n () => import(\"@/registry/default/ui/ripple\").then((mod) => mod.default),\n {\n ssr: false,\n }\n)\n\nconst buttonVariants = cva(\n \"relative inline-flex place-content-center place-items-center content-center items-center justify-center gap-2 overflow-hidden whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary-hover\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive-hover\",\n outline:\n \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"hover:bg-secondary-hover bg-secondary text-secondary-foreground\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n dashed:\n \"border border-dashed border-border hover:bg-gray-a6 text-foreground\",\n link: \"selected:text-link-selected focus:text-link-focus text-link underline-offset-4 hover:text-link-hover hover:underline active:text-link-active disabled:text-link-disabled\",\n },\n size: {\n default: \"h-9 rounded-md px-3 py-2\",\n sm: \"h-8 rounded-md px-3\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9 rounded-md p-0 [&_svg]:size-5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends HTMLSparkStackProps<\"button\">,\n React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean\n disableRipple?: boolean\n}\n\nconst Button = React.forwardRef(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n disableRipple = false,\n onClick,\n children,\n ...props\n },\n ref\n ) => {\n const {\n ripples,\n onClick: onRippleClickHandler,\n onClear,\n } = RippleHook.useRipple()\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n onRippleClickHandler(e)\n onClick?.(e)\n },\n [onClick, onRippleClickHandler]\n )\n\n const getRippleProps = useCallback(\n () => ({ ripples, onClear }),\n [ripples, onClear]\n )\n\n const Comp = asChild ? Slot : \"button\"\n return (\n \n \n {children}\n {!disableRipple && }\n \n \n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { useCallback } from \"react\"\nimport dynamic from \"next/dynamic\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport type { HTMLSparkStackProps } from \"@/types/sparkstack\"\nimport { cn } from \"@/lib/utils\"\nimport * as RippleHook from \"@/registry/default/hooks/use-ripple\"\n\nconst Ripple = dynamic(\n () => import(\"@/registry/default/ui/ripple\").then((mod) => mod.default),\n {\n ssr: false,\n }\n)\n\nconst buttonVariants = cva(\n \"relative inline-flex place-content-center place-items-center content-center items-center justify-center gap-2 overflow-hidden whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_a]:inline-flex [&_a]:items-center [&_a]:justify-center [&_a]:gap-x-2 [&_a]:py-0 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary-hover\",\n destructive:\n \"bg-destructive text-destructive-foreground hover:bg-destructive-hover\",\n outline:\n \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n secondary:\n \"hover:bg-secondary-hover bg-secondary text-secondary-foreground\",\n ghost: \"hover:bg-accent hover:text-accent-foreground\",\n dashed:\n \"border border-dashed border-border text-foreground hover:bg-gray-a6\",\n link: \"selected:text-link-selected focus:text-link-focus text-link underline-offset-4 hover:text-link-hover hover:underline active:text-link-active disabled:text-link-disabled\",\n },\n size: {\n default: \"h-9 rounded-md px-3 py-2\",\n sm: \"h-8 rounded-md px-3\",\n lg: \"h-10 rounded-md px-8\",\n icon: \"h-9 w-9 rounded-md p-0 [&_svg]:size-5\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nexport interface ButtonProps\n extends HTMLSparkStackProps<\"button\">,\n React.ButtonHTMLAttributes,\n VariantProps {\n asChild?: boolean\n disableRipple?: boolean\n}\n\nconst Button = React.forwardRef(\n (\n {\n className,\n variant,\n size,\n asChild = false,\n disableRipple = false,\n onClick,\n children,\n ...props\n },\n ref\n ) => {\n const {\n ripples,\n onClick: onRippleClickHandler,\n onClear,\n } = RippleHook.useRipple()\n\n const handleClick = useCallback(\n (e: React.MouseEvent) => {\n onRippleClickHandler(e)\n onClick?.(e)\n },\n [onClick, onRippleClickHandler]\n )\n\n const getRippleProps = useCallback(\n () => ({ ripples, onClear }),\n [ripples, onClear]\n )\n\n const Comp = asChild ? Slot : \"button\"\n return (\n \n \n {children}\n {!disableRipple && }\n \n \n )\n }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n", "type": "registry:ui", "target": "" } diff --git a/apps/www/public/r/styles/default/component-library.json b/apps/www/public/r/styles/default/component-library.json new file mode 100644 index 00000000..2321d21f --- /dev/null +++ b/apps/www/public/r/styles/default/component-library.json @@ -0,0 +1,15 @@ +{ + "name": "component-library", + "type": "registry:example", + "registryDependencies": [ + "component-library" + ], + "files": [ + { + "path": "example/design-system-icons/component-library.tsx", + "content": "import { ComponentLibrary } from \"@/registry/icons/design-system\"\n\nexport default function AnimatedCollaborationDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/design-language.json b/apps/www/public/r/styles/default/design-language.json new file mode 100644 index 00000000..585c6a5d --- /dev/null +++ b/apps/www/public/r/styles/default/design-language.json @@ -0,0 +1,15 @@ +{ + "name": "design-language", + "type": "registry:example", + "registryDependencies": [ + "design-language" + ], + "files": [ + { + "path": "example/design-system-icons/design-language.tsx", + "content": "import { DesignLanguage } from \"@/registry/icons/design-system\"\n\nexport default function DesignLanguageDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/design-libraries.json b/apps/www/public/r/styles/default/design-libraries.json new file mode 100644 index 00000000..d4884242 --- /dev/null +++ b/apps/www/public/r/styles/default/design-libraries.json @@ -0,0 +1,15 @@ +{ + "name": "design-libraries", + "type": "registry:example", + "registryDependencies": [ + "design-libraries" + ], + "files": [ + { + "path": "example/design-system-icons/design-libraries.tsx", + "content": "import { DesignLibraries } from \"@/registry/icons/design-system\"\n\nexport default function DesignLibrariesDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/documentation.json b/apps/www/public/r/styles/default/documentation.json new file mode 100644 index 00000000..97eb8742 --- /dev/null +++ b/apps/www/public/r/styles/default/documentation.json @@ -0,0 +1,15 @@ +{ + "name": "documentation", + "type": "registry:example", + "registryDependencies": [ + "documentation" + ], + "files": [ + { + "path": "example/design-system-icons/documentation.tsx", + "content": "import { Documentation } from \"@/registry/icons/design-system\"\n\nexport default function DocumentationDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/drawer.json b/apps/www/public/r/styles/default/drawer.json index 6e23d8aa..8347d360 100644 --- a/apps/www/public/r/styles/default/drawer.json +++ b/apps/www/public/r/styles/default/drawer.json @@ -8,7 +8,7 @@ "files": [ { "path": "ui/drawer.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps) => (\n \n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n
\n {children}\n \n \n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps) => (\n \n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n
\n {children}\n \n \n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n}\n", "type": "registry:ui", "target": "" } diff --git a/apps/www/public/r/styles/default/dropdown-menu.json b/apps/www/public/r/styles/default/dropdown-menu.json index e9c55813..d06aab05 100644 --- a/apps/www/public/r/styles/default/dropdown-menu.json +++ b/apps/www/public/r/styles/default/dropdown-menu.json @@ -7,7 +7,7 @@ "files": [ { "path": "ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n \n {children}\n \n \n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, sideOffset = 4, ...props }, ref) => (\n \n \n \n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n \n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, checked, ...props }, ref) => (\n \n \n \n \n \n \n {children}\n \n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n \n \n \n {children}\n \n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n \n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes) => {\n return (\n \n )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport * as DropdownMenuPrimitive from \"@radix-ui/react-dropdown-menu\"\nimport { Check, ChevronRight, Circle } from \"lucide-react\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst DropdownMenu = DropdownMenuPrimitive.Root\n\nconst DropdownMenuTrigger = DropdownMenuPrimitive.Trigger\n\nconst DropdownMenuGroup = DropdownMenuPrimitive.Group\n\nconst DropdownMenuPortal = DropdownMenuPrimitive.Portal\n\nconst DropdownMenuSub = DropdownMenuPrimitive.Sub\n\nconst DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup\n\nconst DropdownMenuSubTrigger = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, children, ...props }, ref) => (\n \n {children}\n \n \n))\nDropdownMenuSubTrigger.displayName =\n DropdownMenuPrimitive.SubTrigger.displayName\n\nconst DropdownMenuSubContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDropdownMenuSubContent.displayName =\n DropdownMenuPrimitive.SubContent.displayName\n\nconst DropdownMenuContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, sideOffset = 4, ...props }, ref) => (\n \n \n \n))\nDropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName\n\nconst DropdownMenuItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n \n))\nDropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName\n\nconst DropdownMenuCheckboxItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, checked, ...props }, ref) => (\n \n \n \n \n \n \n {children}\n \n))\nDropdownMenuCheckboxItem.displayName =\n DropdownMenuPrimitive.CheckboxItem.displayName\n\nconst DropdownMenuRadioItem = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n \n \n \n {children}\n \n))\nDropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName\n\nconst DropdownMenuLabel = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef & {\n inset?: boolean\n }\n>(({ className, inset, ...props }, ref) => (\n \n))\nDropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName\n\nconst DropdownMenuSeparator = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName\n\nconst DropdownMenuShortcut = ({\n className,\n ...props\n}: React.HTMLAttributes) => {\n return (\n \n )\n}\nDropdownMenuShortcut.displayName = \"DropdownMenuShortcut\"\n\nexport {\n DropdownMenu,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioItem,\n DropdownMenuLabel,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuGroup,\n DropdownMenuPortal,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuRadioGroup,\n}\n", "type": "registry:ui", "target": "" } diff --git a/apps/www/public/r/styles/default/governance.json b/apps/www/public/r/styles/default/governance.json new file mode 100644 index 00000000..5ae7c070 --- /dev/null +++ b/apps/www/public/r/styles/default/governance.json @@ -0,0 +1,15 @@ +{ + "name": "governance", + "type": "registry:example", + "registryDependencies": [ + "governance" + ], + "files": [ + { + "path": "example/design-system-icons/governance.tsx", + "content": "import { Governance } from \"@/registry/icons/design-system\"\n\nexport default function GovernanceDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/default/sandboxes.json b/apps/www/public/r/styles/default/sandboxes.json new file mode 100644 index 00000000..3b668ed8 --- /dev/null +++ b/apps/www/public/r/styles/default/sandboxes.json @@ -0,0 +1,15 @@ +{ + "name": "sandboxes", + "type": "registry:example", + "registryDependencies": [ + "sandboxes" + ], + "files": [ + { + "path": "example/design-system-icons/sandboxes.tsx", + "content": "import { Sandboxes } from \"@/registry/icons/design-system\"\n\nexport default function SandboxesDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/new-york/component-library.json b/apps/www/public/r/styles/new-york/component-library.json new file mode 100644 index 00000000..2321d21f --- /dev/null +++ b/apps/www/public/r/styles/new-york/component-library.json @@ -0,0 +1,15 @@ +{ + "name": "component-library", + "type": "registry:example", + "registryDependencies": [ + "component-library" + ], + "files": [ + { + "path": "example/design-system-icons/component-library.tsx", + "content": "import { ComponentLibrary } from \"@/registry/icons/design-system\"\n\nexport default function AnimatedCollaborationDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/new-york/design-language.json b/apps/www/public/r/styles/new-york/design-language.json new file mode 100644 index 00000000..585c6a5d --- /dev/null +++ b/apps/www/public/r/styles/new-york/design-language.json @@ -0,0 +1,15 @@ +{ + "name": "design-language", + "type": "registry:example", + "registryDependencies": [ + "design-language" + ], + "files": [ + { + "path": "example/design-system-icons/design-language.tsx", + "content": "import { DesignLanguage } from \"@/registry/icons/design-system\"\n\nexport default function DesignLanguageDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/new-york/design-libraries.json b/apps/www/public/r/styles/new-york/design-libraries.json new file mode 100644 index 00000000..d4884242 --- /dev/null +++ b/apps/www/public/r/styles/new-york/design-libraries.json @@ -0,0 +1,15 @@ +{ + "name": "design-libraries", + "type": "registry:example", + "registryDependencies": [ + "design-libraries" + ], + "files": [ + { + "path": "example/design-system-icons/design-libraries.tsx", + "content": "import { DesignLibraries } from \"@/registry/icons/design-system\"\n\nexport default function DesignLibrariesDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/new-york/documentation.json b/apps/www/public/r/styles/new-york/documentation.json new file mode 100644 index 00000000..97eb8742 --- /dev/null +++ b/apps/www/public/r/styles/new-york/documentation.json @@ -0,0 +1,15 @@ +{ + "name": "documentation", + "type": "registry:example", + "registryDependencies": [ + "documentation" + ], + "files": [ + { + "path": "example/design-system-icons/documentation.tsx", + "content": "import { Documentation } from \"@/registry/icons/design-system\"\n\nexport default function DocumentationDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/new-york/drawer.json b/apps/www/public/r/styles/new-york/drawer.json index 6e23d8aa..8347d360 100644 --- a/apps/www/public/r/styles/new-york/drawer.json +++ b/apps/www/public/r/styles/new-york/drawer.json @@ -8,7 +8,7 @@ "files": [ { "path": "ui/drawer.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps) => (\n \n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n
\n {children}\n \n \n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Drawer as DrawerPrimitive } from \"vaul\"\n\nimport { cn } from \"@/lib/utils\"\n\nconst Drawer = ({\n shouldScaleBackground = true,\n ...props\n}: React.ComponentProps) => (\n \n)\nDrawer.displayName = \"Drawer\"\n\nconst DrawerTrigger = DrawerPrimitive.Trigger\n\nconst DrawerPortal = DrawerPrimitive.Portal\n\nconst DrawerClose = DrawerPrimitive.Close\n\nconst DrawerOverlay = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName\n\nconst DrawerContent = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, children, ...props }, ref) => (\n \n \n \n
\n {children}\n \n \n))\nDrawerContent.displayName = \"DrawerContent\"\n\nconst DrawerHeader = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerHeader.displayName = \"DrawerHeader\"\n\nconst DrawerFooter = ({\n className,\n ...props\n}: React.HTMLAttributes) => (\n \n)\nDrawerFooter.displayName = \"DrawerFooter\"\n\nconst DrawerTitle = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerTitle.displayName = DrawerPrimitive.Title.displayName\n\nconst DrawerDescription = React.forwardRef<\n React.ElementRef,\n React.ComponentPropsWithoutRef\n>(({ className, ...props }, ref) => (\n \n))\nDrawerDescription.displayName = DrawerPrimitive.Description.displayName\n\nexport {\n Drawer,\n DrawerPortal,\n DrawerOverlay,\n DrawerTrigger,\n DrawerClose,\n DrawerContent,\n DrawerHeader,\n DrawerFooter,\n DrawerTitle,\n DrawerDescription,\n}\n", "type": "registry:ui", "target": "" } diff --git a/apps/www/public/r/styles/new-york/governance.json b/apps/www/public/r/styles/new-york/governance.json new file mode 100644 index 00000000..5ae7c070 --- /dev/null +++ b/apps/www/public/r/styles/new-york/governance.json @@ -0,0 +1,15 @@ +{ + "name": "governance", + "type": "registry:example", + "registryDependencies": [ + "governance" + ], + "files": [ + { + "path": "example/design-system-icons/governance.tsx", + "content": "import { Governance } from \"@/registry/icons/design-system\"\n\nexport default function GovernanceDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/public/r/styles/new-york/logomark_planfoundry-demo.json b/apps/www/public/r/styles/new-york/logomark_planfoundry-demo.json index 00f1a440..4d2842dc 100644 --- a/apps/www/public/r/styles/new-york/logomark_planfoundry-demo.json +++ b/apps/www/public/r/styles/new-york/logomark_planfoundry-demo.json @@ -7,7 +7,7 @@ "files": [ { "path": "example/logomark_planfoundry-demo.tsx", - "content": "import { PlanFoundryLogomark, PlanFoundryLogomarkGradient } from \"@/registry/new-york/prodkt/logomark_planfoundry\"\n\nexport default function LogomarkPlanfoundryDemo() {\n return (\n
\n \n \n
\n )\n}\n", + "content": "import {\n PlanFoundryLogomark,\n PlanFoundryLogomarkGradient,\n} from \"@/registry/new-york/prodkt/logomark_planfoundry\"\n\nexport default function LogomarkPlanfoundryDemo() {\n return (\n
\n \n \n
\n )\n}\n", "type": "registry:example", "target": "" } diff --git a/apps/www/public/r/styles/new-york/sandboxes.json b/apps/www/public/r/styles/new-york/sandboxes.json new file mode 100644 index 00000000..3b668ed8 --- /dev/null +++ b/apps/www/public/r/styles/new-york/sandboxes.json @@ -0,0 +1,15 @@ +{ + "name": "sandboxes", + "type": "registry:example", + "registryDependencies": [ + "sandboxes" + ], + "files": [ + { + "path": "example/design-system-icons/sandboxes.tsx", + "content": "import { Sandboxes } from \"@/registry/icons/design-system\"\n\nexport default function SandboxesDemo() {\n return (\n
\n \n
\n )\n}\n", + "type": "registry:example", + "target": "" + } + ] +} \ No newline at end of file diff --git a/apps/www/registry/default/example/design-system-icons/component-library.tsx b/apps/www/registry/default/example/design-system-icons/component-library.tsx new file mode 100644 index 00000000..06d66c83 --- /dev/null +++ b/apps/www/registry/default/example/design-system-icons/component-library.tsx @@ -0,0 +1,9 @@ +import { ComponentLibrary } from "@/registry/icons/design-system" + +export default function AnimatedCollaborationDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/default/example/design-system-icons/design-language.tsx b/apps/www/registry/default/example/design-system-icons/design-language.tsx new file mode 100644 index 00000000..7192dae9 --- /dev/null +++ b/apps/www/registry/default/example/design-system-icons/design-language.tsx @@ -0,0 +1,9 @@ +import { DesignLanguage } from "@/registry/icons/design-system" + +export default function DesignLanguageDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/default/example/design-system-icons/design-libraries.tsx b/apps/www/registry/default/example/design-system-icons/design-libraries.tsx new file mode 100644 index 00000000..95fd6533 --- /dev/null +++ b/apps/www/registry/default/example/design-system-icons/design-libraries.tsx @@ -0,0 +1,9 @@ +import { DesignLibraries } from "@/registry/icons/design-system" + +export default function DesignLibrariesDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/default/example/design-system-icons/documentation.tsx b/apps/www/registry/default/example/design-system-icons/documentation.tsx new file mode 100644 index 00000000..8fd42a97 --- /dev/null +++ b/apps/www/registry/default/example/design-system-icons/documentation.tsx @@ -0,0 +1,9 @@ +import { Documentation } from "@/registry/icons/design-system" + +export default function DocumentationDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/default/example/design-system-icons/governance.tsx b/apps/www/registry/default/example/design-system-icons/governance.tsx new file mode 100644 index 00000000..207996f2 --- /dev/null +++ b/apps/www/registry/default/example/design-system-icons/governance.tsx @@ -0,0 +1,9 @@ +import { Governance } from "@/registry/icons/design-system" + +export default function GovernanceDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/default/example/design-system-icons/sandboxes.tsx b/apps/www/registry/default/example/design-system-icons/sandboxes.tsx new file mode 100644 index 00000000..e8a6f3ae --- /dev/null +++ b/apps/www/registry/default/example/design-system-icons/sandboxes.tsx @@ -0,0 +1,9 @@ +import { Sandboxes } from "@/registry/icons/design-system" + +export default function SandboxesDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/default/icons/design-system/index.tsx b/apps/www/registry/default/icons/design-system/index.tsx new file mode 100644 index 00000000..542653ce --- /dev/null +++ b/apps/www/registry/default/icons/design-system/index.tsx @@ -0,0 +1,214 @@ +"use client" + +import type { SVGProps } from "react" + +const ComponentLibrary = (props: SVGProps) => ( + + Component Library + + + +) + +const DesignLanguage = (props: SVGProps) => ( + + Design Language + + + +) + +const DesignLibraries = (props: SVGProps) => ( + + Design Libraries + + + + + +) + +const Documentation = (props: SVGProps) => ( + + Documentation + + + + +) + +const Governance = (props: SVGProps) => ( + + Governance + + + + +) + +const Sandboxes = (props: SVGProps) => ( + + Sandboxes + + + + + + + +) + +export { + ComponentLibrary, + DesignLanguage, + DesignLibraries, + Documentation, + Governance, + Sandboxes, +} diff --git a/apps/www/registry/default/ui/button.tsx b/apps/www/registry/default/ui/button.tsx index dda9b832..30fe8b78 100644 --- a/apps/www/registry/default/ui/button.tsx +++ b/apps/www/registry/default/ui/button.tsx @@ -18,7 +18,7 @@ const Ripple = dynamic( ) const buttonVariants = cva( - "relative inline-flex place-content-center place-items-center content-center items-center justify-center gap-2 overflow-hidden whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", + "relative inline-flex place-content-center place-items-center content-center items-center justify-center gap-2 overflow-hidden whitespace-nowrap text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_a]:inline-flex [&_a]:items-center [&_a]:justify-center [&_a]:gap-x-2 [&_a]:py-0 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { @@ -31,7 +31,7 @@ const buttonVariants = cva( "hover:bg-secondary-hover bg-secondary text-secondary-foreground", ghost: "hover:bg-accent hover:text-accent-foreground", dashed: - "border border-dashed border-border hover:bg-gray-a6 text-foreground", + "border border-dashed border-border text-foreground hover:bg-gray-a6", link: "selected:text-link-selected focus:text-link-focus text-link underline-offset-4 hover:text-link-hover hover:underline active:text-link-active disabled:text-link-disabled", }, size: { diff --git a/apps/www/registry/default/ui/drawer.tsx b/apps/www/registry/default/ui/drawer.tsx index 6a0ef53d..d25c83d1 100644 --- a/apps/www/registry/default/ui/drawer.tsx +++ b/apps/www/registry/default/ui/drawer.tsx @@ -28,7 +28,7 @@ const DrawerOverlay = React.forwardRef< >(({ className, ...props }, ref) => ( )) diff --git a/apps/www/registry/default/ui/dropdown-menu.tsx b/apps/www/registry/default/ui/dropdown-menu.tsx index 2750a79c..97496c01 100644 --- a/apps/www/registry/default/ui/dropdown-menu.tsx +++ b/apps/www/registry/default/ui/dropdown-menu.tsx @@ -27,7 +27,7 @@ const DropdownMenuSubTrigger = React.forwardRef< ) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/icons/acrobat.tsx b/apps/www/registry/icons/acrobat.tsx new file mode 100644 index 00000000..9c16ea4e --- /dev/null +++ b/apps/www/registry/icons/acrobat.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const Acrobat = (props: SVGProps) => ( + + Adobe Acrobat with Adobe + + + + +) +export default Acrobat diff --git a/apps/www/registry/icons/adobe-illustrator.tsx b/apps/www/registry/icons/adobe-illustrator.tsx new file mode 100644 index 00000000..542030ac --- /dev/null +++ b/apps/www/registry/icons/adobe-illustrator.tsx @@ -0,0 +1,31 @@ +import type { SVGProps } from "react" + +const AdobeIllustrator = (props: SVGProps) => ( + + Adobe Illustrator + Logo + + + + + + + + + + +) +export default AdobeIllustrator diff --git a/apps/www/registry/icons/amazon-icon.tsx b/apps/www/registry/icons/amazon-icon.tsx new file mode 100644 index 00000000..60bbfd8f --- /dev/null +++ b/apps/www/registry/icons/amazon-icon.tsx @@ -0,0 +1,40 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AmazonIcon = (props: SVGProps) => ( + + + + + + + +) + +export default AmazonIcon diff --git a/apps/www/registry/icons/astro.tsx b/apps/www/registry/icons/astro.tsx new file mode 100644 index 00000000..9c04b0d4 --- /dev/null +++ b/apps/www/registry/icons/astro.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const Astro = (props: SVGProps) => ( + + Astro + Logo + + +) +export default Astro diff --git a/apps/www/registry/icons/atlassian-icon.tsx b/apps/www/registry/icons/atlassian-icon.tsx new file mode 100644 index 00000000..d913761e --- /dev/null +++ b/apps/www/registry/icons/atlassian-icon.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AtlassianIcon = (props: SVGProps) => ( + + + + +) + +export default AtlassianIcon diff --git a/apps/www/registry/icons/authentication-icon.tsx b/apps/www/registry/icons/authentication-icon.tsx new file mode 100644 index 00000000..716ed798 --- /dev/null +++ b/apps/www/registry/icons/authentication-icon.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AuthenticationIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default AuthenticationIcon diff --git a/apps/www/registry/icons/autodesk-icon.tsx b/apps/www/registry/icons/autodesk-icon.tsx new file mode 100644 index 00000000..e54068fb --- /dev/null +++ b/apps/www/registry/icons/autodesk-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AutodeskIcon = (props: SVGProps) => ( + + + +) + +export default AutodeskIcon diff --git a/apps/www/registry/icons/best-practices-icon.tsx b/apps/www/registry/icons/best-practices-icon.tsx new file mode 100644 index 00000000..dd5682b0 --- /dev/null +++ b/apps/www/registry/icons/best-practices-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const BestPracticeIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default BestPracticeIcon diff --git a/apps/www/registry/icons/black-box-icon.tsx b/apps/www/registry/icons/black-box-icon.tsx new file mode 100644 index 00000000..31837e13 --- /dev/null +++ b/apps/www/registry/icons/black-box-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const BlackBoxIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default BlackBoxIcon diff --git a/apps/www/registry/icons/charts-icon.tsx b/apps/www/registry/icons/charts-icon.tsx new file mode 100644 index 00000000..445e26ad --- /dev/null +++ b/apps/www/registry/icons/charts-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ChartsIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default ChartsIcon diff --git a/apps/www/registry/icons/cisco-icon.tsx b/apps/www/registry/icons/cisco-icon.tsx new file mode 100644 index 00000000..9c2fcdf9 --- /dev/null +++ b/apps/www/registry/icons/cisco-icon.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const CiscoIcon = (props: SVGProps) => ( + + + + + +) + +export default CiscoIcon diff --git a/apps/www/registry/icons/cisco.tsx b/apps/www/registry/icons/cisco.tsx new file mode 100644 index 00000000..32fc59b8 --- /dev/null +++ b/apps/www/registry/icons/cisco.tsx @@ -0,0 +1,71 @@ +"use client" + +import type { SVGProps } from "react" + +const Cisco = (props: SVGProps) => ( + + Cisco + + + + + + + + + + + + + + + + +) + +export default Cisco diff --git a/apps/www/registry/icons/cloud-tip-icon.tsx b/apps/www/registry/icons/cloud-tip-icon.tsx new file mode 100644 index 00000000..21ac4706 --- /dev/null +++ b/apps/www/registry/icons/cloud-tip-icon.tsx @@ -0,0 +1,15 @@ +import React from "react" + +export const CloudTipIcon = (props: React.SVGProps) => ( + + + +) + +export default CloudTipIcon diff --git a/apps/www/registry/icons/coke.tsx b/apps/www/registry/icons/coke.tsx new file mode 100644 index 00000000..1434564f --- /dev/null +++ b/apps/www/registry/icons/coke.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const CocaCola = (props: SVGProps) => ( + + Coca Cola + + +) + +export default CocaCola diff --git a/apps/www/registry/icons/components-icon.tsx b/apps/www/registry/icons/components-icon.tsx new file mode 100644 index 00000000..b35a9f20 --- /dev/null +++ b/apps/www/registry/icons/components-icon.tsx @@ -0,0 +1,37 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ComponentsIcon = (props: SVGProps) => { + return ( + + + + + + + + + + ) +} + +export default ComponentsIcon diff --git a/apps/www/registry/icons/confluence.tsx b/apps/www/registry/icons/confluence.tsx new file mode 100644 index 00000000..e68e88cd --- /dev/null +++ b/apps/www/registry/icons/confluence.tsx @@ -0,0 +1,59 @@ +import type { SVGProps } from "react" + +const Confluence = (props: SVGProps) => ( + + Confluence + Logo + + + + + + + + + + + + + + + + + + + +) +export default Confluence diff --git a/apps/www/registry/icons/datadog.tsx b/apps/www/registry/icons/datadog.tsx new file mode 100644 index 00000000..cff53c38 --- /dev/null +++ b/apps/www/registry/icons/datadog.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const Datadog = (props: SVGProps) => ( + + DataDog + Logo + + +) +export default Datadog diff --git a/apps/www/registry/icons/datatables-icon.tsx b/apps/www/registry/icons/datatables-icon.tsx new file mode 100644 index 00000000..82b2ebd2 --- /dev/null +++ b/apps/www/registry/icons/datatables-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const DataTablesIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default DataTablesIcon diff --git a/apps/www/registry/icons/deloitte-icon.tsx b/apps/www/registry/icons/deloitte-icon.tsx new file mode 100644 index 00000000..7b298efd --- /dev/null +++ b/apps/www/registry/icons/deloitte-icon.tsx @@ -0,0 +1,43 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const DeloitteIcon = (props: SVGProps) => ( + + + + + + + + +) + +export default DeloitteIcon diff --git a/apps/www/registry/icons/design-system/index.tsx b/apps/www/registry/icons/design-system/index.tsx new file mode 100644 index 00000000..542653ce --- /dev/null +++ b/apps/www/registry/icons/design-system/index.tsx @@ -0,0 +1,214 @@ +"use client" + +import type { SVGProps } from "react" + +const ComponentLibrary = (props: SVGProps) => ( + + Component Library + + + +) + +const DesignLanguage = (props: SVGProps) => ( + + Design Language + + + +) + +const DesignLibraries = (props: SVGProps) => ( + + Design Libraries + + + + + +) + +const Documentation = (props: SVGProps) => ( + + Documentation + + + + +) + +const Governance = (props: SVGProps) => ( + + Governance + + + + +) + +const Sandboxes = (props: SVGProps) => ( + + Sandboxes + + + + + + + +) + +export { + ComponentLibrary, + DesignLanguage, + DesignLibraries, + Documentation, + Governance, + Sandboxes, +} diff --git a/apps/www/registry/icons/directus.tsx b/apps/www/registry/icons/directus.tsx new file mode 100644 index 00000000..de690caa --- /dev/null +++ b/apps/www/registry/icons/directus.tsx @@ -0,0 +1,26 @@ +import type { SVGProps } from "react" + +const Directus = (props: SVGProps) => ( + + Directus + Logo + + + +) +export default Directus diff --git a/apps/www/registry/icons/docker.tsx b/apps/www/registry/icons/docker.tsx new file mode 100644 index 00000000..8067cff1 --- /dev/null +++ b/apps/www/registry/icons/docker.tsx @@ -0,0 +1,30 @@ +import type { SVGProps } from "react" + +const Docker = (props: SVGProps) => ( + + Docker + Logo + + + + +) +export default Docker diff --git a/apps/www/registry/icons/dominos.tsx b/apps/www/registry/icons/dominos.tsx new file mode 100644 index 00000000..198b9b14 --- /dev/null +++ b/apps/www/registry/icons/dominos.tsx @@ -0,0 +1,27 @@ +"use client" + +import type { SVGProps } from "react" + +const Dominos = (props: SVGProps) => ( + + Dominos + + + +) + +export default Dominos diff --git a/apps/www/registry/icons/eminem.tsx b/apps/www/registry/icons/eminem.tsx new file mode 100644 index 00000000..5566c3cf --- /dev/null +++ b/apps/www/registry/icons/eminem.tsx @@ -0,0 +1,23 @@ +"use client" + +import type { SVGProps } from "react" + +const Eminem = (props: SVGProps) => ( + + Eminem + + +) + +export default Eminem diff --git a/apps/www/registry/icons/figma.tsx b/apps/www/registry/icons/figma.tsx new file mode 100644 index 00000000..f39601f4 --- /dev/null +++ b/apps/www/registry/icons/figma.tsx @@ -0,0 +1,36 @@ +import type { SVGProps } from "react" + +const Figma = (props: SVGProps) => ( + + Figma + Logo + + + + + +) +export default Figma diff --git a/apps/www/registry/icons/forms-icon.tsx b/apps/www/registry/icons/forms-icon.tsx new file mode 100644 index 00000000..ccf1e7fd --- /dev/null +++ b/apps/www/registry/icons/forms-icon.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const FormsIcon = (props: SVGProps) => { + return ( + + + + + ) +} diff --git a/apps/www/registry/icons/gitbook.tsx b/apps/www/registry/icons/gitbook.tsx new file mode 100644 index 00000000..2a872c32 --- /dev/null +++ b/apps/www/registry/icons/gitbook.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const Gitbook = (props: SVGProps) => ( + + Gitbook + Logo + + +) +export default Gitbook diff --git a/apps/www/registry/icons/github-icon.tsx b/apps/www/registry/icons/github-icon.tsx new file mode 100644 index 00000000..8b60144a --- /dev/null +++ b/apps/www/registry/icons/github-icon.tsx @@ -0,0 +1,23 @@ +import React from "react" + +export const GithubIcon = ( + props: React.SVGProps +): JSX.Element => ( + + + +) + +export default GithubIcon diff --git a/apps/www/registry/icons/google-analytics.tsx b/apps/www/registry/icons/google-analytics.tsx new file mode 100644 index 00000000..d6e921d3 --- /dev/null +++ b/apps/www/registry/icons/google-analytics.tsx @@ -0,0 +1,35 @@ +import type { SVGProps } from "react" + +const GoogleAnalytics = (props: SVGProps) => ( + + Google Analytics + Logo + + + + + + + + + + + +) +export default GoogleAnalytics diff --git a/apps/www/registry/icons/hellsangels.tsx b/apps/www/registry/icons/hellsangels.tsx new file mode 100644 index 00000000..dc9f203a --- /dev/null +++ b/apps/www/registry/icons/hellsangels.tsx @@ -0,0 +1,33 @@ +"use client" + +import type { SVGProps } from "react" + +const HellsAngels = (props: SVGProps) => ( + + Hells Angels + + + + + +) + +export default HellsAngels diff --git a/apps/www/registry/icons/hm.tsx b/apps/www/registry/icons/hm.tsx new file mode 100644 index 00000000..cc7c60e9 --- /dev/null +++ b/apps/www/registry/icons/hm.tsx @@ -0,0 +1,30 @@ +"use client" + +import type { SVGProps } from "react" + +const Hm = (props: SVGProps) => ( + + H&M + + + +) + +export default Hm diff --git a/apps/www/registry/icons/hp.tsx b/apps/www/registry/icons/hp.tsx new file mode 100644 index 00000000..3744df41 --- /dev/null +++ b/apps/www/registry/icons/hp.tsx @@ -0,0 +1,22 @@ +"use client" + +import type { SVGProps } from "react" + +const Hp = (props: SVGProps) => ( + + HP + + +) + +export default Hp diff --git a/apps/www/registry/icons/ibm-icon.tsx b/apps/www/registry/icons/ibm-icon.tsx new file mode 100644 index 00000000..c2c67e6a --- /dev/null +++ b/apps/www/registry/icons/ibm-icon.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const IbmIcon = (props: SVGProps) => ( + + + +) + +export default IbmIcon diff --git a/apps/www/registry/icons/ideanote.tsx b/apps/www/registry/icons/ideanote.tsx new file mode 100644 index 00000000..06aa545e --- /dev/null +++ b/apps/www/registry/icons/ideanote.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const Ideanote = (props: SVGProps) => ( + + Ideanote + Logo + + + + + + + + + +) +export default Ideanote diff --git a/apps/www/registry/icons/identity-icon.tsx b/apps/www/registry/icons/identity-icon.tsx new file mode 100644 index 00000000..93e935fd --- /dev/null +++ b/apps/www/registry/icons/identity-icon.tsx @@ -0,0 +1,66 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const IdentityIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default IdentityIcon diff --git a/apps/www/registry/icons/index.ts b/apps/www/registry/icons/index.ts new file mode 100644 index 00000000..f5dba13f --- /dev/null +++ b/apps/www/registry/icons/index.ts @@ -0,0 +1,96 @@ +export * from "./access-control-icon" +export * from "./acrobat" +export * from "./adobe-illustrator" +export * from "./amazon-icon" +export * from "./astro" +export * from "./atlassian-icon" +export * from "./authentication-icon" +export * from "./autodesk-icon" +export * from "./best-practices-icon" +export * from "./black-box-icon" +export * from "./charts-icon" +export * from "./cisco-icon" +export * from "./cisco" +export * from "./cloud-tip-icon" +export * from "./coke" +export * from "./components-icon" +export * from "./confluence" +export * from "./datadog" +export * from "./datatables-icon" +export * from "./deloitte-icon" +export * from "./directus" +export * from "./docker" +export * from "./dominos" +export * from "./eminem" +export * from "./figma" +export * from "./forms-icon" +export * from "./gitbook" +export * from "./github-icon" +export * from "./google-analytics" +export * from "./hellsangels" +export * from "./hm" +export * from "./hp" +export * from "./ibm-icon" +export * from "./ideanote" +export * from "./identity-icon" +export * from "./infinite-scalability-icon" +export * from "./intel-icon" +export * from "./interfaces-icon" +export * from "./jp-morgan-icon" +export * from "./list-icon" +export * from "./lit" +export * from "./logomark_astro" +export * from "./logomark_biome" +export * from "./logomark_bun" +export * from "./logomark_chroma" +export * from "./logomark_docker" +export * from "./logomark_figma" +export * from "./logomark_nodejs" +export * from "./logomark_posthog" +export * from "./logomark_react" +export * from "./logomark_sentry" +export * from "./logomark_shadcn" +export * from "./logomark_storybook" +export * from "./logomark_styledictionary" +export * from "./logomark_supabase" +export * from "./logomark_swagger" +export * from "./logomark_tailwind" +export * from "./logomark_turborepo" +export * from "./logomark_typescript" +export * from "./logomark_vercel" +export * from "./logomark_vite" +export * from "./meta-icon" +export * from "./monitor-icon" +export * from "./no-vendor-lockin-icon" +export * from "./oracle-icon" +export * from "./pendo" +export * from "./posthog" +export * from "./postmark" +export * from "./pro-services-icon" +export * from "./providers-icon" +export * from "./react" +export * from "./revolutionvodka" +export * from "./routes-icon" +export * from "./salesforce-icon" +export * from "./samsung" +export * from "./scales" +export * from "./security-icon" +export * from "./self-hosted-icon" +export * from "./shady" +export * from "./starlight" +export * from "./stencil" +export * from "./storybook" +export * from "./stripe" +export * from "./style-dictionary" +export * from "./supabase" +export * from "./supernova" +export * from "./support-icon" +export * from "./timeline-icon" +export * from "./tokens-studio" +export * from "./toyota" +export * from "./truwhip" +export * from "./turborepo" +export * from "./upwork-icon" +export * from "./utilities-icon.tsx" +export * from "./wizards-icon" +export * from "./zendesk" diff --git a/apps/www/registry/icons/infinite-scalability-icon.tsx b/apps/www/registry/icons/infinite-scalability-icon.tsx new file mode 100644 index 00000000..42d20fba --- /dev/null +++ b/apps/www/registry/icons/infinite-scalability-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const InfiniteScalabilityIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default InfiniteScalabilityIcon diff --git a/apps/www/registry/icons/integration-icons/ably.tsx b/apps/www/registry/icons/integration-icons/ably.tsx new file mode 100644 index 00000000..0b49a9d6 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/ably.tsx @@ -0,0 +1,39 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAbly = (props: SVGProps) => ( + + + + + + + + + + + + + +) + +export default SvgAbly diff --git a/apps/www/registry/icons/integration-icons/airtable.tsx b/apps/www/registry/icons/integration-icons/airtable.tsx new file mode 100644 index 00000000..1f008723 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/airtable.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAirtable = (props: SVGProps) => ( + + + + + + +) + +export default SvgAirtable diff --git a/apps/www/registry/icons/integration-icons/antd.tsx b/apps/www/registry/icons/integration-icons/antd.tsx new file mode 100644 index 00000000..c9d24097 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/antd.tsx @@ -0,0 +1,105 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAntd = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgAntd diff --git a/apps/www/registry/icons/integration-icons/appwrite.tsx b/apps/www/registry/icons/integration-icons/appwrite.tsx new file mode 100644 index 00000000..7f8c9376 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/appwrite.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAppwrite = (props: SVGProps) => ( + + + + +) + +export default SvgAppwrite diff --git a/apps/www/registry/icons/integration-icons/atlassian.tsx b/apps/www/registry/icons/integration-icons/atlassian.tsx new file mode 100644 index 00000000..79030fd8 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/atlassian.tsx @@ -0,0 +1,37 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAtlassian = (props: SVGProps) => ( + + + + + + + + + + +) + +export default SvgAtlassian diff --git a/apps/www/registry/icons/integration-icons/auth-js.tsx b/apps/www/registry/icons/integration-icons/auth-js.tsx new file mode 100644 index 00000000..7faddd2c --- /dev/null +++ b/apps/www/registry/icons/integration-icons/auth-js.tsx @@ -0,0 +1,34 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAuthJs = (props: SVGProps) => ( + + + + + + + + + +) + +export default SvgAuthJs diff --git a/apps/www/registry/icons/integration-icons/auth0.tsx b/apps/www/registry/icons/integration-icons/auth0.tsx new file mode 100644 index 00000000..057aea89 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/auth0.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAuth0 = (props: SVGProps) => ( + + + +) + +export default SvgAuth0 diff --git a/apps/www/registry/icons/integration-icons/aws-cognito.tsx b/apps/www/registry/icons/integration-icons/aws-cognito.tsx new file mode 100644 index 00000000..f5836b34 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/aws-cognito.tsx @@ -0,0 +1,55 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAwsCognito = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + +) + +export default SvgAwsCognito diff --git a/apps/www/registry/icons/integration-icons/azure-active-directory.tsx b/apps/www/registry/icons/integration-icons/azure-active-directory.tsx new file mode 100644 index 00000000..690a495a --- /dev/null +++ b/apps/www/registry/icons/integration-icons/azure-active-directory.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAzureActiveDirectory = (props: SVGProps) => ( + + + + +) + +export default SvgAzureActiveDirectory diff --git a/apps/www/registry/icons/integration-icons/chakra.tsx b/apps/www/registry/icons/integration-icons/chakra.tsx new file mode 100644 index 00000000..b9012315 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/chakra.tsx @@ -0,0 +1,46 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgChakra = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + + + + + + + + +) + +export default SvgChakra diff --git a/apps/www/registry/icons/integration-icons/clerk.tsx b/apps/www/registry/icons/integration-icons/clerk.tsx new file mode 100644 index 00000000..31762e4e --- /dev/null +++ b/apps/www/registry/icons/integration-icons/clerk.tsx @@ -0,0 +1,55 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgClerk = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + +) + +export default SvgClerk diff --git a/apps/www/registry/icons/integration-icons/custom-auth.tsx b/apps/www/registry/icons/integration-icons/custom-auth.tsx new file mode 100644 index 00000000..039999ed --- /dev/null +++ b/apps/www/registry/icons/integration-icons/custom-auth.tsx @@ -0,0 +1,23 @@ +import React, { type SVGProps } from "react" + +const CustomAuthIcon = (props: SVGProps) => ( + + + + + + +) + +export default CustomAuthIcon diff --git a/apps/www/registry/icons/integration-icons/directus.tsx b/apps/www/registry/icons/integration-icons/directus.tsx new file mode 100644 index 00000000..72f5e63c --- /dev/null +++ b/apps/www/registry/icons/integration-icons/directus.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgDirectus = (props: SVGProps) => ( + + + +) + +export default SvgDirectus diff --git a/apps/www/registry/icons/integration-icons/dp.tsx b/apps/www/registry/icons/integration-icons/dp.tsx new file mode 100644 index 00000000..a71e3005 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/dp.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgDp = (props: SVGProps) => ( + + + + + + + + + +) + +export default SvgDp diff --git a/apps/www/registry/icons/integration-icons/elide-graphql.tsx b/apps/www/registry/icons/integration-icons/elide-graphql.tsx new file mode 100644 index 00000000..908c89c1 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/elide-graphql.tsx @@ -0,0 +1,49 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgElideGraphql = ({ className, ...props }: SVGProps) => ( + + + + + + + + + + + + +) + +export default SvgElideGraphql diff --git a/apps/www/registry/icons/integration-icons/elide.tsx b/apps/www/registry/icons/integration-icons/elide.tsx new file mode 100644 index 00000000..bdb3aa39 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/elide.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgElide = ({ className, ...props }: SVGProps) => ( + + + +) + +export default SvgElide diff --git a/apps/www/registry/icons/integration-icons/entrefine.tsx b/apps/www/registry/icons/integration-icons/entrefine.tsx new file mode 100644 index 00000000..aadb3c9d --- /dev/null +++ b/apps/www/registry/icons/integration-icons/entrefine.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgEntRefine = (props: SVGProps) => ( + + + + + +) + +export default SvgEntRefine diff --git a/apps/www/registry/icons/integration-icons/expo.tsx b/apps/www/registry/icons/integration-icons/expo.tsx new file mode 100644 index 00000000..534f9c5e --- /dev/null +++ b/apps/www/registry/icons/integration-icons/expo.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgExpo = (props: SVGProps) => ( + + + +) + +export default SvgExpo diff --git a/apps/www/registry/icons/integration-icons/firebase.tsx b/apps/www/registry/icons/integration-icons/firebase.tsx new file mode 100644 index 00000000..32e7284b --- /dev/null +++ b/apps/www/registry/icons/integration-icons/firebase.tsx @@ -0,0 +1,125 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgFirebase = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgFirebase diff --git a/apps/www/registry/icons/integration-icons/google.tsx b/apps/www/registry/icons/integration-icons/google.tsx new file mode 100644 index 00000000..dbe3156c --- /dev/null +++ b/apps/www/registry/icons/integration-icons/google.tsx @@ -0,0 +1,32 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgGoogle = (props: SVGProps) => ( + + + + + + +) + +export default SvgGoogle diff --git a/apps/www/registry/icons/integration-icons/graphql.tsx b/apps/www/registry/icons/integration-icons/graphql.tsx new file mode 100644 index 00000000..02b79ed4 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/graphql.tsx @@ -0,0 +1,42 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgGraphql = (props: SVGProps) => ( + + + + + + + + + + +) + +export default SvgGraphql diff --git a/apps/www/registry/icons/integration-icons/hasura.tsx b/apps/www/registry/icons/integration-icons/hasura.tsx new file mode 100644 index 00000000..762a2f26 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/hasura.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgHasura = (props: SVGProps) => ( + + + +) + +export default SvgHasura diff --git a/apps/www/registry/icons/integration-icons/headless.tsx b/apps/www/registry/icons/integration-icons/headless.tsx new file mode 100644 index 00000000..6235d497 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/headless.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgHeadless = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + +) + +export default SvgHeadless diff --git a/apps/www/registry/icons/integration-icons/hook-form.tsx b/apps/www/registry/icons/integration-icons/hook-form.tsx new file mode 100644 index 00000000..86beb5b2 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/hook-form.tsx @@ -0,0 +1,38 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgHookForm = (props: SVGProps) => ( + + + + + + + +) + +export default SvgHookForm diff --git a/apps/www/registry/icons/integration-icons/hygraph.tsx b/apps/www/registry/icons/integration-icons/hygraph.tsx new file mode 100644 index 00000000..187e9585 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/hygraph.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgHygraph = (props: SVGProps) => ( + + + +) + +export default SvgHygraph diff --git a/apps/www/registry/icons/integration-icons/index.ts b/apps/www/registry/icons/integration-icons/index.ts new file mode 100644 index 00000000..b17f1df0 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/index.ts @@ -0,0 +1,56 @@ +export { default as Ably } from "./ably" +export { default as Airtable } from "./airtable" +export { default as Antd } from "./antd" +export { default as Appwrite } from "./appwrite" +export { default as Chakra } from "./chakra" +export { default as Directus } from "./directus" +export { default as Dp } from "./dp" +export { default as Elide } from "./elide" +export { default as ElideGraphql } from "./elide-graphql" +export { default as EntRefine } from "./entrefine" +export { default as Firebase } from "./firebase" +export { default as Graphql } from "./graphql" +export { default as Hasura } from "./hasura" +export { default as Headless } from "./headless" +export { default as HookForm } from "./hook-form" +export { default as Hygraph } from "./hygraph" +export { default as JSONApi } from "./json-api" +export { default as Kbar } from "./kbar" +export { default as Kinde } from "./kinde" +export { default as Mantine } from "./mantine" +export { default as Medusa } from "./medusa" +export { default as Mui } from "./mui" +export { default as Nest } from "./nest" +export { default as NestQuery } from "./nest-query" +export { default as Nextjs } from "./nextjs" +export { default as React } from "./react" +export { default as Remix } from "./remix" +export { default as Rest } from "./rest" +export { default as Sanity } from "./sanity" +export { default as ShadCnUI } from "./shadcn-ui" +export { default as SQLite } from "./sqlite" +export { default as Strapi } from "./strapi" +export { default as StrapiWithText } from "./strapi-with-text" +export { default as Supabase } from "./supabase" +export { default as SupabaseWithText } from "./supabase-with-text" +export { default as TailwindCss } from "./tailwindcss" +export { default as UseGenerated } from "./usegenerated" +export { default as SlackIcon } from "./slack" +export { default as Atlassian } from "./atlassian" +export { default as AuthJs } from "./auth-js" +export { default as Auth0 } from "./auth0" +export { default as AwsCognito } from "./aws-cognito" +export { default as AzureActiveDirectory } from "./azure-active-directory" +export { default as Clerk } from "./clerk" +export { default as Expo } from "./expo" +export { default as Google } from "./google" +export { default as Okta } from "./okta" +export { default as MongoDB } from "./mongodb" +export { default as MsSqlServer } from "./ms-sql-server" +export { default as MySql } from "./mysql" +export { default as PostgreSql } from "./postgresql" +export { default as Oracle } from "./oracle" +export { default as RestWithoutText } from "./rest-without-text" +export { default as CustomAuth } from "./custom-auth" +export { default as Vite } from "./vite" +export { default as PocketBase } from "./pocketbase" diff --git a/apps/www/registry/icons/integration-icons/json-api.tsx b/apps/www/registry/icons/integration-icons/json-api.tsx new file mode 100644 index 00000000..eadae521 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/json-api.tsx @@ -0,0 +1,28 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgJSONApi = (props: SVGProps) => ( + + + + + + + + +) + +export default SvgJSONApi diff --git a/apps/www/registry/icons/integration-icons/kbar.tsx b/apps/www/registry/icons/integration-icons/kbar.tsx new file mode 100644 index 00000000..8086ee48 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/kbar.tsx @@ -0,0 +1,59 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgKbar = (props: SVGProps) => ( + + + + + + + +) + +export default SvgKbar diff --git a/apps/www/registry/icons/integration-icons/kinde.tsx b/apps/www/registry/icons/integration-icons/kinde.tsx new file mode 100644 index 00000000..3ae049ac --- /dev/null +++ b/apps/www/registry/icons/integration-icons/kinde.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgKinde = (props: SVGProps) => ( + + + +) + +export default SvgKinde diff --git a/apps/www/registry/icons/integration-icons/mantine.tsx b/apps/www/registry/icons/integration-icons/mantine.tsx new file mode 100644 index 00000000..b3794982 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/mantine.tsx @@ -0,0 +1,35 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgMantine = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + + + +) + +export default SvgMantine diff --git a/apps/www/registry/icons/integration-icons/medusa.tsx b/apps/www/registry/icons/integration-icons/medusa.tsx new file mode 100644 index 00000000..26ae9580 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/medusa.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgMedusa = (props: SVGProps) => ( + + + + + + + + + +) + +export default SvgMedusa diff --git a/apps/www/registry/icons/integration-icons/mongodb.tsx b/apps/www/registry/icons/integration-icons/mongodb.tsx new file mode 100644 index 00000000..26f016dd --- /dev/null +++ b/apps/www/registry/icons/integration-icons/mongodb.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const MsSqlServer = (props: SVGProps) => ( + + + + + + + + + + +) + +export default MsSqlServer diff --git a/apps/www/registry/icons/integration-icons/ms-sql-server.tsx b/apps/www/registry/icons/integration-icons/ms-sql-server.tsx new file mode 100644 index 00000000..373a78b4 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/ms-sql-server.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const MsSqlServer = (props: SVGProps) => ( + + + + +) + +export default MsSqlServer diff --git a/apps/www/registry/icons/integration-icons/mui.tsx b/apps/www/registry/icons/integration-icons/mui.tsx new file mode 100644 index 00000000..4df71a10 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/mui.tsx @@ -0,0 +1,25 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgMui = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + +) + +export default SvgMui diff --git a/apps/www/registry/icons/integration-icons/mysql.tsx b/apps/www/registry/icons/integration-icons/mysql.tsx new file mode 100644 index 00000000..98494e4e --- /dev/null +++ b/apps/www/registry/icons/integration-icons/mysql.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const MySQL = (props: SVGProps) => ( + + + + + + + + + + + +) + +export default MySQL diff --git a/apps/www/registry/icons/integration-icons/nest-query.tsx b/apps/www/registry/icons/integration-icons/nest-query.tsx new file mode 100644 index 00000000..6a492697 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/nest-query.tsx @@ -0,0 +1,146 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgNestQuery = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgNestQuery diff --git a/apps/www/registry/icons/integration-icons/nest.tsx b/apps/www/registry/icons/integration-icons/nest.tsx new file mode 100644 index 00000000..e8a8fe55 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/nest.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgNest = (props: SVGProps) => ( + + + +) + +export default SvgNest diff --git a/apps/www/registry/icons/integration-icons/nextjs.tsx b/apps/www/registry/icons/integration-icons/nextjs.tsx new file mode 100644 index 00000000..969f5d31 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/nextjs.tsx @@ -0,0 +1,90 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgNextjs = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgNextjs diff --git a/apps/www/registry/icons/integration-icons/okta.tsx b/apps/www/registry/icons/integration-icons/okta.tsx new file mode 100644 index 00000000..c490c83b --- /dev/null +++ b/apps/www/registry/icons/integration-icons/okta.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgOkta = (props: SVGProps) => ( + + + +) + +export default SvgOkta diff --git a/apps/www/registry/icons/integration-icons/oracle.tsx b/apps/www/registry/icons/integration-icons/oracle.tsx new file mode 100644 index 00000000..c402e685 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/oracle.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgOracle = (props: SVGProps) => ( + + + + + + + + + + +) + +export default SvgOracle diff --git a/apps/www/registry/icons/integration-icons/pocketbase.tsx b/apps/www/registry/icons/integration-icons/pocketbase.tsx new file mode 100644 index 00000000..79667e0e --- /dev/null +++ b/apps/www/registry/icons/integration-icons/pocketbase.tsx @@ -0,0 +1,53 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const PocketBase = (props: SVGProps) => ( + + + + + + + + + +) + +export default PocketBase diff --git a/apps/www/registry/icons/integration-icons/postgresql.tsx b/apps/www/registry/icons/integration-icons/postgresql.tsx new file mode 100644 index 00000000..b3d5275c --- /dev/null +++ b/apps/www/registry/icons/integration-icons/postgresql.tsx @@ -0,0 +1,34 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const PostgreSQL = (props: SVGProps) => ( + + + + + + + + + +) + +export default PostgreSQL diff --git a/apps/www/registry/icons/integration-icons/react.tsx b/apps/www/registry/icons/integration-icons/react.tsx new file mode 100644 index 00000000..6f2c3ce7 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/react.tsx @@ -0,0 +1,42 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgReact = (props: SVGProps) => ( + + + + + + + + + + + + + +) + +export default SvgReact diff --git a/apps/www/registry/icons/integration-icons/remix.tsx b/apps/www/registry/icons/integration-icons/remix.tsx new file mode 100644 index 00000000..b9dc3b91 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/remix.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgRemix = ({ className, ...props }: SVGProps) => ( + + + + +) + +export default SvgRemix diff --git a/apps/www/registry/icons/integration-icons/rest-without-text.tsx b/apps/www/registry/icons/integration-icons/rest-without-text.tsx new file mode 100644 index 00000000..0c1a0e35 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/rest-without-text.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgRestWithoutText = ({ + className, + ...props +}: SVGProps) => ( + + + + +) + +export default SvgRestWithoutText diff --git a/apps/www/registry/icons/integration-icons/rest.tsx b/apps/www/registry/icons/integration-icons/rest.tsx new file mode 100644 index 00000000..98a2fe40 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/rest.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgRest = ({ className, ...props }: SVGProps) => ( + + + +) + +export default SvgRest diff --git a/apps/www/registry/icons/integration-icons/sanity.tsx b/apps/www/registry/icons/integration-icons/sanity.tsx new file mode 100644 index 00000000..c4278d9e --- /dev/null +++ b/apps/www/registry/icons/integration-icons/sanity.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgSanity = (props: SVGProps) => ( + + + + + +) + +export default SvgSanity diff --git a/apps/www/registry/icons/integration-icons/shadcn-ui.tsx b/apps/www/registry/icons/integration-icons/shadcn-ui.tsx new file mode 100644 index 00000000..91b716bb --- /dev/null +++ b/apps/www/registry/icons/integration-icons/shadcn-ui.tsx @@ -0,0 +1,25 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const ShadCnUI = (props: SVGProps) => ( + + + +) + +export default ShadCnUI diff --git a/apps/www/registry/icons/integration-icons/slack.tsx b/apps/www/registry/icons/integration-icons/slack.tsx new file mode 100644 index 00000000..3e701c8a --- /dev/null +++ b/apps/www/registry/icons/integration-icons/slack.tsx @@ -0,0 +1,32 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SlackIcon = (props: SVGProps) => ( + + + + + + +) + +export default SlackIcon diff --git a/apps/www/registry/icons/integration-icons/sqlite.tsx b/apps/www/registry/icons/integration-icons/sqlite.tsx new file mode 100644 index 00000000..efdc9f22 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/sqlite.tsx @@ -0,0 +1,44 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgSQLite = (props: SVGProps) => ( + + + + + + + + + + + + +) + +export default SvgSQLite diff --git a/apps/www/registry/icons/integration-icons/strapi-with-text.tsx b/apps/www/registry/icons/integration-icons/strapi-with-text.tsx new file mode 100644 index 00000000..b0649692 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/strapi-with-text.tsx @@ -0,0 +1,35 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const StrapiWithText = (props: SVGProps) => ( + + + + + + + + +) + +export default StrapiWithText diff --git a/apps/www/registry/icons/integration-icons/strapi.tsx b/apps/www/registry/icons/integration-icons/strapi.tsx new file mode 100644 index 00000000..eebcd838 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/strapi.tsx @@ -0,0 +1,38 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgStrapi = (props: SVGProps) => ( + + + + + + +) + +export default SvgStrapi diff --git a/apps/www/registry/icons/integration-icons/supabase-with-text.tsx b/apps/www/registry/icons/integration-icons/supabase-with-text.tsx new file mode 100644 index 00000000..b5f97f34 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/supabase-with-text.tsx @@ -0,0 +1,57 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SupabaseWithText = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default SupabaseWithText diff --git a/apps/www/registry/icons/integration-icons/supabase.tsx b/apps/www/registry/icons/integration-icons/supabase.tsx new file mode 100644 index 00000000..aa9925e6 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/supabase.tsx @@ -0,0 +1,53 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgSupabase = (props: SVGProps) => ( + + + + + + + + + + + + + + + +) + +export default SvgSupabase diff --git a/apps/www/registry/icons/integration-icons/tailwindcss.tsx b/apps/www/registry/icons/integration-icons/tailwindcss.tsx new file mode 100644 index 00000000..5803b5de --- /dev/null +++ b/apps/www/registry/icons/integration-icons/tailwindcss.tsx @@ -0,0 +1,21 @@ +import React from "react" + +const SvgTailwindCss = (props: React.SVGProps) => ( + + + +) + +export default SvgTailwindCss diff --git a/apps/www/registry/icons/integration-icons/usegenerated.tsx b/apps/www/registry/icons/integration-icons/usegenerated.tsx new file mode 100644 index 00000000..0b371822 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/usegenerated.tsx @@ -0,0 +1,87 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgUseGenerated = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgUseGenerated diff --git a/apps/www/registry/icons/integration-icons/vite.tsx b/apps/www/registry/icons/integration-icons/vite.tsx new file mode 100644 index 00000000..417b8d82 --- /dev/null +++ b/apps/www/registry/icons/integration-icons/vite.tsx @@ -0,0 +1,49 @@ +import React, { type SVGProps } from "react" + +const ViteIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default ViteIcon diff --git a/apps/www/registry/icons/intel-icon.tsx b/apps/www/registry/icons/intel-icon.tsx new file mode 100644 index 00000000..180b57f9 --- /dev/null +++ b/apps/www/registry/icons/intel-icon.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const IntelIcon = (props: SVGProps) => ( + + + + + + +) + +export default IntelIcon diff --git a/apps/www/registry/icons/interfaces-icon.tsx b/apps/www/registry/icons/interfaces-icon.tsx new file mode 100644 index 00000000..8e5a2123 --- /dev/null +++ b/apps/www/registry/icons/interfaces-icon.tsx @@ -0,0 +1,66 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const InterfacesIcon = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + + + + + + ) +} + +export default InterfacesIcon diff --git a/apps/www/registry/icons/jp-morgan-icon.tsx b/apps/www/registry/icons/jp-morgan-icon.tsx new file mode 100644 index 00000000..6702c4b8 --- /dev/null +++ b/apps/www/registry/icons/jp-morgan-icon.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const JpMorganIcon = (props: SVGProps) => ( + + + +) + +export default JpMorganIcon diff --git a/apps/www/registry/icons/list-icon.tsx b/apps/www/registry/icons/list-icon.tsx new file mode 100644 index 00000000..a7395e42 --- /dev/null +++ b/apps/www/registry/icons/list-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ListIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default ListIcon diff --git a/apps/www/registry/icons/lit.tsx b/apps/www/registry/icons/lit.tsx new file mode 100644 index 00000000..fcbf6e24 --- /dev/null +++ b/apps/www/registry/icons/lit.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const Lit = (props: SVGProps) => ( + + Lit + Logo + + + + + + + + + +) +export default Lit diff --git a/apps/www/registry/icons/logomark_astro.tsx b/apps/www/registry/icons/logomark_astro.tsx new file mode 100644 index 00000000..fca4f5cd --- /dev/null +++ b/apps/www/registry/icons/logomark_astro.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const AstroLogomark = (props: SVGProps) => ( + + Astro + + + +) + +export default AstroLogomark diff --git a/apps/www/registry/icons/logomark_biome.tsx b/apps/www/registry/icons/logomark_biome.tsx new file mode 100644 index 00000000..41259d3c --- /dev/null +++ b/apps/www/registry/icons/logomark_biome.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const BiomeLogomark = (props: SVGProps) => ( + + Biome + + +) + +export default BiomeLogomark diff --git a/apps/www/registry/icons/logomark_bun.tsx b/apps/www/registry/icons/logomark_bun.tsx new file mode 100644 index 00000000..600eedcf --- /dev/null +++ b/apps/www/registry/icons/logomark_bun.tsx @@ -0,0 +1,59 @@ +import type { SVGProps } from "react" + +const BunLogomark = (props: SVGProps) => ( + + Bun + + + + + + + + + + + + + + + + + +) + +export default BunLogomark diff --git a/apps/www/registry/icons/logomark_chroma.tsx b/apps/www/registry/icons/logomark_chroma.tsx new file mode 100644 index 00000000..f8796c73 --- /dev/null +++ b/apps/www/registry/icons/logomark_chroma.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const ChromaLogomark = (props: SVGProps) => ( + + Chroma + + + + +) + +export default ChromaLogomark diff --git a/apps/www/registry/icons/logomark_docker.tsx b/apps/www/registry/icons/logomark_docker.tsx new file mode 100644 index 00000000..9b21d6d0 --- /dev/null +++ b/apps/www/registry/icons/logomark_docker.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const DockerLogomark = (props: SVGProps) => ( + + Docker + + +) + +export default DockerLogomark diff --git a/apps/www/registry/icons/logomark_figma.tsx b/apps/www/registry/icons/logomark_figma.tsx new file mode 100644 index 00000000..ccf1a332 --- /dev/null +++ b/apps/www/registry/icons/logomark_figma.tsx @@ -0,0 +1,36 @@ +import type { SVGProps } from "react" + +const FigmaLogomark = (props: SVGProps) => ( + + Figma + + + + + + +) + +export default FigmaLogomark diff --git a/apps/www/registry/icons/logomark_nodejs.tsx b/apps/www/registry/icons/logomark_nodejs.tsx new file mode 100644 index 00000000..25cd01f0 --- /dev/null +++ b/apps/www/registry/icons/logomark_nodejs.tsx @@ -0,0 +1,83 @@ +import type { SVGProps } from "react" + +const NodejsLogomark = (props: SVGProps) => ( + + Node.js + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default NodejsLogomark diff --git a/apps/www/registry/icons/logomark_posthog.tsx b/apps/www/registry/icons/logomark_posthog.tsx new file mode 100644 index 00000000..5381b13a --- /dev/null +++ b/apps/www/registry/icons/logomark_posthog.tsx @@ -0,0 +1,29 @@ +import type { SVGProps } from "react" + +const PosthogLogomark = (props: SVGProps) => ( + + PostHog + + + + + +) + +export default PosthogLogomark diff --git a/apps/www/registry/icons/logomark_react.tsx b/apps/www/registry/icons/logomark_react.tsx new file mode 100644 index 00000000..d6d275d3 --- /dev/null +++ b/apps/www/registry/icons/logomark_react.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const ReactLogomark = (props: SVGProps) => ( + + React + + +) + +export default ReactLogomark diff --git a/apps/www/registry/icons/logomark_sentry.tsx b/apps/www/registry/icons/logomark_sentry.tsx new file mode 100644 index 00000000..1117dc55 --- /dev/null +++ b/apps/www/registry/icons/logomark_sentry.tsx @@ -0,0 +1,19 @@ +import type { SVGProps } from "react" + +const SentryLogomark = (props: SVGProps) => ( + + + +) + +export default SentryLogomark diff --git a/apps/www/registry/icons/logomark_shadcn.tsx b/apps/www/registry/icons/logomark_shadcn.tsx new file mode 100644 index 00000000..6770067c --- /dev/null +++ b/apps/www/registry/icons/logomark_shadcn.tsx @@ -0,0 +1,33 @@ +import type { SVGProps } from "react" + +const ShadcnLogomark = (props: SVGProps) => ( + + Shadcn + + + + + + + + + +) + +export default ShadcnLogomark diff --git a/apps/www/registry/icons/logomark_storybook.tsx b/apps/www/registry/icons/logomark_storybook.tsx new file mode 100644 index 00000000..7827482e --- /dev/null +++ b/apps/www/registry/icons/logomark_storybook.tsx @@ -0,0 +1,33 @@ +import type { SVGProps } from "react" + +const StorybookLogomark = (props: SVGProps) => ( + + Storybook + + + + + + + + + +) + +export default StorybookLogomark diff --git a/apps/www/registry/icons/logomark_styledictionary.tsx b/apps/www/registry/icons/logomark_styledictionary.tsx new file mode 100644 index 00000000..755e8b6e --- /dev/null +++ b/apps/www/registry/icons/logomark_styledictionary.tsx @@ -0,0 +1,47 @@ +import type { SVGProps } from "react" + +const StyleDictionaryLogomark = (props: SVGProps) => ( + + StyleDictionary + + + + + + + + + + + + + +) + +export default StyleDictionaryLogomark diff --git a/apps/www/registry/icons/logomark_supabase.tsx b/apps/www/registry/icons/logomark_supabase.tsx new file mode 100644 index 00000000..65d4b0af --- /dev/null +++ b/apps/www/registry/icons/logomark_supabase.tsx @@ -0,0 +1,52 @@ +import type { SVGProps } from "react" + +const SupabaseLogomark = (props: SVGProps) => ( + + Supabase + + + + + + + + + + + + + + +) + +export default SupabaseLogomark diff --git a/apps/www/registry/icons/logomark_swagger.tsx b/apps/www/registry/icons/logomark_swagger.tsx new file mode 100644 index 00000000..0204ce50 --- /dev/null +++ b/apps/www/registry/icons/logomark_swagger.tsx @@ -0,0 +1,28 @@ +import type { SVGProps } from "react" + +const SwaggerLogomark = (props: SVGProps) => ( + + SwaggerLogomark + + + + +) + +export default SwaggerLogomark diff --git a/apps/www/registry/icons/logomark_tailwind.tsx b/apps/www/registry/icons/logomark_tailwind.tsx new file mode 100644 index 00000000..8a5c385d --- /dev/null +++ b/apps/www/registry/icons/logomark_tailwind.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const TailwindLogomark = (props: SVGProps) => ( + + Tailwind + + +) + +export default TailwindLogomark diff --git a/apps/www/registry/icons/logomark_turborepo.tsx b/apps/www/registry/icons/logomark_turborepo.tsx new file mode 100644 index 00000000..1d14111d --- /dev/null +++ b/apps/www/registry/icons/logomark_turborepo.tsx @@ -0,0 +1,104 @@ +import type { SVGProps } from "react" + +const TurborepoLogomark = (props: SVGProps) => ( + + Turborepo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default TurborepoLogomark diff --git a/apps/www/registry/icons/logomark_typescript.tsx b/apps/www/registry/icons/logomark_typescript.tsx new file mode 100644 index 00000000..d1953e12 --- /dev/null +++ b/apps/www/registry/icons/logomark_typescript.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const TypescriptLogomark = (props: SVGProps) => ( + + TypeScript + + + +) + +export default TypescriptLogomark diff --git a/apps/www/registry/icons/logomark_vercel.tsx b/apps/www/registry/icons/logomark_vercel.tsx new file mode 100644 index 00000000..b766ed0a --- /dev/null +++ b/apps/www/registry/icons/logomark_vercel.tsx @@ -0,0 +1,18 @@ +import type { SVGProps } from "react" + +const VercelLogomark = (props: SVGProps) => ( + + Vercel + + +) + +export default VercelLogomark diff --git a/apps/www/registry/icons/logomark_vite.tsx b/apps/www/registry/icons/logomark_vite.tsx new file mode 100644 index 00000000..bce5bcca --- /dev/null +++ b/apps/www/registry/icons/logomark_vite.tsx @@ -0,0 +1,58 @@ +import type { SVGProps } from "react" + +const ViteLogomark = (props: SVGProps) => ( + + Vite + + + + + + + + + + + + + + + + + + + +) + +export default ViteLogomark diff --git a/apps/www/registry/icons/meta-icon.tsx b/apps/www/registry/icons/meta-icon.tsx new file mode 100644 index 00000000..cadff30e --- /dev/null +++ b/apps/www/registry/icons/meta-icon.tsx @@ -0,0 +1,40 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const MetaIcon = (props: SVGProps) => ( + + + + + + + +) diff --git a/apps/www/registry/icons/monitor-icon.tsx b/apps/www/registry/icons/monitor-icon.tsx new file mode 100644 index 00000000..29f38010 --- /dev/null +++ b/apps/www/registry/icons/monitor-icon.tsx @@ -0,0 +1,61 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const MonitorIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/icons/no-vendor-lockin-icon.tsx b/apps/www/registry/icons/no-vendor-lockin-icon.tsx new file mode 100644 index 00000000..9156bb7e --- /dev/null +++ b/apps/www/registry/icons/no-vendor-lockin-icon.tsx @@ -0,0 +1,66 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const NoVendorLockinIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/icons/oracle-icon.tsx b/apps/www/registry/icons/oracle-icon.tsx new file mode 100644 index 00000000..e642c0bd --- /dev/null +++ b/apps/www/registry/icons/oracle-icon.tsx @@ -0,0 +1,19 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const OracleIcon = (props: SVGProps) => ( + + + +) +export default OracleIcon diff --git a/apps/www/registry/icons/pendo.tsx b/apps/www/registry/icons/pendo.tsx new file mode 100644 index 00000000..f6da11e0 --- /dev/null +++ b/apps/www/registry/icons/pendo.tsx @@ -0,0 +1,26 @@ +import type { SVGProps } from "react" + +const PendoLogo = (props: SVGProps) => ( + + Pendo + + + +) +export default PendoLogo diff --git a/apps/www/registry/icons/posthog.tsx b/apps/www/registry/icons/posthog.tsx new file mode 100644 index 00000000..a90686bc --- /dev/null +++ b/apps/www/registry/icons/posthog.tsx @@ -0,0 +1,43 @@ +import type { SVGProps } from "react" + +const Posthog = (props: SVGProps) => ( + + Posthog + Logo + + + + + + + + + + + + + +) +export default Posthog diff --git a/apps/www/registry/icons/postmark.tsx b/apps/www/registry/icons/postmark.tsx new file mode 100644 index 00000000..68b92b71 --- /dev/null +++ b/apps/www/registry/icons/postmark.tsx @@ -0,0 +1,30 @@ +import type { SVGProps } from "react" + +const Postmark = (props: SVGProps) => ( + + Postmark + Logo + + + + + + + + + +) +export default Postmark diff --git a/apps/www/registry/icons/pro-services-icon.tsx b/apps/www/registry/icons/pro-services-icon.tsx new file mode 100644 index 00000000..0de3530b --- /dev/null +++ b/apps/www/registry/icons/pro-services-icon.tsx @@ -0,0 +1,65 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const ProServicesIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default ProServicesIcon diff --git a/apps/www/registry/icons/providers-icon.tsx b/apps/www/registry/icons/providers-icon.tsx new file mode 100644 index 00000000..2239381a --- /dev/null +++ b/apps/www/registry/icons/providers-icon.tsx @@ -0,0 +1,94 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ProvidersIcon = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} diff --git a/apps/www/registry/icons/react.tsx b/apps/www/registry/icons/react.tsx new file mode 100644 index 00000000..08e607c8 --- /dev/null +++ b/apps/www/registry/icons/react.tsx @@ -0,0 +1,39 @@ +import type { SVGProps } from "react" + +const ReactLogo = (props: SVGProps) => ( + + React + Logo + + + + + + +) +export default ReactLogo diff --git a/apps/www/registry/icons/revolutionvodka.tsx b/apps/www/registry/icons/revolutionvodka.tsx new file mode 100644 index 00000000..0b95be53 --- /dev/null +++ b/apps/www/registry/icons/revolutionvodka.tsx @@ -0,0 +1,29 @@ +"use client" + +import type { SVGProps } from "react" + +const RevolutionVodka = (props: SVGProps) => ( + + Revolution Vodka + + + + +) + +export default RevolutionVodka diff --git a/apps/www/registry/icons/routes-icon.tsx b/apps/www/registry/icons/routes-icon.tsx new file mode 100644 index 00000000..aa0c9580 --- /dev/null +++ b/apps/www/registry/icons/routes-icon.tsx @@ -0,0 +1,35 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const RoutesIcon = (props: SVGProps) => { + return ( + + + + + + + + + + ) +} + +export default RoutesIcon diff --git a/apps/www/registry/icons/salesforce-icon.tsx b/apps/www/registry/icons/salesforce-icon.tsx new file mode 100644 index 00000000..3f924752 --- /dev/null +++ b/apps/www/registry/icons/salesforce-icon.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const SalesforceIcon = (props: SVGProps) => ( + + + + +) + +export default SalesforceIcon diff --git a/apps/www/registry/icons/samsung.tsx b/apps/www/registry/icons/samsung.tsx new file mode 100644 index 00000000..ba48186e --- /dev/null +++ b/apps/www/registry/icons/samsung.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const Samsung = (props: SVGProps) => ( + + Samsung + + +) + +export default Samsung diff --git a/apps/www/registry/icons/scales.tsx b/apps/www/registry/icons/scales.tsx new file mode 100644 index 00000000..fa7b60d1 --- /dev/null +++ b/apps/www/registry/icons/scales.tsx @@ -0,0 +1,775 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const ScalesLogo = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default ScalesLogo diff --git a/apps/www/registry/icons/security-icon.tsx b/apps/www/registry/icons/security-icon.tsx new file mode 100644 index 00000000..548c4a26 --- /dev/null +++ b/apps/www/registry/icons/security-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const SecurityIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default SecurityIcon diff --git a/apps/www/registry/icons/self-hosted-icon.tsx b/apps/www/registry/icons/self-hosted-icon.tsx new file mode 100644 index 00000000..610732f0 --- /dev/null +++ b/apps/www/registry/icons/self-hosted-icon.tsx @@ -0,0 +1,69 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const SelfHostedIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default SelfHostedIcon diff --git a/apps/www/registry/icons/shady.tsx b/apps/www/registry/icons/shady.tsx new file mode 100644 index 00000000..381cf18d --- /dev/null +++ b/apps/www/registry/icons/shady.tsx @@ -0,0 +1,23 @@ +"use client" + +import type { SVGProps } from "react" + +const Shady = (props: SVGProps) => ( + + Shady Records + + +) + +export default Shady diff --git a/apps/www/registry/icons/starlight.tsx b/apps/www/registry/icons/starlight.tsx new file mode 100644 index 00000000..4d67bf21 --- /dev/null +++ b/apps/www/registry/icons/starlight.tsx @@ -0,0 +1,61 @@ +import type { SVGProps } from "react" + +const Starlight = (props: SVGProps) => ( + + Starlight + Logo + + + + + + + + + + + + + + + + + + + +) +export default Starlight diff --git a/apps/www/registry/icons/stencil.tsx b/apps/www/registry/icons/stencil.tsx new file mode 100644 index 00000000..a5bfa086 --- /dev/null +++ b/apps/www/registry/icons/stencil.tsx @@ -0,0 +1,27 @@ +import type { SVGProps } from "react" + +const Stencil = (props: SVGProps) => ( + + Stencil + Logo + + + + + + + + + +) +export default Stencil diff --git a/apps/www/registry/icons/storybook.tsx b/apps/www/registry/icons/storybook.tsx new file mode 100644 index 00000000..6c398a00 --- /dev/null +++ b/apps/www/registry/icons/storybook.tsx @@ -0,0 +1,53 @@ +import type { SVGProps } from "react" + +const Storybook = (props: SVGProps) => ( + + Storybook + Logo + + + + + + + + + + + + + + + + +) +export default Storybook diff --git a/apps/www/registry/icons/stripe.tsx b/apps/www/registry/icons/stripe.tsx new file mode 100644 index 00000000..a0d14ece --- /dev/null +++ b/apps/www/registry/icons/stripe.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const Stripe = (props: SVGProps) => ( + + Stripe + Logo + + +) +export default Stripe diff --git a/apps/www/registry/icons/style-dictionary.tsx b/apps/www/registry/icons/style-dictionary.tsx new file mode 100644 index 00000000..ac7ed5dc --- /dev/null +++ b/apps/www/registry/icons/style-dictionary.tsx @@ -0,0 +1,47 @@ +import type { SVGProps } from "react" + +const StyleDictionary = (props: SVGProps) => ( + + Style Dictionary + Logo + + + + + + + + + + + + + + +) +export default StyleDictionary diff --git a/apps/www/registry/icons/supabase.tsx b/apps/www/registry/icons/supabase.tsx new file mode 100644 index 00000000..062bf32f --- /dev/null +++ b/apps/www/registry/icons/supabase.tsx @@ -0,0 +1,57 @@ +import type { SVGProps } from "react" + +const Supabase = (props: SVGProps) => ( + + Supabase + Logo + + + + + + + + + + + + + + + +) +export default Supabase diff --git a/apps/www/registry/icons/supernova.tsx b/apps/www/registry/icons/supernova.tsx new file mode 100644 index 00000000..e63c1f3e --- /dev/null +++ b/apps/www/registry/icons/supernova.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const Supernova = (props: SVGProps) => ( + + Supernova + Logo + + +) +export default Supernova diff --git a/apps/www/registry/icons/support-icon.tsx b/apps/www/registry/icons/support-icon.tsx new file mode 100644 index 00000000..d469461b --- /dev/null +++ b/apps/www/registry/icons/support-icon.tsx @@ -0,0 +1,64 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const SupportIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/icons/timeline-icon.tsx b/apps/www/registry/icons/timeline-icon.tsx new file mode 100644 index 00000000..272f9900 --- /dev/null +++ b/apps/www/registry/icons/timeline-icon.tsx @@ -0,0 +1,76 @@ +import React from "react" + +export const TimelineIcon = ( + props: React.SVGProps +): JSX.Element => ( + + + + + + + + + + +) diff --git a/apps/www/registry/icons/tokens-studio.tsx b/apps/www/registry/icons/tokens-studio.tsx new file mode 100644 index 00000000..df77b7f0 --- /dev/null +++ b/apps/www/registry/icons/tokens-studio.tsx @@ -0,0 +1,29 @@ +import type { SVGProps } from "react" + +const TokenStudio = (props: SVGProps) => ( + + Tokens Studio + Logo + + + + + + + + + + + +) +export default TokenStudio diff --git a/apps/www/registry/icons/toyota.tsx b/apps/www/registry/icons/toyota.tsx new file mode 100644 index 00000000..baccdc4c --- /dev/null +++ b/apps/www/registry/icons/toyota.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const Toyota = (props: SVGProps) => ( + + Toyota + + +) + +export default Toyota diff --git a/apps/www/registry/icons/truwhip.tsx b/apps/www/registry/icons/truwhip.tsx new file mode 100644 index 00000000..387d31f2 --- /dev/null +++ b/apps/www/registry/icons/truwhip.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const Truwhip = (props: SVGProps) => ( + + Truwhip + + +) + +export default Truwhip diff --git a/apps/www/registry/icons/turborepo.tsx b/apps/www/registry/icons/turborepo.tsx new file mode 100644 index 00000000..79ec8854 --- /dev/null +++ b/apps/www/registry/icons/turborepo.tsx @@ -0,0 +1,117 @@ +import type { SVGProps } from "react" + +const Turborepo = (props: SVGProps) => ( + + TurboRepo + Logo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default Turborepo diff --git a/apps/www/registry/icons/upwork-icon.tsx b/apps/www/registry/icons/upwork-icon.tsx new file mode 100644 index 00000000..0ec69788 --- /dev/null +++ b/apps/www/registry/icons/upwork-icon.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const UpworkIcon = (props: SVGProps) => ( + + + + + +) + +export default UpworkIcon diff --git a/apps/www/registry/icons/utilities-icon.tsx.tsx b/apps/www/registry/icons/utilities-icon.tsx.tsx new file mode 100644 index 00000000..29863ee3 --- /dev/null +++ b/apps/www/registry/icons/utilities-icon.tsx.tsx @@ -0,0 +1,53 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const UtilitiesIcon = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default UtilitiesIcon diff --git a/apps/www/registry/icons/wizards-icon.tsx b/apps/www/registry/icons/wizards-icon.tsx new file mode 100644 index 00000000..16466159 --- /dev/null +++ b/apps/www/registry/icons/wizards-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const WizardsIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default WizardsIcon diff --git a/apps/www/registry/icons/zendesk.tsx b/apps/www/registry/icons/zendesk.tsx new file mode 100644 index 00000000..8e86849c --- /dev/null +++ b/apps/www/registry/icons/zendesk.tsx @@ -0,0 +1,19 @@ +import type { SVGProps } from "react" + +const ZendeskLogo = (props: SVGProps) => ( + + Zendesk + + +) +export default ZendeskLogo diff --git a/apps/www/registry/index.ts b/apps/www/registry/index.ts index 11f856f7..d6aadcc9 100644 --- a/apps/www/registry/index.ts +++ b/apps/www/registry/index.ts @@ -1,8 +1,8 @@ import { blocks } from "@/registry/registry-blocks" -// import { icons } from "@/registry/registry-icons" import { charts } from "@/registry/registry-charts" import { examples } from "@/registry/registry-examples" import { hooks } from "@/registry/registry-hooks" +import { icons as iconsRegistry } from "@/registry/registry-icons" import { lib } from "@/registry/registry-lib" import { prodkt } from "@/registry/registry-prodkt" import { themes } from "@/registry/registry-themes" @@ -21,3 +21,5 @@ export const registry: Registry = [ ...v0, ...prodkt, ] + +export const icons = Object.values(iconsRegistry).flat() diff --git a/apps/www/registry/new-york/example/design-system-icons/component-library.tsx b/apps/www/registry/new-york/example/design-system-icons/component-library.tsx new file mode 100644 index 00000000..06d66c83 --- /dev/null +++ b/apps/www/registry/new-york/example/design-system-icons/component-library.tsx @@ -0,0 +1,9 @@ +import { ComponentLibrary } from "@/registry/icons/design-system" + +export default function AnimatedCollaborationDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/new-york/example/design-system-icons/design-language.tsx b/apps/www/registry/new-york/example/design-system-icons/design-language.tsx new file mode 100644 index 00000000..7192dae9 --- /dev/null +++ b/apps/www/registry/new-york/example/design-system-icons/design-language.tsx @@ -0,0 +1,9 @@ +import { DesignLanguage } from "@/registry/icons/design-system" + +export default function DesignLanguageDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/new-york/example/design-system-icons/design-libraries.tsx b/apps/www/registry/new-york/example/design-system-icons/design-libraries.tsx new file mode 100644 index 00000000..95fd6533 --- /dev/null +++ b/apps/www/registry/new-york/example/design-system-icons/design-libraries.tsx @@ -0,0 +1,9 @@ +import { DesignLibraries } from "@/registry/icons/design-system" + +export default function DesignLibrariesDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/new-york/example/design-system-icons/documentation.tsx b/apps/www/registry/new-york/example/design-system-icons/documentation.tsx new file mode 100644 index 00000000..8fd42a97 --- /dev/null +++ b/apps/www/registry/new-york/example/design-system-icons/documentation.tsx @@ -0,0 +1,9 @@ +import { Documentation } from "@/registry/icons/design-system" + +export default function DocumentationDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/new-york/example/design-system-icons/governance.tsx b/apps/www/registry/new-york/example/design-system-icons/governance.tsx new file mode 100644 index 00000000..207996f2 --- /dev/null +++ b/apps/www/registry/new-york/example/design-system-icons/governance.tsx @@ -0,0 +1,9 @@ +import { Governance } from "@/registry/icons/design-system" + +export default function GovernanceDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/new-york/example/design-system-icons/sandboxes.tsx b/apps/www/registry/new-york/example/design-system-icons/sandboxes.tsx new file mode 100644 index 00000000..e8a6f3ae --- /dev/null +++ b/apps/www/registry/new-york/example/design-system-icons/sandboxes.tsx @@ -0,0 +1,9 @@ +import { Sandboxes } from "@/registry/icons/design-system" + +export default function SandboxesDemo() { + return ( +
+ +
+ ) +} diff --git a/apps/www/registry/new-york/icons/access-control-icon.tsx b/apps/www/registry/new-york/icons/access-control-icon.tsx new file mode 100644 index 00000000..ce7d3580 --- /dev/null +++ b/apps/www/registry/new-york/icons/access-control-icon.tsx @@ -0,0 +1,64 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const AccessControlIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/new-york/icons/acrobat.tsx b/apps/www/registry/new-york/icons/acrobat.tsx new file mode 100644 index 00000000..9c16ea4e --- /dev/null +++ b/apps/www/registry/new-york/icons/acrobat.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const Acrobat = (props: SVGProps) => ( + + Adobe Acrobat with Adobe + + + + +) +export default Acrobat diff --git a/apps/www/registry/new-york/icons/adobe-illustrator.tsx b/apps/www/registry/new-york/icons/adobe-illustrator.tsx new file mode 100644 index 00000000..542030ac --- /dev/null +++ b/apps/www/registry/new-york/icons/adobe-illustrator.tsx @@ -0,0 +1,31 @@ +import type { SVGProps } from "react" + +const AdobeIllustrator = (props: SVGProps) => ( + + Adobe Illustrator + Logo + + + + + + + + + + +) +export default AdobeIllustrator diff --git a/apps/www/registry/new-york/icons/amazon-icon.tsx b/apps/www/registry/new-york/icons/amazon-icon.tsx new file mode 100644 index 00000000..60bbfd8f --- /dev/null +++ b/apps/www/registry/new-york/icons/amazon-icon.tsx @@ -0,0 +1,40 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AmazonIcon = (props: SVGProps) => ( + + + + + + + +) + +export default AmazonIcon diff --git a/apps/www/registry/new-york/icons/astro.tsx b/apps/www/registry/new-york/icons/astro.tsx new file mode 100644 index 00000000..9c04b0d4 --- /dev/null +++ b/apps/www/registry/new-york/icons/astro.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const Astro = (props: SVGProps) => ( + + Astro + Logo + + +) +export default Astro diff --git a/apps/www/registry/new-york/icons/atlassian-icon.tsx b/apps/www/registry/new-york/icons/atlassian-icon.tsx new file mode 100644 index 00000000..d913761e --- /dev/null +++ b/apps/www/registry/new-york/icons/atlassian-icon.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AtlassianIcon = (props: SVGProps) => ( + + + + +) + +export default AtlassianIcon diff --git a/apps/www/registry/new-york/icons/authentication-icon.tsx b/apps/www/registry/new-york/icons/authentication-icon.tsx new file mode 100644 index 00000000..716ed798 --- /dev/null +++ b/apps/www/registry/new-york/icons/authentication-icon.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AuthenticationIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default AuthenticationIcon diff --git a/apps/www/registry/new-york/icons/autodesk-icon.tsx b/apps/www/registry/new-york/icons/autodesk-icon.tsx new file mode 100644 index 00000000..e54068fb --- /dev/null +++ b/apps/www/registry/new-york/icons/autodesk-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const AutodeskIcon = (props: SVGProps) => ( + + + +) + +export default AutodeskIcon diff --git a/apps/www/registry/new-york/icons/best-practices-icon.tsx b/apps/www/registry/new-york/icons/best-practices-icon.tsx new file mode 100644 index 00000000..dd5682b0 --- /dev/null +++ b/apps/www/registry/new-york/icons/best-practices-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const BestPracticeIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default BestPracticeIcon diff --git a/apps/www/registry/new-york/icons/black-box-icon.tsx b/apps/www/registry/new-york/icons/black-box-icon.tsx new file mode 100644 index 00000000..31837e13 --- /dev/null +++ b/apps/www/registry/new-york/icons/black-box-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const BlackBoxIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default BlackBoxIcon diff --git a/apps/www/registry/new-york/icons/charts-icon.tsx b/apps/www/registry/new-york/icons/charts-icon.tsx new file mode 100644 index 00000000..445e26ad --- /dev/null +++ b/apps/www/registry/new-york/icons/charts-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ChartsIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default ChartsIcon diff --git a/apps/www/registry/new-york/icons/cisco-icon.tsx b/apps/www/registry/new-york/icons/cisco-icon.tsx new file mode 100644 index 00000000..9c2fcdf9 --- /dev/null +++ b/apps/www/registry/new-york/icons/cisco-icon.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const CiscoIcon = (props: SVGProps) => ( + + + + + +) + +export default CiscoIcon diff --git a/apps/www/registry/new-york/icons/cisco.tsx b/apps/www/registry/new-york/icons/cisco.tsx new file mode 100644 index 00000000..32fc59b8 --- /dev/null +++ b/apps/www/registry/new-york/icons/cisco.tsx @@ -0,0 +1,71 @@ +"use client" + +import type { SVGProps } from "react" + +const Cisco = (props: SVGProps) => ( + + Cisco + + + + + + + + + + + + + + + + +) + +export default Cisco diff --git a/apps/www/registry/new-york/icons/cloud-tip-icon.tsx b/apps/www/registry/new-york/icons/cloud-tip-icon.tsx new file mode 100644 index 00000000..21ac4706 --- /dev/null +++ b/apps/www/registry/new-york/icons/cloud-tip-icon.tsx @@ -0,0 +1,15 @@ +import React from "react" + +export const CloudTipIcon = (props: React.SVGProps) => ( + + + +) + +export default CloudTipIcon diff --git a/apps/www/registry/new-york/icons/coke.tsx b/apps/www/registry/new-york/icons/coke.tsx new file mode 100644 index 00000000..1434564f --- /dev/null +++ b/apps/www/registry/new-york/icons/coke.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const CocaCola = (props: SVGProps) => ( + + Coca Cola + + +) + +export default CocaCola diff --git a/apps/www/registry/new-york/icons/components-icon.tsx b/apps/www/registry/new-york/icons/components-icon.tsx new file mode 100644 index 00000000..b35a9f20 --- /dev/null +++ b/apps/www/registry/new-york/icons/components-icon.tsx @@ -0,0 +1,37 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ComponentsIcon = (props: SVGProps) => { + return ( + + + + + + + + + + ) +} + +export default ComponentsIcon diff --git a/apps/www/registry/new-york/icons/confluence.tsx b/apps/www/registry/new-york/icons/confluence.tsx new file mode 100644 index 00000000..e68e88cd --- /dev/null +++ b/apps/www/registry/new-york/icons/confluence.tsx @@ -0,0 +1,59 @@ +import type { SVGProps } from "react" + +const Confluence = (props: SVGProps) => ( + + Confluence + Logo + + + + + + + + + + + + + + + + + + + +) +export default Confluence diff --git a/apps/www/registry/new-york/icons/datadog.tsx b/apps/www/registry/new-york/icons/datadog.tsx new file mode 100644 index 00000000..cff53c38 --- /dev/null +++ b/apps/www/registry/new-york/icons/datadog.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const Datadog = (props: SVGProps) => ( + + DataDog + Logo + + +) +export default Datadog diff --git a/apps/www/registry/new-york/icons/datatables-icon.tsx b/apps/www/registry/new-york/icons/datatables-icon.tsx new file mode 100644 index 00000000..82b2ebd2 --- /dev/null +++ b/apps/www/registry/new-york/icons/datatables-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const DataTablesIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default DataTablesIcon diff --git a/apps/www/registry/new-york/icons/deloitte-icon.tsx b/apps/www/registry/new-york/icons/deloitte-icon.tsx new file mode 100644 index 00000000..7b298efd --- /dev/null +++ b/apps/www/registry/new-york/icons/deloitte-icon.tsx @@ -0,0 +1,43 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const DeloitteIcon = (props: SVGProps) => ( + + + + + + + + +) + +export default DeloitteIcon diff --git a/apps/www/registry/new-york/icons/design-system/index.tsx b/apps/www/registry/new-york/icons/design-system/index.tsx new file mode 100644 index 00000000..542653ce --- /dev/null +++ b/apps/www/registry/new-york/icons/design-system/index.tsx @@ -0,0 +1,214 @@ +"use client" + +import type { SVGProps } from "react" + +const ComponentLibrary = (props: SVGProps) => ( + + Component Library + + + +) + +const DesignLanguage = (props: SVGProps) => ( + + Design Language + + + +) + +const DesignLibraries = (props: SVGProps) => ( + + Design Libraries + + + + + +) + +const Documentation = (props: SVGProps) => ( + + Documentation + + + + +) + +const Governance = (props: SVGProps) => ( + + Governance + + + + +) + +const Sandboxes = (props: SVGProps) => ( + + Sandboxes + + + + + + + +) + +export { + ComponentLibrary, + DesignLanguage, + DesignLibraries, + Documentation, + Governance, + Sandboxes, +} diff --git a/apps/www/registry/new-york/icons/directus.tsx b/apps/www/registry/new-york/icons/directus.tsx new file mode 100644 index 00000000..de690caa --- /dev/null +++ b/apps/www/registry/new-york/icons/directus.tsx @@ -0,0 +1,26 @@ +import type { SVGProps } from "react" + +const Directus = (props: SVGProps) => ( + + Directus + Logo + + + +) +export default Directus diff --git a/apps/www/registry/new-york/icons/docker.tsx b/apps/www/registry/new-york/icons/docker.tsx new file mode 100644 index 00000000..8067cff1 --- /dev/null +++ b/apps/www/registry/new-york/icons/docker.tsx @@ -0,0 +1,30 @@ +import type { SVGProps } from "react" + +const Docker = (props: SVGProps) => ( + + Docker + Logo + + + + +) +export default Docker diff --git a/apps/www/registry/new-york/icons/dominos.tsx b/apps/www/registry/new-york/icons/dominos.tsx new file mode 100644 index 00000000..198b9b14 --- /dev/null +++ b/apps/www/registry/new-york/icons/dominos.tsx @@ -0,0 +1,27 @@ +"use client" + +import type { SVGProps } from "react" + +const Dominos = (props: SVGProps) => ( + + Dominos + + + +) + +export default Dominos diff --git a/apps/www/registry/new-york/icons/eminem.tsx b/apps/www/registry/new-york/icons/eminem.tsx new file mode 100644 index 00000000..5566c3cf --- /dev/null +++ b/apps/www/registry/new-york/icons/eminem.tsx @@ -0,0 +1,23 @@ +"use client" + +import type { SVGProps } from "react" + +const Eminem = (props: SVGProps) => ( + + Eminem + + +) + +export default Eminem diff --git a/apps/www/registry/new-york/icons/figma.tsx b/apps/www/registry/new-york/icons/figma.tsx new file mode 100644 index 00000000..f39601f4 --- /dev/null +++ b/apps/www/registry/new-york/icons/figma.tsx @@ -0,0 +1,36 @@ +import type { SVGProps } from "react" + +const Figma = (props: SVGProps) => ( + + Figma + Logo + + + + + +) +export default Figma diff --git a/apps/www/registry/new-york/icons/forms-icon.tsx b/apps/www/registry/new-york/icons/forms-icon.tsx new file mode 100644 index 00000000..ccf1e7fd --- /dev/null +++ b/apps/www/registry/new-york/icons/forms-icon.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const FormsIcon = (props: SVGProps) => { + return ( + + + + + ) +} diff --git a/apps/www/registry/new-york/icons/gitbook.tsx b/apps/www/registry/new-york/icons/gitbook.tsx new file mode 100644 index 00000000..2a872c32 --- /dev/null +++ b/apps/www/registry/new-york/icons/gitbook.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const Gitbook = (props: SVGProps) => ( + + Gitbook + Logo + + +) +export default Gitbook diff --git a/apps/www/registry/new-york/icons/github-icon.tsx b/apps/www/registry/new-york/icons/github-icon.tsx new file mode 100644 index 00000000..8b60144a --- /dev/null +++ b/apps/www/registry/new-york/icons/github-icon.tsx @@ -0,0 +1,23 @@ +import React from "react" + +export const GithubIcon = ( + props: React.SVGProps +): JSX.Element => ( + + + +) + +export default GithubIcon diff --git a/apps/www/registry/new-york/icons/google-analytics.tsx b/apps/www/registry/new-york/icons/google-analytics.tsx new file mode 100644 index 00000000..d6e921d3 --- /dev/null +++ b/apps/www/registry/new-york/icons/google-analytics.tsx @@ -0,0 +1,35 @@ +import type { SVGProps } from "react" + +const GoogleAnalytics = (props: SVGProps) => ( + + Google Analytics + Logo + + + + + + + + + + + +) +export default GoogleAnalytics diff --git a/apps/www/registry/new-york/icons/hellsangels.tsx b/apps/www/registry/new-york/icons/hellsangels.tsx new file mode 100644 index 00000000..dc9f203a --- /dev/null +++ b/apps/www/registry/new-york/icons/hellsangels.tsx @@ -0,0 +1,33 @@ +"use client" + +import type { SVGProps } from "react" + +const HellsAngels = (props: SVGProps) => ( + + Hells Angels + + + + + +) + +export default HellsAngels diff --git a/apps/www/registry/new-york/icons/hm.tsx b/apps/www/registry/new-york/icons/hm.tsx new file mode 100644 index 00000000..cc7c60e9 --- /dev/null +++ b/apps/www/registry/new-york/icons/hm.tsx @@ -0,0 +1,30 @@ +"use client" + +import type { SVGProps } from "react" + +const Hm = (props: SVGProps) => ( + + H&M + + + +) + +export default Hm diff --git a/apps/www/registry/new-york/icons/hp.tsx b/apps/www/registry/new-york/icons/hp.tsx new file mode 100644 index 00000000..3744df41 --- /dev/null +++ b/apps/www/registry/new-york/icons/hp.tsx @@ -0,0 +1,22 @@ +"use client" + +import type { SVGProps } from "react" + +const Hp = (props: SVGProps) => ( + + HP + + +) + +export default Hp diff --git a/apps/www/registry/new-york/icons/ibm-icon.tsx b/apps/www/registry/new-york/icons/ibm-icon.tsx new file mode 100644 index 00000000..c2c67e6a --- /dev/null +++ b/apps/www/registry/new-york/icons/ibm-icon.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const IbmIcon = (props: SVGProps) => ( + + + +) + +export default IbmIcon diff --git a/apps/www/registry/new-york/icons/ideanote.tsx b/apps/www/registry/new-york/icons/ideanote.tsx new file mode 100644 index 00000000..06aa545e --- /dev/null +++ b/apps/www/registry/new-york/icons/ideanote.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const Ideanote = (props: SVGProps) => ( + + Ideanote + Logo + + + + + + + + + +) +export default Ideanote diff --git a/apps/www/registry/new-york/icons/identity-icon.tsx b/apps/www/registry/new-york/icons/identity-icon.tsx new file mode 100644 index 00000000..93e935fd --- /dev/null +++ b/apps/www/registry/new-york/icons/identity-icon.tsx @@ -0,0 +1,66 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const IdentityIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default IdentityIcon diff --git a/apps/www/registry/new-york/icons/index.ts b/apps/www/registry/new-york/icons/index.ts new file mode 100644 index 00000000..f5dba13f --- /dev/null +++ b/apps/www/registry/new-york/icons/index.ts @@ -0,0 +1,96 @@ +export * from "./access-control-icon" +export * from "./acrobat" +export * from "./adobe-illustrator" +export * from "./amazon-icon" +export * from "./astro" +export * from "./atlassian-icon" +export * from "./authentication-icon" +export * from "./autodesk-icon" +export * from "./best-practices-icon" +export * from "./black-box-icon" +export * from "./charts-icon" +export * from "./cisco-icon" +export * from "./cisco" +export * from "./cloud-tip-icon" +export * from "./coke" +export * from "./components-icon" +export * from "./confluence" +export * from "./datadog" +export * from "./datatables-icon" +export * from "./deloitte-icon" +export * from "./directus" +export * from "./docker" +export * from "./dominos" +export * from "./eminem" +export * from "./figma" +export * from "./forms-icon" +export * from "./gitbook" +export * from "./github-icon" +export * from "./google-analytics" +export * from "./hellsangels" +export * from "./hm" +export * from "./hp" +export * from "./ibm-icon" +export * from "./ideanote" +export * from "./identity-icon" +export * from "./infinite-scalability-icon" +export * from "./intel-icon" +export * from "./interfaces-icon" +export * from "./jp-morgan-icon" +export * from "./list-icon" +export * from "./lit" +export * from "./logomark_astro" +export * from "./logomark_biome" +export * from "./logomark_bun" +export * from "./logomark_chroma" +export * from "./logomark_docker" +export * from "./logomark_figma" +export * from "./logomark_nodejs" +export * from "./logomark_posthog" +export * from "./logomark_react" +export * from "./logomark_sentry" +export * from "./logomark_shadcn" +export * from "./logomark_storybook" +export * from "./logomark_styledictionary" +export * from "./logomark_supabase" +export * from "./logomark_swagger" +export * from "./logomark_tailwind" +export * from "./logomark_turborepo" +export * from "./logomark_typescript" +export * from "./logomark_vercel" +export * from "./logomark_vite" +export * from "./meta-icon" +export * from "./monitor-icon" +export * from "./no-vendor-lockin-icon" +export * from "./oracle-icon" +export * from "./pendo" +export * from "./posthog" +export * from "./postmark" +export * from "./pro-services-icon" +export * from "./providers-icon" +export * from "./react" +export * from "./revolutionvodka" +export * from "./routes-icon" +export * from "./salesforce-icon" +export * from "./samsung" +export * from "./scales" +export * from "./security-icon" +export * from "./self-hosted-icon" +export * from "./shady" +export * from "./starlight" +export * from "./stencil" +export * from "./storybook" +export * from "./stripe" +export * from "./style-dictionary" +export * from "./supabase" +export * from "./supernova" +export * from "./support-icon" +export * from "./timeline-icon" +export * from "./tokens-studio" +export * from "./toyota" +export * from "./truwhip" +export * from "./turborepo" +export * from "./upwork-icon" +export * from "./utilities-icon.tsx" +export * from "./wizards-icon" +export * from "./zendesk" diff --git a/apps/www/registry/new-york/icons/infinite-scalability-icon.tsx b/apps/www/registry/new-york/icons/infinite-scalability-icon.tsx new file mode 100644 index 00000000..42d20fba --- /dev/null +++ b/apps/www/registry/new-york/icons/infinite-scalability-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const InfiniteScalabilityIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default InfiniteScalabilityIcon diff --git a/apps/www/registry/new-york/icons/integration-icons/ably.tsx b/apps/www/registry/new-york/icons/integration-icons/ably.tsx new file mode 100644 index 00000000..0b49a9d6 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/ably.tsx @@ -0,0 +1,39 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAbly = (props: SVGProps) => ( + + + + + + + + + + + + + +) + +export default SvgAbly diff --git a/apps/www/registry/new-york/icons/integration-icons/airtable.tsx b/apps/www/registry/new-york/icons/integration-icons/airtable.tsx new file mode 100644 index 00000000..1f008723 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/airtable.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAirtable = (props: SVGProps) => ( + + + + + + +) + +export default SvgAirtable diff --git a/apps/www/registry/new-york/icons/integration-icons/antd.tsx b/apps/www/registry/new-york/icons/integration-icons/antd.tsx new file mode 100644 index 00000000..c9d24097 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/antd.tsx @@ -0,0 +1,105 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAntd = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgAntd diff --git a/apps/www/registry/new-york/icons/integration-icons/appwrite.tsx b/apps/www/registry/new-york/icons/integration-icons/appwrite.tsx new file mode 100644 index 00000000..7f8c9376 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/appwrite.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAppwrite = (props: SVGProps) => ( + + + + +) + +export default SvgAppwrite diff --git a/apps/www/registry/new-york/icons/integration-icons/atlassian.tsx b/apps/www/registry/new-york/icons/integration-icons/atlassian.tsx new file mode 100644 index 00000000..79030fd8 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/atlassian.tsx @@ -0,0 +1,37 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAtlassian = (props: SVGProps) => ( + + + + + + + + + + +) + +export default SvgAtlassian diff --git a/apps/www/registry/new-york/icons/integration-icons/auth-js.tsx b/apps/www/registry/new-york/icons/integration-icons/auth-js.tsx new file mode 100644 index 00000000..7faddd2c --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/auth-js.tsx @@ -0,0 +1,34 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAuthJs = (props: SVGProps) => ( + + + + + + + + + +) + +export default SvgAuthJs diff --git a/apps/www/registry/new-york/icons/integration-icons/auth0.tsx b/apps/www/registry/new-york/icons/integration-icons/auth0.tsx new file mode 100644 index 00000000..057aea89 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/auth0.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAuth0 = (props: SVGProps) => ( + + + +) + +export default SvgAuth0 diff --git a/apps/www/registry/new-york/icons/integration-icons/aws-cognito.tsx b/apps/www/registry/new-york/icons/integration-icons/aws-cognito.tsx new file mode 100644 index 00000000..f5836b34 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/aws-cognito.tsx @@ -0,0 +1,55 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAwsCognito = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + +) + +export default SvgAwsCognito diff --git a/apps/www/registry/new-york/icons/integration-icons/azure-active-directory.tsx b/apps/www/registry/new-york/icons/integration-icons/azure-active-directory.tsx new file mode 100644 index 00000000..690a495a --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/azure-active-directory.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgAzureActiveDirectory = (props: SVGProps) => ( + + + + +) + +export default SvgAzureActiveDirectory diff --git a/apps/www/registry/new-york/icons/integration-icons/chakra.tsx b/apps/www/registry/new-york/icons/integration-icons/chakra.tsx new file mode 100644 index 00000000..b9012315 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/chakra.tsx @@ -0,0 +1,46 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgChakra = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + + + + + + + + +) + +export default SvgChakra diff --git a/apps/www/registry/new-york/icons/integration-icons/clerk.tsx b/apps/www/registry/new-york/icons/integration-icons/clerk.tsx new file mode 100644 index 00000000..31762e4e --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/clerk.tsx @@ -0,0 +1,55 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgClerk = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + +) + +export default SvgClerk diff --git a/apps/www/registry/new-york/icons/integration-icons/custom-auth.tsx b/apps/www/registry/new-york/icons/integration-icons/custom-auth.tsx new file mode 100644 index 00000000..039999ed --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/custom-auth.tsx @@ -0,0 +1,23 @@ +import React, { type SVGProps } from "react" + +const CustomAuthIcon = (props: SVGProps) => ( + + + + + + +) + +export default CustomAuthIcon diff --git a/apps/www/registry/new-york/icons/integration-icons/directus.tsx b/apps/www/registry/new-york/icons/integration-icons/directus.tsx new file mode 100644 index 00000000..72f5e63c --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/directus.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgDirectus = (props: SVGProps) => ( + + + +) + +export default SvgDirectus diff --git a/apps/www/registry/new-york/icons/integration-icons/dp.tsx b/apps/www/registry/new-york/icons/integration-icons/dp.tsx new file mode 100644 index 00000000..a71e3005 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/dp.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgDp = (props: SVGProps) => ( + + + + + + + + + +) + +export default SvgDp diff --git a/apps/www/registry/new-york/icons/integration-icons/elide-graphql.tsx b/apps/www/registry/new-york/icons/integration-icons/elide-graphql.tsx new file mode 100644 index 00000000..908c89c1 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/elide-graphql.tsx @@ -0,0 +1,49 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgElideGraphql = ({ className, ...props }: SVGProps) => ( + + + + + + + + + + + + +) + +export default SvgElideGraphql diff --git a/apps/www/registry/new-york/icons/integration-icons/elide.tsx b/apps/www/registry/new-york/icons/integration-icons/elide.tsx new file mode 100644 index 00000000..bdb3aa39 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/elide.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgElide = ({ className, ...props }: SVGProps) => ( + + + +) + +export default SvgElide diff --git a/apps/www/registry/new-york/icons/integration-icons/entrefine.tsx b/apps/www/registry/new-york/icons/integration-icons/entrefine.tsx new file mode 100644 index 00000000..aadb3c9d --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/entrefine.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgEntRefine = (props: SVGProps) => ( + + + + + +) + +export default SvgEntRefine diff --git a/apps/www/registry/new-york/icons/integration-icons/expo.tsx b/apps/www/registry/new-york/icons/integration-icons/expo.tsx new file mode 100644 index 00000000..534f9c5e --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/expo.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgExpo = (props: SVGProps) => ( + + + +) + +export default SvgExpo diff --git a/apps/www/registry/new-york/icons/integration-icons/firebase.tsx b/apps/www/registry/new-york/icons/integration-icons/firebase.tsx new file mode 100644 index 00000000..32e7284b --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/firebase.tsx @@ -0,0 +1,125 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgFirebase = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgFirebase diff --git a/apps/www/registry/new-york/icons/integration-icons/google.tsx b/apps/www/registry/new-york/icons/integration-icons/google.tsx new file mode 100644 index 00000000..dbe3156c --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/google.tsx @@ -0,0 +1,32 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgGoogle = (props: SVGProps) => ( + + + + + + +) + +export default SvgGoogle diff --git a/apps/www/registry/new-york/icons/integration-icons/graphql.tsx b/apps/www/registry/new-york/icons/integration-icons/graphql.tsx new file mode 100644 index 00000000..02b79ed4 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/graphql.tsx @@ -0,0 +1,42 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgGraphql = (props: SVGProps) => ( + + + + + + + + + + +) + +export default SvgGraphql diff --git a/apps/www/registry/new-york/icons/integration-icons/hasura.tsx b/apps/www/registry/new-york/icons/integration-icons/hasura.tsx new file mode 100644 index 00000000..762a2f26 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/hasura.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgHasura = (props: SVGProps) => ( + + + +) + +export default SvgHasura diff --git a/apps/www/registry/new-york/icons/integration-icons/headless.tsx b/apps/www/registry/new-york/icons/integration-icons/headless.tsx new file mode 100644 index 00000000..6235d497 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/headless.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgHeadless = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + +) + +export default SvgHeadless diff --git a/apps/www/registry/new-york/icons/integration-icons/hook-form.tsx b/apps/www/registry/new-york/icons/integration-icons/hook-form.tsx new file mode 100644 index 00000000..86beb5b2 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/hook-form.tsx @@ -0,0 +1,38 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgHookForm = (props: SVGProps) => ( + + + + + + + +) + +export default SvgHookForm diff --git a/apps/www/registry/new-york/icons/integration-icons/hygraph.tsx b/apps/www/registry/new-york/icons/integration-icons/hygraph.tsx new file mode 100644 index 00000000..187e9585 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/hygraph.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgHygraph = (props: SVGProps) => ( + + + +) + +export default SvgHygraph diff --git a/apps/www/registry/new-york/icons/integration-icons/index.ts b/apps/www/registry/new-york/icons/integration-icons/index.ts new file mode 100644 index 00000000..b17f1df0 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/index.ts @@ -0,0 +1,56 @@ +export { default as Ably } from "./ably" +export { default as Airtable } from "./airtable" +export { default as Antd } from "./antd" +export { default as Appwrite } from "./appwrite" +export { default as Chakra } from "./chakra" +export { default as Directus } from "./directus" +export { default as Dp } from "./dp" +export { default as Elide } from "./elide" +export { default as ElideGraphql } from "./elide-graphql" +export { default as EntRefine } from "./entrefine" +export { default as Firebase } from "./firebase" +export { default as Graphql } from "./graphql" +export { default as Hasura } from "./hasura" +export { default as Headless } from "./headless" +export { default as HookForm } from "./hook-form" +export { default as Hygraph } from "./hygraph" +export { default as JSONApi } from "./json-api" +export { default as Kbar } from "./kbar" +export { default as Kinde } from "./kinde" +export { default as Mantine } from "./mantine" +export { default as Medusa } from "./medusa" +export { default as Mui } from "./mui" +export { default as Nest } from "./nest" +export { default as NestQuery } from "./nest-query" +export { default as Nextjs } from "./nextjs" +export { default as React } from "./react" +export { default as Remix } from "./remix" +export { default as Rest } from "./rest" +export { default as Sanity } from "./sanity" +export { default as ShadCnUI } from "./shadcn-ui" +export { default as SQLite } from "./sqlite" +export { default as Strapi } from "./strapi" +export { default as StrapiWithText } from "./strapi-with-text" +export { default as Supabase } from "./supabase" +export { default as SupabaseWithText } from "./supabase-with-text" +export { default as TailwindCss } from "./tailwindcss" +export { default as UseGenerated } from "./usegenerated" +export { default as SlackIcon } from "./slack" +export { default as Atlassian } from "./atlassian" +export { default as AuthJs } from "./auth-js" +export { default as Auth0 } from "./auth0" +export { default as AwsCognito } from "./aws-cognito" +export { default as AzureActiveDirectory } from "./azure-active-directory" +export { default as Clerk } from "./clerk" +export { default as Expo } from "./expo" +export { default as Google } from "./google" +export { default as Okta } from "./okta" +export { default as MongoDB } from "./mongodb" +export { default as MsSqlServer } from "./ms-sql-server" +export { default as MySql } from "./mysql" +export { default as PostgreSql } from "./postgresql" +export { default as Oracle } from "./oracle" +export { default as RestWithoutText } from "./rest-without-text" +export { default as CustomAuth } from "./custom-auth" +export { default as Vite } from "./vite" +export { default as PocketBase } from "./pocketbase" diff --git a/apps/www/registry/new-york/icons/integration-icons/json-api.tsx b/apps/www/registry/new-york/icons/integration-icons/json-api.tsx new file mode 100644 index 00000000..eadae521 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/json-api.tsx @@ -0,0 +1,28 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgJSONApi = (props: SVGProps) => ( + + + + + + + + +) + +export default SvgJSONApi diff --git a/apps/www/registry/new-york/icons/integration-icons/kbar.tsx b/apps/www/registry/new-york/icons/integration-icons/kbar.tsx new file mode 100644 index 00000000..8086ee48 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/kbar.tsx @@ -0,0 +1,59 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgKbar = (props: SVGProps) => ( + + + + + + + +) + +export default SvgKbar diff --git a/apps/www/registry/new-york/icons/integration-icons/kinde.tsx b/apps/www/registry/new-york/icons/integration-icons/kinde.tsx new file mode 100644 index 00000000..3ae049ac --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/kinde.tsx @@ -0,0 +1,23 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgKinde = (props: SVGProps) => ( + + + +) + +export default SvgKinde diff --git a/apps/www/registry/new-york/icons/integration-icons/mantine.tsx b/apps/www/registry/new-york/icons/integration-icons/mantine.tsx new file mode 100644 index 00000000..b3794982 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/mantine.tsx @@ -0,0 +1,35 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgMantine = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + + + +) + +export default SvgMantine diff --git a/apps/www/registry/new-york/icons/integration-icons/medusa.tsx b/apps/www/registry/new-york/icons/integration-icons/medusa.tsx new file mode 100644 index 00000000..26ae9580 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/medusa.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgMedusa = (props: SVGProps) => ( + + + + + + + + + +) + +export default SvgMedusa diff --git a/apps/www/registry/new-york/icons/integration-icons/mongodb.tsx b/apps/www/registry/new-york/icons/integration-icons/mongodb.tsx new file mode 100644 index 00000000..26f016dd --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/mongodb.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const MsSqlServer = (props: SVGProps) => ( + + + + + + + + + + +) + +export default MsSqlServer diff --git a/apps/www/registry/new-york/icons/integration-icons/ms-sql-server.tsx b/apps/www/registry/new-york/icons/integration-icons/ms-sql-server.tsx new file mode 100644 index 00000000..373a78b4 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/ms-sql-server.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const MsSqlServer = (props: SVGProps) => ( + + + + +) + +export default MsSqlServer diff --git a/apps/www/registry/new-york/icons/integration-icons/mui.tsx b/apps/www/registry/new-york/icons/integration-icons/mui.tsx new file mode 100644 index 00000000..4df71a10 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/mui.tsx @@ -0,0 +1,25 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgMui = ({ + withBrandColor = true, + ...props +}: SVGProps & { withBrandColor?: boolean }) => ( + + + +) + +export default SvgMui diff --git a/apps/www/registry/new-york/icons/integration-icons/mysql.tsx b/apps/www/registry/new-york/icons/integration-icons/mysql.tsx new file mode 100644 index 00000000..98494e4e --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/mysql.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const MySQL = (props: SVGProps) => ( + + + + + + + + + + + +) + +export default MySQL diff --git a/apps/www/registry/new-york/icons/integration-icons/nest-query.tsx b/apps/www/registry/new-york/icons/integration-icons/nest-query.tsx new file mode 100644 index 00000000..6a492697 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/nest-query.tsx @@ -0,0 +1,146 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgNestQuery = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgNestQuery diff --git a/apps/www/registry/new-york/icons/integration-icons/nest.tsx b/apps/www/registry/new-york/icons/integration-icons/nest.tsx new file mode 100644 index 00000000..e8a8fe55 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/nest.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgNest = (props: SVGProps) => ( + + + +) + +export default SvgNest diff --git a/apps/www/registry/new-york/icons/integration-icons/nextjs.tsx b/apps/www/registry/new-york/icons/integration-icons/nextjs.tsx new file mode 100644 index 00000000..969f5d31 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/nextjs.tsx @@ -0,0 +1,90 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgNextjs = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgNextjs diff --git a/apps/www/registry/new-york/icons/integration-icons/okta.tsx b/apps/www/registry/new-york/icons/integration-icons/okta.tsx new file mode 100644 index 00000000..c490c83b --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/okta.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgOkta = (props: SVGProps) => ( + + + +) + +export default SvgOkta diff --git a/apps/www/registry/new-york/icons/integration-icons/oracle.tsx b/apps/www/registry/new-york/icons/integration-icons/oracle.tsx new file mode 100644 index 00000000..c402e685 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/oracle.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgOracle = (props: SVGProps) => ( + + + + + + + + + + +) + +export default SvgOracle diff --git a/apps/www/registry/new-york/icons/integration-icons/pocketbase.tsx b/apps/www/registry/new-york/icons/integration-icons/pocketbase.tsx new file mode 100644 index 00000000..79667e0e --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/pocketbase.tsx @@ -0,0 +1,53 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const PocketBase = (props: SVGProps) => ( + + + + + + + + + +) + +export default PocketBase diff --git a/apps/www/registry/new-york/icons/integration-icons/postgresql.tsx b/apps/www/registry/new-york/icons/integration-icons/postgresql.tsx new file mode 100644 index 00000000..b3d5275c --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/postgresql.tsx @@ -0,0 +1,34 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const PostgreSQL = (props: SVGProps) => ( + + + + + + + + + +) + +export default PostgreSQL diff --git a/apps/www/registry/new-york/icons/integration-icons/react.tsx b/apps/www/registry/new-york/icons/integration-icons/react.tsx new file mode 100644 index 00000000..6f2c3ce7 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/react.tsx @@ -0,0 +1,42 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgReact = (props: SVGProps) => ( + + + + + + + + + + + + + +) + +export default SvgReact diff --git a/apps/www/registry/new-york/icons/integration-icons/remix.tsx b/apps/www/registry/new-york/icons/integration-icons/remix.tsx new file mode 100644 index 00000000..b9dc3b91 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/remix.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgRemix = ({ className, ...props }: SVGProps) => ( + + + + +) + +export default SvgRemix diff --git a/apps/www/registry/new-york/icons/integration-icons/rest-without-text.tsx b/apps/www/registry/new-york/icons/integration-icons/rest-without-text.tsx new file mode 100644 index 00000000..0c1a0e35 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/rest-without-text.tsx @@ -0,0 +1,31 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgRestWithoutText = ({ + className, + ...props +}: SVGProps) => ( + + + + +) + +export default SvgRestWithoutText diff --git a/apps/www/registry/new-york/icons/integration-icons/rest.tsx b/apps/www/registry/new-york/icons/integration-icons/rest.tsx new file mode 100644 index 00000000..98a2fe40 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/rest.tsx @@ -0,0 +1,24 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgRest = ({ className, ...props }: SVGProps) => ( + + + +) + +export default SvgRest diff --git a/apps/www/registry/new-york/icons/integration-icons/sanity.tsx b/apps/www/registry/new-york/icons/integration-icons/sanity.tsx new file mode 100644 index 00000000..c4278d9e --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/sanity.tsx @@ -0,0 +1,27 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgSanity = (props: SVGProps) => ( + + + + + +) + +export default SvgSanity diff --git a/apps/www/registry/new-york/icons/integration-icons/shadcn-ui.tsx b/apps/www/registry/new-york/icons/integration-icons/shadcn-ui.tsx new file mode 100644 index 00000000..91b716bb --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/shadcn-ui.tsx @@ -0,0 +1,25 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const ShadCnUI = (props: SVGProps) => ( + + + +) + +export default ShadCnUI diff --git a/apps/www/registry/new-york/icons/integration-icons/slack.tsx b/apps/www/registry/new-york/icons/integration-icons/slack.tsx new file mode 100644 index 00000000..3e701c8a --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/slack.tsx @@ -0,0 +1,32 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SlackIcon = (props: SVGProps) => ( + + + + + + +) + +export default SlackIcon diff --git a/apps/www/registry/new-york/icons/integration-icons/sqlite.tsx b/apps/www/registry/new-york/icons/integration-icons/sqlite.tsx new file mode 100644 index 00000000..efdc9f22 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/sqlite.tsx @@ -0,0 +1,44 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +const SvgSQLite = (props: SVGProps) => ( + + + + + + + + + + + + +) + +export default SvgSQLite diff --git a/apps/www/registry/new-york/icons/integration-icons/strapi-with-text.tsx b/apps/www/registry/new-york/icons/integration-icons/strapi-with-text.tsx new file mode 100644 index 00000000..b0649692 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/strapi-with-text.tsx @@ -0,0 +1,35 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const StrapiWithText = (props: SVGProps) => ( + + + + + + + + +) + +export default StrapiWithText diff --git a/apps/www/registry/new-york/icons/integration-icons/strapi.tsx b/apps/www/registry/new-york/icons/integration-icons/strapi.tsx new file mode 100644 index 00000000..eebcd838 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/strapi.tsx @@ -0,0 +1,38 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgStrapi = (props: SVGProps) => ( + + + + + + +) + +export default SvgStrapi diff --git a/apps/www/registry/new-york/icons/integration-icons/supabase-with-text.tsx b/apps/www/registry/new-york/icons/integration-icons/supabase-with-text.tsx new file mode 100644 index 00000000..b5f97f34 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/supabase-with-text.tsx @@ -0,0 +1,57 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SupabaseWithText = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default SupabaseWithText diff --git a/apps/www/registry/new-york/icons/integration-icons/supabase.tsx b/apps/www/registry/new-york/icons/integration-icons/supabase.tsx new file mode 100644 index 00000000..aa9925e6 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/supabase.tsx @@ -0,0 +1,53 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgSupabase = (props: SVGProps) => ( + + + + + + + + + + + + + + + +) + +export default SvgSupabase diff --git a/apps/www/registry/new-york/icons/integration-icons/tailwindcss.tsx b/apps/www/registry/new-york/icons/integration-icons/tailwindcss.tsx new file mode 100644 index 00000000..5803b5de --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/tailwindcss.tsx @@ -0,0 +1,21 @@ +import React from "react" + +const SvgTailwindCss = (props: React.SVGProps) => ( + + + +) + +export default SvgTailwindCss diff --git a/apps/www/registry/new-york/icons/integration-icons/usegenerated.tsx b/apps/www/registry/new-york/icons/integration-icons/usegenerated.tsx new file mode 100644 index 00000000..0b371822 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/usegenerated.tsx @@ -0,0 +1,87 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const SvgUseGenerated = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default SvgUseGenerated diff --git a/apps/www/registry/new-york/icons/integration-icons/vite.tsx b/apps/www/registry/new-york/icons/integration-icons/vite.tsx new file mode 100644 index 00000000..417b8d82 --- /dev/null +++ b/apps/www/registry/new-york/icons/integration-icons/vite.tsx @@ -0,0 +1,49 @@ +import React, { type SVGProps } from "react" + +const ViteIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default ViteIcon diff --git a/apps/www/registry/new-york/icons/intel-icon.tsx b/apps/www/registry/new-york/icons/intel-icon.tsx new file mode 100644 index 00000000..180b57f9 --- /dev/null +++ b/apps/www/registry/new-york/icons/intel-icon.tsx @@ -0,0 +1,33 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const IntelIcon = (props: SVGProps) => ( + + + + + + +) + +export default IntelIcon diff --git a/apps/www/registry/new-york/icons/interfaces-icon.tsx b/apps/www/registry/new-york/icons/interfaces-icon.tsx new file mode 100644 index 00000000..8e5a2123 --- /dev/null +++ b/apps/www/registry/new-york/icons/interfaces-icon.tsx @@ -0,0 +1,66 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const InterfacesIcon = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + + + + + + ) +} + +export default InterfacesIcon diff --git a/apps/www/registry/new-york/icons/jp-morgan-icon.tsx b/apps/www/registry/new-york/icons/jp-morgan-icon.tsx new file mode 100644 index 00000000..6702c4b8 --- /dev/null +++ b/apps/www/registry/new-york/icons/jp-morgan-icon.tsx @@ -0,0 +1,20 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const JpMorganIcon = (props: SVGProps) => ( + + + +) + +export default JpMorganIcon diff --git a/apps/www/registry/new-york/icons/list-icon.tsx b/apps/www/registry/new-york/icons/list-icon.tsx new file mode 100644 index 00000000..a7395e42 --- /dev/null +++ b/apps/www/registry/new-york/icons/list-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ListIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default ListIcon diff --git a/apps/www/registry/new-york/icons/lit.tsx b/apps/www/registry/new-york/icons/lit.tsx new file mode 100644 index 00000000..fcbf6e24 --- /dev/null +++ b/apps/www/registry/new-york/icons/lit.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const Lit = (props: SVGProps) => ( + + Lit + Logo + + + + + + + + + +) +export default Lit diff --git a/apps/www/registry/new-york/icons/logomark_astro.tsx b/apps/www/registry/new-york/icons/logomark_astro.tsx new file mode 100644 index 00000000..fca4f5cd --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_astro.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const AstroLogomark = (props: SVGProps) => ( + + Astro + + + +) + +export default AstroLogomark diff --git a/apps/www/registry/new-york/icons/logomark_biome.tsx b/apps/www/registry/new-york/icons/logomark_biome.tsx new file mode 100644 index 00000000..41259d3c --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_biome.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const BiomeLogomark = (props: SVGProps) => ( + + Biome + + +) + +export default BiomeLogomark diff --git a/apps/www/registry/new-york/icons/logomark_bun.tsx b/apps/www/registry/new-york/icons/logomark_bun.tsx new file mode 100644 index 00000000..600eedcf --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_bun.tsx @@ -0,0 +1,59 @@ +import type { SVGProps } from "react" + +const BunLogomark = (props: SVGProps) => ( + + Bun + + + + + + + + + + + + + + + + + +) + +export default BunLogomark diff --git a/apps/www/registry/new-york/icons/logomark_chroma.tsx b/apps/www/registry/new-york/icons/logomark_chroma.tsx new file mode 100644 index 00000000..f8796c73 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_chroma.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const ChromaLogomark = (props: SVGProps) => ( + + Chroma + + + + +) + +export default ChromaLogomark diff --git a/apps/www/registry/new-york/icons/logomark_docker.tsx b/apps/www/registry/new-york/icons/logomark_docker.tsx new file mode 100644 index 00000000..9b21d6d0 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_docker.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const DockerLogomark = (props: SVGProps) => ( + + Docker + + +) + +export default DockerLogomark diff --git a/apps/www/registry/new-york/icons/logomark_figma.tsx b/apps/www/registry/new-york/icons/logomark_figma.tsx new file mode 100644 index 00000000..ccf1a332 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_figma.tsx @@ -0,0 +1,36 @@ +import type { SVGProps } from "react" + +const FigmaLogomark = (props: SVGProps) => ( + + Figma + + + + + + +) + +export default FigmaLogomark diff --git a/apps/www/registry/new-york/icons/logomark_nodejs.tsx b/apps/www/registry/new-york/icons/logomark_nodejs.tsx new file mode 100644 index 00000000..25cd01f0 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_nodejs.tsx @@ -0,0 +1,83 @@ +import type { SVGProps } from "react" + +const NodejsLogomark = (props: SVGProps) => ( + + Node.js + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default NodejsLogomark diff --git a/apps/www/registry/new-york/icons/logomark_posthog.tsx b/apps/www/registry/new-york/icons/logomark_posthog.tsx new file mode 100644 index 00000000..5381b13a --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_posthog.tsx @@ -0,0 +1,29 @@ +import type { SVGProps } from "react" + +const PosthogLogomark = (props: SVGProps) => ( + + PostHog + + + + + +) + +export default PosthogLogomark diff --git a/apps/www/registry/new-york/icons/logomark_react.tsx b/apps/www/registry/new-york/icons/logomark_react.tsx new file mode 100644 index 00000000..d6d275d3 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_react.tsx @@ -0,0 +1,20 @@ +import type { SVGProps } from "react" + +const ReactLogomark = (props: SVGProps) => ( + + React + + +) + +export default ReactLogomark diff --git a/apps/www/registry/new-york/icons/logomark_sentry.tsx b/apps/www/registry/new-york/icons/logomark_sentry.tsx new file mode 100644 index 00000000..1117dc55 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_sentry.tsx @@ -0,0 +1,19 @@ +import type { SVGProps } from "react" + +const SentryLogomark = (props: SVGProps) => ( + + + +) + +export default SentryLogomark diff --git a/apps/www/registry/new-york/icons/logomark_shadcn.tsx b/apps/www/registry/new-york/icons/logomark_shadcn.tsx new file mode 100644 index 00000000..6770067c --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_shadcn.tsx @@ -0,0 +1,33 @@ +import type { SVGProps } from "react" + +const ShadcnLogomark = (props: SVGProps) => ( + + Shadcn + + + + + + + + + +) + +export default ShadcnLogomark diff --git a/apps/www/registry/new-york/icons/logomark_storybook.tsx b/apps/www/registry/new-york/icons/logomark_storybook.tsx new file mode 100644 index 00000000..7827482e --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_storybook.tsx @@ -0,0 +1,33 @@ +import type { SVGProps } from "react" + +const StorybookLogomark = (props: SVGProps) => ( + + Storybook + + + + + + + + + +) + +export default StorybookLogomark diff --git a/apps/www/registry/new-york/icons/logomark_styledictionary.tsx b/apps/www/registry/new-york/icons/logomark_styledictionary.tsx new file mode 100644 index 00000000..755e8b6e --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_styledictionary.tsx @@ -0,0 +1,47 @@ +import type { SVGProps } from "react" + +const StyleDictionaryLogomark = (props: SVGProps) => ( + + StyleDictionary + + + + + + + + + + + + + +) + +export default StyleDictionaryLogomark diff --git a/apps/www/registry/new-york/icons/logomark_supabase.tsx b/apps/www/registry/new-york/icons/logomark_supabase.tsx new file mode 100644 index 00000000..65d4b0af --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_supabase.tsx @@ -0,0 +1,52 @@ +import type { SVGProps } from "react" + +const SupabaseLogomark = (props: SVGProps) => ( + + Supabase + + + + + + + + + + + + + + +) + +export default SupabaseLogomark diff --git a/apps/www/registry/new-york/icons/logomark_swagger.tsx b/apps/www/registry/new-york/icons/logomark_swagger.tsx new file mode 100644 index 00000000..0204ce50 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_swagger.tsx @@ -0,0 +1,28 @@ +import type { SVGProps } from "react" + +const SwaggerLogomark = (props: SVGProps) => ( + + SwaggerLogomark + + + + +) + +export default SwaggerLogomark diff --git a/apps/www/registry/new-york/icons/logomark_tailwind.tsx b/apps/www/registry/new-york/icons/logomark_tailwind.tsx new file mode 100644 index 00000000..8a5c385d --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_tailwind.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const TailwindLogomark = (props: SVGProps) => ( + + Tailwind + + +) + +export default TailwindLogomark diff --git a/apps/www/registry/new-york/icons/logomark_turborepo.tsx b/apps/www/registry/new-york/icons/logomark_turborepo.tsx new file mode 100644 index 00000000..1d14111d --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_turborepo.tsx @@ -0,0 +1,104 @@ +import type { SVGProps } from "react" + +const TurborepoLogomark = (props: SVGProps) => ( + + Turborepo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default TurborepoLogomark diff --git a/apps/www/registry/new-york/icons/logomark_typescript.tsx b/apps/www/registry/new-york/icons/logomark_typescript.tsx new file mode 100644 index 00000000..d1953e12 --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_typescript.tsx @@ -0,0 +1,24 @@ +import type { SVGProps } from "react" + +const TypescriptLogomark = (props: SVGProps) => ( + + TypeScript + + + +) + +export default TypescriptLogomark diff --git a/apps/www/registry/new-york/icons/logomark_vercel.tsx b/apps/www/registry/new-york/icons/logomark_vercel.tsx new file mode 100644 index 00000000..b766ed0a --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_vercel.tsx @@ -0,0 +1,18 @@ +import type { SVGProps } from "react" + +const VercelLogomark = (props: SVGProps) => ( + + Vercel + + +) + +export default VercelLogomark diff --git a/apps/www/registry/new-york/icons/logomark_vite.tsx b/apps/www/registry/new-york/icons/logomark_vite.tsx new file mode 100644 index 00000000..bce5bcca --- /dev/null +++ b/apps/www/registry/new-york/icons/logomark_vite.tsx @@ -0,0 +1,58 @@ +import type { SVGProps } from "react" + +const ViteLogomark = (props: SVGProps) => ( + + Vite + + + + + + + + + + + + + + + + + + + +) + +export default ViteLogomark diff --git a/apps/www/registry/new-york/icons/meta-icon.tsx b/apps/www/registry/new-york/icons/meta-icon.tsx new file mode 100644 index 00000000..cadff30e --- /dev/null +++ b/apps/www/registry/new-york/icons/meta-icon.tsx @@ -0,0 +1,40 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const MetaIcon = (props: SVGProps) => ( + + + + + + + +) diff --git a/apps/www/registry/new-york/icons/monitor-icon.tsx b/apps/www/registry/new-york/icons/monitor-icon.tsx new file mode 100644 index 00000000..29f38010 --- /dev/null +++ b/apps/www/registry/new-york/icons/monitor-icon.tsx @@ -0,0 +1,61 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const MonitorIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/new-york/icons/no-vendor-lockin-icon.tsx b/apps/www/registry/new-york/icons/no-vendor-lockin-icon.tsx new file mode 100644 index 00000000..9156bb7e --- /dev/null +++ b/apps/www/registry/new-york/icons/no-vendor-lockin-icon.tsx @@ -0,0 +1,66 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const NoVendorLockinIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/new-york/icons/oracle-icon.tsx b/apps/www/registry/new-york/icons/oracle-icon.tsx new file mode 100644 index 00000000..e642c0bd --- /dev/null +++ b/apps/www/registry/new-york/icons/oracle-icon.tsx @@ -0,0 +1,19 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const OracleIcon = (props: SVGProps) => ( + + + +) +export default OracleIcon diff --git a/apps/www/registry/new-york/icons/pendo.tsx b/apps/www/registry/new-york/icons/pendo.tsx new file mode 100644 index 00000000..f6da11e0 --- /dev/null +++ b/apps/www/registry/new-york/icons/pendo.tsx @@ -0,0 +1,26 @@ +import type { SVGProps } from "react" + +const PendoLogo = (props: SVGProps) => ( + + Pendo + + + +) +export default PendoLogo diff --git a/apps/www/registry/new-york/icons/posthog.tsx b/apps/www/registry/new-york/icons/posthog.tsx new file mode 100644 index 00000000..a90686bc --- /dev/null +++ b/apps/www/registry/new-york/icons/posthog.tsx @@ -0,0 +1,43 @@ +import type { SVGProps } from "react" + +const Posthog = (props: SVGProps) => ( + + Posthog + Logo + + + + + + + + + + + + + +) +export default Posthog diff --git a/apps/www/registry/new-york/icons/postmark.tsx b/apps/www/registry/new-york/icons/postmark.tsx new file mode 100644 index 00000000..68b92b71 --- /dev/null +++ b/apps/www/registry/new-york/icons/postmark.tsx @@ -0,0 +1,30 @@ +import type { SVGProps } from "react" + +const Postmark = (props: SVGProps) => ( + + Postmark + Logo + + + + + + + + + +) +export default Postmark diff --git a/apps/www/registry/new-york/icons/pro-services-icon.tsx b/apps/www/registry/new-york/icons/pro-services-icon.tsx new file mode 100644 index 00000000..0de3530b --- /dev/null +++ b/apps/www/registry/new-york/icons/pro-services-icon.tsx @@ -0,0 +1,65 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const ProServicesIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default ProServicesIcon diff --git a/apps/www/registry/new-york/icons/providers-icon.tsx b/apps/www/registry/new-york/icons/providers-icon.tsx new file mode 100644 index 00000000..2239381a --- /dev/null +++ b/apps/www/registry/new-york/icons/providers-icon.tsx @@ -0,0 +1,94 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const ProvidersIcon = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + ) +} diff --git a/apps/www/registry/new-york/icons/react.tsx b/apps/www/registry/new-york/icons/react.tsx new file mode 100644 index 00000000..08e607c8 --- /dev/null +++ b/apps/www/registry/new-york/icons/react.tsx @@ -0,0 +1,39 @@ +import type { SVGProps } from "react" + +const ReactLogo = (props: SVGProps) => ( + + React + Logo + + + + + + +) +export default ReactLogo diff --git a/apps/www/registry/new-york/icons/revolutionvodka.tsx b/apps/www/registry/new-york/icons/revolutionvodka.tsx new file mode 100644 index 00000000..0b95be53 --- /dev/null +++ b/apps/www/registry/new-york/icons/revolutionvodka.tsx @@ -0,0 +1,29 @@ +"use client" + +import type { SVGProps } from "react" + +const RevolutionVodka = (props: SVGProps) => ( + + Revolution Vodka + + + + +) + +export default RevolutionVodka diff --git a/apps/www/registry/new-york/icons/routes-icon.tsx b/apps/www/registry/new-york/icons/routes-icon.tsx new file mode 100644 index 00000000..aa0c9580 --- /dev/null +++ b/apps/www/registry/new-york/icons/routes-icon.tsx @@ -0,0 +1,35 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const RoutesIcon = (props: SVGProps) => { + return ( + + + + + + + + + + ) +} + +export default RoutesIcon diff --git a/apps/www/registry/new-york/icons/salesforce-icon.tsx b/apps/www/registry/new-york/icons/salesforce-icon.tsx new file mode 100644 index 00000000..3f924752 --- /dev/null +++ b/apps/www/registry/new-york/icons/salesforce-icon.tsx @@ -0,0 +1,26 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const SalesforceIcon = (props: SVGProps) => ( + + + + +) + +export default SalesforceIcon diff --git a/apps/www/registry/new-york/icons/samsung.tsx b/apps/www/registry/new-york/icons/samsung.tsx new file mode 100644 index 00000000..ba48186e --- /dev/null +++ b/apps/www/registry/new-york/icons/samsung.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const Samsung = (props: SVGProps) => ( + + Samsung + + +) + +export default Samsung diff --git a/apps/www/registry/new-york/icons/scales.tsx b/apps/www/registry/new-york/icons/scales.tsx new file mode 100644 index 00000000..fa7b60d1 --- /dev/null +++ b/apps/www/registry/new-york/icons/scales.tsx @@ -0,0 +1,775 @@ +import * as React from "react" +import type { SVGProps } from "react" + +const ScalesLogo = (props: SVGProps) => ( + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) + +export default ScalesLogo diff --git a/apps/www/registry/new-york/icons/security-icon.tsx b/apps/www/registry/new-york/icons/security-icon.tsx new file mode 100644 index 00000000..548c4a26 --- /dev/null +++ b/apps/www/registry/new-york/icons/security-icon.tsx @@ -0,0 +1,68 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const SecurityIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default SecurityIcon diff --git a/apps/www/registry/new-york/icons/self-hosted-icon.tsx b/apps/www/registry/new-york/icons/self-hosted-icon.tsx new file mode 100644 index 00000000..610732f0 --- /dev/null +++ b/apps/www/registry/new-york/icons/self-hosted-icon.tsx @@ -0,0 +1,69 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const SelfHostedIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) + +export default SelfHostedIcon diff --git a/apps/www/registry/new-york/icons/shady.tsx b/apps/www/registry/new-york/icons/shady.tsx new file mode 100644 index 00000000..381cf18d --- /dev/null +++ b/apps/www/registry/new-york/icons/shady.tsx @@ -0,0 +1,23 @@ +"use client" + +import type { SVGProps } from "react" + +const Shady = (props: SVGProps) => ( + + Shady Records + + +) + +export default Shady diff --git a/apps/www/registry/new-york/icons/starlight.tsx b/apps/www/registry/new-york/icons/starlight.tsx new file mode 100644 index 00000000..4d67bf21 --- /dev/null +++ b/apps/www/registry/new-york/icons/starlight.tsx @@ -0,0 +1,61 @@ +import type { SVGProps } from "react" + +const Starlight = (props: SVGProps) => ( + + Starlight + Logo + + + + + + + + + + + + + + + + + + + +) +export default Starlight diff --git a/apps/www/registry/new-york/icons/stencil.tsx b/apps/www/registry/new-york/icons/stencil.tsx new file mode 100644 index 00000000..a5bfa086 --- /dev/null +++ b/apps/www/registry/new-york/icons/stencil.tsx @@ -0,0 +1,27 @@ +import type { SVGProps } from "react" + +const Stencil = (props: SVGProps) => ( + + Stencil + Logo + + + + + + + + + +) +export default Stencil diff --git a/apps/www/registry/new-york/icons/storybook.tsx b/apps/www/registry/new-york/icons/storybook.tsx new file mode 100644 index 00000000..6c398a00 --- /dev/null +++ b/apps/www/registry/new-york/icons/storybook.tsx @@ -0,0 +1,53 @@ +import type { SVGProps } from "react" + +const Storybook = (props: SVGProps) => ( + + Storybook + Logo + + + + + + + + + + + + + + + + +) +export default Storybook diff --git a/apps/www/registry/new-york/icons/stripe.tsx b/apps/www/registry/new-york/icons/stripe.tsx new file mode 100644 index 00000000..a0d14ece --- /dev/null +++ b/apps/www/registry/new-york/icons/stripe.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const Stripe = (props: SVGProps) => ( + + Stripe + Logo + + +) +export default Stripe diff --git a/apps/www/registry/new-york/icons/style-dictionary.tsx b/apps/www/registry/new-york/icons/style-dictionary.tsx new file mode 100644 index 00000000..ac7ed5dc --- /dev/null +++ b/apps/www/registry/new-york/icons/style-dictionary.tsx @@ -0,0 +1,47 @@ +import type { SVGProps } from "react" + +const StyleDictionary = (props: SVGProps) => ( + + Style Dictionary + Logo + + + + + + + + + + + + + + +) +export default StyleDictionary diff --git a/apps/www/registry/new-york/icons/supabase.tsx b/apps/www/registry/new-york/icons/supabase.tsx new file mode 100644 index 00000000..062bf32f --- /dev/null +++ b/apps/www/registry/new-york/icons/supabase.tsx @@ -0,0 +1,57 @@ +import type { SVGProps } from "react" + +const Supabase = (props: SVGProps) => ( + + Supabase + Logo + + + + + + + + + + + + + + + +) +export default Supabase diff --git a/apps/www/registry/new-york/icons/supernova.tsx b/apps/www/registry/new-york/icons/supernova.tsx new file mode 100644 index 00000000..e63c1f3e --- /dev/null +++ b/apps/www/registry/new-york/icons/supernova.tsx @@ -0,0 +1,22 @@ +import type { SVGProps } from "react" + +const Supernova = (props: SVGProps) => ( + + Supernova + Logo + + +) +export default Supernova diff --git a/apps/www/registry/new-york/icons/support-icon.tsx b/apps/www/registry/new-york/icons/support-icon.tsx new file mode 100644 index 00000000..d469461b --- /dev/null +++ b/apps/www/registry/new-york/icons/support-icon.tsx @@ -0,0 +1,64 @@ +import * as React from "react" +import type { SVGProps } from "react" +import clsx from "clsx" + +export const SupportIcon = (props: SVGProps) => ( + + + + + + + + + + + + + + + + +) diff --git a/apps/www/registry/new-york/icons/timeline-icon.tsx b/apps/www/registry/new-york/icons/timeline-icon.tsx new file mode 100644 index 00000000..272f9900 --- /dev/null +++ b/apps/www/registry/new-york/icons/timeline-icon.tsx @@ -0,0 +1,76 @@ +import React from "react" + +export const TimelineIcon = ( + props: React.SVGProps +): JSX.Element => ( + + + + + + + + + + +) diff --git a/apps/www/registry/new-york/icons/tokens-studio.tsx b/apps/www/registry/new-york/icons/tokens-studio.tsx new file mode 100644 index 00000000..df77b7f0 --- /dev/null +++ b/apps/www/registry/new-york/icons/tokens-studio.tsx @@ -0,0 +1,29 @@ +import type { SVGProps } from "react" + +const TokenStudio = (props: SVGProps) => ( + + Tokens Studio + Logo + + + + + + + + + + + +) +export default TokenStudio diff --git a/apps/www/registry/new-york/icons/toyota.tsx b/apps/www/registry/new-york/icons/toyota.tsx new file mode 100644 index 00000000..baccdc4c --- /dev/null +++ b/apps/www/registry/new-york/icons/toyota.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const Toyota = (props: SVGProps) => ( + + Toyota + + +) + +export default Toyota diff --git a/apps/www/registry/new-york/icons/truwhip.tsx b/apps/www/registry/new-york/icons/truwhip.tsx new file mode 100644 index 00000000..387d31f2 --- /dev/null +++ b/apps/www/registry/new-york/icons/truwhip.tsx @@ -0,0 +1,21 @@ +"use client" + +import type { SVGProps } from "react" + +const Truwhip = (props: SVGProps) => ( + + Truwhip + + +) + +export default Truwhip diff --git a/apps/www/registry/new-york/icons/turborepo.tsx b/apps/www/registry/new-york/icons/turborepo.tsx new file mode 100644 index 00000000..79ec8854 --- /dev/null +++ b/apps/www/registry/new-york/icons/turborepo.tsx @@ -0,0 +1,117 @@ +import type { SVGProps } from "react" + +const Turborepo = (props: SVGProps) => ( + + TurboRepo + Logo + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +) +export default Turborepo diff --git a/apps/www/registry/new-york/icons/upwork-icon.tsx b/apps/www/registry/new-york/icons/upwork-icon.tsx new file mode 100644 index 00000000..0ec69788 --- /dev/null +++ b/apps/www/registry/new-york/icons/upwork-icon.tsx @@ -0,0 +1,30 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const UpworkIcon = (props: SVGProps) => ( + + + + + +) + +export default UpworkIcon diff --git a/apps/www/registry/new-york/icons/utilities-icon.tsx.tsx b/apps/www/registry/new-york/icons/utilities-icon.tsx.tsx new file mode 100644 index 00000000..29863ee3 --- /dev/null +++ b/apps/www/registry/new-york/icons/utilities-icon.tsx.tsx @@ -0,0 +1,53 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const UtilitiesIcon = (props: SVGProps) => { + return ( + + + + + + + + + + + + + + + ) +} + +export default UtilitiesIcon diff --git a/apps/www/registry/new-york/icons/wizards-icon.tsx b/apps/www/registry/new-york/icons/wizards-icon.tsx new file mode 100644 index 00000000..16466159 --- /dev/null +++ b/apps/www/registry/new-york/icons/wizards-icon.tsx @@ -0,0 +1,22 @@ +import * as React from "react" +import type { SVGProps } from "react" + +export const WizardsIcon = (props: SVGProps) => { + return ( + + + + ) +} + +export default WizardsIcon diff --git a/apps/www/registry/new-york/icons/zendesk.tsx b/apps/www/registry/new-york/icons/zendesk.tsx new file mode 100644 index 00000000..8e86849c --- /dev/null +++ b/apps/www/registry/new-york/icons/zendesk.tsx @@ -0,0 +1,19 @@ +import type { SVGProps } from "react" + +const ZendeskLogo = (props: SVGProps) => ( + + Zendesk + + +) +export default ZendeskLogo diff --git a/apps/www/registry/new-york/ui/accordion.tsx b/apps/www/registry/new-york/ui/accordion.tsx index 2f55a32f..a41d672f 100644 --- a/apps/www/registry/new-york/ui/accordion.tsx +++ b/apps/www/registry/new-york/ui/accordion.tsx @@ -28,7 +28,7 @@ const AccordionTrigger = React.forwardRef< svg]:rotate-180", + "flex flex-1 items-center justify-between py-4 text-left text-sm font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180", className )} {...props} diff --git a/apps/www/registry/new-york/ui/drawer.tsx b/apps/www/registry/new-york/ui/drawer.tsx index 6a0ef53d..d25c83d1 100644 --- a/apps/www/registry/new-york/ui/drawer.tsx +++ b/apps/www/registry/new-york/ui/drawer.tsx @@ -28,7 +28,7 @@ const DrawerOverlay = React.forwardRef< >(({ className, ...props }, ref) => ( )) diff --git a/apps/www/registry/registry-examples.ts b/apps/www/registry/registry-examples.ts index 7c39b0ad..873b91dd 100644 --- a/apps/www/registry/registry-examples.ts +++ b/apps/www/registry/registry-examples.ts @@ -23,6 +23,72 @@ export const examples: Registry = [ }, ], }, + { + name: "component-library", + type: "registry:example", + registryDependencies: ["component-library"], + files: [ + { + path: "example/design-system-icons/component-library.tsx", + type: "registry:example", + }, + ], + }, + { + name: "design-language", + type: "registry:example", + registryDependencies: ["design-language"], + files: [ + { + path: "example/design-system-icons/design-language.tsx", + type: "registry:example", + }, + ], + }, + { + name: "design-libraries", + type: "registry:example", + registryDependencies: ["design-libraries"], + files: [ + { + path: "example/design-system-icons/design-libraries.tsx", + type: "registry:example", + }, + ], + }, + { + name: "documentation", + type: "registry:example", + registryDependencies: ["documentation"], + files: [ + { + path: "example/design-system-icons/documentation.tsx", + type: "registry:example", + }, + ], + }, + { + name: "governance", + type: "registry:example", + registryDependencies: ["governance"], + files: [ + { + path: "example/design-system-icons/governance.tsx", + type: "registry:example", + }, + ], + }, + { + name: "sandboxes", + type: "registry:example", + registryDependencies: ["sandboxes"], + files: [ + { + path: "example/design-system-icons/sandboxes.tsx", + type: "registry:example", + }, + ], + }, { name: "logo_olio-demo", type: "registry:example", diff --git a/apps/www/registry/registry-icons.ts b/apps/www/registry/registry-icons.ts index cdcff6da..6ab97ded 100644 --- a/apps/www/registry/registry-icons.ts +++ b/apps/www/registry/registry-icons.ts @@ -9,6 +9,10 @@ export const iconLibraries = { package: "@radix-ui/react-icons", import: "@radix-ui/react-icons", }, + prodkt: { + name: "prodkt-icons", + import: "@/registry/icons", + }, } as const export const icons: Record< @@ -18,153 +22,191 @@ export const icons: Record< AlertCircle: { lucide: "AlertCircle", radix: "ExclamationTriangleIcon", + prodkt: "AlertCircle", }, ArrowLeft: { lucide: "ArrowLeft", radix: "ArrowLeftIcon", + prodkt: "ArrowLeft", }, ArrowRight: { lucide: "ArrowRight", radix: "ArrowRightIcon", + prodkt: "ArrowRight", }, ArrowUpDown: { lucide: "ArrowUpDown", radix: "CaretSortIcon", + prodkt: "ArrowUpDown", }, BellRing: { lucide: "BellRing", radix: "BellIcon", + prodkt: "BellRing", }, Bold: { lucide: "Bold", radix: "FontBoldIcon", + prodkt: "Bold", }, Calculator: { lucide: "Calculator", radix: "ComponentPlaceholderIcon", + prodkt: "Calculator", }, Calendar: { lucide: "Calendar", radix: "CalendarIcon", + prodkt: "Calendar", }, Check: { lucide: "Check", radix: "CheckIcon", + prodkt: "Check", }, ChevronDown: { lucide: "ChevronDown", radix: "ChevronDownIcon", + prodkt: "ChevronDown", }, ChevronLeft: { lucide: "ChevronLeft", radix: "ChevronLeftIcon", + prodkt: "ChevronLeft", }, ChevronRight: { lucide: "ChevronRight", radix: "ChevronRightIcon", + prodkt: "ChevronRight", }, ChevronUp: { lucide: "ChevronUp", radix: "ChevronUpIcon", + prodkt: "ChevronUp", }, ChevronsUpDown: { lucide: "ChevronsUpDown", radix: "CaretSortIcon", + prodkt: "ChevronsUpDown", }, Circle: { lucide: "Circle", radix: "DotFilledIcon", + prodkt: "Circle", }, Copy: { lucide: "Copy", radix: "CopyIcon", + prodkt: "Copy", }, CreditCard: { lucide: "CreditCard", radix: "ComponentPlaceholderIcon", + prodkt: "CreditCard", }, Download: { lucide: "Download", radix: "DownloadIcon", + prodkt: "Download", }, GripVertical: { lucide: "GripVertical", radix: "DragHandleDots2Icon", + prodkt: "GripVertical", }, Italic: { lucide: "Italic", radix: "FontItalicIcon", + prodkt: "Italic", }, Loader2: { lucide: "Loader2", radix: "ReloadIcon", + prodkt: "Loader2", }, Mail: { lucide: "Mail", radix: "EnvelopeClosedIcon", + prodkt: "Mail", }, MailOpen: { lucide: "MailOpen", radix: "EnvelopeOpenIcon", + prodkt: "MailOpen", }, Minus: { lucide: "Minus", radix: "MinusIcon", + prodkt: "Minus", }, Moon: { lucide: "Moon", radix: "MoonIcon", + prodkt: "Moon", }, MoreHorizontal: { lucide: "MoreHorizontal", radix: "DotsHorizontalIcon", + prodkt: "MoreHorizontal", }, PanelLeft: { lucide: "PanelLeft", radix: "ViewVerticalIcon", + prodkt: "PanelLeft", }, Plus: { lucide: "Plus", radix: "PlusIcon", + prodkt: "Plus", }, Search: { lucide: "Search", radix: "MagnifyingGlassIcon", + prodkt: "Search", }, Send: { lucide: "Send", radix: "PaperPlaneIcon", + prodkt: "Send", }, Settings: { lucide: "Settings", radix: "GearIcon", + prodkt: "Settings", }, Slash: { lucide: "Slash", radix: "SlashIcon", + prodkt: "Slash", }, Smile: { lucide: "Smile", radix: "FaceIcon", + prodkt: "Smile", }, Sun: { lucide: "Sun", radix: "SunIcon", + prodkt: "Sun", }, Terminal: { lucide: "Terminal", radix: "RocketIcon", + prodkt: "Terminal", }, Underline: { lucide: "Underline", radix: "UnderlineIcon", + prodkt: "Underline", }, User: { lucide: "User", radix: "PersonIcon", + prodkt: "User", }, X: { lucide: "X", radix: "Cross2Icon", + prodkt: "X", }, } as const diff --git a/apps/www/registry/registry-prodkt.ts b/apps/www/registry/registry-prodkt.ts index f58c3f85..b9180e63 100644 --- a/apps/www/registry/registry-prodkt.ts +++ b/apps/www/registry/registry-prodkt.ts @@ -21,6 +21,16 @@ export const prodkt: Registry = [ }, ], }, + { + name: "design-system-icons", + type: "registry:prodkt", + files: [ + { + path: "icons/design-system/index.tsx", + type: "registry:prodkt", + }, + ], + }, { name: "logo_craft", type: "registry:prodkt", diff --git a/packages/cli/package.json b/packages/cli/package.json index a6faada4..93441e4b 100644 --- a/packages/cli/package.json +++ b/packages/cli/package.json @@ -1,6 +1,6 @@ { "name": "sparkstack-ui", - "version": "0.9.3", + "version": "0.9.4", "description": "Add components to your apps.", "publishConfig": { "access": "public" diff --git a/packages/sparkstack/package.json b/packages/sparkstack/package.json index 28b75f7d..ec9927bd 100644 --- a/packages/sparkstack/package.json +++ b/packages/sparkstack/package.json @@ -1,6 +1,6 @@ { "name": "sparkstack", - "version": "2.1.7", + "version": "2.1.8", "description": "Add components to your apps.", "publishConfig": { "access": "public" diff --git a/tailwind.config.cjs b/tailwind.config.cjs index 08efb082..e7b93f49 100644 --- a/tailwind.config.cjs +++ b/tailwind.config.cjs @@ -129,135 +129,815 @@ module.exports = { a11: "var(--primary-a11)", a12: "var(--primary-a12)", }, - orange: { - 1: "var(--orange-1)", - 2: "var(--orange-2)", - 3: "var(--orange-3)", - 4: "var(--orange-4)", - 5: "var(--orange-5)", - 6: "var(--orange-6)", - 7: "var(--orange-7)", - 8: "var(--orange-8)", - 9: "var(--orange-9)", - 10: "var(--orange-10)", - 11: "var(--orange-11)", - 12: "var(--orange-12)", - a1: "var(--orange-a1)", - a2: "var(--orange-a2)", - a3: "var(--orange-a3)", - a4: "var(--orange-a4)", - a5: "var(--orange-a5)", - a6: "var(--orange-a6)", - a7: "var(--orange-a7)", - a8: "var(--orange-a8)", - a9: "var(--orange-a9)", - a10: "var(--orange-a10)", - a11: "var(--orange-a11)", - a12: "var(--orange-a12)", + amber: { + 1: 'var(--amber-1)', + 2: 'var(--amber-2)', + 3: 'var(--amber-3)', + 4: 'var(--amber-4)', + 5: 'var(--amber-5)', + 6: 'var(--amber-6)', + 7: 'var(--amber-7)', + 8: 'var(--amber-8)', + 9: 'var(--amber-9)', + 10: 'var(--amber-10)', + 11: 'var(--amber-11)', + 12: 'var(--amber-12)', + a1: 'var(--amber-a1)', + a2: 'var(--amber-a2)', + a3: 'var(--amber-a3)', + a4: 'var(--amber-a4)', + a5: 'var(--amber-a5)', + a6: 'var(--amber-a6)', + a7: 'var(--amber-a7)', + a8: 'var(--amber-a8)', + a9: 'var(--amber-a9)', + a10: 'var(--amber-a10)', + a11: 'var(--amber-a11)', + a12: 'var(--amber-a12)', + }, + blue: { + 1: 'var(--blue-1)', + 2: 'var(--blue-2)', + 3: 'var(--blue-3)', + 4: 'var(--blue-4)', + 5: 'var(--blue-5)', + 6: 'var(--blue-6)', + 7: 'var(--blue-7)', + 8: 'var(--blue-8)', + 9: 'var(--blue-9)', + 10: 'var(--blue-10)', + 11: 'var(--blue-11)', + 12: 'var(--blue-12)', + a1: 'var(--blue-a1)', + a2: 'var(--blue-a2)', + a3: 'var(--blue-a3)', + a4: 'var(--blue-a4)', + a5: 'var(--blue-a5)', + a6: 'var(--blue-a6)', + a7: 'var(--blue-a7)', + a8: 'var(--blue-a8)', + a9: 'var(--blue-a9)', + a10: 'var(--blue-a10)', + a11: 'var(--blue-a11)', + a12: 'var(--blue-a12)', + }, + bronze: { + 1: 'var(--bronze-1)', + 2: 'var(--bronze-2)', + 3: 'var(--bronze-3)', + 4: 'var(--bronze-4)', + 5: 'var(--bronze-5)', + 6: 'var(--bronze-6)', + 7: 'var(--bronze-7)', + 8: 'var(--bronze-8)', + 9: 'var(--bronze-9)', + 10: 'var(--bronze-10)', + 11: 'var(--bronze-11)', + 12: 'var(--bronze-12)', + a1: 'var(--bronze-a1)', + a2: 'var(--bronze-a2)', + a3: 'var(--bronze-a3)', + a4: 'var(--bronze-a4)', + a5: 'var(--bronze-a5)', + a6: 'var(--bronze-a6)', + a7: 'var(--bronze-a7)', + a8: 'var(--bronze-a8)', + a9: 'var(--bronze-a9)', + a10: 'var(--bronze-a10)', + a11: 'var(--bronze-a11)', + a12: 'var(--bronze-a12)', + }, + brown: { + 1: 'var(--brown-1)', + 2: 'var(--brown-2)', + 3: 'var(--brown-3)', + 4: 'var(--brown-4)', + 5: 'var(--brown-5)', + 6: 'var(--brown-6)', + 7: 'var(--brown-7)', + 8: 'var(--brown-8)', + 9: 'var(--brown-9)', + 10: 'var(--brown-10)', + 11: 'var(--brown-11)', + 12: 'var(--brown-12)', + a1: 'var(--brown-a1)', + a2: 'var(--brown-a2)', + a3: 'var(--brown-a3)', + a4: 'var(--brown-a4)', + a5: 'var(--brown-a5)', + a6: 'var(--brown-a6)', + a7: 'var(--brown-a7)', + a8: 'var(--brown-a8)', + a9: 'var(--brown-a9)', + a10: 'var(--brown-a10)', + a11: 'var(--brown-a11)', + a12: 'var(--brown-a12)', + }, + crimson: { + 1: 'var(--crimson-1)', + 2: 'var(--crimson-2)', + 3: 'var(--crimson-3)', + 4: 'var(--crimson-4)', + 5: 'var(--crimson-5)', + 6: 'var(--crimson-6)', + 7: 'var(--crimson-7)', + 8: 'var(--crimson-8)', + 9: 'var(--crimson-9)', + 10: 'var(--crimson-10)', + 11: 'var(--crimson-11)', + 12: 'var(--crimson-12)', + a1: 'var(--crimson-a1)', + a2: 'var(--crimson-a2)', + a3: 'var(--crimson-a3)', + a4: 'var(--crimson-a4)', + a5: 'var(--crimson-a5)', + a6: 'var(--crimson-a6)', + a7: 'var(--crimson-a7)', + a8: 'var(--crimson-a8)', + a9: 'var(--crimson-a9)', + a10: 'var(--crimson-a10)', + a11: 'var(--crimson-a11)', + a12: 'var(--crimson-a12)', + }, + cyan: { + 1: 'var(--cyan-1)', + 2: 'var(--cyan-2)', + 3: 'var(--cyan-3)', + 4: 'var(--cyan-4)', + 5: 'var(--cyan-5)', + 6: 'var(--cyan-6)', + 7: 'var(--cyan-7)', + 8: 'var(--cyan-8)', + 9: 'var(--cyan-9)', + 10: 'var(--cyan-10)', + 11: 'var(--cyan-11)', + 12: 'var(--cyan-12)', + a1: 'var(--cyan-a1)', + a2: 'var(--cyan-a2)', + a3: 'var(--cyan-a3)', + a4: 'var(--cyan-a4)', + a5: 'var(--cyan-a5)', + a6: 'var(--cyan-a6)', + a7: 'var(--cyan-a7)', + a8: 'var(--cyan-a8)', + a9: 'var(--cyan-a9)', + a10: 'var(--cyan-a10)', + a11: 'var(--cyan-a11)', + a12: 'var(--cyan-a12)', + }, + gold: { + 1: 'var(--gold-1)', + 2: 'var(--gold-2)', + 3: 'var(--gold-3)', + 4: 'var(--gold-4)', + 5: 'var(--gold-5)', + 6: 'var(--gold-6)', + 7: 'var(--gold-7)', + 8: 'var(--gold-8)', + 9: 'var(--gold-9)', + 10: 'var(--gold-10)', + 11: 'var(--gold-11)', + 12: 'var(--gold-12)', + a1: 'var(--gold-a1)', + a2: 'var(--gold-a2)', + a3: 'var(--gold-a3)', + a4: 'var(--gold-a4)', + a5: 'var(--gold-a5)', + a6: 'var(--gold-a6)', + a7: 'var(--gold-a7)', + a8: 'var(--gold-a8)', + a9: 'var(--gold-a9)', + a10: 'var(--gold-a10)', + a11: 'var(--gold-a11)', + a12: 'var(--gold-a12)', }, grass: { - 1: "var(--grass-1)", - 2: "var(--grass-2)", - 3: "var(--grass-3)", - 4: "var(--grass-4)", - 5: "var(--grass-5)", - 6: "var(--grass-6)", - 7: "var(--grass-7)", - 8: "var(--grass-8)", - 9: "var(--grass-9)", - 10: "var(--grass-10)", - 11: "var(--grass-11)", - 12: "var(--grass-12)", - a1: "var(--grass-a1)", - a2: "var(--grass-a2)", - a3: "var(--grass-a3)", - a4: "var(--grass-a4)", - a5: "var(--grass-a5)", - a6: "var(--grass-a6)", - a7: "var(--grass-a7)", - a8: "var(--grass-a8)", - a9: "var(--grass-a9)", - a10: "var(--grass-a10)", - a11: "var(--grass-a11)", - a12: "var(--grass-a12)", + 1: 'var(--grass-1)', + 2: 'var(--grass-2)', + 3: 'var(--grass-3)', + 4: 'var(--grass-4)', + 5: 'var(--grass-5)', + 6: 'var(--grass-6)', + 7: 'var(--grass-7)', + 8: 'var(--grass-8)', + 9: 'var(--grass-9)', + 10: 'var(--grass-10)', + 11: 'var(--grass-11)', + 12: 'var(--grass-12)', + a1: 'var(--grass-a1)', + a2: 'var(--grass-a2)', + a3: 'var(--grass-a3)', + a4: 'var(--grass-a4)', + a5: 'var(--grass-a5)', + a6: 'var(--grass-a6)', + a7: 'var(--grass-a7)', + a8: 'var(--grass-a8)', + a9: 'var(--grass-a9)', + a10: 'var(--grass-a10)', + a11: 'var(--grass-a11)', + a12: 'var(--grass-a12)', + }, + green: { + 1: 'var(--green-1)', + 2: 'var(--green-2)', + 3: 'var(--green-3)', + 4: 'var(--green-4)', + 5: 'var(--green-5)', + 6: 'var(--green-6)', + 7: 'var(--green-7)', + 8: 'var(--green-8)', + 9: 'var(--green-9)', + 10: 'var(--green-10)', + 11: 'var(--green-11)', + 12: 'var(--green-12)', + a1: 'var(--green-a1)', + a2: 'var(--green-a2)', + a3: 'var(--green-a3)', + a4: 'var(--green-a4)', + a5: 'var(--green-a5)', + a6: 'var(--green-a6)', + a7: 'var(--green-a7)', + a8: 'var(--green-a8)', + a9: 'var(--green-a9)', + a10: 'var(--green-a10)', + a11: 'var(--green-a11)', + a12: 'var(--green-a12)', }, indigo: { - 1: "var(--indigo-1)", - 2: "var(--indigo-2)", - 3: "var(--indigo-3)", - 4: "var(--indigo-4)", - 5: "var(--indigo-5)", - 6: "var(--indigo-6)", - 7: "var(--indigo-7)", - 8: "var(--indigo-8)", - 9: "var(--indigo-9)", - 10: "var(--indigo-10)", - 11: "var(--indigo-11)", - 12: "var(--indigo-12)", - a1: "var(--indigo-a1)", - a2: "var(--indigo-a2)", - a3: "var(--indigo-a3)", - a4: "var(--indigo-a4)", - a5: "var(--indigo-a5)", - a6: "var(--indigo-a6)", - a7: "var(--indigo-a7)", - a8: "var(--indigo-a8)", - a9: "var(--indigo-a9)", - a10: "var(--indigo-a10)", - a11: "var(--indigo-a11)", - a12: "var(--indigo-a12)", + 1: 'var(--indigo-1)', + 2: 'var(--indigo-2)', + 3: 'var(--indigo-3)', + 4: 'var(--indigo-4)', + 5: 'var(--indigo-5)', + 6: 'var(--indigo-6)', + 7: 'var(--indigo-7)', + 8: 'var(--indigo-8)', + 9: 'var(--indigo-9)', + 10: 'var(--indigo-10)', + 11: 'var(--indigo-11)', + 12: 'var(--indigo-12)', + a1: 'var(--indigo-a1)', + a2: 'var(--indigo-a2)', + a3: 'var(--indigo-a3)', + a4: 'var(--indigo-a4)', + a5: 'var(--indigo-a5)', + a6: 'var(--indigo-a6)', + a7: 'var(--indigo-a7)', + a8: 'var(--indigo-a8)', + a9: 'var(--indigo-a9)', + a10: 'var(--indigo-a10)', + a11: 'var(--indigo-a11)', + a12: 'var(--indigo-a12)', }, iris: { - 1: "var(--iris-1)", - 2: "var(--iris-2)", - 3: "var(--iris-3)", - 4: "var(--iris-4)", - 5: "var(--iris-5)", - 6: "var(--iris-6)", - 7: "var(--iris-7)", - 8: "var(--iris-8)", - 9: "var(--iris-9)", - 10: "var(--iris-10)", - 11: "var(--iris-11)", - 12: "var(--iris-12)", - a1: "var(--iris-a1)", - a2: "var(--iris-a2)", - a3: "var(--iris-a3)", - a4: "var(--iris-a4)", - a5: "var(--iris-a5)", - a6: "var(--iris-a6)", - a7: "var(--iris-a7)", - a8: "var(--iris-a8)", - a9: "var(--iris-a9)", - a10: "var(--iris-a10)", - a11: "var(--iris-a11)", - a12: "var(--iris-a12)", + 1: 'var(--iris-1)', + 2: 'var(--iris-2)', + 3: 'var(--iris-3)', + 4: 'var(--iris-4)', + 5: 'var(--iris-5)', + 6: 'var(--iris-6)', + 7: 'var(--iris-7)', + 8: 'var(--iris-8)', + 9: 'var(--iris-9)', + 10: 'var(--iris-10)', + 11: 'var(--iris-11)', + 12: 'var(--iris-12)', + a1: 'var(--iris-a1)', + a2: 'var(--iris-a2)', + a3: 'var(--iris-a3)', + a4: 'var(--iris-a4)', + a5: 'var(--iris-a5)', + a6: 'var(--iris-a6)', + a7: 'var(--iris-a7)', + a8: 'var(--iris-a8)', + a9: 'var(--iris-a9)', + a10: 'var(--iris-a10)', + a11: 'var(--iris-a11)', + a12: 'var(--iris-a12)', + }, + jade: { + 1: 'var(--jade-1)', + 2: 'var(--jade-2)', + 3: 'var(--jade-3)', + 4: 'var(--jade-4)', + 5: 'var(--jade-5)', + 6: 'var(--jade-6)', + 7: 'var(--jade-7)', + 8: 'var(--jade-8)', + 9: 'var(--jade-9)', + 10: 'var(--jade-10)', + 11: 'var(--jade-11)', + 12: 'var(--jade-12)', + a1: 'var(--jade-a1)', + a2: 'var(--jade-a2)', + a3: 'var(--jade-a3)', + a4: 'var(--jade-a4)', + a5: 'var(--jade-a5)', + a6: 'var(--jade-a6)', + a7: 'var(--jade-a7)', + a8: 'var(--jade-a8)', + a9: 'var(--jade-a9)', + a10: 'var(--jade-a10)', + a11: 'var(--jade-a11)', + a12: 'var(--jade-a12)', + }, + lime: { + 1: 'var(--lime-1)', + 2: 'var(--lime-2)', + 3: 'var(--lime-3)', + 4: 'var(--lime-4)', + 5: 'var(--lime-5)', + 6: 'var(--lime-6)', + 7: 'var(--lime-7)', + 8: 'var(--lime-8)', + 9: 'var(--lime-9)', + 10: 'var(--lime-10)', + 11: 'var(--lime-11)', + 12: 'var(--lime-12)', + a1: 'var(--lime-a1)', + a2: 'var(--lime-a2)', + a3: 'var(--lime-a3)', + a4: 'var(--lime-a4)', + a5: 'var(--lime-a5)', + a6: 'var(--lime-a6)', + a7: 'var(--lime-a7)', + a8: 'var(--lime-a8)', + a9: 'var(--lime-a9)', + a10: 'var(--lime-a10)', + a11: 'var(--lime-a11)', + a12: 'var(--lime-a12)', + }, + mauve: { + 1: 'var(--mauve-1)', + 2: 'var(--mauve-2)', + 3: 'var(--mauve-3)', + 4: 'var(--mauve-4)', + 5: 'var(--mauve-5)', + 6: 'var(--mauve-6)', + 7: 'var(--mauve-7)', + 8: 'var(--mauve-8)', + 9: 'var(--mauve-9)', + 10: 'var(--mauve-10)', + 11: 'var(--mauve-11)', + 12: 'var(--mauve-12)', + a1: 'var(--mauve-a1)', + a2: 'var(--mauve-a2)', + a3: 'var(--mauve-a3)', + a4: 'var(--mauve-a4)', + a5: 'var(--mauve-a5)', + a6: 'var(--mauve-a6)', + a7: 'var(--mauve-a7)', + a8: 'var(--mauve-a8)', + a9: 'var(--mauve-a9)', + a10: 'var(--mauve-a10)', + a11: 'var(--mauve-a11)', + a12: 'var(--mauve-a12)', + }, + mint: { + 1: 'var(--mint-1)', + 2: 'var(--mint-2)', + 3: 'var(--mint-3)', + 4: 'var(--mint-4)', + 5: 'var(--mint-5)', + 6: 'var(--mint-6)', + 7: 'var(--mint-7)', + 8: 'var(--mint-8)', + 9: 'var(--mint-9)', + 10: 'var(--mint-10)', + 11: 'var(--mint-11)', + 12: 'var(--mint-12)', + a1: 'var(--mint-a1)', + a2: 'var(--mint-a2)', + a3: 'var(--mint-a3)', + a4: 'var(--mint-a4)', + a5: 'var(--mint-a5)', + a6: 'var(--mint-a6)', + a7: 'var(--mint-a7)', + a8: 'var(--mint-a8)', + a9: 'var(--mint-a9)', + a10: 'var(--mint-a10)', + a11: 'var(--mint-a11)', + a12: 'var(--mint-a12)', + }, + olive: { + 1: 'var(--olive-1)', + 2: 'var(--olive-2)', + 3: 'var(--olive-3)', + 4: 'var(--olive-4)', + 5: 'var(--olive-5)', + 6: 'var(--olive-6)', + 7: 'var(--olive-7)', + 8: 'var(--olive-8)', + 9: 'var(--olive-9)', + 10: 'var(--olive-10)', + 11: 'var(--olive-11)', + 12: 'var(--olive-12)', + a1: 'var(--olive-a1)', + a2: 'var(--olive-a2)', + a3: 'var(--olive-a3)', + a4: 'var(--olive-a4)', + a5: 'var(--olive-a5)', + a6: 'var(--olive-a6)', + a7: 'var(--olive-a7)', + a8: 'var(--olive-a8)', + a9: 'var(--olive-a9)', + a10: 'var(--olive-a10)', + a11: 'var(--olive-a11)', + a12: 'var(--olive-a12)', + }, + orange: { + 1: 'var(--orange-1)', + 2: 'var(--orange-2)', + 3: 'var(--orange-3)', + 4: 'var(--orange-4)', + 5: 'var(--orange-5)', + 6: 'var(--orange-6)', + 7: 'var(--orange-7)', + 8: 'var(--orange-8)', + 9: 'var(--orange-9)', + 10: 'var(--orange-10)', + 11: 'var(--orange-11)', + 12: 'var(--orange-12)', + a1: 'var(--orange-a1)', + a2: 'var(--orange-a2)', + a3: 'var(--orange-a3)', + a4: 'var(--orange-a4)', + a5: 'var(--orange-a5)', + a6: 'var(--orange-a6)', + a7: 'var(--orange-a7)', + a8: 'var(--orange-a8)', + a9: 'var(--orange-a9)', + a10: 'var(--orange-a10)', + a11: 'var(--orange-a11)', + a12: 'var(--orange-a12)', + }, + pink: { + 1: 'var(--pink-1)', + 2: 'var(--pink-2)', + 3: 'var(--pink-3)', + 4: 'var(--pink-4)', + 5: 'var(--pink-5)', + 6: 'var(--pink-6)', + 7: 'var(--pink-7)', + 8: 'var(--pink-8)', + 9: 'var(--pink-9)', + 10: 'var(--pink-10)', + 11: 'var(--pink-11)', + 12: 'var(--pink-12)', + a1: 'var(--pink-a1)', + a2: 'var(--pink-a2)', + a3: 'var(--pink-a3)', + a4: 'var(--pink-a4)', + a5: 'var(--pink-a5)', + a6: 'var(--pink-a6)', + a7: 'var(--pink-a7)', + a8: 'var(--pink-a8)', + a9: 'var(--pink-a9)', + a10: 'var(--pink-a10)', + a11: 'var(--pink-a11)', + a12: 'var(--pink-a12)', + }, + plum: { + 1: 'var(--plum-1)', + 2: 'var(--plum-2)', + 3: 'var(--plum-3)', + 4: 'var(--plum-4)', + 5: 'var(--plum-5)', + 6: 'var(--plum-6)', + 7: 'var(--plum-7)', + 8: 'var(--plum-8)', + 9: 'var(--plum-9)', + 10: 'var(--plum-10)', + 11: 'var(--plum-11)', + 12: 'var(--plum-12)', + a1: 'var(--plum-a1)', + a2: 'var(--plum-a2)', + a3: 'var(--plum-a3)', + a4: 'var(--plum-a4)', + a5: 'var(--plum-a5)', + a6: 'var(--plum-a6)', + a7: 'var(--plum-a7)', + a8: 'var(--plum-a8)', + a9: 'var(--plum-a9)', + a10: 'var(--plum-a10)', + a11: 'var(--plum-a11)', + a12: 'var(--plum-a12)', + }, + purple: { + 1: 'var(--purple-1)', + 2: 'var(--purple-2)', + 3: 'var(--purple-3)', + 4: 'var(--purple-4)', + 5: 'var(--purple-5)', + 6: 'var(--purple-6)', + 7: 'var(--purple-7)', + 8: 'var(--purple-8)', + 9: 'var(--purple-9)', + 10: 'var(--purple-10)', + 11: 'var(--purple-11)', + 12: 'var(--purple-12)', + a1: 'var(--purple-a1)', + a2: 'var(--purple-a2)', + a3: 'var(--purple-a3)', + a4: 'var(--purple-a4)', + a5: 'var(--purple-a5)', + a6: 'var(--purple-a6)', + a7: 'var(--purple-a7)', + a8: 'var(--purple-a8)', + a9: 'var(--purple-a9)', + a10: 'var(--purple-a10)', + a11: 'var(--purple-a11)', + a12: 'var(--purple-a12)', }, red: { - 1: "var(--red-1)", - 2: "var(--red-2)", - 3: "var(--red-3)", - 4: "var(--red-4)", - 5: "var(--red-5)", - 6: "var(--red-6)", - 7: "var(--red-7)", - 8: "var(--red-8)", - 9: "var(--red-9)", - 10: "var(--red-10)", - 11: "var(--red-11)", - 12: "var(--red-12)", - a1: "var(--red-a1)", - a2: "var(--red-a2)", - a3: "var(--red-a3)", - a4: "var(--red-a4)", - a5: "var(--red-a5)", - a6: "var(--red-a6)", - a7: "var(--red-a7)", - a8: "var(--red-a8)", - a9: "var(--red-a9)", - a10: "var(--red-a10)", - a11: "var(--red-a11)", - a12: "var(--red-a12)", + 1: 'var(--red-1)', + 2: 'var(--red-2)', + 3: 'var(--red-3)', + 4: 'var(--red-4)', + 5: 'var(--red-5)', + 6: 'var(--red-6)', + 7: 'var(--red-7)', + 8: 'var(--red-8)', + 9: 'var(--red-9)', + 10: 'var(--red-10)', + 11: 'var(--red-11)', + 12: 'var(--red-12)', + a1: 'var(--red-a1)', + a2: 'var(--red-a2)', + a3: 'var(--red-a3)', + a4: 'var(--red-a4)', + a5: 'var(--red-a5)', + a6: 'var(--red-a6)', + a7: 'var(--red-a7)', + a8: 'var(--red-a8)', + a9: 'var(--red-a9)', + a10: 'var(--red-a10)', + a11: 'var(--red-a11)', + a12: 'var(--red-a12)', + }, + ruby: { + 1: 'var(--ruby-1)', + 2: 'var(--ruby-2)', + 3: 'var(--ruby-3)', + 4: 'var(--ruby-4)', + 5: 'var(--ruby-5)', + 6: 'var(--ruby-6)', + 7: 'var(--ruby-7)', + 8: 'var(--ruby-8)', + 9: 'var(--ruby-9)', + 10: 'var(--ruby-10)', + 11: 'var(--ruby-11)', + 12: 'var(--ruby-12)', + a1: 'var(--ruby-a1)', + a2: 'var(--ruby-a2)', + a3: 'var(--ruby-a3)', + a4: 'var(--ruby-a4)', + a5: 'var(--ruby-a5)', + a6: 'var(--ruby-a6)', + a7: 'var(--ruby-a7)', + a8: 'var(--ruby-a8)', + a9: 'var(--ruby-a9)', + a10: 'var(--ruby-a10)', + a11: 'var(--ruby-a11)', + a12: 'var(--ruby-a12)', + }, + sage: { + 1: 'var(--sage-1)', + 2: 'var(--sage-2)', + 3: 'var(--sage-3)', + 4: 'var(--sage-4)', + 5: 'var(--sage-5)', + 6: 'var(--sage-6)', + 7: 'var(--sage-7)', + 8: 'var(--sage-8)', + 9: 'var(--sage-9)', + 10: 'var(--sage-10)', + 11: 'var(--sage-11)', + 12: 'var(--sage-12)', + a1: 'var(--sage-a1)', + a2: 'var(--sage-a2)', + a3: 'var(--sage-a3)', + a4: 'var(--sage-a4)', + a5: 'var(--sage-a5)', + a6: 'var(--sage-a6)', + a7: 'var(--sage-a7)', + a8: 'var(--sage-a8)', + a9: 'var(--sage-a9)', + a10: 'var(--sage-a10)', + a11: 'var(--sage-a11)', + a12: 'var(--sage-a12)', + }, + sand: { + 1: 'var(--sand-1)', + 2: 'var(--sand-2)', + 3: 'var(--sand-3)', + 4: 'var(--sand-4)', + 5: 'var(--sand-5)', + 6: 'var(--sand-6)', + 7: 'var(--sand-7)', + 8: 'var(--sand-8)', + 9: 'var(--sand-9)', + 10: 'var(--sand-10)', + 11: 'var(--sand-11)', + 12: 'var(--sand-12)', + a1: 'var(--sand-a1)', + a2: 'var(--sand-a2)', + a3: 'var(--sand-a3)', + a4: 'var(--sand-a4)', + a5: 'var(--sand-a5)', + a6: 'var(--sand-a6)', + a7: 'var(--sand-a7)', + a8: 'var(--sand-a8)', + a9: 'var(--sand-a9)', + a10: 'var(--sand-a10)', + a11: 'var(--sand-a11)', + a12: 'var(--sand-a12)', + }, + sky: { + 1: 'var(--sky-1)', + 2: 'var(--sky-2)', + 3: 'var(--sky-3)', + 4: 'var(--sky-4)', + 5: 'var(--sky-5)', + 6: 'var(--sky-6)', + 7: 'var(--sky-7)', + 8: 'var(--sky-8)', + 9: 'var(--sky-9)', + 10: 'var(--sky-10)', + 11: 'var(--sky-11)', + 12: 'var(--sky-12)', + a1: 'var(--sky-a1)', + a2: 'var(--sky-a2)', + a3: 'var(--sky-a3)', + a4: 'var(--sky-a4)', + a5: 'var(--sky-a5)', + a6: 'var(--sky-a6)', + a7: 'var(--sky-a7)', + a8: 'var(--sky-a8)', + a9: 'var(--sky-a9)', + a10: 'var(--sky-a10)', + a11: 'var(--sky-a11)', + a12: 'var(--sky-a12)', + }, + slate: { + 1: 'var(--slate-1)', + 2: 'var(--slate-2)', + 3: 'var(--slate-3)', + 4: 'var(--slate-4)', + 5: 'var(--slate-5)', + 6: 'var(--slate-6)', + 7: 'var(--slate-7)', + 8: 'var(--slate-8)', + 9: 'var(--slate-9)', + 10: 'var(--slate-10)', + 11: 'var(--slate-11)', + 12: 'var(--slate-12)', + a1: 'var(--slate-a1)', + a2: 'var(--slate-a2)', + a3: 'var(--slate-a3)', + a4: 'var(--slate-a4)', + a5: 'var(--slate-a5)', + a6: 'var(--slate-a6)', + a7: 'var(--slate-a7)', + a8: 'var(--slate-a8)', + a9: 'var(--slate-a9)', + a10: 'var(--slate-a10)', + a11: 'var(--slate-a11)', + a12: 'var(--slate-a12)', + }, + teal: { + 1: 'var(--teal-1)', + 2: 'var(--teal-2)', + 3: 'var(--teal-3)', + 4: 'var(--teal-4)', + 5: 'var(--teal-5)', + 6: 'var(--teal-6)', + 7: 'var(--teal-7)', + 8: 'var(--teal-8)', + 9: 'var(--teal-9)', + 10: 'var(--teal-10)', + 11: 'var(--teal-11)', + 12: 'var(--teal-12)', + a1: 'var(--teal-a1)', + a2: 'var(--teal-a2)', + a3: 'var(--teal-a3)', + a4: 'var(--teal-a4)', + a5: 'var(--teal-a5)', + a6: 'var(--teal-a6)', + a7: 'var(--teal-a7)', + a8: 'var(--teal-a8)', + a9: 'var(--teal-a9)', + a10: 'var(--teal-a10)', + a11: 'var(--teal-a11)', + a12: 'var(--teal-a12)', + }, + tomato: { + 1: 'var(--tomato-1)', + 2: 'var(--tomato-2)', + 3: 'var(--tomato-3)', + 4: 'var(--tomato-4)', + 5: 'var(--tomato-5)', + 6: 'var(--tomato-6)', + 7: 'var(--tomato-7)', + 8: 'var(--tomato-8)', + 9: 'var(--tomato-9)', + 10: 'var(--tomato-10)', + 11: 'var(--tomato-11)', + 12: 'var(--tomato-12)', + a1: 'var(--tomato-a1)', + a2: 'var(--tomato-a2)', + a3: 'var(--tomato-a3)', + a4: 'var(--tomato-a4)', + a5: 'var(--tomato-a5)', + a6: 'var(--tomato-a6)', + a7: 'var(--tomato-a7)', + a8: 'var(--tomato-a8)', + a9: 'var(--tomato-a9)', + a10: 'var(--tomato-a10)', + a11: 'var(--tomato-a11)', + a12: 'var(--tomato-a12)', + }, + violet: { + 1: 'var(--violet-1)', + 2: 'var(--violet-2)', + 3: 'var(--violet-3)', + 4: 'var(--violet-4)', + 5: 'var(--violet-5)', + 6: 'var(--violet-6)', + 7: 'var(--violet-7)', + 8: 'var(--violet-8)', + 9: 'var(--violet-9)', + 10: 'var(--violet-10)', + 11: 'var(--violet-11)', + 12: 'var(--violet-12)', + a1: 'var(--violet-a1)', + a2: 'var(--violet-a2)', + a3: 'var(--violet-a3)', + a4: 'var(--violet-a4)', + a5: 'var(--violet-a5)', + a6: 'var(--violet-a6)', + a7: 'var(--violet-a7)', + a8: 'var(--violet-a8)', + a9: 'var(--violet-a9)', + a10: 'var(--violet-a10)', + a11: 'var(--violet-a11)', + a12: 'var(--violet-a12)', + }, + yellow: { + 1: 'var(--yellow-1)', + 2: 'var(--yellow-2)', + 3: 'var(--yellow-3)', + 4: 'var(--yellow-4)', + 5: 'var(--yellow-5)', + 6: 'var(--yellow-6)', + 7: 'var(--yellow-7)', + 8: 'var(--yellow-8)', + 9: 'var(--yellow-9)', + 10: 'var(--yellow-10)', + 11: 'var(--yellow-11)', + 12: 'var(--yellow-12)', + a1: 'var(--yellow-a1)', + a2: 'var(--yellow-a2)', + a3: 'var(--yellow-a3)', + a4: 'var(--yellow-a4)', + a5: 'var(--yellow-a5)', + a6: 'var(--yellow-a6)', + a7: 'var(--yellow-a7)', + a8: 'var(--yellow-a8)', + a9: 'var(--yellow-a9)', + a10: 'var(--yellow-a10)', + a11: 'var(--yellow-a11)', + a12: 'var(--yellow-a12)', + }, + white: { + DEFAULT: 'var(--white-a9)', + a1: 'var(--white-a1)', + a2: 'var(--white-a2)', + a3: 'var(--white-a3)', + a4: 'var(--white-a4)', + a5: 'var(--white-a5)', + a6: 'var(--white-a6)', + a7: 'var(--white-a7)', + a8: 'var(--white-a8)', + a9: 'var(--white-a9)', + a10: 'var(--white-a10)', + a11: 'var(--white-a11)', + a12: 'var(--white-a12)', + }, + black: { + DEFAULT: 'var(--black-a9)', + a1: 'var(--black-a1)', + a2: 'var(--black-a2)', + a3: 'var(--black-a3)', + a4: 'var(--black-a4)', + a5: 'var(--black-a5)', + a6: 'var(--black-a6)', + a7: 'var(--black-a7)', + a8: 'var(--black-a8)', + a9: 'var(--black-a9)', + a10: 'var(--black-a10)', + a11: 'var(--black-a11)', + a12: 'var(--black-a12)', }, ghost: { a1: "var(--ghost-a1)", @@ -724,6 +1404,10 @@ module.exports = { "github-stars-border": "github-stars-border 10s linear infinite alternate", "github-stars-glow": "github-stars-glow 10s linear infinite alternate", + spinSlow1x: 'spin 20.25s linear infinite', + spinSlow2x: 'spin 22.25s linear infinite', + spinSlow3x: 'spin 24.25s linear infinite', + spinSlow4x: 'spin 26.25s linear infinite', }, boxShadows: { xs: "0 1px 2px 0 rgba(18, 18, 23, 0.05)",