diff --git a/.github/workflows/deprecated.yml b/.github/workflows/deprecated.yml deleted file mode 100644 index aa0add515a..0000000000 --- a/.github/workflows/deprecated.yml +++ /dev/null @@ -1,78 +0,0 @@ -name: Deprecated - -on: - pull_request_target: - types: [opened, synchronize] - -permissions: - issues: write - contents: read - pull-requests: write - -jobs: - deprecated: - runs-on: ubuntu-latest - steps: - - name: Checkout PR - uses: actions/checkout@v4 - with: - ref: ${{ github.event.pull_request.head.sha }} - fetch-depth: 0 - - - name: Get changed files - id: changed-files - uses: tj-actions/changed-files@v46 - with: - files: | - apps/www/** - files_ignore: | - apps/www/public/r/** - base_sha: ${{ github.event.pull_request.base.sha }} - sha: ${{ github.event.pull_request.head.sha }} - - - name: Comment on PR if www files changed - if: steps.changed-files.outputs.any_changed == 'true' - uses: actions/github-script@v7 - with: - github-token: ${{ secrets.GITHUB_TOKEN }} - script: | - const changedFiles = `${{ steps.changed-files.outputs.all_changed_files }}`.split(' '); - const wwwFiles = changedFiles.filter(file => - file.startsWith('apps/www/') && - !file.startsWith('apps/www/public/r/') && - file !== 'apps/www/package.json' - ); - - if (wwwFiles.length > 0) { - const comment = `Looks like this PR modifies files in \`apps/www\`, which is deprecated. - - Consider applying the change to \`apps/v4\` if relevant.`; - - await github.rest.issues.createComment({ - owner: context.repo.owner, - repo: context.repo.repo, - issue_number: context.issue.number, - body: comment - }); - - // Add deprecated label - await github.rest.issues.addLabels({ - owner: context.repo.owner, - repo: context.repo.repo, - issue_number: context.issue.number, - labels: ['deprecated'] - }); - } else { - // Remove deprecated label if no www files are changed - try { - await github.rest.issues.removeLabel({ - owner: context.repo.owner, - repo: context.repo.repo, - issue_number: context.issue.number, - name: 'deprecated' - }); - } catch (error) { - // Label doesn't exist, which is fine - console.log('Deprecated label not found, skipping removal'); - } - } diff --git a/.github/workflows/validate-registries.yml b/.github/workflows/validate-registries.yml index 96b747144c..f507116a11 100644 --- a/.github/workflows/validate-registries.yml +++ b/.github/workflows/validate-registries.yml @@ -13,6 +13,44 @@ on: - "apps/v4/registry/directory.json" jobs: + check-registry-sync: + if: github.event_name == 'pull_request' + runs-on: ubuntu-latest + name: Check registry sync + permissions: + contents: read + pull-requests: write + steps: + - name: Check changed files + id: changed + env: + GH_TOKEN: ${{ github.token }} + run: | + CHANGED_FILES=$(gh pr diff ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --name-only) + + DIRECTORY_CHANGED=false + REGISTRIES_CHANGED=false + + if echo "$CHANGED_FILES" | grep -q "^apps/v4/registry/directory.json$"; then + DIRECTORY_CHANGED=true + fi + + if echo "$CHANGED_FILES" | grep -q "^apps/v4/public/r/registries.json$"; then + REGISTRIES_CHANGED=true + fi + + echo "directory_changed=$DIRECTORY_CHANGED" >> $GITHUB_OUTPUT + echo "registries_changed=$REGISTRIES_CHANGED" >> $GITHUB_OUTPUT + + - name: Flag missing registries.json update + if: steps.changed.outputs.directory_changed == 'true' && steps.changed.outputs.registries_changed == 'false' + env: + GH_TOKEN: ${{ github.token }} + run: | + gh pr edit ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --add-label "registries: invalid" + gh pr comment ${{ github.event.pull_request.number }} --repo ${{ github.repository }} --body "can you run \`pnpm registry:build\` and commit the json files please?" + exit 1 + validate: runs-on: ubuntu-latest name: pnpm validate:registries diff --git a/.prettierignore b/.prettierignore index e2adc481e8..fda2537588 100644 --- a/.prettierignore +++ b/.prettierignore @@ -5,3 +5,4 @@ build .contentlayer **/fixtures deprecated +apps/v4/registry/styles/**/*.css diff --git a/apps/v4/.prettierignore b/apps/v4/.prettierignore index 1a1509ae77..8f5a9ecd50 100644 --- a/apps/v4/.prettierignore +++ b/apps/v4/.prettierignore @@ -5,3 +5,4 @@ build .contentlayer registry/__index__.tsx content/docs/components/calendar.mdx +registry/styles/**/*.css diff --git a/apps/v4/app/(create)/components/accent-picker.tsx b/apps/v4/app/(create)/components/accent-picker.tsx index ae83121779..7ac45b58e7 100644 --- a/apps/v4/app/(create)/components/accent-picker.tsx +++ b/apps/v4/app/(create)/components/accent-picker.tsx @@ -82,6 +82,11 @@ export function MenuAccentPicker({ key={accent.value} value={accent.value} closeOnClick={isMobile} + disabled={ + accent.value === "bold" && + (params.menuColor === "default-translucent" || + params.menuColor === "inverted-translucent") + } > {accent.label} diff --git a/apps/v4/app/(create)/components/design-system-provider.tsx b/apps/v4/app/(create)/components/design-system-provider.tsx index f5c8d0dc58..31453c1051 100644 --- a/apps/v4/app/(create)/components/design-system-provider.tsx +++ b/apps/v4/app/(create)/components/design-system-provider.tsx @@ -6,7 +6,6 @@ import { buildRegistryTheme, DEFAULT_CONFIG, type DesignSystemConfig, - type RadiusValue, } from "@/registry/config" import { useIframeMessageListener } from "@/app/(create)/hooks/use-iframe-sync" import { FONTS } from "@/app/(create)/lib/fonts" @@ -15,6 +14,46 @@ import { type DesignSystemSearchParams, } from "@/app/(create)/lib/search-params" +const THEME_STYLE_ELEMENT_ID = "design-system-theme-vars" +const MANAGED_BODY_CLASS_PREFIXES = ["style-", "base-color-"] as const + +type RegistryThemeCssVars = NonNullable< + ReturnType["cssVars"] +> + +function removeManagedBodyClasses(body: Element) { + for (const className of Array.from(body.classList)) { + if ( + MANAGED_BODY_CLASS_PREFIXES.some((prefix) => className.startsWith(prefix)) + ) { + body.classList.remove(className) + } + } +} + +function buildCssRule(selector: string, cssVars?: Record) { + const declarations = Object.entries(cssVars ?? {}) + .filter(([, value]) => Boolean(value)) + .map(([key, value]) => ` --${key}: ${value};`) + .join("\n") + + if (!declarations) { + return `${selector} {}\n` + } + + return `${selector} {\n${declarations}\n}\n` +} + +function buildThemeCssText(cssVars: RegistryThemeCssVars) { + return [ + buildCssRule(":root", { + ...(cssVars.theme ?? {}), + ...(cssVars.light ?? {}), + }), + buildCssRule(".dark", cssVars.dark), + ].join("\n") +} + export function DesignSystemProvider({ children, }: { @@ -24,19 +63,38 @@ export function DesignSystemProvider({ shallow: true, // No need to go through the server… history: "replace", // …or push updates into the iframe history. }) - const [liveSearchParams, setLiveSearchParams] = React.useState(searchParams) const [isReady, setIsReady] = React.useState(false) const { style, theme, font, baseColor, menuAccent, menuColor, radius } = - liveSearchParams + searchParams const effectiveRadius = style === "lyra" ? "none" : radius + const selectedFont = React.useMemo( + () => FONTS.find((fontOption) => fontOption.value === font), + [font] + ) + const initialFontSansRef = React.useRef(null) React.useEffect(() => { - setLiveSearchParams(searchParams) - }, [searchParams]) + initialFontSansRef.current = + document.documentElement.style.getPropertyValue("--font-sans") + + return () => { + removeManagedBodyClasses(document.body) + document.getElementById(THEME_STYLE_ELEMENT_ID)?.remove() + + if (initialFontSansRef.current) { + document.documentElement.style.setProperty( + "--font-sans", + initialFontSansRef.current + ) + return + } + + document.documentElement.style.removeProperty("--font-sans") + } + }, []) const handleDesignSystemMessage = React.useCallback( (nextParams: DesignSystemSearchParams) => { - setLiveSearchParams(nextParams) setSearchParams(nextParams) }, [setSearchParams] @@ -46,11 +104,7 @@ export function DesignSystemProvider({ React.useEffect(() => { if (style === "lyra" && radius !== "none") { - setLiveSearchParams((prev) => ({ - ...prev, - radius: "none", - })) - setSearchParams({ radius: "none" as RadiusValue }) + setSearchParams({ radius: "none" }) } }, [style, radius, setSearchParams]) @@ -63,27 +117,19 @@ export function DesignSystemProvider({ const body = document.body // Iterate over a snapshot so removals do not affect traversal. - Array.from(body.classList).forEach((className) => { - if ( - className.startsWith("style-") || - className.startsWith("base-color-") - ) { - body.classList.remove(className) - } - }) + removeManagedBodyClasses(body) body.classList.add(`style-${style}`, `base-color-${baseColor}`) // Update font. // Always set --font-sans for the preview so the selected font is visible. // The font type (sans/serif/mono) is metadata for the CLI updater. - const selectedFont = FONTS.find((f) => f.value === font) if (selectedFont) { const fontFamily = selectedFont.font.style.fontFamily document.documentElement.style.setProperty("--font-sans", fontFamily) } setIsReady(true) - }, [style, theme, font, baseColor]) + }, [style, theme, font, baseColor, selectedFont]) const registryTheme = React.useMemo(() => { if (!baseColor || !theme || !menuAccent || !effectiveRadius) { @@ -107,69 +153,83 @@ export function DesignSystemProvider({ return } - const styleId = "design-system-theme-vars" let styleElement = document.getElementById( - styleId + THEME_STYLE_ELEMENT_ID ) as HTMLStyleElement | null if (!styleElement) { styleElement = document.createElement("style") - styleElement.id = styleId + styleElement.id = THEME_STYLE_ELEMENT_ID document.head.appendChild(styleElement) } - const { - light: lightVars, - dark: darkVars, - theme: themeVars, - } = registryTheme.cssVars - - let cssText = ":root {\n" - // Add theme vars (shared across light/dark). - if (themeVars) { - Object.entries(themeVars).forEach(([key, value]) => { - if (value) { - cssText += ` --${key}: ${value};\n` - } - }) - } - // Add light mode vars. - if (lightVars) { - Object.entries(lightVars).forEach(([key, value]) => { - if (value) { - cssText += ` --${key}: ${value};\n` - } - }) - } - cssText += "}\n\n" - - cssText += ".dark {\n" - if (darkVars) { - Object.entries(darkVars).forEach(([key, value]) => { - if (value) { - cssText += ` --${key}: ${value};\n` - } - }) - } - cssText += "}\n" - - styleElement.textContent = cssText + styleElement.textContent = buildThemeCssText(registryTheme.cssVars) }, [registryTheme]) // Handle menu color inversion by adding/removing dark class to elements with cn-menu-target. - React.useEffect(() => { + // useLayoutEffect to apply classes synchronously before paint, avoiding flash. + React.useLayoutEffect(() => { if (!menuColor) { return } + const isInvertedMenu = + menuColor === "inverted" || menuColor === "inverted-translucent" + const isTranslucentMenu = + menuColor === "default-translucent" || + menuColor === "inverted-translucent" + let frameId = 0 + const updateMenuElements = () => { - const menuElements = document.querySelectorAll(".cn-menu-target") - menuElements.forEach((element) => { - if (menuColor === "inverted") { - element.classList.add("dark") - } else { - element.classList.remove("dark") + const allElements = document.querySelectorAll( + ".cn-menu-target, [data-menu-translucent]" + ) + + if (allElements.length === 0) { + return + } + + // Disable transitions while toggling classes. + allElements.forEach((element) => { + element.style.transition = "none" + }) + + allElements.forEach((element) => { + if (element.classList.contains("cn-menu-target")) { + if (isInvertedMenu) { + element.classList.add("dark") + } else { + element.classList.remove("dark") + } } + + // When translucent is enabled, move from data-attr to class so styles apply. + // When disabled, move back to a data-attr so the element stays queryable + // for future toggles without losing its identity as a menu element. + if (isTranslucentMenu) { + element.classList.add("cn-menu-translucent") + element.removeAttribute("data-menu-translucent") + } else if (element.classList.contains("cn-menu-translucent")) { + element.classList.remove("cn-menu-translucent") + element.setAttribute("data-menu-translucent", "") + } + }) + + // Force a reflow, then re-enable transitions. + void document.body.offsetHeight + allElements.forEach((element) => { + element.style.transition = "" + }) + } + + const scheduleMenuUpdate = () => { + if (frameId) { + return + } + + frameId = window.requestAnimationFrame(() => { + frameId = 0 + updateMenuElements() }) } @@ -178,7 +238,7 @@ export function DesignSystemProvider({ // Watch for new menu elements being added to the DOM. const observer = new MutationObserver(() => { - updateMenuElements() + scheduleMenuUpdate() }) observer.observe(document.body, { @@ -188,6 +248,9 @@ export function DesignSystemProvider({ return () => { observer.disconnect() + if (frameId) { + window.cancelAnimationFrame(frameId) + } } }, [menuColor]) diff --git a/apps/v4/app/(create)/components/menu-picker.tsx b/apps/v4/app/(create)/components/menu-picker.tsx index df37d715c6..06d159c4b4 100644 --- a/apps/v4/app/(create)/components/menu-picker.tsx +++ b/apps/v4/app/(create)/components/menu-picker.tsx @@ -1,6 +1,8 @@ "use client" import * as React from "react" +import { Menu02Icon } from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" import { useTheme } from "next-themes" import { useMounted } from "@/hooks/use-mounted" @@ -10,99 +12,37 @@ import { Picker, PickerContent, PickerGroup, + PickerLabel, PickerRadioGroup, PickerRadioItem, + PickerSeparator, PickerTrigger, } from "@/app/(create)/components/picker" -import { useDesignSystemSearchParams } from "@/app/(create)/lib/search-params" +import { + isTranslucentMenuColor, + useDesignSystemSearchParams, +} from "@/app/(create)/lib/search-params" -const MENU_OPTIONS = [ - { - value: "default" as const, - label: "Default", - icon: ( - - - - - - - ), - }, - { - value: "inverted" as const, - label: "Inverted", - icon: ( - - - - - - - ), - }, -] as const +type ColorChoice = "default" | "inverted" +type SurfaceChoice = "solid" | "translucent" + +function getMenuColorValue( + color: ColorChoice, + translucent: boolean +): MenuColorValue { + if (color === "default") { + return translucent ? "default-translucent" : "default" + } + + return translucent ? "inverted-translucent" : "inverted" +} + +const MENU_OPTIONS: { value: MenuColorValue; label: string }[] = [ + { value: "default", label: "Default / Solid" }, + { value: "default-translucent", label: "Default / Translucent" }, + { value: "inverted", label: "Inverted / Solid" }, + { value: "inverted-translucent", label: "Inverted / Translucent" }, +] export function MenuColorPicker({ isMobile, @@ -111,25 +51,69 @@ export function MenuColorPicker({ isMobile: boolean anchorRef: React.RefObject }) { + const [params, setParams] = useDesignSystemSearchParams() const { resolvedTheme } = useTheme() const mounted = useMounted() - const [params, setParams] = useDesignSystemSearchParams() + const lastSolidMenuAccentRef = React.useRef(params.menuAccent) + const isDark = mounted && resolvedTheme === "dark" const currentMenu = MENU_OPTIONS.find( (menu) => menu.value === params.menuColor ) + const colorChoice: ColorChoice = + params.menuColor === "inverted" || + params.menuColor === "inverted-translucent" + ? "inverted" + : "default" + const surfaceChoice: SurfaceChoice = + params.menuColor === "default-translucent" || + params.menuColor === "inverted-translucent" + ? "translucent" + : "solid" + + React.useEffect(() => { + if (surfaceChoice === "solid") { + lastSolidMenuAccentRef.current = params.menuAccent + } + }, [params.menuAccent, surfaceChoice]) + + const setColor = (color: ColorChoice) => { + const nextMenuColor = getMenuColorValue( + color, + surfaceChoice === "translucent" + ) + + setParams({ + menuColor: nextMenuColor, + ...(isTranslucentMenuColor(nextMenuColor) && { menuAccent: "subtle" }), + }) + } + + const setSurface = (choice: SurfaceChoice) => { + const isTranslucent = choice === "translucent" + const nextMenuColor = getMenuColorValue(colorChoice, isTranslucent) + + setParams({ + menuColor: nextMenuColor, + menuAccent: isTranslucent ? "subtle" : lastSolidMenuAccentRef.current, + }) + } return (
- +
-
Menu Color
+
Menu
{currentMenu?.label}
- {currentMenu?.icon} +
- { - setParams({ menuColor: value as MenuColorValue }) - }} - > - - {MENU_OPTIONS.map((menu) => ( - - {menu.label} - - ))} - - + + Color + { + setColor(value as ColorChoice) + }} + > + + Default + + + Inverted + + + + + + Appearance + { + setSurface(value as SurfaceChoice) + }} + > + + Solid + + + Translucent + + + (array: readonly T[]): T { return array[Math.floor(Math.random() * array.length)] @@ -68,12 +71,25 @@ export function useRandom() { const selectedIconLibrary = locks.has("iconLibrary") ? paramsRef.current.iconLibrary : randomItem(Object.values(iconLibraries)).name - const selectedMenuAccent = locks.has("menuAccent") + const lockedMenuAccent = locks.has("menuAccent") ? paramsRef.current.menuAccent - : randomItem(MENU_ACCENTS).value + : undefined + const availableMenuColors = + !locks.has("menuColor") && lockedMenuAccent === "bold" + ? MENU_COLORS.filter((menuColor) => { + return !isTranslucentMenuColor(menuColor.value) + }) + : MENU_COLORS const selectedMenuColor = locks.has("menuColor") ? paramsRef.current.menuColor - : randomItem(MENU_COLORS).value + : randomItem(availableMenuColors).value + const selectedMenuAccent = + locks.has("menuAccent") || isTranslucentMenuColor(selectedMenuColor) + ? paramsRef.current.menuAccent === "bold" && + isTranslucentMenuColor(selectedMenuColor) + ? "subtle" + : paramsRef.current.menuAccent + : randomItem(MENU_ACCENTS).value context.theme = selectedTheme context.font = selectedFont diff --git a/apps/v4/app/(create)/init/route.ts b/apps/v4/app/(create)/init/route.ts index 6741dad8c0..22c02af2f5 100644 --- a/apps/v4/app/(create)/init/route.ts +++ b/apps/v4/app/(create)/init/route.ts @@ -1,5 +1,6 @@ import { NextResponse, type NextRequest } from "next/server" import { track } from "@vercel/analytics/server" +import { encodePreset, isPresetCode } from "shadcn/preset" import { registryItemSchema } from "shadcn/schema" import { buildRegistryBase } from "@/registry/config" @@ -14,6 +15,22 @@ export async function GET(request: NextRequest) { return NextResponse.json({ error: result.error }, { status: 400 }) } + // Use the preset code from the URL if provided, otherwise encode one. + const presetParam = searchParams.get("preset") + const presetCode = + presetParam && isPresetCode(presetParam) + ? presetParam + : encodePreset({ + style: result.data.style, + baseColor: result.data.baseColor, + theme: result.data.theme, + iconLibrary: result.data.iconLibrary, + font: result.data.font, + radius: result.data.radius, + menuAccent: result.data.menuAccent, + menuColor: result.data.menuColor, + } as Parameters[0]) + const registryBase = buildRegistryBase(result.data) const parseResult = registryItemSchema.safeParse(registryBase) @@ -27,10 +44,12 @@ export async function GET(request: NextRequest) { ) } - track("create_app", { - ...result.data, - preset: searchParams.get("preset") ?? "", - }) + if (searchParams.get("track") === "1") { + track("create_app", { + ...result.data, + preset: presetCode, + }) + } return NextResponse.json(parseResult.data) } catch (error) { diff --git a/apps/v4/app/(create)/lib/search-params.ts b/apps/v4/app/(create)/lib/search-params.ts index 6f7ea199c7..c10a9d21a8 100644 --- a/apps/v4/app/(create)/lib/search-params.ts +++ b/apps/v4/app/(create)/lib/search-params.ts @@ -118,6 +118,46 @@ export type DesignSystemSearchParams = inferParserType< typeof designSystemSearchParams > +export function isTranslucentMenuColor( + menuColor?: MenuColorValue | null +): menuColor is "default-translucent" | "inverted-translucent" { + return ( + menuColor === "default-translucent" || menuColor === "inverted-translucent" + ) +} + +function normalizePartialDesignSystemParams( + params: Partial +): Partial { + if ( + params.menuAccent === "bold" && + isTranslucentMenuColor(params.menuColor ?? undefined) + ) { + return { + ...params, + menuAccent: "subtle", + } + } + + return params +} + +function normalizeDesignSystemParams( + params: DesignSystemSearchParams +): DesignSystemSearchParams { + if ( + params.menuAccent === "bold" && + isTranslucentMenuColor(params.menuColor) + ) { + return { + ...params, + menuAccent: "subtle", + } + } + + return params +} + // Wraps nuqs useQueryStates with transparent preset encoding/decoding. // - Reads: if ?preset=CODE is in the URL, decodes it and returns individual values. // - Writes: when design system params are set, encodes them into a preset code. @@ -129,15 +169,16 @@ export function useDesignSystemSearchParams(options: Options = {}) { }) // If preset param exists, decode it and overlay on raw params. - const params = React.useMemo(() => { - if (rawParams.preset && isPresetCode(rawParams.preset)) { - const decoded = decodePreset(rawParams.preset) - if (decoded) { - return { ...rawParams, ...decoded } - } - } - return rawParams - }, [rawParams]) + const params = React.useMemo( + () => + rawParams.preset && isPresetCode(rawParams.preset) + ? normalizeDesignSystemParams({ + ...rawParams, + ...(decodePreset(rawParams.preset) ?? {}), + }) + : normalizeDesignSystemParams(rawParams), + [rawParams] + ) // Use ref so setParams callback stays stable across renders. const paramsRef = React.useRef(params) @@ -156,8 +197,9 @@ export function useDesignSystemSearchParams(options: Options = {}) { ) => Partial), setOptions?: Options ) => { - const resolvedUpdates = + const resolvedUpdates = normalizePartialDesignSystemParams( typeof updates === "function" ? updates(paramsRef.current) : updates + ) const hasDesignSystemUpdate = DESIGN_SYSTEM_KEYS.some( (key) => key in resolvedUpdates @@ -169,7 +211,10 @@ export function useDesignSystemSearchParams(options: Options = {}) { } // Merge current decoded values with updates. - const merged = { ...paramsRef.current, ...resolvedUpdates } + const merged = normalizeDesignSystemParams({ + ...paramsRef.current, + ...resolvedUpdates, + }) // Encode design system fields into a preset code. // Cast needed: merged values may include null from nuqs resets, diff --git a/apps/v4/app/(create)/preview/[base]/[name]/page.tsx b/apps/v4/app/(create)/preview/[base]/[name]/page.tsx index 3467a03084..50caaa386b 100644 --- a/apps/v4/app/(create)/preview/[base]/[name]/page.tsx +++ b/apps/v4/app/(create)/preview/[base]/[name]/page.tsx @@ -135,7 +135,7 @@ export default async function BlockPage({ } return ( -
+
diff --git a/apps/v4/components/github-link.tsx b/apps/v4/components/github-link.tsx index 7ba7c56778..542e00f8b7 100644 --- a/apps/v4/components/github-link.tsx +++ b/apps/v4/components/github-link.tsx @@ -28,7 +28,7 @@ export async function StarsCount() { const formattedCount = json.stargazers_count >= 1000 ? `${Math.round(json.stargazers_count / 1000)}k` - : json.stargazers_count.toLocaleString() + : json.stargazers_count?.toLocaleString() return ( diff --git a/apps/v4/components/mode-switcher.tsx b/apps/v4/components/mode-switcher.tsx index 1cd845d0d9..d287df42ea 100644 --- a/apps/v4/components/mode-switcher.tsx +++ b/apps/v4/components/mode-switcher.tsx @@ -34,32 +34,6 @@ export function ModeSwitcher({ setTheme(resolvedTheme === "dark" ? "light" : "dark") }, [resolvedTheme, setTheme]) - React.useEffect(() => { - const down = (e: KeyboardEvent) => { - if ( - (e.key === "d" || e.key === "D") && - !e.metaKey && - !e.ctrlKey && - !e.altKey - ) { - if ( - (e.target instanceof HTMLElement && e.target.isContentEditable) || - e.target instanceof HTMLInputElement || - e.target instanceof HTMLTextAreaElement || - e.target instanceof HTMLSelectElement - ) { - return - } - - e.preventDefault() - toggleTheme() - } - } - - document.addEventListener("keydown", down) - return () => document.removeEventListener("keydown", down) - }, [toggleTheme]) - return ( diff --git a/apps/v4/components/theme-provider.tsx b/apps/v4/components/theme-provider.tsx index 27a68f9795..ea24e06fa7 100644 --- a/apps/v4/components/theme-provider.tsx +++ b/apps/v4/components/theme-provider.tsx @@ -1,7 +1,39 @@ "use client" import * as React from "react" -import { ThemeProvider as NextThemesProvider } from "next-themes" +import { ThemeProvider as NextThemesProvider, useTheme } from "next-themes" + +function ThemeShortcut() { + const { setTheme, resolvedTheme } = useTheme() + + React.useEffect(() => { + const down = (e: KeyboardEvent) => { + if ( + (e.key === "d" || e.key === "D") && + !e.metaKey && + !e.ctrlKey && + !e.altKey + ) { + if ( + (e.target instanceof HTMLElement && e.target.isContentEditable) || + e.target instanceof HTMLInputElement || + e.target instanceof HTMLTextAreaElement || + e.target instanceof HTMLSelectElement + ) { + return + } + + e.preventDefault() + setTheme(resolvedTheme === "dark" ? "light" : "dark") + } + } + + document.addEventListener("keydown", down) + return () => document.removeEventListener("keydown", down) + }, [resolvedTheme, setTheme]) + + return null +} export function ThemeProvider({ children, @@ -16,6 +48,7 @@ export function ThemeProvider({ enableColorScheme {...props} > + {children} ) diff --git a/apps/v4/content/docs/changelog/2026-03-cli-v4.mdx b/apps/v4/content/docs/changelog/2026-03-cli-v4.mdx index db6553d370..c64ae93e7b 100644 --- a/apps/v4/content/docs/changelog/2026-03-cli-v4.mdx +++ b/apps/v4/content/docs/changelog/2026-03-cli-v4.mdx @@ -6,7 +6,7 @@ date: 2026-03-06 We're releasing version 4 of shadcn/cli. More capable, easier to use. Built for you and your coding agents. Here's everything new. -### shadcn/skills +## shadcn/skills shadcn/skills gives coding agents the context they need to work with your components and registry correctly. It covers both Radix and Base UI primitives, updated APIs, component patterns and registry workflows. The skill also knows how to use the shadcn CLI, when to invoke it and which flags to pass. Agents make fewer mistakes and produce code that actually matches your design system. @@ -20,7 +20,7 @@ You can ask your agent things like: npx skills add shadcn/ui ``` -### Introducing --preset +## Introducing --preset A preset packs your entire design system config into a short code. Colors, theme, icon library, fonts, radius. One string, everything included. @@ -32,7 +32,7 @@ npx shadcn@latest init --preset a1Dg5eFl Use it to scaffold projects from custom config, share with your team or publish in your registry. Drop it in prompts so your agent knows where to start. Use it across Claude, Codex, v0, Replit. Take your preset with you. -### Switching presets +## Switching presets When you're working on a new app, it can take a few tries to find something you like so we've made switching presets really easy. Run init --preset in your app, and the cli will take care of reconfiguring everything including your components. @@ -40,18 +40,18 @@ When you're working on a new app, it can take a few tries to find something you npx shadcn@latest init --preset ad3qkJ7 ``` -### Skills + Presets +## Skills + Presets Your agent knows how to use presets. Scaffold a project, switch design systems, try something new. - "create a new next app using --preset adtk27v" - "let's try --preset adtk27v" -### New shadcn/create +## New shadcn/create To help you build custom presets, we rebuilt [shadcn/create](/create). It now includes a library of UI components you can use to preview your presets. See how your colors, fonts and radius apply to real components before you start building. -### New --dry-run, --diff, and --view flags +## New --dry-run, --diff, and --view flags Inspect what a registry will add to your project before anything gets written. Review the payload yourself or pipe it to your coding agent for a second look. @@ -61,7 +61,7 @@ npx shadcn@latest add button --diff npx shadcn@latest add button --view ``` -### Updating primitives +## Updating primitives You can use the `--diff` flag to check for registry updates. Or ask your agent: "check for updates from @shadcn and merge with my local changes". @@ -69,7 +69,7 @@ You can use the `--diff` flag to check for registry updates. Or ask your agent: npx shadcn@latest add button --diff ``` -### shadcn init --template +## shadcn init --template `shadcn init` now scaffolds full project templates for Next.js, Vite, Laravel, React Router, Astro and TanStack Start. Dark mode included for Next.js and Vite. @@ -91,7 +91,7 @@ Use `--monorepo` to set up a monorepo. npx shadcn@latest init -t next --monorepo ``` -### shadcn init --base +## shadcn init --base Pick your primitives. Use `--base` to start a project with Radix or Base UI. @@ -99,7 +99,7 @@ Pick your primitives. Use `--base` to start a project with Radix or Base UI. npx shadcn@latest init --base radix ``` -### shadcn info +## shadcn info The `info` command now shows the full picture: framework, version, CSS vars, which components are installed, and where to find docs and examples for every component. Great for giving coding agents the context they need to work with your project. @@ -107,7 +107,7 @@ The `info` command now shows the full picture: framework, version, CSS vars, whi npx shadcn@latest info ``` -### shadcn docs +## shadcn docs Get docs, code and examples for any UI component right from the CLI. Gives your coding agent the context to use your primitives correctly. @@ -120,7 +120,7 @@ combobox - api https://base-ui.com/react/components/combobox ``` -### registry:base and registry:font +## registry:base and registry:font Registries can now distribute an entire design system as a single payload using `registry:base`. Components, dependencies, CSS vars, fonts, config. One install, everything set up. diff --git a/apps/v4/content/docs/registry/examples.mdx b/apps/v4/content/docs/registry/examples.mdx index bbd58686ef..b2d1b3de3d 100644 --- a/apps/v4/content/docs/registry/examples.mdx +++ b/apps/v4/content/docs/registry/examples.mdx @@ -395,24 +395,24 @@ A `registry:base` item is a complete design system base. It defines the full set The `config` field accepts the following properties (all optional): -| Property | Type | Description | -| -------------------- | ---------------------------------- | --------------------------------------------------------------- | -| `style` | `string` | The style name for the base. | -| `iconLibrary` | `string` | The icon library to use (e.g. `lucide`). | -| `rsc` | `boolean` | Whether to enable React Server Components. Defaults to `false`. | -| `tsx` | `boolean` | Whether to use TypeScript. Defaults to `true`. | -| `rtl` | `boolean` | Whether to enable right-to-left support. Defaults to `false`. | -| `menuColor` | `"default" \| "inverted"` | The menu color scheme. Defaults to `"default"`. | -| `menuAccent` | `"subtle" \| "bold"` | The menu accent style. Defaults to `"subtle"`. | -| `tailwind.baseColor` | `string` | The base color name (e.g. `neutral`, `slate`, `zinc`). | -| `tailwind.css` | `string` | Path to the Tailwind CSS file. | -| `tailwind.prefix` | `string` | A prefix to add to all Tailwind classes. | -| `aliases.components` | `string` | Import alias for components. | -| `aliases.utils` | `string` | Import alias for utilities. | -| `aliases.ui` | `string` | Import alias for UI components. | -| `aliases.lib` | `string` | Import alias for lib. | -| `aliases.hooks` | `string` | Import alias for hooks. | -| `registries` | `Record` | Custom registry URLs. Keys must start with `@`. | +| Property | Type | Description | +| -------------------- | ---------------------------------------------------------------------------- | --------------------------------------------------------------- | +| `style` | `string` | The style name for the base. | +| `iconLibrary` | `string` | The icon library to use (e.g. `lucide`). | +| `rsc` | `boolean` | Whether to enable React Server Components. Defaults to `false`. | +| `tsx` | `boolean` | Whether to use TypeScript. Defaults to `true`. | +| `rtl` | `boolean` | Whether to enable right-to-left support. Defaults to `false`. | +| `menuColor` | `"default" \| "inverted" \| "default-translucent" \| "inverted-translucent"` | The menu color scheme. Defaults to `"default"`. | +| `menuAccent` | `"subtle" \| "bold"` | The menu accent style. Defaults to `"subtle"`. | +| `tailwind.baseColor` | `string` | The base color name (e.g. `neutral`, `slate`, `zinc`). | +| `tailwind.css` | `string` | Path to the Tailwind CSS file. | +| `tailwind.prefix` | `string` | A prefix to add to all Tailwind classes. | +| `aliases.components` | `string` | Import alias for components. | +| `aliases.utils` | `string` | Import alias for utilities. | +| `aliases.ui` | `string` | Import alias for UI components. | +| `aliases.lib` | `string` | Import alias for lib. | +| `aliases.hooks` | `string` | Import alias for hooks. | +| `registries` | `Record` | Custom registry URLs. Keys must start with `@`. | ```json title="custom-base.json" showLineNumbers { diff --git a/apps/v4/examples/base/ui-rtl/button.tsx b/apps/v4/examples/base/ui-rtl/button.tsx index 77f130292e..d280cd9d95 100644 --- a/apps/v4/examples/base/ui-rtl/button.tsx +++ b/apps/v4/examples/base/ui-rtl/button.tsx @@ -5,7 +5,7 @@ import { Button as ButtonPrimitive } from "@base-ui/react/button" import { cva, type VariantProps } from "class-variance-authority" const buttonVariants = cva( - "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + "group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", { variants: { variant: { diff --git a/apps/v4/examples/base/ui-rtl/combobox.tsx b/apps/v4/examples/base/ui-rtl/combobox.tsx index 2a9288fad2..e54ea5b1dc 100644 --- a/apps/v4/examples/base/ui-rtl/combobox.tsx +++ b/apps/v4/examples/base/ui-rtl/combobox.tsx @@ -110,7 +110,7 @@ function ComboboxContent({ data-slot="combobox-content" data-chips={!!anchor} className={cn( - "cn-menu-target group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", + "cn-menu-target cn-menu-translucent group/combobox-content relative max-h-(--available-height) w-(--anchor-width) max-w-(--available-width) min-w-[calc(var(--anchor-width)+--spacing(7))] origin-(--transform-origin) overflow-hidden rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[chips=true]:min-w-(--anchor-width) data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-start-2 data-[side=inline-start]:slide-in-from-end-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 *:data-[slot=input-group]:m-1 *:data-[slot=input-group]:mb-0 *:data-[slot=input-group]:h-8 *:data-[slot=input-group]:border-input/30 *:data-[slot=input-group]:bg-input/30 *:data-[slot=input-group]:shadow-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95", className )} {...props} diff --git a/apps/v4/examples/base/ui-rtl/context-menu.tsx b/apps/v4/examples/base/ui-rtl/context-menu.tsx index 0d4b77ee20..f61b09b23f 100644 --- a/apps/v4/examples/base/ui-rtl/context-menu.tsx +++ b/apps/v4/examples/base/ui-rtl/context-menu.tsx @@ -52,7 +52,7 @@ function ContextMenuContent({ diff --git a/apps/v4/examples/base/ui-rtl/dropdown-menu.tsx b/apps/v4/examples/base/ui-rtl/dropdown-menu.tsx index 9808029ce8..3ba66b9cab 100644 --- a/apps/v4/examples/base/ui-rtl/dropdown-menu.tsx +++ b/apps/v4/examples/base/ui-rtl/dropdown-menu.tsx @@ -41,7 +41,7 @@ function DropdownMenuContent({ diff --git a/apps/v4/examples/base/ui/dropdown-menu.tsx b/apps/v4/examples/base/ui/dropdown-menu.tsx index 8f77496a3b..9289c3ea76 100644 --- a/apps/v4/examples/base/ui/dropdown-menu.tsx +++ b/apps/v4/examples/base/ui/dropdown-menu.tsx @@ -41,7 +41,7 @@ function DropdownMenuContent({ ) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\": \"size-6 rounded-none [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-7 rounded-none\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/combobox.json b/apps/v4/public/r/styles/base-lyra/combobox.json index f627725074..4f6b02d9ec 100644 --- a/apps/v4/public/r/styles/base-lyra/combobox.json +++ b/apps/v4/public/r/styles/base-lyra/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/base-lyra/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-lyra/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-lyra/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/context-menu.json b/apps/v4/public/r/styles/base-lyra/context-menu.json index 586dad85e3..ab02516458 100644 --- a/apps/v4/public/r/styles/base-lyra/context-menu.json +++ b/apps/v4/public/r/styles/base-lyra/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-lyra/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/dropdown-menu.json b/apps/v4/public/r/styles/base-lyra/dropdown-menu.json index a17bb93b30..1d5f027d99 100644 --- a/apps/v4/public/r/styles/base-lyra/dropdown-menu.json +++ b/apps/v4/public/r/styles/base-lyra/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-lyra/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/login-02.json b/apps/v4/public/r/styles/base-lyra/login-02.json index 8d962a836a..5aa25b063e 100644 --- a/apps/v4/public/r/styles/base-lyra/login-02.json +++ b/apps/v4/public/r/styles/base-lyra/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-lyra/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-lyra/ui/field\"\nimport { Input } from \"@/registry/base-lyra/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-lyra/ui/field\"\nimport { Input } from \"@/registry/base-lyra/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-lyra/menubar.json b/apps/v4/public/r/styles/base-lyra/menubar.json index 9af1db279f..f32621c303 100644 --- a/apps/v4/public/r/styles/base-lyra/menubar.json +++ b/apps/v4/public/r/styles/base-lyra/menubar.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-lyra/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-lyra/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-lyra/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/select.json b/apps/v4/public/r/styles/base-lyra/select.json index 046255c55a..961471d01f 100644 --- a/apps/v4/public/r/styles/base-lyra/select.json +++ b/apps/v4/public/r/styles/base-lyra/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-lyra/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/sheet.json b/apps/v4/public/r/styles/base-lyra/sheet.json index fee80b0020..2d1cc9adfb 100644 --- a/apps/v4/public/r/styles/base-lyra/sheet.json +++ b/apps/v4/public/r/styles/base-lyra/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-lyra/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/signup-02.json b/apps/v4/public/r/styles/base-lyra/signup-02.json index 425d2f3182..4742119690 100644 --- a/apps/v4/public/r/styles/base-lyra/signup-02.json +++ b/apps/v4/public/r/styles/base-lyra/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-lyra/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-lyra/ui/field\"\nimport { Input } from \"@/registry/base-lyra/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { Button } from \"@/registry/base-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-lyra/ui/field\"\nimport { Input } from \"@/registry/base-lyra/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-maia/button.json b/apps/v4/public/r/styles/base-maia/button.json index 425aea8043..e8addc986e 100644 --- a/apps/v4/public/r/styles/base-maia/button.json +++ b/apps/v4/public/r/styles/base-maia/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/combobox.json b/apps/v4/public/r/styles/base-maia/combobox.json index d2dd24d533..f84cd5525d 100644 --- a/apps/v4/public/r/styles/base-maia/combobox.json +++ b/apps/v4/public/r/styles/base-maia/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/base-maia/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-maia/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-maia/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/context-menu.json b/apps/v4/public/r/styles/base-maia/context-menu.json index 7d495ca1fe..3f3ffabdc6 100644 --- a/apps/v4/public/r/styles/base-maia/context-menu.json +++ b/apps/v4/public/r/styles/base-maia/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/dropdown-menu.json b/apps/v4/public/r/styles/base-maia/dropdown-menu.json index eb556b5287..9c0127e6ea 100644 --- a/apps/v4/public/r/styles/base-maia/dropdown-menu.json +++ b/apps/v4/public/r/styles/base-maia/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/login-02.json b/apps/v4/public/r/styles/base-maia/login-02.json index c6e76969d1..1a05ebadab 100644 --- a/apps/v4/public/r/styles/base-maia/login-02.json +++ b/apps/v4/public/r/styles/base-maia/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-maia/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-maia/ui/field\"\nimport { Input } from \"@/registry/base-maia/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-maia/ui/field\"\nimport { Input } from \"@/registry/base-maia/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-maia/menubar.json b/apps/v4/public/r/styles/base-maia/menubar.json index a27284a34c..8a0e73220e 100644 --- a/apps/v4/public/r/styles/base-maia/menubar.json +++ b/apps/v4/public/r/styles/base-maia/menubar.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-maia/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-maia/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-maia/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/select.json b/apps/v4/public/r/styles/base-maia/select.json index 1b8c19f3ef..4bb2798b95 100644 --- a/apps/v4/public/r/styles/base-maia/select.json +++ b/apps/v4/public/r/styles/base-maia/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/sheet.json b/apps/v4/public/r/styles/base-maia/sheet.json index e430f1bb2b..d5def3ad2c 100644 --- a/apps/v4/public/r/styles/base-maia/sheet.json +++ b/apps/v4/public/r/styles/base-maia/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-maia/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/signup-02.json b/apps/v4/public/r/styles/base-maia/signup-02.json index ac09790e46..ad168369ad 100644 --- a/apps/v4/public/r/styles/base-maia/signup-02.json +++ b/apps/v4/public/r/styles/base-maia/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-maia/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-maia/ui/field\"\nimport { Input } from \"@/registry/base-maia/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-maia/lib/utils\"\nimport { Button } from \"@/registry/base-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-maia/ui/field\"\nimport { Input } from \"@/registry/base-maia/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-mira/button.json b/apps/v4/public/r/styles/base-mira/button.json index 24785cb112..15755299a7 100644 --- a/apps/v4/public/r/styles/base-mira/button.json +++ b/apps/v4/public/r/styles/base-mira/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n xs: \"h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5\",\n sm: \"h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n lg: \"h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4\",\n icon: \"size-7 [&_svg:not([class*='size-'])]:size-3.5\",\n \"icon-xs\": \"size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5\",\n \"icon-sm\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-lg\": \"size-8 [&_svg:not([class*='size-'])]:size-4\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n xs: \"h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5\",\n sm: \"h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n lg: \"h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4\",\n icon: \"size-7 [&_svg:not([class*='size-'])]:size-3.5\",\n \"icon-xs\": \"size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5\",\n \"icon-sm\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-lg\": \"size-8 [&_svg:not([class*='size-'])]:size-4\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/combobox.json b/apps/v4/public/r/styles/base-mira/combobox.json index de6321112d..ff97a96eb0 100644 --- a/apps/v4/public/r/styles/base-mira/combobox.json +++ b/apps/v4/public/r/styles/base-mira/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/base-mira/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-mira/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-mira/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/context-menu.json b/apps/v4/public/r/styles/base-mira/context-menu.json index 8362ec07d0..11ab88b93b 100644 --- a/apps/v4/public/r/styles/base-mira/context-menu.json +++ b/apps/v4/public/r/styles/base-mira/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/dropdown-menu.json b/apps/v4/public/r/styles/base-mira/dropdown-menu.json index 5dbe850399..6ccbc7b833 100644 --- a/apps/v4/public/r/styles/base-mira/dropdown-menu.json +++ b/apps/v4/public/r/styles/base-mira/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/login-02.json b/apps/v4/public/r/styles/base-mira/login-02.json index e5b92ea6fe..1b0e33d735 100644 --- a/apps/v4/public/r/styles/base-mira/login-02.json +++ b/apps/v4/public/r/styles/base-mira/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-mira/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-mira/ui/field\"\nimport { Input } from \"@/registry/base-mira/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-mira/ui/field\"\nimport { Input } from \"@/registry/base-mira/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-mira/menubar.json b/apps/v4/public/r/styles/base-mira/menubar.json index 3108b1453f..9166b335eb 100644 --- a/apps/v4/public/r/styles/base-mira/menubar.json +++ b/apps/v4/public/r/styles/base-mira/menubar.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-mira/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-mira/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-mira/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/select.json b/apps/v4/public/r/styles/base-mira/select.json index 7f4fdec999..903e3c2dfa 100644 --- a/apps/v4/public/r/styles/base-mira/select.json +++ b/apps/v4/public/r/styles/base-mira/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/sheet.json b/apps/v4/public/r/styles/base-mira/sheet.json index 9bd22815e9..bb110eaa08 100644 --- a/apps/v4/public/r/styles/base-mira/sheet.json +++ b/apps/v4/public/r/styles/base-mira/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-mira/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/signup-02.json b/apps/v4/public/r/styles/base-mira/signup-02.json index 1fe9499df5..b7bd98c292 100644 --- a/apps/v4/public/r/styles/base-mira/signup-02.json +++ b/apps/v4/public/r/styles/base-mira/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-mira/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-mira/ui/field\"\nimport { Input } from \"@/registry/base-mira/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-mira/lib/utils\"\nimport { Button } from \"@/registry/base-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-mira/ui/field\"\nimport { Input } from \"@/registry/base-mira/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-nova/button.json b/apps/v4/public/r/styles/base-nova/button.json index 70ec4e88c7..aa287752d4 100644 --- a/apps/v4/public/r/styles/base-nova/button.json +++ b/apps/v4/public/r/styles/base-nova/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/combobox.json b/apps/v4/public/r/styles/base-nova/combobox.json index a31756a038..59e648b768 100644 --- a/apps/v4/public/r/styles/base-nova/combobox.json +++ b/apps/v4/public/r/styles/base-nova/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/base-nova/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-nova/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-nova/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/context-menu.json b/apps/v4/public/r/styles/base-nova/context-menu.json index d2578e1ce5..cf9ff1cf2a 100644 --- a/apps/v4/public/r/styles/base-nova/context-menu.json +++ b/apps/v4/public/r/styles/base-nova/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/dropdown-menu.json b/apps/v4/public/r/styles/base-nova/dropdown-menu.json index 14fc296c6d..3566eb577c 100644 --- a/apps/v4/public/r/styles/base-nova/dropdown-menu.json +++ b/apps/v4/public/r/styles/base-nova/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/login-02.json b/apps/v4/public/r/styles/base-nova/login-02.json index 67eb73817d..2535e87374 100644 --- a/apps/v4/public/r/styles/base-nova/login-02.json +++ b/apps/v4/public/r/styles/base-nova/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-nova/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-nova/ui/field\"\nimport { Input } from \"@/registry/base-nova/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-nova/ui/field\"\nimport { Input } from \"@/registry/base-nova/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-nova/menubar.json b/apps/v4/public/r/styles/base-nova/menubar.json index 24c8a9ce8a..22456000af 100644 --- a/apps/v4/public/r/styles/base-nova/menubar.json +++ b/apps/v4/public/r/styles/base-nova/menubar.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-nova/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-nova/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-nova/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/select.json b/apps/v4/public/r/styles/base-nova/select.json index 226da5c220..0997e7646f 100644 --- a/apps/v4/public/r/styles/base-nova/select.json +++ b/apps/v4/public/r/styles/base-nova/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/sheet.json b/apps/v4/public/r/styles/base-nova/sheet.json index 5137559a31..6cce7f7483 100644 --- a/apps/v4/public/r/styles/base-nova/sheet.json +++ b/apps/v4/public/r/styles/base-nova/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-nova/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/signup-02.json b/apps/v4/public/r/styles/base-nova/signup-02.json index 90dc53cc98..b8645c736a 100644 --- a/apps/v4/public/r/styles/base-nova/signup-02.json +++ b/apps/v4/public/r/styles/base-nova/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-nova/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-nova/ui/field\"\nimport { Input } from \"@/registry/base-nova/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-nova/lib/utils\"\nimport { Button } from \"@/registry/base-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-nova/ui/field\"\nimport { Input } from \"@/registry/base-nova/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-vega/button.json b/apps/v4/public/r/styles/base-vega/button.json index 70d2866989..655d0dfe52 100644 --- a/apps/v4/public/r/styles/base-vega/button.json +++ b/apps/v4/public/r/styles/base-vega/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/combobox.json b/apps/v4/public/r/styles/base-vega/combobox.json index eacdb20d36..758bf78abb 100644 --- a/apps/v4/public/r/styles/base-vega/combobox.json +++ b/apps/v4/public/r/styles/base-vega/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/base-vega/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-vega/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/base-vega/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n }\n data-slot=\"input-group-button\"\n className=\"group-has-data-[slot=combobox-clear]/input-group:hidden data-pressed:bg-transparent\"\n disabled={disabled}\n />\n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/context-menu.json b/apps/v4/public/r/styles/base-vega/context-menu.json index 9831a633e3..c6a303b14f 100644 --- a/apps/v4/public/r/styles/base-vega/context-menu.json +++ b/apps/v4/public/r/styles/base-vega/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"@base-ui/react/context-menu\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({ ...props }: ContextMenuPrimitive.Root.Props) {\n return \n}\n\nfunction ContextMenuPortal({ ...props }: ContextMenuPrimitive.Portal.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: ContextMenuPrimitive.Trigger.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n align = \"start\",\n alignOffset = 4,\n side = \"right\",\n sideOffset = 0,\n ...props\n}: ContextMenuPrimitive.Popup.Props &\n Pick<\n ContextMenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ContextMenuGroup({ ...props }: ContextMenuPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: ContextMenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: ContextMenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({ ...props }: ContextMenuPrimitive.SubmenuRoot.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: ContextMenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: ContextMenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: ContextMenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: ContextMenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: ContextMenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/dropdown-menu.json b/apps/v4/public/r/styles/base-vega/dropdown-menu.json index 49765fc1ff..d5eaaeecba 100644 --- a/apps/v4/public/r/styles/base-vega/dropdown-menu.json +++ b/apps/v4/public/r/styles/base-vega/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({ ...props }: MenuPrimitive.Root.Props) {\n return \n}\n\nfunction DropdownMenuPortal({ ...props }: MenuPrimitive.Portal.Props) {\n return \n}\n\nfunction DropdownMenuTrigger({ ...props }: MenuPrimitive.Trigger.Props) {\n return \n}\n\nfunction DropdownMenuContent({\n align = \"start\",\n alignOffset = 0,\n side = \"bottom\",\n sideOffset = 4,\n className,\n ...props\n}: MenuPrimitive.Popup.Props &\n Pick<\n MenuPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction DropdownMenuGroup({ ...props }: MenuPrimitive.Group.Props) {\n return \n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: MenuPrimitive.GroupLabel.Props & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: MenuPrimitive.Item.Props & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({ ...props }: MenuPrimitive.SubmenuRoot.Props) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: MenuPrimitive.SubmenuTrigger.Props & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n align = \"start\",\n alignOffset = -3,\n side = \"right\",\n sideOffset = 0,\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: MenuPrimitive.RadioGroup.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: MenuPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/login-02.json b/apps/v4/public/r/styles/base-vega/login-02.json index 985da5f312..cb2b191a45 100644 --- a/apps/v4/public/r/styles/base-vega/login-02.json +++ b/apps/v4/public/r/styles/base-vega/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-vega/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-vega/ui/field\"\nimport { Input } from \"@/registry/base-vega/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-vega/ui/field\"\nimport { Input } from \"@/registry/base-vega/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/base-vega/menubar.json b/apps/v4/public/r/styles/base-vega/menubar.json index fecdb3b855..a3c4992c84 100644 --- a/apps/v4/public/r/styles/base-vega/menubar.json +++ b/apps/v4/public/r/styles/base-vega/menubar.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-vega/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-vega/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menu as MenuPrimitive } from \"@base-ui/react/menu\"\nimport { Menubar as MenubarPrimitive } from \"@base-ui/react/menubar\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport {\n DropdownMenu,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuItem,\n DropdownMenuLabel,\n DropdownMenuPortal,\n DropdownMenuRadioGroup,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubContent,\n DropdownMenuSubTrigger,\n DropdownMenuTrigger,\n} from \"@/registry/base-vega/ui/dropdown-menu\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({ className, ...props }: MenubarPrimitive.Props) {\n return (\n \n )\n}\n\nfunction MenubarMenu({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: MenuPrimitive.CheckboxItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: MenuPrimitive.RadioItem.Props & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/select.json b/apps/v4/public/r/styles/base-vega/select.json index a6b9d0cc68..4fb1474ab9 100644 --- a/apps/v4/public/r/styles/base-vega/select.json +++ b/apps/v4/public/r/styles/base-vega/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"@base-ui/react/select\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Select = SelectPrimitive.Root\n\nfunction SelectGroup({ className, ...props }: SelectPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction SelectValue({ className, ...props }: SelectPrimitive.Value.Props) {\n return (\n \n )\n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: SelectPrimitive.Trigger.Props & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n }\n />\n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n side = \"bottom\",\n sideOffset = 4,\n align = \"center\",\n alignOffset = 0,\n alignItemWithTrigger = true,\n ...props\n}: SelectPrimitive.Popup.Props &\n Pick<\n SelectPrimitive.Positioner.Props,\n \"align\" | \"alignOffset\" | \"side\" | \"sideOffset\" | \"alignItemWithTrigger\"\n >) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: SelectPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: SelectPrimitive.Item.Props) {\n return (\n \n \n {children}\n \n \n }\n >\n \n \n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: SelectPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/sheet.json b/apps/v4/public/r/styles/base-vega/sheet.json index 5f2703027c..9f85da95b2 100644 --- a/apps/v4/public/r/styles/base-vega/sheet.json +++ b/apps/v4/public/r/styles/base-vega/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/base-vega/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"@base-ui/react/dialog\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: SheetPrimitive.Root.Props) {\n return \n}\n\nfunction SheetTrigger({ ...props }: SheetPrimitive.Trigger.Props) {\n return \n}\n\nfunction SheetClose({ ...props }: SheetPrimitive.Close.Props) {\n return \n}\n\nfunction SheetPortal({ ...props }: SheetPrimitive.Portal.Props) {\n return \n}\n\nfunction SheetOverlay({ className, ...props }: SheetPrimitive.Backdrop.Props) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: SheetPrimitive.Popup.Props & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n }\n >\n \n Close\n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({ className, ...props }: SheetPrimitive.Title.Props) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: SheetPrimitive.Description.Props) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/signup-02.json b/apps/v4/public/r/styles/base-vega/signup-02.json index 33fd691cea..53f34530b1 100644 --- a/apps/v4/public/r/styles/base-vega/signup-02.json +++ b/apps/v4/public/r/styles/base-vega/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/base-vega/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-vega/ui/field\"\nimport { Input } from \"@/registry/base-vega/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/base-vega/lib/utils\"\nimport { Button } from \"@/registry/base-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/base-vega/ui/field\"\nimport { Input } from \"@/registry/base-vega/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/button.json b/apps/v4/public/r/styles/radix-lyra/button.json index 6d4ccfcfbb..577515df0b 100644 --- a/apps/v4/public/r/styles/radix-lyra/button.json +++ b/apps/v4/public/r/styles/radix-lyra/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-lyra/ui/button.tsx", - "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\": \"size-6 rounded-none [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-7 rounded-none\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\": \"size-6 rounded-none [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-7 rounded-none\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/combobox.json b/apps/v4/public/r/styles/radix-lyra/combobox.json index 8cd6671023..156221399b 100644 --- a/apps/v4/public/r/styles/radix-lyra/combobox.json +++ b/apps/v4/public/r/styles/radix-lyra/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/radix-lyra/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-lyra/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-lyra/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/context-menu.json b/apps/v4/public/r/styles/radix-lyra/context-menu.json index ad0135e9c6..53f503bfc5 100644 --- a/apps/v4/public/r/styles/radix-lyra/context-menu.json +++ b/apps/v4/public/r/styles/radix-lyra/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-lyra/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/dropdown-menu.json b/apps/v4/public/r/styles/radix-lyra/dropdown-menu.json index 5376d78739..3061d9cc42 100644 --- a/apps/v4/public/r/styles/radix-lyra/dropdown-menu.json +++ b/apps/v4/public/r/styles/radix-lyra/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-lyra/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/login-02.json b/apps/v4/public/r/styles/radix-lyra/login-02.json index fbb1231027..368f11f0dc 100644 --- a/apps/v4/public/r/styles/radix-lyra/login-02.json +++ b/apps/v4/public/r/styles/radix-lyra/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-lyra/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-lyra/ui/field\"\nimport { Input } from \"@/registry/radix-lyra/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-lyra/ui/field\"\nimport { Input } from \"@/registry/radix-lyra/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/menubar.json b/apps/v4/public/r/styles/radix-lyra/menubar.json index 27de2f184d..3c19999ffa 100644 --- a/apps/v4/public/r/styles/radix-lyra/menubar.json +++ b/apps/v4/public/r/styles/radix-lyra/menubar.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-lyra/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/navigation-menu.json b/apps/v4/public/r/styles/radix-lyra/navigation-menu.json index 7d445a3a0b..03823a932a 100644 --- a/apps/v4/public/r/styles/radix-lyra/navigation-menu.json +++ b/apps/v4/public/r/styles/radix-lyra/navigation-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-lyra/ui/navigation-menu.tsx", - "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-none bg-background px-2.5 py-1.5 text-xs font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-1 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", + "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-none bg-background px-2.5 py-1.5 text-xs font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-1 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/select.json b/apps/v4/public/r/styles/radix-lyra/select.json index 0506a7060f..2d808af368 100644 --- a/apps/v4/public/r/styles/radix-lyra/select.json +++ b/apps/v4/public/r/styles/radix-lyra/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-lyra/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/sheet.json b/apps/v4/public/r/styles/radix-lyra/sheet.json index a29155d28a..3b1b72878f 100644 --- a/apps/v4/public/r/styles/radix-lyra/sheet.json +++ b/apps/v4/public/r/styles/radix-lyra/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/radix-lyra/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-lyra/signup-02.json b/apps/v4/public/r/styles/radix-lyra/signup-02.json index c08fa1e06b..59b36afbd5 100644 --- a/apps/v4/public/r/styles/radix-lyra/signup-02.json +++ b/apps/v4/public/r/styles/radix-lyra/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-lyra/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-lyra/ui/field\"\nimport { Input } from \"@/registry/radix-lyra/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-lyra/lib/utils\"\nimport { Button } from \"@/registry/radix-lyra/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-lyra/ui/field\"\nimport { Input } from \"@/registry/radix-lyra/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-maia/button.json b/apps/v4/public/r/styles/radix-maia/button.json index bb1736909b..2ad61d420b 100644 --- a/apps/v4/public/r/styles/radix-maia/button.json +++ b/apps/v4/public/r/styles/radix-maia/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-maia/ui/button.tsx", - "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/combobox.json b/apps/v4/public/r/styles/radix-maia/combobox.json index e4d77dba00..f21057c825 100644 --- a/apps/v4/public/r/styles/radix-maia/combobox.json +++ b/apps/v4/public/r/styles/radix-maia/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/radix-maia/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-maia/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-maia/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/context-menu.json b/apps/v4/public/r/styles/radix-maia/context-menu.json index 455cbade02..cc0ce16a74 100644 --- a/apps/v4/public/r/styles/radix-maia/context-menu.json +++ b/apps/v4/public/r/styles/radix-maia/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-maia/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/dropdown-menu.json b/apps/v4/public/r/styles/radix-maia/dropdown-menu.json index 881bbaa9eb..e4d4deacc8 100644 --- a/apps/v4/public/r/styles/radix-maia/dropdown-menu.json +++ b/apps/v4/public/r/styles/radix-maia/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-maia/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/login-02.json b/apps/v4/public/r/styles/radix-maia/login-02.json index fbd042b8b0..1e14ed70e1 100644 --- a/apps/v4/public/r/styles/radix-maia/login-02.json +++ b/apps/v4/public/r/styles/radix-maia/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-maia/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-maia/ui/field\"\nimport { Input } from \"@/registry/radix-maia/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-maia/ui/field\"\nimport { Input } from \"@/registry/radix-maia/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-maia/menubar.json b/apps/v4/public/r/styles/radix-maia/menubar.json index fd97218d8a..3aceb8057e 100644 --- a/apps/v4/public/r/styles/radix-maia/menubar.json +++ b/apps/v4/public/r/styles/radix-maia/menubar.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-maia/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/navigation-menu.json b/apps/v4/public/r/styles/radix-maia/navigation-menu.json index 85a37b8002..34ddd16528 100644 --- a/apps/v4/public/r/styles/radix-maia/navigation-menu.json +++ b/apps/v4/public/r/styles/radix-maia/navigation-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-maia/ui/navigation-menu.tsx", - "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl bg-background px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", + "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-2xl bg-background px-4.5 py-2.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/select.json b/apps/v4/public/r/styles/radix-maia/select.json index 5490e741de..583065c752 100644 --- a/apps/v4/public/r/styles/radix-maia/select.json +++ b/apps/v4/public/r/styles/radix-maia/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-maia/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/sheet.json b/apps/v4/public/r/styles/radix-maia/sheet.json index 5e966b71d9..b9d1fe701a 100644 --- a/apps/v4/public/r/styles/radix-maia/sheet.json +++ b/apps/v4/public/r/styles/radix-maia/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/radix-maia/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-maia/signup-02.json b/apps/v4/public/r/styles/radix-maia/signup-02.json index c99c02b10a..1cfed9e2d8 100644 --- a/apps/v4/public/r/styles/radix-maia/signup-02.json +++ b/apps/v4/public/r/styles/radix-maia/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-maia/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-maia/ui/field\"\nimport { Input } from \"@/registry/radix-maia/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-maia/lib/utils\"\nimport { Button } from \"@/registry/radix-maia/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-maia/ui/field\"\nimport { Input } from \"@/registry/radix-maia/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-mira/button.json b/apps/v4/public/r/styles/radix-mira/button.json index 03ffaf7a4f..f386f35802 100644 --- a/apps/v4/public/r/styles/radix-mira/button.json +++ b/apps/v4/public/r/styles/radix-mira/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-mira/ui/button.tsx", - "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n xs: \"h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5\",\n sm: \"h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n lg: \"h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4\",\n icon: \"size-7 [&_svg:not([class*='size-'])]:size-3.5\",\n \"icon-xs\": \"size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5\",\n \"icon-sm\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-lg\": \"size-8 [&_svg:not([class*='size-'])]:size-4\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n xs: \"h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5\",\n sm: \"h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n lg: \"h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4\",\n icon: \"size-7 [&_svg:not([class*='size-'])]:size-3.5\",\n \"icon-xs\": \"size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5\",\n \"icon-sm\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-lg\": \"size-8 [&_svg:not([class*='size-'])]:size-4\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/combobox.json b/apps/v4/public/r/styles/radix-mira/combobox.json index 6d94a06cae..41eea454fa 100644 --- a/apps/v4/public/r/styles/radix-mira/combobox.json +++ b/apps/v4/public/r/styles/radix-mira/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/radix-mira/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-mira/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-mira/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/context-menu.json b/apps/v4/public/r/styles/radix-mira/context-menu.json index 9ef4ddb1bb..cc58840a3b 100644 --- a/apps/v4/public/r/styles/radix-mira/context-menu.json +++ b/apps/v4/public/r/styles/radix-mira/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-mira/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/dropdown-menu.json b/apps/v4/public/r/styles/radix-mira/dropdown-menu.json index f6969786b0..f40b5d7046 100644 --- a/apps/v4/public/r/styles/radix-mira/dropdown-menu.json +++ b/apps/v4/public/r/styles/radix-mira/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-mira/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/login-02.json b/apps/v4/public/r/styles/radix-mira/login-02.json index d7e1731bb9..6c6d3dc7dc 100644 --- a/apps/v4/public/r/styles/radix-mira/login-02.json +++ b/apps/v4/public/r/styles/radix-mira/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-mira/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-mira/ui/field\"\nimport { Input } from \"@/registry/radix-mira/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-mira/ui/field\"\nimport { Input } from \"@/registry/radix-mira/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-mira/menubar.json b/apps/v4/public/r/styles/radix-mira/menubar.json index a364b3f412..5e6da0f1a7 100644 --- a/apps/v4/public/r/styles/radix-mira/menubar.json +++ b/apps/v4/public/r/styles/radix-mira/menubar.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-mira/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/navigation-menu.json b/apps/v4/public/r/styles/radix-mira/navigation-menu.json index c1e3cb7ad3..14bbaee800 100644 --- a/apps/v4/public/r/styles/radix-mira/navigation-menu.json +++ b/apps/v4/public/r/styles/radix-mira/navigation-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-mira/ui/navigation-menu.tsx", - "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-2.5 py-1.5 text-xs/relaxed font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", + "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-2.5 py-1.5 text-xs/relaxed font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-2 focus-visible:ring-ring/30 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/select.json b/apps/v4/public/r/styles/radix-mira/select.json index 51a3369d87..8e035a3536 100644 --- a/apps/v4/public/r/styles/radix-mira/select.json +++ b/apps/v4/public/r/styles/radix-mira/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-mira/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/sheet.json b/apps/v4/public/r/styles/radix-mira/sheet.json index 46e0bef23e..69f61ae8cb 100644 --- a/apps/v4/public/r/styles/radix-mira/sheet.json +++ b/apps/v4/public/r/styles/radix-mira/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/radix-mira/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-mira/signup-02.json b/apps/v4/public/r/styles/radix-mira/signup-02.json index 7a0c701ecb..d560e38dcf 100644 --- a/apps/v4/public/r/styles/radix-mira/signup-02.json +++ b/apps/v4/public/r/styles/radix-mira/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-mira/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-mira/ui/field\"\nimport { Input } from \"@/registry/radix-mira/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-mira/lib/utils\"\nimport { Button } from \"@/registry/radix-mira/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-mira/ui/field\"\nimport { Input } from \"@/registry/radix-mira/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-nova/button.json b/apps/v4/public/r/styles/radix-nova/button.json index 925e2620a5..732c4e7630 100644 --- a/apps/v4/public/r/styles/radix-nova/button.json +++ b/apps/v4/public/r/styles/radix-nova/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-nova/ui/button.tsx", - "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/combobox.json b/apps/v4/public/r/styles/radix-nova/combobox.json index 46a9fd1614..3a8da68232 100644 --- a/apps/v4/public/r/styles/radix-nova/combobox.json +++ b/apps/v4/public/r/styles/radix-nova/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/radix-nova/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-nova/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-nova/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/context-menu.json b/apps/v4/public/r/styles/radix-nova/context-menu.json index 7ee3175737..78d707c117 100644 --- a/apps/v4/public/r/styles/radix-nova/context-menu.json +++ b/apps/v4/public/r/styles/radix-nova/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-nova/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/dropdown-menu.json b/apps/v4/public/r/styles/radix-nova/dropdown-menu.json index 0a9274453b..7e9d319227 100644 --- a/apps/v4/public/r/styles/radix-nova/dropdown-menu.json +++ b/apps/v4/public/r/styles/radix-nova/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-nova/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/login-02.json b/apps/v4/public/r/styles/radix-nova/login-02.json index 6633129489..d1cb64f10c 100644 --- a/apps/v4/public/r/styles/radix-nova/login-02.json +++ b/apps/v4/public/r/styles/radix-nova/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-nova/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-nova/ui/field\"\nimport { Input } from \"@/registry/radix-nova/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-nova/ui/field\"\nimport { Input } from \"@/registry/radix-nova/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-nova/menubar.json b/apps/v4/public/r/styles/radix-nova/menubar.json index 51536bfc3e..ad93c20224 100644 --- a/apps/v4/public/r/styles/radix-nova/menubar.json +++ b/apps/v4/public/r/styles/radix-nova/menubar.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-nova/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/navigation-menu.json b/apps/v4/public/r/styles/radix-nova/navigation-menu.json index e69f7feb77..8e31d42595 100644 --- a/apps/v4/public/r/styles/radix-nova/navigation-menu.json +++ b/apps/v4/public/r/styles/radix-nova/navigation-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-nova/ui/navigation-menu.tsx", - "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", + "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-lg bg-background px-2.5 py-1.5 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/select.json b/apps/v4/public/r/styles/radix-nova/select.json index 6cea4b9773..f171a978a7 100644 --- a/apps/v4/public/r/styles/radix-nova/select.json +++ b/apps/v4/public/r/styles/radix-nova/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-nova/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/sheet.json b/apps/v4/public/r/styles/radix-nova/sheet.json index 6649c16683..193238b82f 100644 --- a/apps/v4/public/r/styles/radix-nova/sheet.json +++ b/apps/v4/public/r/styles/radix-nova/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/radix-nova/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-nova/signup-02.json b/apps/v4/public/r/styles/radix-nova/signup-02.json index 7b61c1904a..5090bb04d1 100644 --- a/apps/v4/public/r/styles/radix-nova/signup-02.json +++ b/apps/v4/public/r/styles/radix-nova/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-nova/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-nova/ui/field\"\nimport { Input } from \"@/registry/radix-nova/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-nova/lib/utils\"\nimport { Button } from \"@/registry/radix-nova/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-nova/ui/field\"\nimport { Input } from \"@/registry/radix-nova/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-vega/button.json b/apps/v4/public/r/styles/radix-vega/button.json index 54b4250992..8aeb3efe04 100644 --- a/apps/v4/public/r/styles/radix-vega/button.json +++ b/apps/v4/public/r/styles/radix-vega/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-vega/ui/button.tsx", - "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import * as React from \"react\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\nimport { Slot } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n asChild = false,\n ...props\n}: React.ComponentProps<\"button\"> &\n VariantProps & {\n asChild?: boolean\n }) {\n const Comp = asChild ? Slot.Root : \"button\"\n\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/combobox.json b/apps/v4/public/r/styles/radix-vega/combobox.json index 89a768e3e6..aef18449e9 100644 --- a/apps/v4/public/r/styles/radix-vega/combobox.json +++ b/apps/v4/public/r/styles/radix-vega/combobox.json @@ -11,7 +11,7 @@ "files": [ { "path": "registry/radix-vega/ui/combobox.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-vega/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Combobox as ComboboxPrimitive } from \"@base-ui/react\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport {\n InputGroup,\n InputGroupAddon,\n InputGroupButton,\n InputGroupInput,\n} from \"@/registry/radix-vega/ui/input-group\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nconst Combobox = ComboboxPrimitive.Root\n\nfunction ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props) {\n return \n}\n\nfunction ComboboxTrigger({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Trigger.Props) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ComboboxClear({ className, ...props }: ComboboxPrimitive.Clear.Props) {\n return (\n }\n className={cn(className)}\n {...props}\n >\n \n \n )\n}\n\nfunction ComboboxInput({\n className,\n children,\n disabled = false,\n showTrigger = true,\n showClear = false,\n ...props\n}: ComboboxPrimitive.Input.Props & {\n showTrigger?: boolean\n showClear?: boolean\n}) {\n return (\n \n }\n {...props}\n />\n \n {showTrigger && (\n \n \n \n )}\n {showClear && }\n \n {children}\n \n )\n}\n\nfunction ComboboxContent({\n className,\n side = \"bottom\",\n sideOffset = 6,\n align = \"start\",\n alignOffset = 0,\n anchor,\n ...props\n}: ComboboxPrimitive.Popup.Props &\n Pick<\n ComboboxPrimitive.Positioner.Props,\n \"side\" | \"align\" | \"sideOffset\" | \"alignOffset\" | \"anchor\"\n >) {\n return (\n \n \n \n \n \n )\n}\n\nfunction ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props) {\n return (\n \n )\n}\n\nfunction ComboboxItem({\n className,\n children,\n ...props\n}: ComboboxPrimitive.Item.Props) {\n return (\n \n {children}\n \n }\n >\n \n \n \n )\n}\n\nfunction ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props) {\n return (\n \n )\n}\n\nfunction ComboboxLabel({\n className,\n ...props\n}: ComboboxPrimitive.GroupLabel.Props) {\n return (\n \n )\n}\n\nfunction ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props) {\n return (\n \n )\n}\n\nfunction ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props) {\n return (\n \n )\n}\n\nfunction ComboboxSeparator({\n className,\n ...props\n}: ComboboxPrimitive.Separator.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChips({\n className,\n ...props\n}: React.ComponentPropsWithRef &\n ComboboxPrimitive.Chips.Props) {\n return (\n \n )\n}\n\nfunction ComboboxChip({\n className,\n children,\n showRemove = true,\n ...props\n}: ComboboxPrimitive.Chip.Props & {\n showRemove?: boolean\n}) {\n return (\n \n {children}\n {showRemove && (\n }\n className=\"-ml-1 opacity-50 hover:opacity-100\"\n data-slot=\"combobox-chip-remove\"\n >\n \n \n )}\n \n )\n}\n\nfunction ComboboxChipsInput({\n className,\n ...props\n}: ComboboxPrimitive.Input.Props) {\n return (\n \n )\n}\n\nfunction useComboboxAnchor() {\n return React.useRef(null)\n}\n\nexport {\n Combobox,\n ComboboxInput,\n ComboboxContent,\n ComboboxList,\n ComboboxItem,\n ComboboxGroup,\n ComboboxLabel,\n ComboboxCollection,\n ComboboxEmpty,\n ComboboxSeparator,\n ComboboxChips,\n ComboboxChip,\n ComboboxChipsInput,\n ComboboxTrigger,\n ComboboxValue,\n useComboboxAnchor,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/context-menu.json b/apps/v4/public/r/styles/radix-vega/context-menu.json index 6f1dc98b2f..673f930bbc 100644 --- a/apps/v4/public/r/styles/radix-vega/context-menu.json +++ b/apps/v4/public/r/styles/radix-vega/context-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-vega/ui/context-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { ContextMenu as ContextMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction ContextMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction ContextMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuContent({\n className,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n}) {\n return (\n \n \n \n )\n}\n\nfunction ContextMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction ContextMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction ContextMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction ContextMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction ContextMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nexport {\n ContextMenu,\n ContextMenuTrigger,\n ContextMenuContent,\n ContextMenuItem,\n ContextMenuCheckboxItem,\n ContextMenuRadioItem,\n ContextMenuLabel,\n ContextMenuSeparator,\n ContextMenuShortcut,\n ContextMenuGroup,\n ContextMenuPortal,\n ContextMenuSub,\n ContextMenuSubContent,\n ContextMenuSubTrigger,\n ContextMenuRadioGroup,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/dropdown-menu.json b/apps/v4/public/r/styles/radix-vega/dropdown-menu.json index 693fcb2157..138418b67f 100644 --- a/apps/v4/public/r/styles/radix-vega/dropdown-menu.json +++ b/apps/v4/public/r/styles/radix-vega/dropdown-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-vega/ui/dropdown-menu.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { DropdownMenu as DropdownMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction DropdownMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuPortal({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuTrigger({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuContent({\n className,\n align = \"start\",\n sideOffset = 4,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction DropdownMenuGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction DropdownMenuLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction DropdownMenuSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction DropdownMenuShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction DropdownMenuSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction DropdownMenuSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction DropdownMenuSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n DropdownMenu,\n DropdownMenuPortal,\n DropdownMenuTrigger,\n DropdownMenuContent,\n DropdownMenuGroup,\n DropdownMenuLabel,\n DropdownMenuItem,\n DropdownMenuCheckboxItem,\n DropdownMenuRadioGroup,\n DropdownMenuRadioItem,\n DropdownMenuSeparator,\n DropdownMenuShortcut,\n DropdownMenuSub,\n DropdownMenuSubTrigger,\n DropdownMenuSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/login-02.json b/apps/v4/public/r/styles/radix-vega/login-02.json index addc0325b3..96bf5d4432 100644 --- a/apps/v4/public/r/styles/radix-vega/login-02.json +++ b/apps/v4/public/r/styles/radix-vega/login-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-vega/blocks/login-02/components/login-form.tsx", - "content": "import { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-vega/ui/field\"\nimport { Input } from \"@/registry/radix-vega/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n \n Or continue with\n \n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-vega/ui/field\"\nimport { Input } from \"@/registry/radix-vega/ui/input\"\n\nexport function LoginForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Login to your account

\n

\n Enter your email below to login to your account\n

\n
\n \n Email\n \n \n \n
\n Password\n \n Forgot your password?\n \n
\n \n \n \n \n \n Or continue with\n \n \n \n Don't have an account?{\" \"}\n \n Sign up\n \n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/r/styles/radix-vega/menubar.json b/apps/v4/public/r/styles/radix-vega/menubar.json index 70c9fb3ec3..8208debbbe 100644 --- a/apps/v4/public/r/styles/radix-vega/menubar.json +++ b/apps/v4/public/r/styles/radix-vega/menubar.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-vega/ui/menubar.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Menubar as MenubarPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Menubar({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarMenu({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarGroup({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarRadioGroup({\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarTrigger({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarContent({\n className,\n align = \"start\",\n alignOffset = -4,\n sideOffset = 8,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction MenubarItem({\n className,\n inset,\n variant = \"default\",\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n variant?: \"default\" | \"destructive\"\n}) {\n return (\n \n )\n}\n\nfunction MenubarCheckboxItem({\n className,\n children,\n checked,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarRadioItem({\n className,\n children,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction MenubarLabel({\n className,\n inset,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n )\n}\n\nfunction MenubarSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction MenubarShortcut({\n className,\n ...props\n}: React.ComponentProps<\"span\">) {\n return (\n \n )\n}\n\nfunction MenubarSub({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction MenubarSubTrigger({\n className,\n inset,\n children,\n ...props\n}: React.ComponentProps & {\n inset?: boolean\n}) {\n return (\n \n {children}\n \n \n )\n}\n\nfunction MenubarSubContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Menubar,\n MenubarPortal,\n MenubarMenu,\n MenubarTrigger,\n MenubarContent,\n MenubarGroup,\n MenubarSeparator,\n MenubarLabel,\n MenubarItem,\n MenubarShortcut,\n MenubarCheckboxItem,\n MenubarRadioGroup,\n MenubarRadioItem,\n MenubarSub,\n MenubarSubTrigger,\n MenubarSubContent,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/navigation-menu.json b/apps/v4/public/r/styles/radix-vega/navigation-menu.json index 121313831c..c91dd980eb 100644 --- a/apps/v4/public/r/styles/radix-vega/navigation-menu.json +++ b/apps/v4/public/r/styles/radix-vega/navigation-menu.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-vega/ui/navigation-menu.tsx", - "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", + "content": "import * as React from \"react\"\nimport { cva } from \"class-variance-authority\"\nimport { NavigationMenu as NavigationMenuPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction NavigationMenu({\n className,\n children,\n viewport = true,\n ...props\n}: React.ComponentProps & {\n viewport?: boolean\n}) {\n return (\n \n {children}\n {viewport && }\n \n )\n}\n\nfunction NavigationMenuList({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuItem({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nconst navigationMenuTriggerStyle = cva(\n \"group/navigation-menu-trigger inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-all outline-none hover:bg-muted focus:bg-muted focus-visible:ring-3 focus-visible:ring-ring/50 focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-popup-open:bg-muted/50 data-popup-open:hover:bg-muted data-open:bg-muted/50 data-open:hover:bg-muted data-open:focus:bg-muted\"\n)\n\nfunction NavigationMenuTrigger({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n {children}{\" \"}\n \n \n )\n}\n\nfunction NavigationMenuContent({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuViewport({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n
\n )\n}\n\nfunction NavigationMenuLink({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction NavigationMenuIndicator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n
\n \n )\n}\n\nexport {\n NavigationMenu,\n NavigationMenuList,\n NavigationMenuItem,\n NavigationMenuContent,\n NavigationMenuTrigger,\n NavigationMenuLink,\n NavigationMenuIndicator,\n NavigationMenuViewport,\n navigationMenuTriggerStyle,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/select.json b/apps/v4/public/r/styles/radix-vega/select.json index 4a455fa3e0..8134356b92 100644 --- a/apps/v4/public/r/styles/radix-vega/select.json +++ b/apps/v4/public/r/styles/radix-vega/select.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/radix-vega/ui/select.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Select as SelectPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Select({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectGroup({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectValue({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SelectTrigger({\n className,\n size = \"default\",\n children,\n ...props\n}: React.ComponentProps & {\n size?: \"sm\" | \"default\"\n}) {\n return (\n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectContent({\n className,\n children,\n position = \"item-aligned\",\n align = \"center\",\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n {children}\n \n \n \n \n )\n}\n\nfunction SelectLabel({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectItem({\n className,\n children,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n \n \n \n {children}\n \n )\n}\n\nfunction SelectSeparator({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SelectScrollUpButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nfunction SelectScrollDownButton({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n \n \n )\n}\n\nexport {\n Select,\n SelectContent,\n SelectGroup,\n SelectItem,\n SelectLabel,\n SelectScrollDownButton,\n SelectScrollUpButton,\n SelectSeparator,\n SelectTrigger,\n SelectValue,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/sheet.json b/apps/v4/public/r/styles/radix-vega/sheet.json index 4380db2e9e..eb59e4052f 100644 --- a/apps/v4/public/r/styles/radix-vega/sheet.json +++ b/apps/v4/public/r/styles/radix-vega/sheet.json @@ -7,7 +7,7 @@ "files": [ { "path": "registry/radix-vega/ui/sheet.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", + "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Dialog as SheetPrimitive } from \"radix-ui\"\n\nimport { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Sheet({ ...props }: React.ComponentProps) {\n return \n}\n\nfunction SheetTrigger({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetClose({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetPortal({\n ...props\n}: React.ComponentProps) {\n return \n}\n\nfunction SheetOverlay({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetContent({\n className,\n children,\n side = \"right\",\n showCloseButton = true,\n ...props\n}: React.ComponentProps & {\n side?: \"top\" | \"right\" | \"bottom\" | \"left\"\n showCloseButton?: boolean\n}) {\n return (\n \n \n \n {children}\n {showCloseButton && (\n \n \n \n Close\n \n \n )}\n \n \n )\n}\n\nfunction SheetHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n \n )\n}\n\nfunction SheetTitle({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nfunction SheetDescription({\n className,\n ...props\n}: React.ComponentProps) {\n return (\n \n )\n}\n\nexport {\n Sheet,\n SheetTrigger,\n SheetClose,\n SheetContent,\n SheetHeader,\n SheetFooter,\n SheetTitle,\n SheetDescription,\n}\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/radix-vega/signup-02.json b/apps/v4/public/r/styles/radix-vega/signup-02.json index ace6f30363..4db74d550e 100644 --- a/apps/v4/public/r/styles/radix-vega/signup-02.json +++ b/apps/v4/public/r/styles/radix-vega/signup-02.json @@ -18,7 +18,7 @@ }, { "path": "registry/radix-vega/blocks/signup-02/components/signup-form.tsx", - "content": "import { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-vega/ui/field\"\nimport { Input } from \"@/registry/radix-vega/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n \n Or continue with\n \n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", + "content": "import { cn } from \"@/registry/radix-vega/lib/utils\"\nimport { Button } from \"@/registry/radix-vega/ui/button\"\nimport {\n Field,\n FieldDescription,\n FieldGroup,\n FieldLabel,\n FieldSeparator,\n} from \"@/registry/radix-vega/ui/field\"\nimport { Input } from \"@/registry/radix-vega/ui/input\"\n\nexport function SignupForm({\n className,\n ...props\n}: React.ComponentProps<\"form\">) {\n return (\n
\n \n
\n

Create your account

\n

\n Fill in the form below to create your account\n

\n
\n \n Full Name\n \n \n \n Email\n \n \n We'll use this to contact you. We will not share your email\n with anyone else.\n \n \n \n Password\n \n \n Must be at least 8 characters long.\n \n \n \n Confirm Password\n \n Please confirm your password.\n \n \n \n \n Or continue with\n \n \n \n Already have an account? Sign in\n \n \n \n
\n )\n}\n", "type": "registry:component" } ], diff --git a/apps/v4/public/schema.json b/apps/v4/public/schema.json index a402fba31b..3a53bbcc5e 100644 --- a/apps/v4/public/schema.json +++ b/apps/v4/public/schema.json @@ -59,7 +59,7 @@ }, "menuColor": { "type": "string", - "enum": ["default", "inverted"] + "enum": ["default", "inverted", "default-translucent", "inverted-translucent"] }, "menuAccent": { "type": "string", diff --git a/apps/v4/registry/bases/base/blocks/login-02/components/login-form.tsx b/apps/v4/registry/bases/base/blocks/login-02/components/login-form.tsx index 5efb8d1e2c..18862dd67f 100644 --- a/apps/v4/registry/bases/base/blocks/login-02/components/login-form.tsx +++ b/apps/v4/registry/bases/base/blocks/login-02/components/login-form.tsx @@ -41,9 +41,7 @@ export function LoginForm({ - - Or continue with - + Or continue with - -
- -
- - -
-
- - - - - -
-
-
- - -
- - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - -
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-01.tsx b/deprecated/www/__registry__/default/blocks/calendar-01.tsx deleted file mode 100644 index 7c254e7a0f..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-01.tsx +++ /dev/null @@ -1,21 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar01() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-02.tsx b/deprecated/www/__registry__/default/blocks/calendar-02.tsx deleted file mode 100644 index a3c937ecba..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-02.tsx +++ /dev/null @@ -1,22 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar02() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-03.tsx b/deprecated/www/__registry__/default/blocks/calendar-03.tsx deleted file mode 100644 index 89de91fafb..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-03.tsx +++ /dev/null @@ -1,25 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar03() { - const [dates, setDates] = React.useState([ - new Date(2025, 5, 12), - new Date(2025, 6, 24), - ]) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-04.tsx b/deprecated/www/__registry__/default/blocks/calendar-04.tsx deleted file mode 100644 index 86d58b8c98..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-04.tsx +++ /dev/null @@ -1,23 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar04() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 9), - to: new Date(2025, 5, 26), - }) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-05.tsx b/deprecated/www/__registry__/default/blocks/calendar-05.tsx deleted file mode 100644 index b6a13b61c4..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-05.tsx +++ /dev/null @@ -1,24 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar05() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 12), - to: new Date(2025, 6, 15), - }) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-06.tsx b/deprecated/www/__registry__/default/blocks/calendar-06.tsx deleted file mode 100644 index 5c61050a69..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-06.tsx +++ /dev/null @@ -1,30 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar06() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 12), - to: new Date(2025, 5, 26), - }) - - return ( -
- -
- A minimum of 5 days is required -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-07.tsx b/deprecated/www/__registry__/default/blocks/calendar-07.tsx deleted file mode 100644 index 3f46a659e0..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-07.tsx +++ /dev/null @@ -1,31 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar07() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 18), - to: new Date(2025, 6, 7), - }) - - return ( -
- -
- Your stay must be between 2 and 20 nights -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-08.tsx b/deprecated/www/__registry__/default/blocks/calendar-08.tsx deleted file mode 100644 index 93a90ff4e8..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-08.tsx +++ /dev/null @@ -1,24 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar08() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-09.tsx b/deprecated/www/__registry__/default/blocks/calendar-09.tsx deleted file mode 100644 index 182d7f2bb9..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-09.tsx +++ /dev/null @@ -1,26 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar09() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 17), - to: new Date(2025, 5, 20), - }) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-10.tsx b/deprecated/www/__registry__/default/blocks/calendar-10.tsx deleted file mode 100644 index 592c66ded3..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-10.tsx +++ /dev/null @@ -1,50 +0,0 @@ -"use client" - -import * as React from "react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" - -export default function Calendar10() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - const [month, setMonth] = React.useState(new Date()) - - return ( - - - Appointment - Find a date - - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-11.tsx b/deprecated/www/__registry__/default/blocks/calendar-11.tsx deleted file mode 100644 index dfad509ae1..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-11.tsx +++ /dev/null @@ -1,31 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar11() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 17), - to: new Date(2025, 5, 20), - }) - - return ( -
- -
- We are open in June and July only. -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-12.tsx b/deprecated/www/__registry__/default/blocks/calendar-12.tsx deleted file mode 100644 index 0e3dda9632..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-12.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" -import { enUS, es } from "react-day-picker/locale" - -import { Calendar } from "@/registry/default/ui/calendar" -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/default/ui/select" - -const localizedStrings = { - en: { - title: "Book an appointment", - description: "Select the dates for your appointment", - }, - es: { - title: "Reserva una cita", - description: "Selecciona las fechas para tu cita", - }, -} as const - -export default function Calendar12() { - const [locale, setLocale] = - React.useState("es") - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 8, 9), - to: new Date(2025, 8, 17), - }) - - return ( - - - {localizedStrings[locale].title} - - {localizedStrings[locale].description} - - - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-13.tsx b/deprecated/www/__registry__/default/blocks/calendar-13.tsx deleted file mode 100644 index 047d67fa6c..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-13.tsx +++ /dev/null @@ -1,58 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" -import { Label } from "@/registry/default/ui/label" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/default/ui/select" - -export default function Calendar13() { - const [dropdown, setDropdown] = - React.useState["captionLayout"]>( - "dropdown" - ) - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( -
- -
- - -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-14.tsx b/deprecated/www/__registry__/default/blocks/calendar-14.tsx deleted file mode 100644 index e1d53f1a7d..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-14.tsx +++ /dev/null @@ -1,32 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar14() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - const bookedDates = Array.from( - { length: 12 }, - (_, i) => new Date(2025, 5, 15 + i) - ) - - return ( - button]:line-through opacity-100", - }} - className="rounded-lg border shadow-sm" - /> - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-15.tsx b/deprecated/www/__registry__/default/blocks/calendar-15.tsx deleted file mode 100644 index 6fec6f59a0..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-15.tsx +++ /dev/null @@ -1,22 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar15() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-16.tsx b/deprecated/www/__registry__/default/blocks/calendar-16.tsx deleted file mode 100644 index d21aa9fcab..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-16.tsx +++ /dev/null @@ -1,56 +0,0 @@ -"use client" - -import * as React from "react" -import { Clock2Icon } from "lucide-react" - -import { Calendar } from "@/registry/default/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/default/ui/card" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" - -export default function Calendar16() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - -
- -
- - -
-
-
- -
- - -
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-17.tsx b/deprecated/www/__registry__/default/blocks/calendar-17.tsx deleted file mode 100644 index bd66aeb3d2..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-17.tsx +++ /dev/null @@ -1,54 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/default/ui/card" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" - -export default function Calendar17() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - -
- - -
- - -
- - -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-18.tsx b/deprecated/www/__registry__/default/blocks/calendar-18.tsx deleted file mode 100644 index 950983dfa3..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-18.tsx +++ /dev/null @@ -1,21 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/default/ui/calendar" - -export default function Calendar18() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-19.tsx b/deprecated/www/__registry__/default/blocks/calendar-19.tsx deleted file mode 100644 index c9bff184e8..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-19.tsx +++ /dev/null @@ -1,50 +0,0 @@ -"use client" - -import * as React from "react" -import { addDays } from "date-fns" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/default/ui/card" - -export default function Calendar19() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - - {[ - { label: "Today", value: 0 }, - { label: "Tomorrow", value: 1 }, - { label: "In 3 days", value: 3 }, - { label: "In a week", value: 7 }, - { label: "In 2 weeks", value: 14 }, - ].map((preset) => ( - - ))} - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-20.tsx b/deprecated/www/__registry__/default/blocks/calendar-20.tsx deleted file mode 100644 index e9ba34fc43..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-20.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import * as React from "react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/default/ui/card" - -export default function Calendar20() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - const [selectedTime, setSelectedTime] = React.useState("10:00") - const timeSlots = Array.from({ length: 37 }, (_, i) => { - const totalMinutes = i * 15 - const hour = Math.floor(totalMinutes / 60) + 9 - const minute = totalMinutes % 60 - return `${hour.toString().padStart(2, "0")}:${minute - .toString() - .padStart(2, "0")}` - }) - - const bookedDates = Array.from( - { length: 3 }, - (_, i) => new Date(2025, 5, 17 + i) - ) - - return ( - - -
- button]:line-through opacity-100", - }} - className="bg-transparent p-0 [--cell-size:2.5rem] md:[--cell-size:3rem]" - formatters={{ - formatWeekdayName: (date) => { - return date.toLocaleString("en-US", { weekday: "short" }) - }, - }} - /> -
-
-
- {timeSlots.map((time) => ( - - ))} -
-
- - -
- {date && selectedTime ? ( - <> - Your meeting is booked for{" "} - - {" "} - {date?.toLocaleDateString("en-US", { - weekday: "long", - day: "numeric", - month: "long", - })}{" "} - - at {selectedTime}. - - ) : ( - <>Select a date and time for your meeting. - )} -
- - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-21.tsx b/deprecated/www/__registry__/default/blocks/calendar-21.tsx deleted file mode 100644 index 4762f22b32..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-21.tsx +++ /dev/null @@ -1,42 +0,0 @@ -"use client" - -import * as React from "react" -import { DateRange } from "react-day-picker" - -import { Calendar, CalendarDayButton } from "@/registry/default/ui/calendar" - -export default function Calendar21() { - const [range, setRange] = React.useState({ - from: new Date(2025, 5, 12), - to: new Date(2025, 5, 17), - }) - - return ( - { - return date.toLocaleString("default", { month: "long" }) - }, - }} - components={{ - DayButton: ({ children, modifiers, day, ...props }) => { - const isWeekend = day.date.getDay() === 0 || day.date.getDay() === 6 - - return ( - - {children} - {!modifiers.outside && {isWeekend ? "$220" : "$100"}} - - ) - }, - }} - /> - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-22.tsx b/deprecated/www/__registry__/default/blocks/calendar-22.tsx deleted file mode 100644 index b184684762..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-22.tsx +++ /dev/null @@ -1,49 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -export default function Calendar22() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
- - - - - - - { - setDate(date) - setOpen(false) - }} - /> - - -
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-23.tsx b/deprecated/www/__registry__/default/blocks/calendar-23.tsx deleted file mode 100644 index a1110c054a..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-23.tsx +++ /dev/null @@ -1,50 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" -import { type DateRange } from "react-day-picker" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -export default function Calendar23() { - const [range, setRange] = React.useState(undefined) - - return ( -
- - - - - - - { - setRange(range) - }} - /> - - -
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-24.tsx b/deprecated/www/__registry__/default/blocks/calendar-24.tsx deleted file mode 100644 index 19f1fd0d03..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-24.tsx +++ /dev/null @@ -1,64 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -export default function Calendar24() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
-
- - - - - - - { - setDate(date) - setOpen(false) - }} - /> - - -
-
- - -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-25.tsx b/deprecated/www/__registry__/default/blocks/calendar-25.tsx deleted file mode 100644 index bf01d207c3..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-25.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -export default function Calendar25() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
-
- - - - - - - { - setDate(date) - setOpen(false) - }} - /> - - -
-
-
- - -
-
- - -
-
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-26.tsx b/deprecated/www/__registry__/default/blocks/calendar-26.tsx deleted file mode 100644 index 2032623348..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-26.tsx +++ /dev/null @@ -1,133 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -export default function Calendar26() { - const [openFrom, setOpenFrom] = React.useState(false) - const [openTo, setOpenTo] = React.useState(false) - const [dateFrom, setDateFrom] = React.useState( - new Date("2025-06-01") - ) - const [dateTo, setDateTo] = React.useState( - new Date("2025-06-03") - ) - - return ( -
-
-
- - - - - - - { - setDateFrom(date) - setOpenFrom(false) - }} - /> - - -
-
- - -
-
-
-
- - - - - - - { - setDateTo(date) - setOpenTo(false) - }} - disabled={dateFrom && { before: dateFrom }} - /> - - -
-
- - -
-
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-27.tsx b/deprecated/www/__registry__/default/blocks/calendar-27.tsx deleted file mode 100644 index ebc120422d..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-27.tsx +++ /dev/null @@ -1,177 +0,0 @@ -"use client" - -import * as React from "react" -import { CalendarIcon } from "lucide-react" -import { DateRange } from "react-day-picker" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -const chartData = [ - { date: "2025-06-01", visitors: 178 }, - { date: "2025-06-02", visitors: 470 }, - { date: "2025-06-03", visitors: 103 }, - { date: "2025-06-04", visitors: 439 }, - { date: "2025-06-05", visitors: 88 }, - { date: "2025-06-06", visitors: 294 }, - { date: "2025-06-07", visitors: 323 }, - { date: "2025-06-08", visitors: 385 }, - { date: "2025-06-09", visitors: 438 }, - { date: "2025-06-10", visitors: 155 }, - { date: "2025-06-11", visitors: 92 }, - { date: "2025-06-12", visitors: 492 }, - { date: "2025-06-13", visitors: 81 }, - { date: "2025-06-14", visitors: 426 }, - { date: "2025-06-15", visitors: 307 }, - { date: "2025-06-16", visitors: 371 }, - { date: "2025-06-17", visitors: 475 }, - { date: "2025-06-18", visitors: 107 }, - { date: "2025-06-19", visitors: 341 }, - { date: "2025-06-20", visitors: 408 }, - { date: "2025-06-21", visitors: 169 }, - { date: "2025-06-22", visitors: 317 }, - { date: "2025-06-23", visitors: 480 }, - { date: "2025-06-24", visitors: 132 }, - { date: "2025-06-25", visitors: 141 }, - { date: "2025-06-26", visitors: 434 }, - { date: "2025-06-27", visitors: 448 }, - { date: "2025-06-28", visitors: 149 }, - { date: "2025-06-29", visitors: 103 }, - { date: "2025-06-30", visitors: 446 }, -] - -const total = chartData.reduce((acc, curr) => acc + curr.visitors, 0) - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--primary))", - }, -} satisfies ChartConfig - -export default function Calendar27() { - const [range, setRange] = React.useState({ - from: new Date(2025, 5, 5), - to: new Date(2025, 5, 20), - }) - const filteredData = React.useMemo(() => { - if (!range?.from && !range?.to) { - return chartData - } - - return chartData.filter((item) => { - const date = new Date(item.date) - return date >= range.from! && date <= range.to! - }) - }, [range]) - - return ( - - - Web Analytics - - Showing total visitors for this month. - - - - - - - - - - - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - -
- You had{" "} - {total.toLocaleString()}{" "} - visitors for the month of June. -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-28.tsx b/deprecated/www/__registry__/default/blocks/calendar-28.tsx deleted file mode 100644 index 2cd72f75a1..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-28.tsx +++ /dev/null @@ -1,104 +0,0 @@ -"use client" - -import * as React from "react" -import { CalendarIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -function formatDate(date: Date | undefined) { - if (!date) { - return "" - } - - return date.toLocaleDateString("en-US", { - day: "2-digit", - month: "long", - year: "numeric", - }) -} - -function isValidDate(date: Date | undefined) { - if (!date) { - return false - } - return !isNaN(date.getTime()) -} - -export default function Calendar28() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState( - new Date("2025-06-01") - ) - const [month, setMonth] = React.useState(date) - const [value, setValue] = React.useState(formatDate(date)) - - return ( -
- -
- { - const date = new Date(e.target.value) - setValue(e.target.value) - if (isValidDate(date)) { - setDate(date) - setMonth(date) - } - }} - onKeyDown={(e) => { - if (e.key === "ArrowDown") { - e.preventDefault() - setOpen(true) - } - }} - /> - - - - - - { - setDate(date) - setValue(formatDate(date)) - setOpen(false) - }} - /> - - -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-29.tsx b/deprecated/www/__registry__/default/blocks/calendar-29.tsx deleted file mode 100644 index 22af360250..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-29.tsx +++ /dev/null @@ -1,96 +0,0 @@ -"use client" - -import * as React from "react" -import { parseDate } from "chrono-node" -import { CalendarIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Input } from "@/registry/default/ui/input" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -function formatDate(date: Date | undefined) { - if (!date) { - return "" - } - - return date.toLocaleDateString("en-US", { - day: "2-digit", - month: "long", - year: "numeric", - }) -} - -export default function Calendar29() { - const [open, setOpen] = React.useState(false) - const [value, setValue] = React.useState("In 2 days") - const [date, setDate] = React.useState( - parseDate(value) || undefined - ) - const [month, setMonth] = React.useState(date) - - return ( -
- -
- { - setValue(e.target.value) - const date = parseDate(e.target.value) - if (date) { - setDate(date) - setMonth(date) - } - }} - onKeyDown={(e) => { - if (e.key === "ArrowDown") { - e.preventDefault() - setOpen(true) - } - }} - /> - - - - - - { - setDate(date) - setValue(formatDate(date)) - setOpen(false) - }} - /> - - -
-
- Your post will be published on{" "} - {formatDate(date)}. -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-30.tsx b/deprecated/www/__registry__/default/blocks/calendar-30.tsx deleted file mode 100644 index 5cb30d9841..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-30.tsx +++ /dev/null @@ -1,56 +0,0 @@ -"use client" - -import * as React from "react" -import { formatDateRange } from "little-date" -import { ChevronDownIcon } from "lucide-react" -import { type DateRange } from "react-day-picker" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Label } from "@/registry/default/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/default/ui/popover" - -export default function Calendar30() { - const [range, setRange] = React.useState({ - from: new Date(2025, 5, 4), - to: new Date(2025, 5, 10), - }) - - return ( -
- - - - - - - { - setRange(range) - }} - /> - - -
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-31.tsx b/deprecated/www/__registry__/default/blocks/calendar-31.tsx deleted file mode 100644 index 6c2c185df1..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-31.tsx +++ /dev/null @@ -1,80 +0,0 @@ -"use client" - -import * as React from "react" -import { formatDateRange } from "little-date" -import { PlusIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/default/ui/card" - -const events = [ - { - title: "Team Sync Meeting", - from: "2025-06-12T09:00:00", - to: "2025-06-12T10:00:00", - }, - { - title: "Design Review", - from: "2025-06-12T11:30:00", - to: "2025-06-12T12:30:00", - }, - { - title: "Client Presentation", - from: "2025-06-12T14:00:00", - to: "2025-06-12T15:00:00", - }, -] - -export default function Calendar31() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - -
-
- {date?.toLocaleDateString("en-US", { - day: "numeric", - month: "long", - year: "numeric", - })} -
- -
-
- {events.map((event) => ( -
-
{event.title}
-
- {formatDateRange(new Date(event.from), new Date(event.to))} -
-
- ))} -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/calendar-32.tsx b/deprecated/www/__registry__/default/blocks/calendar-32.tsx deleted file mode 100644 index afd47c1497..0000000000 --- a/deprecated/www/__registry__/default/blocks/calendar-32.tsx +++ /dev/null @@ -1,60 +0,0 @@ -"use client" - -import * as React from "react" -import { CalendarPlusIcon } from "lucide-react" - -import { Button } from "@/registry/default/ui/button" -import { Calendar } from "@/registry/default/ui/calendar" -import { - Drawer, - DrawerContent, - DrawerDescription, - DrawerHeader, - DrawerTitle, - DrawerTrigger, -} from "@/registry/default/ui/drawer" -import { Label } from "@/registry/default/ui/label" - -export default function Calendar32() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
- - - - - - - - Select date - Set your date of birth - - { - setDate(date) - setOpen(false) - }} - className="mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),52px)]" - /> - - -
- This example works best on mobile. -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-axes.tsx b/deprecated/www/__registry__/default/blocks/chart-area-axes.tsx deleted file mode 100644 index e6c173dcb5..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-axes.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with axes" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Axes - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-default.tsx b/deprecated/www/__registry__/default/blocks/chart-area-default.tsx deleted file mode 100644 index 925eb60367..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-default.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A simple area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-gradient.tsx b/deprecated/www/__registry__/default/blocks/chart-area-gradient.tsx deleted file mode 100644 index 0314f690fc..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-gradient.tsx +++ /dev/null @@ -1,130 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with gradient fill" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Gradient - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - - - - - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-icons.tsx b/deprecated/www/__registry__/default/blocks/chart-area-icons.tsx deleted file mode 100644 index 05d2e4ef0b..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-icons.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingDown, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: TrendingDown, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: TrendingUp, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Icons - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-interactive.tsx b/deprecated/www/__registry__/default/blocks/chart-area-interactive.tsx deleted file mode 100644 index 16cbcca59f..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-interactive.tsx +++ /dev/null @@ -1,266 +0,0 @@ -"use client" - -import * as React from "react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/default/ui/select" - -export const description = "An interactive area chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [timeRange, setTimeRange] = React.useState("90d") - - const filteredData = chartData.filter((item) => { - const date = new Date(item.date) - const referenceDate = new Date("2024-06-30") - let daysToSubtract = 90 - if (timeRange === "30d") { - daysToSubtract = 30 - } else if (timeRange === "7d") { - daysToSubtract = 7 - } - const startDate = new Date(referenceDate) - startDate.setDate(startDate.getDate() - daysToSubtract) - return date >= startDate - }) - - return ( - - -
- Area Chart - Interactive - - Showing total visitors for the last 3 months - -
- - - - - - - - - - - - - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - indicator="dot" - /> - } - /> - - - } /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-legend.tsx b/deprecated/www/__registry__/default/blocks/chart-area-legend.tsx deleted file mode 100644 index 9d7cfe3d1e..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-legend.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Legend - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-linear.tsx b/deprecated/www/__registry__/default/blocks/chart-area-linear.tsx deleted file mode 100644 index 4e58417994..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-linear.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A linear area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Linear - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-stacked-expand.tsx b/deprecated/www/__registry__/default/blocks/chart-area-stacked-expand.tsx deleted file mode 100644 index ab66f89565..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-stacked-expand.tsx +++ /dev/null @@ -1,121 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked area chart with expand stacking" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80, other: 45 }, - { month: "February", desktop: 305, mobile: 200, other: 100 }, - { month: "March", desktop: 237, mobile: 120, other: 150 }, - { month: "April", desktop: 73, mobile: 190, other: 50 }, - { month: "May", desktop: 209, mobile: 130, other: 100 }, - { month: "June", desktop: 214, mobile: 140, other: 160 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-3))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked Expanded - - Showing total visitors for the last 6months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-stacked.tsx b/deprecated/www/__registry__/default/blocks/chart-area-stacked.tsx deleted file mode 100644 index 3820dd7a7b..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-stacked.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked area chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-area-step.tsx b/deprecated/www/__registry__/default/blocks/chart-area-step.tsx deleted file mode 100644 index 4ca6623d26..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-area-step.tsx +++ /dev/null @@ -1,95 +0,0 @@ -"use client" - -import { Activity, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A step area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: Activity, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Step - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-active.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-active.tsx deleted file mode 100644 index f1be5c7718..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-active.tsx +++ /dev/null @@ -1,111 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Rectangle, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with an active bar" - -const chartData = [ - { browser: "chrome", visitors: 187, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 275, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Active - January - June 2024 - - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-default.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-default.tsx deleted file mode 100644 index 9fc5f15a15..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-horizontal.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-horizontal.tsx deleted file mode 100644 index ac74114cee..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-horizontal.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A horizontal bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Horizontal - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-interactive.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-interactive.tsx deleted file mode 100644 index 84bcc6a28c..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-interactive.tsx +++ /dev/null @@ -1,221 +0,0 @@ -"use client" - -import * as React from "react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An interactive bar chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Bar Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-label-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-label-custom.tsx deleted file mode 100644 index bd16655bc7..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-label-custom.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - label: { - color: "hsl(var(--background))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Custom Label - January - June 2024 - - - - - - value.slice(0, 3)} - hide - /> - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-label.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-label.tsx deleted file mode 100644 index c7ebea70e0..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-label.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with a label" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-mixed.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-mixed.tsx deleted file mode 100644 index fa3beea6fc..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-mixed.tsx +++ /dev/null @@ -1,103 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A mixed bar chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Mixed - January - June 2024 - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-multiple.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-multiple.tsx deleted file mode 100644 index 39b80fa76f..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-multiple.tsx +++ /dev/null @@ -1,80 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A multiple bar chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-negative.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-negative.tsx deleted file mode 100644 index f9e3b3e360..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-negative.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Cell, LabelList } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with negative values" - -const chartData = [ - { month: "January", visitors: 186 }, - { month: "February", visitors: 205 }, - { month: "March", visitors: -207 }, - { month: "April", visitors: 173 }, - { month: "May", visitors: -209 }, - { month: "June", visitors: 214 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Negative - January - June 2024 - - - - - - } - /> - - - {chartData.map((item) => ( - 0 - ? "hsl(var(--chart-1))" - : "hsl(var(--chart-2))" - } - /> - ))} - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-bar-stacked.tsx b/deprecated/www/__registry__/default/blocks/chart-bar-stacked.tsx deleted file mode 100644 index 211bfe6aef..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-bar-stacked.tsx +++ /dev/null @@ -1,90 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Stacked + Legend - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - } /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-default.tsx b/deprecated/www/__registry__/default/blocks/chart-line-default.tsx deleted file mode 100644 index 24972697fc..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-default.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-dots-colors.tsx b/deprecated/www/__registry__/default/blocks/chart-line-dots-colors.tsx deleted file mode 100644 index e568ddd990..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-dots-colors.tsx +++ /dev/null @@ -1,118 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Dot, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with dots and colors" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots Colors - January - June 2024 - - - - - - - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-dots-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-line-dots-custom.tsx deleted file mode 100644 index 4eae4da575..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-dots-custom.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { GitCommitVertical, TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with custom dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - { - const r = 24 - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-dots.tsx b/deprecated/www/__registry__/default/blocks/chart-line-dots.tsx deleted file mode 100644 index d52f09148e..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-dots.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-interactive.tsx b/deprecated/www/__registry__/default/blocks/chart-line-interactive.tsx deleted file mode 100644 index 6f61820071..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-interactive.tsx +++ /dev/null @@ -1,227 +0,0 @@ -"use client" - -import * as React from "react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An interactive line chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Line Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-label-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-line-label-custom.tsx deleted file mode 100644 index e6976bd892..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-label-custom.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Label - January - June 2024 - - - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-label.tsx b/deprecated/www/__registry__/default/blocks/chart-line-label.tsx deleted file mode 100644 index 159e103176..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-label.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with a label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-linear.tsx b/deprecated/www/__registry__/default/blocks/chart-line-linear.tsx deleted file mode 100644 index 9d3e06f5e9..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-linear.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A linear line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Linear - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-multiple.tsx b/deprecated/www/__registry__/default/blocks/chart-line-multiple.tsx deleted file mode 100644 index 61ea1d960f..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-multiple.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A multiple line chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-line-step.tsx b/deprecated/www/__registry__/default/blocks/chart-line-step.tsx deleted file mode 100644 index 608bd5f628..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-line-step.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with step" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Step - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-donut-active.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-donut-active.tsx deleted file mode 100644 index 5a39041919..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-donut-active.tsx +++ /dev/null @@ -1,102 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A donut chart with an active sector" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut Active - January - June 2024 - - - - - } - /> - ( - - )} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-donut-text.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-donut-text.tsx deleted file mode 100644 index ff5391ab1d..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-donut-text.tsx +++ /dev/null @@ -1,129 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A donut chart with text" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 287, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 190, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = React.useMemo(() => { - return chartData.reduce((acc, curr) => acc + curr.visitors, 0) - }, []) - - return ( - - - Pie Chart - Donut with Text - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-donut.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-donut.tsx deleted file mode 100644 index 45d17ecdd2..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-donut.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A donut chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-interactive.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-interactive.tsx deleted file mode 100644 index e1abb04262..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-interactive.tsx +++ /dev/null @@ -1,192 +0,0 @@ -"use client" - -import * as React from "react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartStyle, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/default/ui/select" - -export const description = "An interactive pie chart" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const id = "pie-interactive" - const [activeMonth, setActiveMonth] = React.useState(desktopData[0].month) - - const activeIndex = React.useMemo( - () => desktopData.findIndex((item) => item.month === activeMonth), - [activeMonth] - ) - const months = React.useMemo(() => desktopData.map((item) => item.month), []) - - return ( - - - -
- Pie Chart - Interactive - January - June 2024 -
- - - - - - } - /> - ( - - - - - )} - > - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-label-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-label-custom.tsx deleted file mode 100644 index 4b8c616214..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-label-custom.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Custom Label - January - June 2024 - - - - - } - /> - { - return ( - - {payload.visitors} - - ) - }} - nameKey="browser" - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-label-list.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-label-list.tsx deleted file mode 100644 index 6b083fb02a..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-label-list.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a label list" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label List - January - June 2024 - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-label.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-label.tsx deleted file mode 100644 index 26c294cd65..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-label.tsx +++ /dev/null @@ -1,85 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label - January - June 2024 - - - - - } /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-legend.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-legend.tsx deleted file mode 100644 index 3e3d7534a8..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-legend.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a legend" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Legend - January - June 2024 - - - - - - } - className="-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center" - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-separator-none.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-separator-none.tsx deleted file mode 100644 index 08ec2b5633..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-separator-none.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with no separator" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Separator None - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-simple.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-simple.tsx deleted file mode 100644 index 5108126f71..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A simple pie chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-pie-stacked.tsx b/deprecated/www/__registry__/default/blocks/chart-pie-stacked.tsx deleted file mode 100644 index db8b0efbbc..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-pie-stacked.tsx +++ /dev/null @@ -1,119 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with stacked sections" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const mobileData = [ - { month: "january", mobile: 80, fill: "var(--color-january)" }, - { month: "february", mobile: 200, fill: "var(--color-february)" }, - { month: "march", mobile: 120, fill: "var(--color-march)" }, - { month: "april", mobile: 190, fill: "var(--color-april)" }, - { month: "may", mobile: 130, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Stacked - January - June 2024 - - - - - { - return chartConfig[ - payload?.[0].dataKey as keyof typeof chartConfig - ].label - }} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-default.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-default.tsx deleted file mode 100644 index e4b4185684..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-dots.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-dots.tsx deleted file mode 100644 index 461a229540..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-dots.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with dots" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Dots - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle-fill.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle-fill.tsx deleted file mode 100644 index 0bed543195..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle Filled - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle-no-lines.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle-no-lines.tsx deleted file mode 100644 index 332a86b3cb..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle-no-lines.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - No lines - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle.tsx deleted file mode 100644 index e6b3a569c4..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-grid-circle.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid and circle" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-grid-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-grid-custom.tsx deleted file mode 100644 index 738d9f7c2a..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-grid-custom.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a custom grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Custom - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-grid-fill.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-grid-fill.tsx deleted file mode 100644 index 182b08f51a..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-grid-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid filled" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Filled - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-grid-none.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-grid-none.tsx deleted file mode 100644 index 348075e832..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-grid-none.tsx +++ /dev/null @@ -1,81 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with no grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid None - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-icons.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-icons.tsx deleted file mode 100644 index efbbf89c8b..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-icons.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { ArrowDownFromLine, ArrowUpFromLine, TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: ArrowDownFromLine, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: ArrowUpFromLine, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Icons - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-label-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-label-custom.tsx deleted file mode 100644 index 4e65b8996d..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-label-custom.tsx +++ /dev/null @@ -1,120 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Custom Label - - Showing total visitors for the last 6 months - - - - - - } - /> - { - const data = chartData[index] - - return ( - - {data.desktop} - / - {data.mobile} - - {data.month} - - - ) - }} - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-legend.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-legend.tsx deleted file mode 100644 index 535bc82c07..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-legend.tsx +++ /dev/null @@ -1,92 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Legend - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-lines-only.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-lines-only.tsx deleted file mode 100644 index c6e0c52525..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-lines-only.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with lines only" - -const chartData = [ - { month: "January", desktop: 186, mobile: 160 }, - { month: "February", desktop: 185, mobile: 170 }, - { month: "March", desktop: 207, mobile: 180 }, - { month: "April", desktop: 173, mobile: 160 }, - { month: "May", desktop: 160, mobile: 190 }, - { month: "June", desktop: 174, mobile: 204 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Lines Only - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-multiple.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-multiple.tsx deleted file mode 100644 index 2463d7ae31..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-multiple.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with multiple data" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Multiple - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radar-radius.tsx b/deprecated/www/__registry__/default/blocks/chart-radar-radius.tsx deleted file mode 100644 index 22cbe8e197..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radar-radius.tsx +++ /dev/null @@ -1,96 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - PolarAngleAxis, - PolarGrid, - PolarRadiusAxis, - Radar, - RadarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a radius axis" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Radius Axis - - Showing total visitors for the last 6 months - - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radial-grid.tsx b/deprecated/www/__registry__/default/blocks/chart-radial-grid.tsx deleted file mode 100644 index cc91ba2c8b..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radial-grid.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarGrid, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart with a grid" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Grid - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radial-label.tsx b/deprecated/www/__registry__/default/blocks/chart-radial-label.tsx deleted file mode 100644 index 179a919f6c..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radial-label.tsx +++ /dev/null @@ -1,101 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Label - January - June 2024 - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radial-shape.tsx b/deprecated/www/__registry__/default/blocks/chart-radial-shape.tsx deleted file mode 100644 index bd3754e986..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radial-shape.tsx +++ /dev/null @@ -1,108 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/default/ui/chart" - -export const description = "A radial chart with a custom shape" - -const chartData = [ - { browser: "safari", visitors: 1260, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Shape - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radial-simple.tsx b/deprecated/www/__registry__/default/blocks/chart-radial-simple.tsx deleted file mode 100644 index 57a8030230..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radial-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radial-stacked.tsx b/deprecated/www/__registry__/default/blocks/chart-radial-stacked.tsx deleted file mode 100644 index a5b78f27fe..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radial-stacked.tsx +++ /dev/null @@ -1,113 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart with stacked sections" - -const chartData = [{ month: "january", desktop: 1260, mobile: 570 }] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = chartData[0].desktop + chartData[0].mobile - - return ( - - - Radial Chart - Stacked - January - June 2024 - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-radial-text.tsx b/deprecated/www/__registry__/default/blocks/chart-radial-text.tsx deleted file mode 100644 index a798f66121..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-radial-text.tsx +++ /dev/null @@ -1,109 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/default/ui/chart" - -export const description = "A radial chart with text" - -const chartData = [ - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Text - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-advanced.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-advanced.tsx deleted file mode 100644 index 7a70079821..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-advanced.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Advanced - - Tooltip with custom formatter and total. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( - <> -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
- {/* Add this after the last item */} - {index === 1 && ( -
- Total -
- {item.payload.running + item.payload.swimming} - - kcal - -
-
- )} - - )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-default.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-default.tsx deleted file mode 100644 index e1ed087075..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-default.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Default - - Default tooltip with ChartTooltipContent. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-formatter.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-formatter.tsx deleted file mode 100644 index 8c1b6d7009..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-formatter.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Formatter - Tooltip with custom formatter . - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
-
- )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-icons.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-icons.tsx deleted file mode 100644 index a95db7a7b5..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-icons.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Footprints, Waves } from "lucide-react" -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - icon: Footprints, - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - icon: Waves, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Icons - Tooltip with icons. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-indicator-line.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-indicator-line.tsx deleted file mode 100644 index 8f59a417cd..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-indicator-line.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Line Indicator - Tooltip with line indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-indicator-none.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-indicator-none.tsx deleted file mode 100644 index 52c3790224..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-indicator-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Indicator - Tooltip with no indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-label-custom.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-label-custom.tsx deleted file mode 100644 index ebd735e075..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-label-custom.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - activities: { - label: "Activities", - }, - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Custom label - - Tooltip with custom label from chartConfig. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-label-formatter.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-label-formatter.tsx deleted file mode 100644 index ed1173c5b7..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-label-formatter.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Label Formatter - Tooltip with label formatter. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - { - return new Date(value).toLocaleDateString("en-US", { - day: "numeric", - month: "long", - year: "numeric", - }) - }} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/chart-tooltip-label-none.tsx b/deprecated/www/__registry__/default/blocks/chart-tooltip-label-none.tsx deleted file mode 100644 index 4aadf3fc79..0000000000 --- a/deprecated/www/__registry__/default/blocks/chart-tooltip-label-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Label - Tooltip with no label. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/dashboard-01/page.tsx b/deprecated/www/__registry__/default/blocks/dashboard-01/page.tsx deleted file mode 100644 index 083e2a7f01..0000000000 --- a/deprecated/www/__registry__/default/blocks/dashboard-01/page.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/dashboard-01/components/app-sidebar" -import { ChartAreaInteractive } from "@/registry/default/blocks/dashboard-01/components/chart-area-interactive" -import { DataTable } from "@/registry/default/blocks/dashboard-01/components/data-table" -import { SectionCards } from "@/registry/default/blocks/dashboard-01/components/section-cards" -import { SiteHeader } from "@/registry/default/blocks/dashboard-01/components/site-header" -import { SidebarInset, SidebarProvider } from "@/registry/default/ui/sidebar" - -import data from "./data.json" - -export default function Page() { - return ( - - - - -
-
-
- -
- -
- -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/login-01/page.tsx b/deprecated/www/__registry__/default/blocks/login-01/page.tsx deleted file mode 100644 index 6e1c2cb4db..0000000000 --- a/deprecated/www/__registry__/default/blocks/login-01/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { LoginForm } from "@/registry/default/blocks/login-01/components/login-form" - -export default function Page() { - return ( -
-
- -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/login-02/page.tsx b/deprecated/www/__registry__/default/blocks/login-02/page.tsx deleted file mode 100644 index 56b73d3246..0000000000 --- a/deprecated/www/__registry__/default/blocks/login-02/page.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { GalleryVerticalEnd } from "lucide-react" - -import { LoginForm } from "@/registry/default/blocks/login-02/components/login-form" - -export default function LoginPage() { - return ( -
-
- -
-
- -
-
-
-
- Image -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/login-03/page.tsx b/deprecated/www/__registry__/default/blocks/login-03/page.tsx deleted file mode 100644 index 15a0ca451c..0000000000 --- a/deprecated/www/__registry__/default/blocks/login-03/page.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { GalleryVerticalEnd } from "lucide-react" - -import { LoginForm } from "@/registry/default/blocks/login-03/components/login-form" - -export default function LoginPage() { - return ( - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/login-04/page.tsx b/deprecated/www/__registry__/default/blocks/login-04/page.tsx deleted file mode 100644 index d302b4fa44..0000000000 --- a/deprecated/www/__registry__/default/blocks/login-04/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { LoginForm } from "@/registry/default/blocks/login-04/components/login-form" - -export default function LoginPage() { - return ( -
-
- -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/login-05/page.tsx b/deprecated/www/__registry__/default/blocks/login-05/page.tsx deleted file mode 100644 index b9baa00d53..0000000000 --- a/deprecated/www/__registry__/default/blocks/login-05/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { LoginForm } from "@/registry/default/blocks/login-05/components/login-form" - -export default function LoginPage() { - return ( -
-
- -
-
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-01/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-01/page.tsx deleted file mode 100644 index 090e3eb248..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-01/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-01/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-02/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-02/page.tsx deleted file mode 100644 index 179af7cf28..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-02/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-02/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
- {Array.from({ length: 24 }).map((_, index) => ( -
- ))} -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-03/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-03/page.tsx deleted file mode 100644 index a3b34b1080..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-03/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-03/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-04/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-04/page.tsx deleted file mode 100644 index 8a0dbbff75..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-04/page.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-04/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-05/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-05/page.tsx deleted file mode 100644 index 3bfc7a8b3f..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-05/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-05/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-06/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-06/page.tsx deleted file mode 100644 index 028a7ba620..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-06/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-06/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-07/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-07/page.tsx deleted file mode 100644 index 1627996458..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-07/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-07/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-08/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-08/page.tsx deleted file mode 100644 index 052b62b38c..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-08/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-08/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-09/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-09/page.tsx deleted file mode 100644 index 6ed155ad79..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-09/page.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-09/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - All Inboxes - - - - Inbox - - - -
-
- {Array.from({ length: 24 }).map((_, index) => ( -
- ))} -
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-10/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-10/page.tsx deleted file mode 100644 index a357086005..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-10/page.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-10/components/app-sidebar" -import { NavActions } from "@/registry/default/blocks/sidebar-10/components/nav-actions" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbList, - BreadcrumbPage, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Project Management & Task Tracking - - - - -
-
- -
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-11/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-11/page.tsx deleted file mode 100644 index 3e60984c5e..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-11/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-11/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - components - - - - ui - - - - button.tsx - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-12/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-12/page.tsx deleted file mode 100644 index ac96a46026..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-12/page.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-12/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbList, - BreadcrumbPage, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - October 2024 - - - -
-
-
- {Array.from({ length: 20 }).map((_, i) => ( -
- ))} -
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-13/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-13/page.tsx deleted file mode 100644 index 7bebc464af..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-13/page.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { SettingsDialog } from "@/registry/default/blocks/sidebar-13/components/settings-dialog" - -export default function Page() { - return ( -
- -
- ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-14/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-14/page.tsx deleted file mode 100644 index a299c067de..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-14/page.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-14/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/default/ui/breadcrumb" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - -
- - - - - Building Your Application - - - - - Data Fetching - - - - -
-
-
-
-
-
-
-
-
- - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-15/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-15/page.tsx deleted file mode 100644 index 3bf6087ece..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-15/page.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { SidebarLeft } from "@/registry/default/blocks/sidebar-15/components/sidebar-left" -import { SidebarRight } from "@/registry/default/blocks/sidebar-15/components/sidebar-right" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbList, - BreadcrumbPage, -} from "@/registry/default/ui/breadcrumb" -import { Separator } from "@/registry/default/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/default/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Project Management & Task Tracking - - - - -
-
-
-
-
-
- - - - ) -} diff --git a/deprecated/www/__registry__/default/blocks/sidebar-16/page.tsx b/deprecated/www/__registry__/default/blocks/sidebar-16/page.tsx deleted file mode 100644 index 01313fb14e..0000000000 --- a/deprecated/www/__registry__/default/blocks/sidebar-16/page.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { AppSidebar } from "@/registry/default/blocks/sidebar-16/components/app-sidebar" -import { SiteHeader } from "@/registry/default/blocks/sidebar-16/components/site-header" -import { SidebarInset, SidebarProvider } from "@/registry/default/ui/sidebar" - -export const iframeHeight = "800px" - -export const description = "A sidebar with a header and a search form." - -export default function Page() { - return ( -
- - -
- - -
-
-
-
-
-
-
-
- -
- -
- ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-axes.tsx b/deprecated/www/__registry__/default/charts/chart-area-axes.tsx deleted file mode 100644 index e6c173dcb5..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-axes.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with axes" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Axes - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-default.tsx b/deprecated/www/__registry__/default/charts/chart-area-default.tsx deleted file mode 100644 index 925eb60367..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-default.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A simple area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-gradient.tsx b/deprecated/www/__registry__/default/charts/chart-area-gradient.tsx deleted file mode 100644 index 0314f690fc..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-gradient.tsx +++ /dev/null @@ -1,130 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with gradient fill" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Gradient - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - - - - - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-icons.tsx b/deprecated/www/__registry__/default/charts/chart-area-icons.tsx deleted file mode 100644 index 05d2e4ef0b..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-icons.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingDown, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: TrendingDown, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: TrendingUp, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Icons - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-interactive.tsx b/deprecated/www/__registry__/default/charts/chart-area-interactive.tsx deleted file mode 100644 index 16cbcca59f..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-interactive.tsx +++ /dev/null @@ -1,266 +0,0 @@ -"use client" - -import * as React from "react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/default/ui/select" - -export const description = "An interactive area chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [timeRange, setTimeRange] = React.useState("90d") - - const filteredData = chartData.filter((item) => { - const date = new Date(item.date) - const referenceDate = new Date("2024-06-30") - let daysToSubtract = 90 - if (timeRange === "30d") { - daysToSubtract = 30 - } else if (timeRange === "7d") { - daysToSubtract = 7 - } - const startDate = new Date(referenceDate) - startDate.setDate(startDate.getDate() - daysToSubtract) - return date >= startDate - }) - - return ( - - -
- Area Chart - Interactive - - Showing total visitors for the last 3 months - -
- - - - - - - - - - - - - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - indicator="dot" - /> - } - /> - - - } /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-legend.tsx b/deprecated/www/__registry__/default/charts/chart-area-legend.tsx deleted file mode 100644 index 9d7cfe3d1e..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-legend.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An area chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Legend - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-linear.tsx b/deprecated/www/__registry__/default/charts/chart-area-linear.tsx deleted file mode 100644 index 4e58417994..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-linear.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A linear area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Linear - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-stacked-expand.tsx b/deprecated/www/__registry__/default/charts/chart-area-stacked-expand.tsx deleted file mode 100644 index ab66f89565..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-stacked-expand.tsx +++ /dev/null @@ -1,121 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked area chart with expand stacking" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80, other: 45 }, - { month: "February", desktop: 305, mobile: 200, other: 100 }, - { month: "March", desktop: 237, mobile: 120, other: 150 }, - { month: "April", desktop: 73, mobile: 190, other: 50 }, - { month: "May", desktop: 209, mobile: 130, other: 100 }, - { month: "June", desktop: 214, mobile: 140, other: 160 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-3))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked Expanded - - Showing total visitors for the last 6months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-stacked.tsx b/deprecated/www/__registry__/default/charts/chart-area-stacked.tsx deleted file mode 100644 index 3820dd7a7b..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-stacked.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked area chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-area-step.tsx b/deprecated/www/__registry__/default/charts/chart-area-step.tsx deleted file mode 100644 index 4ca6623d26..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-area-step.tsx +++ /dev/null @@ -1,95 +0,0 @@ -"use client" - -import { Activity, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A step area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: Activity, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Step - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-active.tsx b/deprecated/www/__registry__/default/charts/chart-bar-active.tsx deleted file mode 100644 index f1be5c7718..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-active.tsx +++ /dev/null @@ -1,111 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Rectangle, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with an active bar" - -const chartData = [ - { browser: "chrome", visitors: 187, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 275, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Active - January - June 2024 - - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-default.tsx b/deprecated/www/__registry__/default/charts/chart-bar-default.tsx deleted file mode 100644 index 9fc5f15a15..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-horizontal.tsx b/deprecated/www/__registry__/default/charts/chart-bar-horizontal.tsx deleted file mode 100644 index ac74114cee..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-horizontal.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A horizontal bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Horizontal - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-interactive.tsx b/deprecated/www/__registry__/default/charts/chart-bar-interactive.tsx deleted file mode 100644 index 84bcc6a28c..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-interactive.tsx +++ /dev/null @@ -1,221 +0,0 @@ -"use client" - -import * as React from "react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An interactive bar chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Bar Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-label-custom.tsx b/deprecated/www/__registry__/default/charts/chart-bar-label-custom.tsx deleted file mode 100644 index bd16655bc7..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-label-custom.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - label: { - color: "hsl(var(--background))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Custom Label - January - June 2024 - - - - - - value.slice(0, 3)} - hide - /> - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-label.tsx b/deprecated/www/__registry__/default/charts/chart-bar-label.tsx deleted file mode 100644 index c7ebea70e0..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-label.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with a label" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-mixed.tsx b/deprecated/www/__registry__/default/charts/chart-bar-mixed.tsx deleted file mode 100644 index fa3beea6fc..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-mixed.tsx +++ /dev/null @@ -1,103 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A mixed bar chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Mixed - January - June 2024 - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-multiple.tsx b/deprecated/www/__registry__/default/charts/chart-bar-multiple.tsx deleted file mode 100644 index 39b80fa76f..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-multiple.tsx +++ /dev/null @@ -1,80 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A multiple bar chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-negative.tsx b/deprecated/www/__registry__/default/charts/chart-bar-negative.tsx deleted file mode 100644 index f9e3b3e360..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-negative.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Cell, LabelList } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A bar chart with negative values" - -const chartData = [ - { month: "January", visitors: 186 }, - { month: "February", visitors: 205 }, - { month: "March", visitors: -207 }, - { month: "April", visitors: 173 }, - { month: "May", visitors: -209 }, - { month: "June", visitors: 214 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Negative - January - June 2024 - - - - - - } - /> - - - {chartData.map((item) => ( - 0 - ? "hsl(var(--chart-1))" - : "hsl(var(--chart-2))" - } - /> - ))} - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-bar-stacked.tsx b/deprecated/www/__registry__/default/charts/chart-bar-stacked.tsx deleted file mode 100644 index 211bfe6aef..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-bar-stacked.tsx +++ /dev/null @@ -1,90 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Stacked + Legend - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - } /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-default.tsx b/deprecated/www/__registry__/default/charts/chart-line-default.tsx deleted file mode 100644 index 24972697fc..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-default.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-dots-colors.tsx b/deprecated/www/__registry__/default/charts/chart-line-dots-colors.tsx deleted file mode 100644 index e568ddd990..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-dots-colors.tsx +++ /dev/null @@ -1,118 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Dot, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with dots and colors" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots Colors - January - June 2024 - - - - - - - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-dots-custom.tsx b/deprecated/www/__registry__/default/charts/chart-line-dots-custom.tsx deleted file mode 100644 index 4eae4da575..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-dots-custom.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { GitCommitVertical, TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with custom dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - { - const r = 24 - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-dots.tsx b/deprecated/www/__registry__/default/charts/chart-line-dots.tsx deleted file mode 100644 index d52f09148e..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-dots.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-interactive.tsx b/deprecated/www/__registry__/default/charts/chart-line-interactive.tsx deleted file mode 100644 index 6f61820071..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-interactive.tsx +++ /dev/null @@ -1,227 +0,0 @@ -"use client" - -import * as React from "react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "An interactive line chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Line Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-label-custom.tsx b/deprecated/www/__registry__/default/charts/chart-line-label-custom.tsx deleted file mode 100644 index e6976bd892..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-label-custom.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Label - January - June 2024 - - - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-label.tsx b/deprecated/www/__registry__/default/charts/chart-line-label.tsx deleted file mode 100644 index 159e103176..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-label.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with a label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-linear.tsx b/deprecated/www/__registry__/default/charts/chart-line-linear.tsx deleted file mode 100644 index 9d3e06f5e9..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-linear.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A linear line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Linear - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-multiple.tsx b/deprecated/www/__registry__/default/charts/chart-line-multiple.tsx deleted file mode 100644 index 61ea1d960f..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-multiple.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A multiple line chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-line-step.tsx b/deprecated/www/__registry__/default/charts/chart-line-step.tsx deleted file mode 100644 index 608bd5f628..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-line-step.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A line chart with step" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Step - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-donut-active.tsx b/deprecated/www/__registry__/default/charts/chart-pie-donut-active.tsx deleted file mode 100644 index 5a39041919..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-donut-active.tsx +++ /dev/null @@ -1,102 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A donut chart with an active sector" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut Active - January - June 2024 - - - - - } - /> - ( - - )} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-donut-text.tsx b/deprecated/www/__registry__/default/charts/chart-pie-donut-text.tsx deleted file mode 100644 index ff5391ab1d..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-donut-text.tsx +++ /dev/null @@ -1,129 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A donut chart with text" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 287, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 190, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = React.useMemo(() => { - return chartData.reduce((acc, curr) => acc + curr.visitors, 0) - }, []) - - return ( - - - Pie Chart - Donut with Text - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-donut.tsx b/deprecated/www/__registry__/default/charts/chart-pie-donut.tsx deleted file mode 100644 index 45d17ecdd2..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-donut.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A donut chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-interactive.tsx b/deprecated/www/__registry__/default/charts/chart-pie-interactive.tsx deleted file mode 100644 index e1abb04262..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-interactive.tsx +++ /dev/null @@ -1,192 +0,0 @@ -"use client" - -import * as React from "react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartStyle, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/default/ui/select" - -export const description = "An interactive pie chart" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const id = "pie-interactive" - const [activeMonth, setActiveMonth] = React.useState(desktopData[0].month) - - const activeIndex = React.useMemo( - () => desktopData.findIndex((item) => item.month === activeMonth), - [activeMonth] - ) - const months = React.useMemo(() => desktopData.map((item) => item.month), []) - - return ( - - - -
- Pie Chart - Interactive - January - June 2024 -
- - - - - - } - /> - ( - - - - - )} - > - - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-label-custom.tsx b/deprecated/www/__registry__/default/charts/chart-pie-label-custom.tsx deleted file mode 100644 index 4b8c616214..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-label-custom.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Custom Label - January - June 2024 - - - - - } - /> - { - return ( - - {payload.visitors} - - ) - }} - nameKey="browser" - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-label-list.tsx b/deprecated/www/__registry__/default/charts/chart-pie-label-list.tsx deleted file mode 100644 index 6b083fb02a..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-label-list.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a label list" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label List - January - June 2024 - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-label.tsx b/deprecated/www/__registry__/default/charts/chart-pie-label.tsx deleted file mode 100644 index 26c294cd65..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-label.tsx +++ /dev/null @@ -1,85 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label - January - June 2024 - - - - - } /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-legend.tsx b/deprecated/www/__registry__/default/charts/chart-pie-legend.tsx deleted file mode 100644 index 3e3d7534a8..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-legend.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with a legend" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Legend - January - June 2024 - - - - - - } - className="-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center" - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-separator-none.tsx b/deprecated/www/__registry__/default/charts/chart-pie-separator-none.tsx deleted file mode 100644 index 08ec2b5633..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-separator-none.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with no separator" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Separator None - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-simple.tsx b/deprecated/www/__registry__/default/charts/chart-pie-simple.tsx deleted file mode 100644 index 5108126f71..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A simple pie chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-pie-stacked.tsx b/deprecated/www/__registry__/default/charts/chart-pie-stacked.tsx deleted file mode 100644 index db8b0efbbc..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-pie-stacked.tsx +++ /dev/null @@ -1,119 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A pie chart with stacked sections" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const mobileData = [ - { month: "january", mobile: 80, fill: "var(--color-january)" }, - { month: "february", mobile: 200, fill: "var(--color-february)" }, - { month: "march", mobile: 120, fill: "var(--color-march)" }, - { month: "april", mobile: 190, fill: "var(--color-april)" }, - { month: "may", mobile: 130, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Stacked - January - June 2024 - - - - - { - return chartConfig[ - payload?.[0].dataKey as keyof typeof chartConfig - ].label - }} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-default.tsx b/deprecated/www/__registry__/default/charts/chart-radar-default.tsx deleted file mode 100644 index e4b4185684..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-dots.tsx b/deprecated/www/__registry__/default/charts/chart-radar-dots.tsx deleted file mode 100644 index 461a229540..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-dots.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with dots" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Dots - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-grid-circle-fill.tsx b/deprecated/www/__registry__/default/charts/chart-radar-grid-circle-fill.tsx deleted file mode 100644 index 0bed543195..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-grid-circle-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle Filled - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-grid-circle-no-lines.tsx b/deprecated/www/__registry__/default/charts/chart-radar-grid-circle-no-lines.tsx deleted file mode 100644 index 332a86b3cb..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-grid-circle-no-lines.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - No lines - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-grid-circle.tsx b/deprecated/www/__registry__/default/charts/chart-radar-grid-circle.tsx deleted file mode 100644 index e6b3a569c4..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-grid-circle.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid and circle" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-grid-custom.tsx b/deprecated/www/__registry__/default/charts/chart-radar-grid-custom.tsx deleted file mode 100644 index 738d9f7c2a..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-grid-custom.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a custom grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Custom - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-grid-fill.tsx b/deprecated/www/__registry__/default/charts/chart-radar-grid-fill.tsx deleted file mode 100644 index 182b08f51a..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-grid-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a grid filled" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Filled - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-grid-none.tsx b/deprecated/www/__registry__/default/charts/chart-radar-grid-none.tsx deleted file mode 100644 index 348075e832..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-grid-none.tsx +++ /dev/null @@ -1,81 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with no grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid None - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-icons.tsx b/deprecated/www/__registry__/default/charts/chart-radar-icons.tsx deleted file mode 100644 index efbbf89c8b..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-icons.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { ArrowDownFromLine, ArrowUpFromLine, TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: ArrowDownFromLine, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: ArrowUpFromLine, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Icons - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-label-custom.tsx b/deprecated/www/__registry__/default/charts/chart-radar-label-custom.tsx deleted file mode 100644 index 4e65b8996d..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-label-custom.tsx +++ /dev/null @@ -1,120 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Custom Label - - Showing total visitors for the last 6 months - - - - - - } - /> - { - const data = chartData[index] - - return ( - - {data.desktop} - / - {data.mobile} - - {data.month} - - - ) - }} - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-legend.tsx b/deprecated/www/__registry__/default/charts/chart-radar-legend.tsx deleted file mode 100644 index 535bc82c07..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-legend.tsx +++ /dev/null @@ -1,92 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Legend - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-lines-only.tsx b/deprecated/www/__registry__/default/charts/chart-radar-lines-only.tsx deleted file mode 100644 index c6e0c52525..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-lines-only.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with lines only" - -const chartData = [ - { month: "January", desktop: 186, mobile: 160 }, - { month: "February", desktop: 185, mobile: 170 }, - { month: "March", desktop: 207, mobile: 180 }, - { month: "April", desktop: 173, mobile: 160 }, - { month: "May", desktop: 160, mobile: 190 }, - { month: "June", desktop: 174, mobile: 204 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Lines Only - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-multiple.tsx b/deprecated/www/__registry__/default/charts/chart-radar-multiple.tsx deleted file mode 100644 index 2463d7ae31..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-multiple.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with multiple data" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Multiple - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radar-radius.tsx b/deprecated/www/__registry__/default/charts/chart-radar-radius.tsx deleted file mode 100644 index 22cbe8e197..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radar-radius.tsx +++ /dev/null @@ -1,96 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - PolarAngleAxis, - PolarGrid, - PolarRadiusAxis, - Radar, - RadarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radar chart with a radius axis" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Radius Axis - - Showing total visitors for the last 6 months - - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radial-grid.tsx b/deprecated/www/__registry__/default/charts/chart-radial-grid.tsx deleted file mode 100644 index cc91ba2c8b..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radial-grid.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarGrid, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart with a grid" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Grid - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radial-label.tsx b/deprecated/www/__registry__/default/charts/chart-radial-label.tsx deleted file mode 100644 index 179a919f6c..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radial-label.tsx +++ /dev/null @@ -1,101 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Label - January - June 2024 - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radial-shape.tsx b/deprecated/www/__registry__/default/charts/chart-radial-shape.tsx deleted file mode 100644 index bd3754e986..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radial-shape.tsx +++ /dev/null @@ -1,108 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/default/ui/chart" - -export const description = "A radial chart with a custom shape" - -const chartData = [ - { browser: "safari", visitors: 1260, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Shape - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radial-simple.tsx b/deprecated/www/__registry__/default/charts/chart-radial-simple.tsx deleted file mode 100644 index 57a8030230..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radial-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radial-stacked.tsx b/deprecated/www/__registry__/default/charts/chart-radial-stacked.tsx deleted file mode 100644 index a5b78f27fe..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radial-stacked.tsx +++ /dev/null @@ -1,113 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A radial chart with stacked sections" - -const chartData = [{ month: "january", desktop: 1260, mobile: 570 }] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = chartData[0].desktop + chartData[0].mobile - - return ( - - - Radial Chart - Stacked - January - June 2024 - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-radial-text.tsx b/deprecated/www/__registry__/default/charts/chart-radial-text.tsx deleted file mode 100644 index a798f66121..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-radial-text.tsx +++ /dev/null @@ -1,109 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/default/ui/chart" - -export const description = "A radial chart with text" - -const chartData = [ - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Text - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-advanced.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-advanced.tsx deleted file mode 100644 index 7a70079821..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-advanced.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Advanced - - Tooltip with custom formatter and total. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( - <> -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
- {/* Add this after the last item */} - {index === 1 && ( -
- Total -
- {item.payload.running + item.payload.swimming} - - kcal - -
-
- )} - - )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-default.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-default.tsx deleted file mode 100644 index e1ed087075..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-default.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Default - - Default tooltip with ChartTooltipContent. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-formatter.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-formatter.tsx deleted file mode 100644 index 8c1b6d7009..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-formatter.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Formatter - Tooltip with custom formatter . - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
-
- )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-icons.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-icons.tsx deleted file mode 100644 index a95db7a7b5..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-icons.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Footprints, Waves } from "lucide-react" -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - icon: Footprints, - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - icon: Waves, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Icons - Tooltip with icons. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-indicator-line.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-indicator-line.tsx deleted file mode 100644 index 8f59a417cd..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-indicator-line.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Line Indicator - Tooltip with line indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-indicator-none.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-indicator-none.tsx deleted file mode 100644 index 52c3790224..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-indicator-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Indicator - Tooltip with no indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-label-custom.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-label-custom.tsx deleted file mode 100644 index ebd735e075..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-label-custom.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - activities: { - label: "Activities", - }, - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Custom label - - Tooltip with custom label from chartConfig. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-label-formatter.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-label-formatter.tsx deleted file mode 100644 index ed1173c5b7..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-label-formatter.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Label Formatter - Tooltip with label formatter. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - { - return new Date(value).toLocaleDateString("en-US", { - day: "numeric", - month: "long", - year: "numeric", - }) - }} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/default/charts/chart-tooltip-label-none.tsx b/deprecated/www/__registry__/default/charts/chart-tooltip-label-none.tsx deleted file mode 100644 index 4aadf3fc79..0000000000 --- a/deprecated/www/__registry__/default/charts/chart-tooltip-label-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/default/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/default/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Label - Tooltip with no label. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/icons.tsx b/deprecated/www/__registry__/icons.tsx deleted file mode 100644 index 3c8f028fcb..0000000000 --- a/deprecated/www/__registry__/icons.tsx +++ /dev/null @@ -1,451 +0,0 @@ -// @ts-nocheck -// This file is autogenerated by scripts/build-registry.ts -// Do not edit this file directly. -import * as React from "react" - -export const Icons = { - AlertCircle: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.AlertCircle, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ExclamationTriangleIcon, - })) - ), - }, - ArrowLeft: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ArrowLeft, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ArrowLeftIcon, - })) - ), - }, - ArrowRight: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ArrowRight, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ArrowRightIcon, - })) - ), - }, - ArrowUpDown: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ArrowUpDown, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.CaretSortIcon, - })) - ), - }, - BellRing: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.BellRing, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.BellIcon, - })) - ), - }, - Bold: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Bold, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.FontBoldIcon, - })) - ), - }, - Calculator: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Calculator, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ComponentPlaceholderIcon, - })) - ), - }, - Calendar: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Calendar, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.CalendarIcon, - })) - ), - }, - Check: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Check, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.CheckIcon, - })) - ), - }, - ChevronDown: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ChevronDown, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ChevronDownIcon, - })) - ), - }, - ChevronLeft: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ChevronLeft, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ChevronLeftIcon, - })) - ), - }, - ChevronRight: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ChevronRight, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ChevronRightIcon, - })) - ), - }, - ChevronUp: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ChevronUp, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ChevronUpIcon, - })) - ), - }, - ChevronsUpDown: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.ChevronsUpDown, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.CaretSortIcon, - })) - ), - }, - Circle: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Circle, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.DotFilledIcon, - })) - ), - }, - Copy: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Copy, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.CopyIcon, - })) - ), - }, - CreditCard: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.CreditCard, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ComponentPlaceholderIcon, - })) - ), - }, - GripVertical: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.GripVertical, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.DragHandleDots2Icon, - })) - ), - }, - Italic: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Italic, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.FontItalicIcon, - })) - ), - }, - Loader2: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Loader2, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ReloadIcon, - })) - ), - }, - Mail: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Mail, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.EnvelopeClosedIcon, - })) - ), - }, - MailOpen: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.MailOpen, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.EnvelopeOpenIcon, - })) - ), - }, - Minus: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Minus, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.MinusIcon, - })) - ), - }, - Moon: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Moon, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.MoonIcon, - })) - ), - }, - MoreHorizontal: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.MoreHorizontal, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.DotsHorizontalIcon, - })) - ), - }, - PanelLeft: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.PanelLeft, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.ViewVerticalIcon, - })) - ), - }, - Plus: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Plus, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.PlusIcon, - })) - ), - }, - Search: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Search, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.MagnifyingGlassIcon, - })) - ), - }, - Send: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Send, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.PaperPlaneIcon, - })) - ), - }, - Settings: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Settings, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.GearIcon, - })) - ), - }, - Slash: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Slash, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.SlashIcon, - })) - ), - }, - Smile: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Smile, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.FaceIcon, - })) - ), - }, - Sun: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Sun, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.SunIcon, - })) - ), - }, - Terminal: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Terminal, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.RocketIcon, - })) - ), - }, - Underline: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.Underline, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.UnderlineIcon, - })) - ), - }, - User: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.User, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.PersonIcon, - })) - ), - }, - X: { - lucide: React.lazy(() => - import("lucide-react").then((mod) => ({ - default: mod.X, - })) - ), - radix: React.lazy(() => - import("@radix-ui/react-icons").then((mod) => ({ - default: mod.Cross2Icon, - })) - ), - }, -} diff --git a/deprecated/www/__registry__/index.tsx b/deprecated/www/__registry__/index.tsx deleted file mode 100644 index 18cf6aa04a..0000000000 --- a/deprecated/www/__registry__/index.tsx +++ /dev/null @@ -1,11928 +0,0 @@ -// @ts-nocheck -// This file is autogenerated by scripts/build-registry.ts -// Do not edit this file directly. -import * as React from "react" - -export const Index: Record = { - "new-york": { - "index": { - name: "index", - description: "", - type: "registry:style", - registryDependencies: ["utils"], - files: [], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/style/index")), - source: "", - meta: undefined, - }, - "style": { - name: "style", - description: "", - type: "registry:style", - registryDependencies: ["utils"], - files: [], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/style/style")), - source: "", - meta: undefined, - }, - "accordion": { - name: "accordion", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/accordion.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/accordion.tsx")), - source: "", - meta: undefined, - }, - "alert": { - name: "alert", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/alert.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/alert.tsx")), - source: "", - meta: undefined, - }, - "alert-dialog": { - name: "alert-dialog", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/ui/alert-dialog.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/alert-dialog.tsx")), - source: "", - meta: undefined, - }, - "aspect-ratio": { - name: "aspect-ratio", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/aspect-ratio.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/aspect-ratio.tsx")), - source: "", - meta: undefined, - }, - "avatar": { - name: "avatar", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/avatar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/avatar.tsx")), - source: "", - meta: undefined, - }, - "badge": { - name: "badge", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/badge.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/badge.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb": { - name: "breadcrumb", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/breadcrumb.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/breadcrumb.tsx")), - source: "", - meta: undefined, - }, - "button": { - name: "button", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/button.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/button.tsx")), - source: "", - meta: undefined, - }, - "button-group": { - name: "button-group", - description: "", - type: "registry:ui", - registryDependencies: ["button","separator"], - files: [{ - path: "registry/new-york/ui/button-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/button-group.tsx")), - source: "", - meta: undefined, - }, - "calendar": { - name: "calendar", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/ui/calendar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/calendar.tsx")), - source: "", - meta: undefined, - }, - "card": { - name: "card", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/card.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/card.tsx")), - source: "", - meta: undefined, - }, - "carousel": { - name: "carousel", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/ui/carousel.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/carousel.tsx")), - source: "", - meta: undefined, - }, - "chart": { - name: "chart", - description: "", - type: "registry:ui", - registryDependencies: ["card"], - files: [{ - path: "registry/new-york/ui/chart.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/chart.tsx")), - source: "", - meta: undefined, - }, - "checkbox": { - name: "checkbox", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/checkbox.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/checkbox.tsx")), - source: "", - meta: undefined, - }, - "collapsible": { - name: "collapsible", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/collapsible.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/collapsible.tsx")), - source: "", - meta: undefined, - }, - "command": { - name: "command", - description: "", - type: "registry:ui", - registryDependencies: ["dialog"], - files: [{ - path: "registry/new-york/ui/command.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/command.tsx")), - source: "", - meta: undefined, - }, - "context-menu": { - name: "context-menu", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/context-menu.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/context-menu.tsx")), - source: "", - meta: undefined, - }, - "dialog": { - name: "dialog", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/dialog.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/dialog.tsx")), - source: "", - meta: undefined, - }, - "drawer": { - name: "drawer", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/drawer.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/drawer.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu": { - name: "dropdown-menu", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/dropdown-menu.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/dropdown-menu.tsx")), - source: "", - meta: undefined, - }, - "empty": { - name: "empty", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/empty.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/empty.tsx")), - source: "", - meta: undefined, - }, - "field": { - name: "field", - description: "", - type: "registry:ui", - registryDependencies: ["label","separator"], - files: [{ - path: "registry/new-york/ui/field.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/field.tsx")), - source: "", - meta: undefined, - }, - "form": { - name: "form", - description: "", - type: "registry:ui", - registryDependencies: ["button","label"], - files: [{ - path: "registry/new-york/ui/form.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/form.tsx")), - source: "", - meta: undefined, - }, - "hover-card": { - name: "hover-card", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/hover-card.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/hover-card.tsx")), - source: "", - meta: undefined, - }, - "input": { - name: "input", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/input.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/input.tsx")), - source: "", - meta: undefined, - }, - "input-group": { - name: "input-group", - description: "", - type: "registry:ui", - registryDependencies: ["button","input","textarea"], - files: [{ - path: "registry/new-york/ui/input-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/input-group.tsx")), - source: "", - meta: undefined, - }, - "input-otp": { - name: "input-otp", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/input-otp.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/input-otp.tsx")), - source: "", - meta: undefined, - }, - "item": { - name: "item", - description: "", - type: "registry:ui", - registryDependencies: ["separator"], - files: [{ - path: "registry/new-york/ui/item.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/item.tsx")), - source: "", - meta: undefined, - }, - "kbd": { - name: "kbd", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/kbd.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/kbd.tsx")), - source: "", - meta: undefined, - }, - "label": { - name: "label", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/label.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/label.tsx")), - source: "", - meta: undefined, - }, - "menubar": { - name: "menubar", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/menubar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/menubar.tsx")), - source: "", - meta: undefined, - }, - "navigation-menu": { - name: "navigation-menu", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/navigation-menu.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/navigation-menu.tsx")), - source: "", - meta: undefined, - }, - "pagination": { - name: "pagination", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/ui/pagination.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/pagination.tsx")), - source: "", - meta: undefined, - }, - "popover": { - name: "popover", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/popover.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/popover.tsx")), - source: "", - meta: undefined, - }, - "progress": { - name: "progress", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/progress.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/progress.tsx")), - source: "", - meta: undefined, - }, - "radio-group": { - name: "radio-group", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/radio-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/radio-group.tsx")), - source: "", - meta: undefined, - }, - "resizable": { - name: "resizable", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/resizable.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/resizable.tsx")), - source: "", - meta: undefined, - }, - "scroll-area": { - name: "scroll-area", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/scroll-area.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/scroll-area.tsx")), - source: "", - meta: undefined, - }, - "select": { - name: "select", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/select.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/select.tsx")), - source: "", - meta: undefined, - }, - "separator": { - name: "separator", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/separator.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/separator.tsx")), - source: "", - meta: undefined, - }, - "sheet": { - name: "sheet", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/sheet.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/sheet.tsx")), - source: "", - meta: undefined, - }, - "sidebar": { - name: "sidebar", - description: "", - type: "registry:ui", - registryDependencies: ["button","separator","sheet","tooltip","input","use-mobile","skeleton"], - files: [{ - path: "registry/new-york/ui/sidebar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/sidebar.tsx")), - source: "", - meta: undefined, - }, - "skeleton": { - name: "skeleton", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/skeleton.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/skeleton.tsx")), - source: "", - meta: undefined, - }, - "slider": { - name: "slider", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/slider.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/slider.tsx")), - source: "", - meta: undefined, - }, - "sonner": { - name: "sonner", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/sonner.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/sonner.tsx")), - source: "", - meta: undefined, - }, - "spinner": { - name: "spinner", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/spinner.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/spinner.tsx")), - source: "", - meta: undefined, - }, - "switch": { - name: "switch", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/switch.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/switch.tsx")), - source: "", - meta: undefined, - }, - "table": { - name: "table", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/table.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/table.tsx")), - source: "", - meta: undefined, - }, - "tabs": { - name: "tabs", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/tabs.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/tabs.tsx")), - source: "", - meta: undefined, - }, - "textarea": { - name: "textarea", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/textarea.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/textarea.tsx")), - source: "", - meta: undefined, - }, - "toast": { - name: "toast", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/toast.tsx", - type: "registry:ui", - target: "" - },{ - path: "registry/new-york/hooks/use-toast.ts", - type: "registry:hook", - target: "" - },{ - path: "registry/new-york/ui/toaster.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/toast.tsx")), - source: "", - meta: undefined, - }, - "toggle": { - name: "toggle", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/toggle.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/toggle.tsx")), - source: "", - meta: undefined, - }, - "toggle-group": { - name: "toggle-group", - description: "", - type: "registry:ui", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/ui/toggle-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/toggle-group.tsx")), - source: "", - meta: undefined, - }, - "tooltip": { - name: "tooltip", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/ui/tooltip.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/ui/tooltip.tsx")), - source: "", - meta: undefined, - }, - "dashboard-01": { - name: "dashboard-01", - description: "A dashboard with sidebar, charts and data table.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","chart","card","select","tabs","table","toggle-group","badge","button","checkbox","dropdown-menu","drawer","input","avatar","sheet","sonner"], - files: [{ - path: "registry/new-york/blocks/dashboard-01/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/dashboard-01/data.json", - type: "registry:file", - target: "app/dashboard/data.json" - },{ - path: "registry/new-york/blocks/dashboard-01/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/chart-area-interactive.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/data-table.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/nav-documents.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/section-cards.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/dashboard-01/components/site-header.tsx", - type: "registry:component", - target: "" - }], - categories: ["dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/dashboard-01/page.tsx")), - source: "__registry__/new-york/blocks/dashboard-01/page.tsx", - meta: undefined, - }, - "sidebar-01": { - name: "sidebar-01", - description: "A simple sidebar with navigation grouped by section.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/new-york/blocks/sidebar-01/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-01/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-01/components/search-form.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-01/components/version-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-01/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-01/page.tsx", - meta: undefined, - }, - "sidebar-02": { - name: "sidebar-02", - description: "A sidebar with collapsible sections.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/new-york/blocks/sidebar-02/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-02/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-02/components/search-form.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-02/components/version-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-02/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-02/page.tsx", - meta: undefined, - }, - "sidebar-03": { - name: "sidebar-03", - description: "A sidebar with submenus.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/new-york/blocks/sidebar-03/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-03/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-03/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-03/page.tsx", - meta: undefined, - }, - "sidebar-04": { - name: "sidebar-04", - description: "A floating sidebar with submenus.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator"], - files: [{ - path: "registry/new-york/blocks/sidebar-04/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-04/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-04/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-04/page.tsx", - meta: undefined, - }, - "sidebar-05": { - name: "sidebar-05", - description: "A sidebar with collapsible submenus.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"], - files: [{ - path: "registry/new-york/blocks/sidebar-05/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-05/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-05/components/search-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-05/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-05/page.tsx", - meta: undefined, - }, - "sidebar-06": { - name: "sidebar-06", - description: "A sidebar with submenus as dropdowns.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"], - files: [{ - path: "registry/new-york/blocks/sidebar-06/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-06/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-06/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-06/components/sidebar-opt-in-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-06/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-06/page.tsx", - meta: undefined, - }, - "sidebar-07": { - name: "sidebar-07", - description: "A sidebar that collapses to icons.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/new-york/blocks/sidebar-07/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-07/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-07/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-07/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-07/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-07/components/team-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-07/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-07/page.tsx", - meta: undefined, - }, - "sidebar-08": { - name: "sidebar-08", - description: "An inset sidebar with secondary navigation.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/new-york/blocks/sidebar-08/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-08/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-08/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-08/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-08/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-08/components/nav-user.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-08/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-08/page.tsx", - meta: undefined, - }, - "sidebar-09": { - name: "sidebar-09", - description: "Collapsible nested sidebars.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch","label"], - files: [{ - path: "registry/new-york/blocks/sidebar-09/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-09/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-09/components/nav-user.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-09/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-09/page.tsx", - meta: undefined, - }, - "sidebar-10": { - name: "sidebar-10", - description: "A sidebar in a popover.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"], - files: [{ - path: "registry/new-york/blocks/sidebar-10/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-10/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-10/components/nav-actions.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-10/components/nav-favorites.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-10/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-10/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-10/components/nav-workspaces.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-10/components/team-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-10/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-10/page.tsx", - meta: undefined, - }, - "sidebar-11": { - name: "sidebar-11", - description: "A sidebar with a collapsible file tree.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible"], - files: [{ - path: "registry/new-york/blocks/sidebar-11/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-11/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-11/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-11/page.tsx", - meta: undefined, - }, - "sidebar-12": { - name: "sidebar-12", - description: "A sidebar with a calendar.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"], - files: [{ - path: "registry/new-york/blocks/sidebar-12/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-12/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-12/components/calendars.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-12/components/date-picker.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-12/components/nav-user.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-12/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-12/page.tsx", - meta: undefined, - }, - "sidebar-13": { - name: "sidebar-13", - description: "A sidebar in a dialog.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","button","dialog"], - files: [{ - path: "registry/new-york/blocks/sidebar-13/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-13/components/settings-dialog.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-13/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-13/page.tsx", - meta: undefined, - }, - "sidebar-14": { - name: "sidebar-14", - description: "A sidebar on the right.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/new-york/blocks/sidebar-14/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-14/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-14/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-14/page.tsx", - meta: undefined, - }, - "sidebar-15": { - name: "sidebar-15", - description: "A left and right sidebar.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"], - files: [{ - path: "registry/new-york/blocks/sidebar-15/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-15/components/calendars.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/date-picker.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/nav-favorites.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/nav-workspaces.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/sidebar-left.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/sidebar-right.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-15/components/team-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-15/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-15/page.tsx", - meta: undefined, - }, - "sidebar-16": { - name: "sidebar-16", - description: "A sidebar with a sticky site header.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","button","label"], - files: [{ - path: "registry/new-york/blocks/sidebar-16/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/new-york/blocks/sidebar-16/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-16/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-16/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-16/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-16/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-16/components/search-form.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/blocks/sidebar-16/components/site-header.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/new-york/blocks/sidebar-16/page.tsx")), - source: "__registry__/new-york/blocks/sidebar-16/page.tsx", - meta: undefined, - }, - "login-01": { - name: "login-01", - description: "A simple login form.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/new-york/blocks/login-01/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/new-york/blocks/login-01/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/new-york/blocks/login-01/page.tsx")), - source: "__registry__/new-york/blocks/login-01/page.tsx", - meta: undefined, - }, - "login-02": { - name: "login-02", - description: "A two column login page with a cover image.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/new-york/blocks/login-02/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/new-york/blocks/login-02/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/new-york/blocks/login-02/page.tsx")), - source: "__registry__/new-york/blocks/login-02/page.tsx", - meta: undefined, - }, - "login-03": { - name: "login-03", - description: "A login page with a muted background color.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/new-york/blocks/login-03/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/new-york/blocks/login-03/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/new-york/blocks/login-03/page.tsx")), - source: "__registry__/new-york/blocks/login-03/page.tsx", - meta: undefined, - }, - "login-04": { - name: "login-04", - description: "A login page with form and image.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/new-york/blocks/login-04/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/new-york/blocks/login-04/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/new-york/blocks/login-04/page.tsx")), - source: "__registry__/new-york/blocks/login-04/page.tsx", - meta: undefined, - }, - "login-05": { - name: "login-05", - description: "A simple email-only login page.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/new-york/blocks/login-05/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/new-york/blocks/login-05/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/new-york/blocks/login-05/page.tsx")), - source: "__registry__/new-york/blocks/login-05/page.tsx", - meta: undefined, - }, - "calendar-01": { - name: "calendar-01", - description: "A simple calendar.", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-01.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-01.tsx")), - source: "__registry__/new-york/blocks/calendar-01.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-02": { - name: "calendar-02", - description: "Multiple months with single selection.", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-02.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-02.tsx")), - source: "__registry__/new-york/blocks/calendar-02.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-03": { - name: "calendar-03", - description: "Multiple months with multiple selection.", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-03.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-03.tsx")), - source: "__registry__/new-york/blocks/calendar-03.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-04": { - name: "calendar-04", - description: "Single month with range selection", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-04.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-04.tsx")), - source: "__registry__/new-york/blocks/calendar-04.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0 xl:pt-28","mobile":"component"}, - }, - "calendar-05": { - name: "calendar-05", - description: "Multiple months with range selection", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-05.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-05.tsx")), - source: "__registry__/new-york/blocks/calendar-05.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-06": { - name: "calendar-06", - description: "Range selection with minimum days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-06.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-06.tsx")), - source: "__registry__/new-york/blocks/calendar-06.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-07": { - name: "calendar-07", - description: "Range selection with minimum and maximum days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-07.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-07.tsx")), - source: "__registry__/new-york/blocks/calendar-07.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-08": { - name: "calendar-08", - description: "Calendar with disabled days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-08.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-08.tsx")), - source: "__registry__/new-york/blocks/calendar-08.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-09": { - name: "calendar-09", - description: "Calendar with disabled weekends", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-09.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-09.tsx")), - source: "__registry__/new-york/blocks/calendar-09.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-10": { - name: "calendar-10", - description: "Today button", - type: "registry:block", - registryDependencies: ["calendar","card","button"], - files: [{ - path: "registry/new-york/blocks/calendar-10.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-10.tsx")), - source: "__registry__/new-york/blocks/calendar-10.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-11": { - name: "calendar-11", - description: "Start and end of month", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-11.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-11.tsx")), - source: "__registry__/new-york/blocks/calendar-11.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-12": { - name: "calendar-12", - description: "Localized calendar", - type: "registry:block", - registryDependencies: ["calendar","card","select"], - files: [{ - path: "registry/new-york/blocks/calendar-12.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-12.tsx")), - source: "__registry__/new-york/blocks/calendar-12.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-13": { - name: "calendar-13", - description: "With Month and Year Dropdown", - type: "registry:block", - registryDependencies: ["calendar","label","select"], - files: [{ - path: "registry/new-york/blocks/calendar-13.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-13.tsx")), - source: "__registry__/new-york/blocks/calendar-13.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-14": { - name: "calendar-14", - description: "With Booked/Unavailable Days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-14.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-14.tsx")), - source: "__registry__/new-york/blocks/calendar-14.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-15": { - name: "calendar-15", - description: "With Week Numbers", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-15.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-15.tsx")), - source: "__registry__/new-york/blocks/calendar-15.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-16": { - name: "calendar-16", - description: "With time picker", - type: "registry:block", - registryDependencies: ["calendar","card","input","label"], - files: [{ - path: "registry/new-york/blocks/calendar-16.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-16.tsx")), - source: "__registry__/new-york/blocks/calendar-16.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-17": { - name: "calendar-17", - description: "With time picker inline", - type: "registry:block", - registryDependencies: ["calendar","card","input","label"], - files: [{ - path: "registry/new-york/blocks/calendar-17.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-17.tsx")), - source: "__registry__/new-york/blocks/calendar-17.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-18": { - name: "calendar-18", - description: "Variable size", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-18.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-18.tsx")), - source: "__registry__/new-york/blocks/calendar-18.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-19": { - name: "calendar-19", - description: "With presets", - type: "registry:block", - registryDependencies: ["calendar","card","input","label"], - files: [{ - path: "registry/new-york/blocks/calendar-19.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-19.tsx")), - source: "__registry__/new-york/blocks/calendar-19.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-20": { - name: "calendar-20", - description: "With time presets", - type: "registry:block", - registryDependencies: ["calendar","card","button"], - files: [{ - path: "registry/new-york/blocks/calendar-20.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-20.tsx")), - source: "__registry__/new-york/blocks/calendar-20.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-21": { - name: "calendar-21", - description: "Custom days and formatters", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/blocks/calendar-21.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-21.tsx")), - source: "__registry__/new-york/blocks/calendar-21.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-22": { - name: "calendar-22", - description: "Date picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/new-york/blocks/calendar-22.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-22.tsx")), - source: "__registry__/new-york/blocks/calendar-22.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-23": { - name: "calendar-23", - description: "Date range picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/new-york/blocks/calendar-23.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-23.tsx")), - source: "__registry__/new-york/blocks/calendar-23.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-24": { - name: "calendar-24", - description: "Date and Time picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/new-york/blocks/calendar-24.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-24.tsx")), - source: "__registry__/new-york/blocks/calendar-24.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-25": { - name: "calendar-25", - description: "Date and Time range picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/new-york/blocks/calendar-25.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-25.tsx")), - source: "__registry__/new-york/blocks/calendar-25.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-26": { - name: "calendar-26", - description: "Date range picker with time", - type: "registry:block", - registryDependencies: ["calendar","popover","button","input","label"], - files: [{ - path: "registry/new-york/blocks/calendar-26.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-26.tsx")), - source: "__registry__/new-york/blocks/calendar-26.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-27": { - name: "calendar-27", - description: "Chart filter", - type: "registry:block", - registryDependencies: ["calendar","chart","card","popover","button"], - files: [{ - path: "registry/new-york/blocks/calendar-27.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-27.tsx")), - source: "__registry__/new-york/blocks/calendar-27.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-28": { - name: "calendar-28", - description: "Input with date picker", - type: "registry:block", - registryDependencies: ["calendar","input","label","popover","button"], - files: [{ - path: "registry/new-york/blocks/calendar-28.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-28.tsx")), - source: "__registry__/new-york/blocks/calendar-28.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-29": { - name: "calendar-29", - description: "Natural language date picker", - type: "registry:block", - registryDependencies: ["calendar","input","label","popover","button"], - files: [{ - path: "registry/new-york/blocks/calendar-29.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-29.tsx")), - source: "__registry__/new-york/blocks/calendar-29.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-30": { - name: "calendar-30", - description: "With little-date", - type: "registry:block", - registryDependencies: ["calendar","input","label","popover","button"], - files: [{ - path: "registry/new-york/blocks/calendar-30.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-30.tsx")), - source: "__registry__/new-york/blocks/calendar-30.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-31": { - name: "calendar-31", - description: "With event slots", - type: "registry:block", - registryDependencies: ["calendar","card","button"], - files: [{ - path: "registry/new-york/blocks/calendar-31.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-31.tsx")), - source: "__registry__/new-york/blocks/calendar-31.tsx", - meta: {"iframeHeight":"700px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-32": { - name: "calendar-32", - description: "Date picker in a drawer", - type: "registry:block", - registryDependencies: ["calendar","button","drawer"], - files: [{ - path: "registry/new-york/blocks/calendar-32.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/new-york/blocks/calendar-32.tsx")), - source: "__registry__/new-york/blocks/calendar-32.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "chart-area-axes": { - name: "chart-area-axes", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-axes.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-axes.tsx")), - source: "__registry__/new-york/charts/chart-area-axes.tsx", - meta: undefined, - }, - "chart-area-default": { - name: "chart-area-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-default.tsx")), - source: "__registry__/new-york/charts/chart-area-default.tsx", - meta: undefined, - }, - "chart-area-gradient": { - name: "chart-area-gradient", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-gradient.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-gradient.tsx")), - source: "__registry__/new-york/charts/chart-area-gradient.tsx", - meta: undefined, - }, - "chart-area-icons": { - name: "chart-area-icons", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-icons.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-icons.tsx")), - source: "__registry__/new-york/charts/chart-area-icons.tsx", - meta: undefined, - }, - "chart-area-interactive": { - name: "chart-area-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart","select"], - files: [{ - path: "registry/new-york/charts/chart-area-interactive.tsx", - type: "registry:component", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-interactive.tsx")), - source: "__registry__/new-york/charts/chart-area-interactive.tsx", - meta: undefined, - }, - "chart-area-legend": { - name: "chart-area-legend", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-legend.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-legend.tsx")), - source: "__registry__/new-york/charts/chart-area-legend.tsx", - meta: undefined, - }, - "chart-area-linear": { - name: "chart-area-linear", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-linear.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-linear.tsx")), - source: "__registry__/new-york/charts/chart-area-linear.tsx", - meta: undefined, - }, - "chart-area-stacked-expand": { - name: "chart-area-stacked-expand", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-stacked-expand.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-stacked-expand.tsx")), - source: "__registry__/new-york/charts/chart-area-stacked-expand.tsx", - meta: undefined, - }, - "chart-area-stacked": { - name: "chart-area-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-stacked.tsx")), - source: "__registry__/new-york/charts/chart-area-stacked.tsx", - meta: undefined, - }, - "chart-area-step": { - name: "chart-area-step", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-area-step.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-area-step.tsx")), - source: "__registry__/new-york/charts/chart-area-step.tsx", - meta: undefined, - }, - "chart-bar-active": { - name: "chart-bar-active", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-active.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-active.tsx")), - source: "__registry__/new-york/charts/chart-bar-active.tsx", - meta: undefined, - }, - "chart-bar-default": { - name: "chart-bar-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-default.tsx")), - source: "__registry__/new-york/charts/chart-bar-default.tsx", - meta: undefined, - }, - "chart-bar-horizontal": { - name: "chart-bar-horizontal", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-horizontal.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-horizontal.tsx")), - source: "__registry__/new-york/charts/chart-bar-horizontal.tsx", - meta: undefined, - }, - "chart-bar-interactive": { - name: "chart-bar-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-interactive.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-interactive.tsx")), - source: "__registry__/new-york/charts/chart-bar-interactive.tsx", - meta: undefined, - }, - "chart-bar-label-custom": { - name: "chart-bar-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-label-custom.tsx")), - source: "__registry__/new-york/charts/chart-bar-label-custom.tsx", - meta: undefined, - }, - "chart-bar-label": { - name: "chart-bar-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-label.tsx")), - source: "__registry__/new-york/charts/chart-bar-label.tsx", - meta: undefined, - }, - "chart-bar-mixed": { - name: "chart-bar-mixed", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-mixed.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-mixed.tsx")), - source: "__registry__/new-york/charts/chart-bar-mixed.tsx", - meta: undefined, - }, - "chart-bar-multiple": { - name: "chart-bar-multiple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-multiple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-multiple.tsx")), - source: "__registry__/new-york/charts/chart-bar-multiple.tsx", - meta: undefined, - }, - "chart-bar-negative": { - name: "chart-bar-negative", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-negative.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-negative.tsx")), - source: "__registry__/new-york/charts/chart-bar-negative.tsx", - meta: undefined, - }, - "chart-bar-stacked": { - name: "chart-bar-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-bar-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-bar-stacked.tsx")), - source: "__registry__/new-york/charts/chart-bar-stacked.tsx", - meta: undefined, - }, - "chart-line-default": { - name: "chart-line-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-default.tsx")), - source: "__registry__/new-york/charts/chart-line-default.tsx", - meta: undefined, - }, - "chart-line-dots-colors": { - name: "chart-line-dots-colors", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-dots-colors.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-dots-colors.tsx")), - source: "__registry__/new-york/charts/chart-line-dots-colors.tsx", - meta: undefined, - }, - "chart-line-dots-custom": { - name: "chart-line-dots-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-dots-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-dots-custom.tsx")), - source: "__registry__/new-york/charts/chart-line-dots-custom.tsx", - meta: undefined, - }, - "chart-line-dots": { - name: "chart-line-dots", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-dots.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-dots.tsx")), - source: "__registry__/new-york/charts/chart-line-dots.tsx", - meta: undefined, - }, - "chart-line-interactive": { - name: "chart-line-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-interactive.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-interactive.tsx")), - source: "__registry__/new-york/charts/chart-line-interactive.tsx", - meta: undefined, - }, - "chart-line-label-custom": { - name: "chart-line-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-label-custom.tsx")), - source: "__registry__/new-york/charts/chart-line-label-custom.tsx", - meta: undefined, - }, - "chart-line-label": { - name: "chart-line-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-label.tsx")), - source: "__registry__/new-york/charts/chart-line-label.tsx", - meta: undefined, - }, - "chart-line-linear": { - name: "chart-line-linear", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-linear.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-linear.tsx")), - source: "__registry__/new-york/charts/chart-line-linear.tsx", - meta: undefined, - }, - "chart-line-multiple": { - name: "chart-line-multiple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-multiple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-multiple.tsx")), - source: "__registry__/new-york/charts/chart-line-multiple.tsx", - meta: undefined, - }, - "chart-line-step": { - name: "chart-line-step", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-line-step.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-line-step.tsx")), - source: "__registry__/new-york/charts/chart-line-step.tsx", - meta: undefined, - }, - "chart-pie-donut-active": { - name: "chart-pie-donut-active", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-donut-active.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-donut-active.tsx")), - source: "__registry__/new-york/charts/chart-pie-donut-active.tsx", - meta: undefined, - }, - "chart-pie-donut-text": { - name: "chart-pie-donut-text", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-donut-text.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-donut-text.tsx")), - source: "__registry__/new-york/charts/chart-pie-donut-text.tsx", - meta: undefined, - }, - "chart-pie-donut": { - name: "chart-pie-donut", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-donut.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-donut.tsx")), - source: "__registry__/new-york/charts/chart-pie-donut.tsx", - meta: undefined, - }, - "chart-pie-interactive": { - name: "chart-pie-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-interactive.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-interactive.tsx")), - source: "__registry__/new-york/charts/chart-pie-interactive.tsx", - meta: undefined, - }, - "chart-pie-label-custom": { - name: "chart-pie-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-label-custom.tsx")), - source: "__registry__/new-york/charts/chart-pie-label-custom.tsx", - meta: undefined, - }, - "chart-pie-label-list": { - name: "chart-pie-label-list", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-label-list.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-label-list.tsx")), - source: "__registry__/new-york/charts/chart-pie-label-list.tsx", - meta: undefined, - }, - "chart-pie-label": { - name: "chart-pie-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-label.tsx")), - source: "__registry__/new-york/charts/chart-pie-label.tsx", - meta: undefined, - }, - "chart-pie-legend": { - name: "chart-pie-legend", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-legend.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-legend.tsx")), - source: "__registry__/new-york/charts/chart-pie-legend.tsx", - meta: undefined, - }, - "chart-pie-separator-none": { - name: "chart-pie-separator-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-separator-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-separator-none.tsx")), - source: "__registry__/new-york/charts/chart-pie-separator-none.tsx", - meta: undefined, - }, - "chart-pie-simple": { - name: "chart-pie-simple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-simple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-simple.tsx")), - source: "__registry__/new-york/charts/chart-pie-simple.tsx", - meta: undefined, - }, - "chart-pie-stacked": { - name: "chart-pie-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-pie-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-pie-stacked.tsx")), - source: "__registry__/new-york/charts/chart-pie-stacked.tsx", - meta: undefined, - }, - "chart-radar-default": { - name: "chart-radar-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-default.tsx")), - source: "__registry__/new-york/charts/chart-radar-default.tsx", - meta: undefined, - }, - "chart-radar-dots": { - name: "chart-radar-dots", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-dots.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-dots.tsx")), - source: "__registry__/new-york/charts/chart-radar-dots.tsx", - meta: undefined, - }, - "chart-radar-grid-circle-fill": { - name: "chart-radar-grid-circle-fill", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-grid-circle-fill.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-grid-circle-fill.tsx")), - source: "__registry__/new-york/charts/chart-radar-grid-circle-fill.tsx", - meta: undefined, - }, - "chart-radar-grid-circle-no-lines": { - name: "chart-radar-grid-circle-no-lines", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-grid-circle-no-lines.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-grid-circle-no-lines.tsx")), - source: "__registry__/new-york/charts/chart-radar-grid-circle-no-lines.tsx", - meta: undefined, - }, - "chart-radar-grid-circle": { - name: "chart-radar-grid-circle", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-grid-circle.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-grid-circle.tsx")), - source: "__registry__/new-york/charts/chart-radar-grid-circle.tsx", - meta: undefined, - }, - "chart-radar-grid-custom": { - name: "chart-radar-grid-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-grid-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-grid-custom.tsx")), - source: "__registry__/new-york/charts/chart-radar-grid-custom.tsx", - meta: undefined, - }, - "chart-radar-grid-fill": { - name: "chart-radar-grid-fill", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-grid-fill.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-grid-fill.tsx")), - source: "__registry__/new-york/charts/chart-radar-grid-fill.tsx", - meta: undefined, - }, - "chart-radar-grid-none": { - name: "chart-radar-grid-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-grid-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-grid-none.tsx")), - source: "__registry__/new-york/charts/chart-radar-grid-none.tsx", - meta: undefined, - }, - "chart-radar-icons": { - name: "chart-radar-icons", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-icons.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-icons.tsx")), - source: "__registry__/new-york/charts/chart-radar-icons.tsx", - meta: undefined, - }, - "chart-radar-label-custom": { - name: "chart-radar-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-label-custom.tsx")), - source: "__registry__/new-york/charts/chart-radar-label-custom.tsx", - meta: undefined, - }, - "chart-radar-legend": { - name: "chart-radar-legend", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-legend.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-legend.tsx")), - source: "__registry__/new-york/charts/chart-radar-legend.tsx", - meta: undefined, - }, - "chart-radar-lines-only": { - name: "chart-radar-lines-only", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-lines-only.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-lines-only.tsx")), - source: "__registry__/new-york/charts/chart-radar-lines-only.tsx", - meta: undefined, - }, - "chart-radar-multiple": { - name: "chart-radar-multiple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-multiple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-multiple.tsx")), - source: "__registry__/new-york/charts/chart-radar-multiple.tsx", - meta: undefined, - }, - "chart-radar-radius": { - name: "chart-radar-radius", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radar-radius.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radar-radius.tsx")), - source: "__registry__/new-york/charts/chart-radar-radius.tsx", - meta: undefined, - }, - "chart-radial-grid": { - name: "chart-radial-grid", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radial-grid.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radial-grid.tsx")), - source: "__registry__/new-york/charts/chart-radial-grid.tsx", - meta: undefined, - }, - "chart-radial-label": { - name: "chart-radial-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radial-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radial-label.tsx")), - source: "__registry__/new-york/charts/chart-radial-label.tsx", - meta: undefined, - }, - "chart-radial-shape": { - name: "chart-radial-shape", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radial-shape.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radial-shape.tsx")), - source: "__registry__/new-york/charts/chart-radial-shape.tsx", - meta: undefined, - }, - "chart-radial-simple": { - name: "chart-radial-simple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radial-simple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radial-simple.tsx")), - source: "__registry__/new-york/charts/chart-radial-simple.tsx", - meta: undefined, - }, - "chart-radial-stacked": { - name: "chart-radial-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radial-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radial-stacked.tsx")), - source: "__registry__/new-york/charts/chart-radial-stacked.tsx", - meta: undefined, - }, - "chart-radial-text": { - name: "chart-radial-text", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-radial-text.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-radial-text.tsx")), - source: "__registry__/new-york/charts/chart-radial-text.tsx", - meta: undefined, - }, - "chart-tooltip-default": { - name: "chart-tooltip-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-default.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-default.tsx", - meta: undefined, - }, - "chart-tooltip-indicator-line": { - name: "chart-tooltip-indicator-line", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-indicator-line.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-indicator-line.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-indicator-line.tsx", - meta: undefined, - }, - "chart-tooltip-indicator-none": { - name: "chart-tooltip-indicator-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-indicator-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-indicator-none.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-indicator-none.tsx", - meta: undefined, - }, - "chart-tooltip-label-none": { - name: "chart-tooltip-label-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-label-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-label-none.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-label-none.tsx", - meta: undefined, - }, - "chart-tooltip-label-custom": { - name: "chart-tooltip-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-label-custom.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-label-custom.tsx", - meta: undefined, - }, - "chart-tooltip-label-formatter": { - name: "chart-tooltip-label-formatter", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-label-formatter.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-label-formatter.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-label-formatter.tsx", - meta: undefined, - }, - "chart-tooltip-formatter": { - name: "chart-tooltip-formatter", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-formatter.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-formatter.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-formatter.tsx", - meta: undefined, - }, - "chart-tooltip-icons": { - name: "chart-tooltip-icons", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-icons.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-icons.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-icons.tsx", - meta: undefined, - }, - "chart-tooltip-advanced": { - name: "chart-tooltip-advanced", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/new-york/charts/chart-tooltip-advanced.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/new-york/charts/chart-tooltip-advanced.tsx")), - source: "__registry__/new-york/charts/chart-tooltip-advanced.tsx", - meta: undefined, - }, - "utils": { - name: "utils", - description: "", - type: "registry:lib", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/lib/utils.ts", - type: "registry:lib", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/lib/utils.ts")), - source: "", - meta: undefined, - }, - "use-mobile": { - name: "use-mobile", - description: "", - type: "registry:hook", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/hooks/use-mobile.tsx", - type: "registry:hook", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/hooks/use-mobile.tsx")), - source: "", - meta: undefined, - }, - "use-toast": { - name: "use-toast", - description: "", - type: "registry:hook", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/hooks/use-toast.ts", - type: "registry:hook", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/hooks/use-toast.ts")), - source: "", - meta: undefined, - }, - "sink": { - name: "sink", - description: "", - type: "registry:internal", - registryDependencies: ["accordion","alert","alert-dialog","aspect-ratio","avatar","badge","breadcrumb","button","calendar","card","carousel","chart","checkbox","collapsible","command","context-menu","dialog","drawer","dropdown-menu","hover-card","input","input-otp","label","menubar","navigation-menu","pagination","popover","progress","radio-group","resizable","scroll-area","select","separator","sheet","sidebar","skeleton","slider","sonner","switch","table","tabs","textarea","toast","toggle","toggle-group","tooltip"], - files: [{ - path: "registry/new-york/internal/sink/page.tsx", - type: "registry:page", - target: "app/sink/page.tsx" - },{ - path: "registry/new-york/internal/sink/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/component-wrapper.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/team-switcher.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/accordion-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/alert-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/alert-dialog-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/aspect-ratio-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/avatar-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/badge-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/breadcrumb-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/calendar-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/card-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/carousel-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/checkbox-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/collapsible-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/combobox-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/command-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/context-menu-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/date-picker-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/dialog-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/drawer-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/dropdown-menu-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/hover-card-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/input-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/input-otp-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/label-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/menubar-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/navigation-menu-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/pagination-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/popover-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/progress-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/radio-group-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/resizable-handle.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/scroll-area-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/select-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/separator-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/sheet-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/skeleton-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/slider-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/sonner-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/switch-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/table-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/tabs-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/textarea-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/toast-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/toggle-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/toggle-group-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/tooltip-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/badge-destructive.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/badge-outline.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/badge-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-destructive.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-ghost.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-link.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-loading.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-outline.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/button-with-icon.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/toggle-disabled.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/toggle-outline.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/new-york/internal/sink/components/toggle-with-text.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sink/page.tsx")), - source: "", - meta: undefined, - }, - "sidebar-demo": { - name: "sidebar-demo", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-demo.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-demo.tsx")), - source: "", - meta: undefined, - }, - "sidebar-header": { - name: "sidebar-header", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-header.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-header.tsx")), - source: "", - meta: undefined, - }, - "sidebar-footer": { - name: "sidebar-footer", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-footer.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-footer.tsx")), - source: "", - meta: undefined, - }, - "sidebar-group": { - name: "sidebar-group", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-group.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-group.tsx")), - source: "", - meta: undefined, - }, - "sidebar-group-collapsible": { - name: "sidebar-group-collapsible", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-group-collapsible.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-group-collapsible.tsx")), - source: "", - meta: undefined, - }, - "sidebar-group-action": { - name: "sidebar-group-action", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-group-action.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-group-action.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu": { - name: "sidebar-menu", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-menu.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-menu.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-action": { - name: "sidebar-menu-action", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-menu-action.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-menu-action.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-sub": { - name: "sidebar-menu-sub", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-menu-sub.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-menu-sub.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-collapsible": { - name: "sidebar-menu-collapsible", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-menu-collapsible.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-menu-collapsible.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-badge": { - name: "sidebar-menu-badge", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-menu-badge.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-menu-badge.tsx")), - source: "", - meta: undefined, - }, - "sidebar-rsc": { - name: "sidebar-rsc", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-rsc.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-rsc.tsx")), - source: "", - meta: undefined, - }, - "sidebar-controlled": { - name: "sidebar-controlled", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/internal/sidebar-controlled.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-controlled.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-01": { - name: "v0-sidebar-01", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/new-york/internal/sidebar-01.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-01.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-02": { - name: "v0-sidebar-02", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/new-york/internal/sidebar-02.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-02.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-03": { - name: "v0-sidebar-03", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/new-york/internal/sidebar-03.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-03.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-04": { - name: "v0-sidebar-04", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator"], - files: [{ - path: "registry/new-york/internal/sidebar-04.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-04.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-05": { - name: "v0-sidebar-05", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"], - files: [{ - path: "registry/new-york/internal/sidebar-05.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-05.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-06": { - name: "v0-sidebar-06", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"], - files: [{ - path: "registry/new-york/internal/sidebar-06.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-06.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-07": { - name: "v0-sidebar-07", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/new-york/internal/sidebar-07.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-07.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-08": { - name: "v0-sidebar-08", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/new-york/internal/sidebar-08.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-08.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-09": { - name: "v0-sidebar-09", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch"], - files: [{ - path: "registry/new-york/internal/sidebar-09.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-09.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-10": { - name: "v0-sidebar-10", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"], - files: [{ - path: "registry/new-york/internal/sidebar-10.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-10.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-11": { - name: "v0-sidebar-11", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible"], - files: [{ - path: "registry/new-york/internal/sidebar-11.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-11.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-12": { - name: "v0-sidebar-12", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"], - files: [{ - path: "registry/new-york/internal/sidebar-12.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-12.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-13": { - name: "v0-sidebar-13", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","button","dialog"], - files: [{ - path: "registry/new-york/internal/sidebar-13.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-13.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-14": { - name: "v0-sidebar-14", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/new-york/internal/sidebar-14.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-14.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-15": { - name: "v0-sidebar-15", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"], - files: [{ - path: "registry/new-york/internal/sidebar-15.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/sidebar-15.tsx")), - source: "", - meta: undefined, - }, - "v0-login-01": { - name: "v0-login-01", - description: "", - type: "registry:internal", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/new-york/internal/login-01.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/internal/login-01.tsx")), - source: "", - meta: undefined, - }, - "accordion-demo": { - name: "accordion-demo", - description: "", - type: "registry:example", - registryDependencies: ["accordion"], - files: [{ - path: "registry/new-york/examples/accordion-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/accordion-demo.tsx")), - source: "", - meta: undefined, - }, - "alert-demo": { - name: "alert-demo", - description: "", - type: "registry:example", - registryDependencies: ["alert"], - files: [{ - path: "registry/new-york/examples/alert-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/alert-demo.tsx")), - source: "", - meta: undefined, - }, - "alert-destructive": { - name: "alert-destructive", - description: "", - type: "registry:example", - registryDependencies: ["alert"], - files: [{ - path: "registry/new-york/examples/alert-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/alert-destructive.tsx")), - source: "", - meta: undefined, - }, - "alert-dialog-demo": { - name: "alert-dialog-demo", - description: "", - type: "registry:example", - registryDependencies: ["alert-dialog","button"], - files: [{ - path: "registry/new-york/examples/alert-dialog-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/alert-dialog-demo.tsx")), - source: "", - meta: undefined, - }, - "aspect-ratio-demo": { - name: "aspect-ratio-demo", - description: "", - type: "registry:example", - registryDependencies: ["aspect-ratio"], - files: [{ - path: "registry/new-york/examples/aspect-ratio-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/aspect-ratio-demo.tsx")), - source: "", - meta: undefined, - }, - "avatar-demo": { - name: "avatar-demo", - description: "", - type: "registry:example", - registryDependencies: ["avatar"], - files: [{ - path: "registry/new-york/examples/avatar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/avatar-demo.tsx")), - source: "", - meta: undefined, - }, - "badge-demo": { - name: "badge-demo", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/new-york/examples/badge-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/badge-demo.tsx")), - source: "", - meta: undefined, - }, - "badge-destructive": { - name: "badge-destructive", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/new-york/examples/badge-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/badge-destructive.tsx")), - source: "", - meta: undefined, - }, - "badge-outline": { - name: "badge-outline", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/new-york/examples/badge-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/badge-outline.tsx")), - source: "", - meta: undefined, - }, - "badge-secondary": { - name: "badge-secondary", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/new-york/examples/badge-secondary.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/badge-secondary.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-demo": { - name: "breadcrumb-demo", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/new-york/examples/breadcrumb-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/breadcrumb-demo.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-separator": { - name: "breadcrumb-separator", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/new-york/examples/breadcrumb-separator.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/breadcrumb-separator.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-dropdown": { - name: "breadcrumb-dropdown", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/new-york/examples/breadcrumb-dropdown.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/breadcrumb-dropdown.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-ellipsis": { - name: "breadcrumb-ellipsis", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/new-york/examples/breadcrumb-ellipsis.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/breadcrumb-ellipsis.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-link": { - name: "breadcrumb-link", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/new-york/examples/breadcrumb-link.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/breadcrumb-link.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-responsive": { - name: "breadcrumb-responsive", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/new-york/examples/breadcrumb-responsive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/breadcrumb-responsive.tsx")), - source: "", - meta: undefined, - }, - "button-demo": { - name: "button-demo", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-demo.tsx")), - source: "", - meta: undefined, - }, - "button-secondary": { - name: "button-secondary", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-secondary.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-secondary.tsx")), - source: "", - meta: undefined, - }, - "button-destructive": { - name: "button-destructive", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-destructive.tsx")), - source: "", - meta: undefined, - }, - "button-outline": { - name: "button-outline", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-outline.tsx")), - source: "", - meta: undefined, - }, - "button-ghost": { - name: "button-ghost", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-ghost.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-ghost.tsx")), - source: "", - meta: undefined, - }, - "button-link": { - name: "button-link", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-link.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-link.tsx")), - source: "", - meta: undefined, - }, - "button-with-icon": { - name: "button-with-icon", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-with-icon.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-with-icon.tsx")), - source: "", - meta: undefined, - }, - "button-loading": { - name: "button-loading", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-loading.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-loading.tsx")), - source: "", - meta: undefined, - }, - "button-icon": { - name: "button-icon", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-icon.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-icon.tsx")), - source: "", - meta: undefined, - }, - "button-as-child": { - name: "button-as-child", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/new-york/examples/button-as-child.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/button-as-child.tsx")), - source: "", - meta: undefined, - }, - "calendar-demo": { - name: "calendar-demo", - description: "", - type: "registry:example", - registryDependencies: ["calendar"], - files: [{ - path: "registry/new-york/examples/calendar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/calendar-demo.tsx")), - source: "", - meta: undefined, - }, - "calendar-form": { - name: "calendar-form", - description: "", - type: "registry:example", - registryDependencies: ["calendar","form","popover"], - files: [{ - path: "registry/new-york/examples/calendar-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/calendar-form.tsx")), - source: "", - meta: undefined, - }, - "card-demo": { - name: "card-demo", - description: "", - type: "registry:example", - registryDependencies: ["card","button","switch"], - files: [{ - path: "registry/new-york/examples/card-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/card-demo.tsx")), - source: "", - meta: undefined, - }, - "card-with-form": { - name: "card-with-form", - description: "", - type: "registry:example", - registryDependencies: ["button","card","input","label","select"], - files: [{ - path: "registry/new-york/examples/card-with-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/card-with-form.tsx")), - source: "", - meta: undefined, - }, - "carousel-demo": { - name: "carousel-demo", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/new-york/examples/carousel-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/carousel-demo.tsx")), - source: "", - meta: undefined, - }, - "carousel-size": { - name: "carousel-size", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/new-york/examples/carousel-size.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/carousel-size.tsx")), - source: "", - meta: undefined, - }, - "carousel-spacing": { - name: "carousel-spacing", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/new-york/examples/carousel-spacing.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/carousel-spacing.tsx")), - source: "", - meta: undefined, - }, - "carousel-orientation": { - name: "carousel-orientation", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/new-york/examples/carousel-orientation.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/carousel-orientation.tsx")), - source: "", - meta: undefined, - }, - "carousel-api": { - name: "carousel-api", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/new-york/examples/carousel-api.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/carousel-api.tsx")), - source: "", - meta: undefined, - }, - "carousel-plugin": { - name: "carousel-plugin", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/new-york/examples/carousel-plugin.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/carousel-plugin.tsx")), - source: "", - meta: undefined, - }, - "checkbox-demo": { - name: "checkbox-demo", - description: "", - type: "registry:example", - registryDependencies: ["checkbox"], - files: [{ - path: "registry/new-york/examples/checkbox-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/checkbox-demo.tsx")), - source: "", - meta: undefined, - }, - "checkbox-disabled": { - name: "checkbox-disabled", - description: "", - type: "registry:example", - registryDependencies: ["checkbox"], - files: [{ - path: "registry/new-york/examples/checkbox-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/checkbox-disabled.tsx")), - source: "", - meta: undefined, - }, - "checkbox-form-multiple": { - name: "checkbox-form-multiple", - description: "", - type: "registry:example", - registryDependencies: ["checkbox","form"], - files: [{ - path: "registry/new-york/examples/checkbox-form-multiple.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/checkbox-form-multiple.tsx")), - source: "", - meta: undefined, - }, - "checkbox-form-single": { - name: "checkbox-form-single", - description: "", - type: "registry:example", - registryDependencies: ["checkbox","form"], - files: [{ - path: "registry/new-york/examples/checkbox-form-single.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/checkbox-form-single.tsx")), - source: "", - meta: undefined, - }, - "checkbox-with-text": { - name: "checkbox-with-text", - description: "", - type: "registry:example", - registryDependencies: ["checkbox"], - files: [{ - path: "registry/new-york/examples/checkbox-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/checkbox-with-text.tsx")), - source: "", - meta: undefined, - }, - "collapsible-demo": { - name: "collapsible-demo", - description: "", - type: "registry:example", - registryDependencies: ["collapsible"], - files: [{ - path: "registry/new-york/examples/collapsible-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/collapsible-demo.tsx")), - source: "", - meta: undefined, - }, - "combobox-demo": { - name: "combobox-demo", - description: "", - type: "registry:example", - registryDependencies: ["command"], - files: [{ - path: "registry/new-york/examples/combobox-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/combobox-demo.tsx")), - source: "", - meta: undefined, - }, - "combobox-dropdown-menu": { - name: "combobox-dropdown-menu", - description: "", - type: "registry:example", - registryDependencies: ["command","dropdown-menu","button"], - files: [{ - path: "registry/new-york/examples/combobox-dropdown-menu.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/combobox-dropdown-menu.tsx")), - source: "", - meta: undefined, - }, - "combobox-form": { - name: "combobox-form", - description: "", - type: "registry:example", - registryDependencies: ["command","form"], - files: [{ - path: "registry/new-york/examples/combobox-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/combobox-form.tsx")), - source: "", - meta: undefined, - }, - "combobox-popover": { - name: "combobox-popover", - description: "", - type: "registry:example", - registryDependencies: ["combobox","popover"], - files: [{ - path: "registry/new-york/examples/combobox-popover.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/combobox-popover.tsx")), - source: "", - meta: undefined, - }, - "combobox-responsive": { - name: "combobox-responsive", - description: "", - type: "registry:example", - registryDependencies: ["combobox","popover","drawer"], - files: [{ - path: "registry/new-york/examples/combobox-responsive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/combobox-responsive.tsx")), - source: "", - meta: undefined, - }, - "command-demo": { - name: "command-demo", - description: "", - type: "registry:example", - registryDependencies: ["command"], - files: [{ - path: "registry/new-york/examples/command-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/command-demo.tsx")), - source: "", - meta: undefined, - }, - "command-dialog": { - name: "command-dialog", - description: "", - type: "registry:example", - registryDependencies: ["command","dialog"], - files: [{ - path: "registry/new-york/examples/command-dialog.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/command-dialog.tsx")), - source: "", - meta: undefined, - }, - "context-menu-demo": { - name: "context-menu-demo", - description: "", - type: "registry:example", - registryDependencies: ["context-menu"], - files: [{ - path: "registry/new-york/examples/context-menu-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/context-menu-demo.tsx")), - source: "", - meta: undefined, - }, - "data-table-demo": { - name: "data-table-demo", - description: "", - type: "registry:example", - registryDependencies: ["data-table"], - files: [{ - path: "registry/new-york/examples/data-table-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/data-table-demo.tsx")), - source: "", - meta: undefined, - }, - "date-picker-demo": { - name: "date-picker-demo", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","popover"], - files: [{ - path: "registry/new-york/examples/date-picker-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/date-picker-demo.tsx")), - source: "", - meta: undefined, - }, - "date-picker-form": { - name: "date-picker-form", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","form","popover"], - files: [{ - path: "registry/new-york/examples/date-picker-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/date-picker-form.tsx")), - source: "", - meta: undefined, - }, - "date-picker-with-presets": { - name: "date-picker-with-presets", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","popover","select"], - files: [{ - path: "registry/new-york/examples/date-picker-with-presets.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/date-picker-with-presets.tsx")), - source: "", - meta: undefined, - }, - "date-picker-with-range": { - name: "date-picker-with-range", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","popover"], - files: [{ - path: "registry/new-york/examples/date-picker-with-range.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/date-picker-with-range.tsx")), - source: "", - meta: undefined, - }, - "dialog-demo": { - name: "dialog-demo", - description: "", - type: "registry:example", - registryDependencies: ["dialog"], - files: [{ - path: "registry/new-york/examples/dialog-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/dialog-demo.tsx")), - source: "", - meta: undefined, - }, - "dialog-close-button": { - name: "dialog-close-button", - description: "", - type: "registry:example", - registryDependencies: ["dialog","button"], - files: [{ - path: "registry/new-york/examples/dialog-close-button.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/dialog-close-button.tsx")), - source: "", - meta: undefined, - }, - "drawer-demo": { - name: "drawer-demo", - description: "", - type: "registry:example", - registryDependencies: ["drawer"], - files: [{ - path: "registry/new-york/examples/drawer-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/drawer-demo.tsx")), - source: "", - meta: undefined, - }, - "drawer-dialog": { - name: "drawer-dialog", - description: "", - type: "registry:example", - registryDependencies: ["drawer","dialog"], - files: [{ - path: "registry/new-york/examples/drawer-dialog.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/drawer-dialog.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu-demo": { - name: "dropdown-menu-demo", - description: "", - type: "registry:example", - registryDependencies: ["dropdown-menu"], - files: [{ - path: "registry/new-york/examples/dropdown-menu-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/dropdown-menu-demo.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu-checkboxes": { - name: "dropdown-menu-checkboxes", - description: "", - type: "registry:example", - registryDependencies: ["dropdown-menu","checkbox"], - files: [{ - path: "registry/new-york/examples/dropdown-menu-checkboxes.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/dropdown-menu-checkboxes.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu-radio-group": { - name: "dropdown-menu-radio-group", - description: "", - type: "registry:example", - registryDependencies: ["dropdown-menu","radio-group"], - files: [{ - path: "registry/new-york/examples/dropdown-menu-radio-group.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/dropdown-menu-radio-group.tsx")), - source: "", - meta: undefined, - }, - "hover-card-demo": { - name: "hover-card-demo", - description: "", - type: "registry:example", - registryDependencies: ["hover-card"], - files: [{ - path: "registry/new-york/examples/hover-card-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/hover-card-demo.tsx")), - source: "", - meta: undefined, - }, - "input-demo": { - name: "input-demo", - description: "", - type: "registry:example", - registryDependencies: ["input"], - files: [{ - path: "registry/new-york/examples/input-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-demo.tsx")), - source: "", - meta: undefined, - }, - "input-disabled": { - name: "input-disabled", - description: "", - type: "registry:example", - registryDependencies: ["input"], - files: [{ - path: "registry/new-york/examples/input-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-disabled.tsx")), - source: "", - meta: undefined, - }, - "input-file": { - name: "input-file", - description: "", - type: "registry:example", - registryDependencies: ["input"], - files: [{ - path: "registry/new-york/examples/input-file.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-file.tsx")), - source: "", - meta: undefined, - }, - "input-form": { - name: "input-form", - description: "", - type: "registry:example", - registryDependencies: ["input","button","form"], - files: [{ - path: "registry/new-york/examples/input-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-form.tsx")), - source: "", - meta: undefined, - }, - "input-with-button": { - name: "input-with-button", - description: "", - type: "registry:example", - registryDependencies: ["input","button"], - files: [{ - path: "registry/new-york/examples/input-with-button.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-with-button.tsx")), - source: "", - meta: undefined, - }, - "input-with-label": { - name: "input-with-label", - description: "", - type: "registry:example", - registryDependencies: ["input","button","label"], - files: [{ - path: "registry/new-york/examples/input-with-label.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-with-label.tsx")), - source: "", - meta: undefined, - }, - "input-with-text": { - name: "input-with-text", - description: "", - type: "registry:example", - registryDependencies: ["input","button","label"], - files: [{ - path: "registry/new-york/examples/input-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-with-text.tsx")), - source: "", - meta: undefined, - }, - "input-otp-demo": { - name: "input-otp-demo", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/new-york/examples/input-otp-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-otp-demo.tsx")), - source: "", - meta: undefined, - }, - "input-otp-pattern": { - name: "input-otp-pattern", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/new-york/examples/input-otp-pattern.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-otp-pattern.tsx")), - source: "", - meta: undefined, - }, - "input-otp-separator": { - name: "input-otp-separator", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/new-york/examples/input-otp-separator.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-otp-separator.tsx")), - source: "", - meta: undefined, - }, - "input-otp-controlled": { - name: "input-otp-controlled", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/new-york/examples/input-otp-controlled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-otp-controlled.tsx")), - source: "", - meta: undefined, - }, - "input-otp-form": { - name: "input-otp-form", - description: "", - type: "registry:example", - registryDependencies: ["input-otp","form"], - files: [{ - path: "registry/new-york/examples/input-otp-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/input-otp-form.tsx")), - source: "", - meta: undefined, - }, - "label-demo": { - name: "label-demo", - description: "", - type: "registry:example", - registryDependencies: ["label"], - files: [{ - path: "registry/new-york/examples/label-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/label-demo.tsx")), - source: "", - meta: undefined, - }, - "menubar-demo": { - name: "menubar-demo", - description: "", - type: "registry:example", - registryDependencies: ["menubar"], - files: [{ - path: "registry/new-york/examples/menubar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/menubar-demo.tsx")), - source: "", - meta: undefined, - }, - "navigation-menu-demo": { - name: "navigation-menu-demo", - description: "", - type: "registry:example", - registryDependencies: ["navigation-menu"], - files: [{ - path: "registry/new-york/examples/navigation-menu-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/navigation-menu-demo.tsx")), - source: "", - meta: undefined, - }, - "pagination-demo": { - name: "pagination-demo", - description: "", - type: "registry:example", - registryDependencies: ["pagination"], - files: [{ - path: "registry/new-york/examples/pagination-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/pagination-demo.tsx")), - source: "", - meta: undefined, - }, - "popover-demo": { - name: "popover-demo", - description: "", - type: "registry:example", - registryDependencies: ["popover"], - files: [{ - path: "registry/new-york/examples/popover-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/popover-demo.tsx")), - source: "", - meta: undefined, - }, - "progress-demo": { - name: "progress-demo", - description: "", - type: "registry:example", - registryDependencies: ["progress"], - files: [{ - path: "registry/new-york/examples/progress-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/progress-demo.tsx")), - source: "", - meta: undefined, - }, - "radio-group-demo": { - name: "radio-group-demo", - description: "", - type: "registry:example", - registryDependencies: ["radio-group"], - files: [{ - path: "registry/new-york/examples/radio-group-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/radio-group-demo.tsx")), - source: "", - meta: undefined, - }, - "radio-group-form": { - name: "radio-group-form", - description: "", - type: "registry:example", - registryDependencies: ["radio-group","form"], - files: [{ - path: "registry/new-york/examples/radio-group-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/radio-group-form.tsx")), - source: "", - meta: undefined, - }, - "resizable-demo": { - name: "resizable-demo", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/new-york/examples/resizable-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/resizable-demo.tsx")), - source: "", - meta: undefined, - }, - "resizable-demo-with-handle": { - name: "resizable-demo-with-handle", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/new-york/examples/resizable-demo-with-handle.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/resizable-demo-with-handle.tsx")), - source: "", - meta: undefined, - }, - "resizable-vertical": { - name: "resizable-vertical", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/new-york/examples/resizable-vertical.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/resizable-vertical.tsx")), - source: "", - meta: undefined, - }, - "resizable-handle": { - name: "resizable-handle", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/new-york/examples/resizable-handle.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/resizable-handle.tsx")), - source: "", - meta: undefined, - }, - "scroll-area-demo": { - name: "scroll-area-demo", - description: "", - type: "registry:example", - registryDependencies: ["scroll-area"], - files: [{ - path: "registry/new-york/examples/scroll-area-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/scroll-area-demo.tsx")), - source: "", - meta: undefined, - }, - "scroll-area-horizontal-demo": { - name: "scroll-area-horizontal-demo", - description: "", - type: "registry:example", - registryDependencies: ["scroll-area"], - files: [{ - path: "registry/new-york/examples/scroll-area-horizontal-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/scroll-area-horizontal-demo.tsx")), - source: "", - meta: undefined, - }, - "select-demo": { - name: "select-demo", - description: "", - type: "registry:example", - registryDependencies: ["select"], - files: [{ - path: "registry/new-york/examples/select-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/select-demo.tsx")), - source: "", - meta: undefined, - }, - "select-scrollable": { - name: "select-scrollable", - description: "", - type: "registry:example", - registryDependencies: ["select"], - files: [{ - path: "registry/new-york/examples/select-scrollable.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/select-scrollable.tsx")), - source: "", - meta: undefined, - }, - "select-form": { - name: "select-form", - description: "", - type: "registry:example", - registryDependencies: ["select"], - files: [{ - path: "registry/new-york/examples/select-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/select-form.tsx")), - source: "", - meta: undefined, - }, - "separator-demo": { - name: "separator-demo", - description: "", - type: "registry:example", - registryDependencies: ["separator"], - files: [{ - path: "registry/new-york/examples/separator-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/separator-demo.tsx")), - source: "", - meta: undefined, - }, - "sheet-demo": { - name: "sheet-demo", - description: "", - type: "registry:example", - registryDependencies: ["sheet"], - files: [{ - path: "registry/new-york/examples/sheet-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/sheet-demo.tsx")), - source: "", - meta: undefined, - }, - "sheet-side": { - name: "sheet-side", - description: "", - type: "registry:example", - registryDependencies: ["sheet"], - files: [{ - path: "registry/new-york/examples/sheet-side.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/sheet-side.tsx")), - source: "", - meta: undefined, - }, - "skeleton-demo": { - name: "skeleton-demo", - description: "", - type: "registry:example", - registryDependencies: ["skeleton"], - files: [{ - path: "registry/new-york/examples/skeleton-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/skeleton-demo.tsx")), - source: "", - meta: undefined, - }, - "skeleton-card": { - name: "skeleton-card", - description: "", - type: "registry:example", - registryDependencies: ["skeleton"], - files: [{ - path: "registry/new-york/examples/skeleton-card.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/skeleton-card.tsx")), - source: "", - meta: undefined, - }, - "slider-demo": { - name: "slider-demo", - description: "", - type: "registry:example", - registryDependencies: ["slider"], - files: [{ - path: "registry/new-york/examples/slider-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/slider-demo.tsx")), - source: "", - meta: undefined, - }, - "sonner-demo": { - name: "sonner-demo", - description: "", - type: "registry:example", - registryDependencies: ["sonner"], - files: [{ - path: "registry/new-york/examples/sonner-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/sonner-demo.tsx")), - source: "", - meta: undefined, - }, - "switch-demo": { - name: "switch-demo", - description: "", - type: "registry:example", - registryDependencies: ["switch"], - files: [{ - path: "registry/new-york/examples/switch-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/switch-demo.tsx")), - source: "", - meta: undefined, - }, - "switch-form": { - name: "switch-form", - description: "", - type: "registry:example", - registryDependencies: ["switch","form"], - files: [{ - path: "registry/new-york/examples/switch-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/switch-form.tsx")), - source: "", - meta: undefined, - }, - "table-demo": { - name: "table-demo", - description: "", - type: "registry:example", - registryDependencies: ["table"], - files: [{ - path: "registry/new-york/examples/table-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/table-demo.tsx")), - source: "", - meta: undefined, - }, - "tabs-demo": { - name: "tabs-demo", - description: "", - type: "registry:example", - registryDependencies: ["tabs"], - files: [{ - path: "registry/new-york/examples/tabs-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/tabs-demo.tsx")), - source: "", - meta: undefined, - }, - "textarea-demo": { - name: "textarea-demo", - description: "", - type: "registry:example", - registryDependencies: ["textarea"], - files: [{ - path: "registry/new-york/examples/textarea-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/textarea-demo.tsx")), - source: "", - meta: undefined, - }, - "textarea-disabled": { - name: "textarea-disabled", - description: "", - type: "registry:example", - registryDependencies: ["textarea"], - files: [{ - path: "registry/new-york/examples/textarea-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/textarea-disabled.tsx")), - source: "", - meta: undefined, - }, - "textarea-form": { - name: "textarea-form", - description: "", - type: "registry:example", - registryDependencies: ["textarea","form"], - files: [{ - path: "registry/new-york/examples/textarea-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/textarea-form.tsx")), - source: "", - meta: undefined, - }, - "textarea-with-button": { - name: "textarea-with-button", - description: "", - type: "registry:example", - registryDependencies: ["textarea","button"], - files: [{ - path: "registry/new-york/examples/textarea-with-button.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/textarea-with-button.tsx")), - source: "", - meta: undefined, - }, - "textarea-with-label": { - name: "textarea-with-label", - description: "", - type: "registry:example", - registryDependencies: ["textarea","label"], - files: [{ - path: "registry/new-york/examples/textarea-with-label.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/textarea-with-label.tsx")), - source: "", - meta: undefined, - }, - "textarea-with-text": { - name: "textarea-with-text", - description: "", - type: "registry:example", - registryDependencies: ["textarea","label"], - files: [{ - path: "registry/new-york/examples/textarea-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/textarea-with-text.tsx")), - source: "", - meta: undefined, - }, - "toast-demo": { - name: "toast-demo", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/new-york/examples/toast-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toast-demo.tsx")), - source: "", - meta: undefined, - }, - "toast-destructive": { - name: "toast-destructive", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/new-york/examples/toast-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toast-destructive.tsx")), - source: "", - meta: undefined, - }, - "toast-simple": { - name: "toast-simple", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/new-york/examples/toast-simple.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toast-simple.tsx")), - source: "", - meta: undefined, - }, - "toast-with-action": { - name: "toast-with-action", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/new-york/examples/toast-with-action.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toast-with-action.tsx")), - source: "", - meta: undefined, - }, - "toast-with-title": { - name: "toast-with-title", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/new-york/examples/toast-with-title.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toast-with-title.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-demo": { - name: "toggle-group-demo", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/new-york/examples/toggle-group-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-group-demo.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-disabled": { - name: "toggle-group-disabled", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/new-york/examples/toggle-group-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-group-disabled.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-lg": { - name: "toggle-group-lg", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/new-york/examples/toggle-group-lg.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-group-lg.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-outline": { - name: "toggle-group-outline", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/new-york/examples/toggle-group-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-group-outline.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-sm": { - name: "toggle-group-sm", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/new-york/examples/toggle-group-sm.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-group-sm.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-single": { - name: "toggle-group-single", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/new-york/examples/toggle-group-single.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-group-single.tsx")), - source: "", - meta: undefined, - }, - "toggle-demo": { - name: "toggle-demo", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/examples/toggle-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-demo.tsx")), - source: "", - meta: undefined, - }, - "toggle-disabled": { - name: "toggle-disabled", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/examples/toggle-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-disabled.tsx")), - source: "", - meta: undefined, - }, - "toggle-lg": { - name: "toggle-lg", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/examples/toggle-lg.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-lg.tsx")), - source: "", - meta: undefined, - }, - "toggle-outline": { - name: "toggle-outline", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/examples/toggle-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-outline.tsx")), - source: "", - meta: undefined, - }, - "toggle-sm": { - name: "toggle-sm", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/examples/toggle-sm.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-sm.tsx")), - source: "", - meta: undefined, - }, - "toggle-with-text": { - name: "toggle-with-text", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/new-york/examples/toggle-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/toggle-with-text.tsx")), - source: "", - meta: undefined, - }, - "tooltip-demo": { - name: "tooltip-demo", - description: "", - type: "registry:example", - registryDependencies: ["tooltip"], - files: [{ - path: "registry/new-york/examples/tooltip-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/tooltip-demo.tsx")), - source: "", - meta: undefined, - }, - "typography-blockquote": { - name: "typography-blockquote", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-blockquote.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-blockquote.tsx")), - source: "", - meta: undefined, - }, - "typography-demo": { - name: "typography-demo", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-demo.tsx")), - source: "", - meta: undefined, - }, - "typography-h1": { - name: "typography-h1", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-h1.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-h1.tsx")), - source: "", - meta: undefined, - }, - "typography-h2": { - name: "typography-h2", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-h2.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-h2.tsx")), - source: "", - meta: undefined, - }, - "typography-h3": { - name: "typography-h3", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-h3.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-h3.tsx")), - source: "", - meta: undefined, - }, - "typography-h4": { - name: "typography-h4", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-h4.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-h4.tsx")), - source: "", - meta: undefined, - }, - "typography-inline-code": { - name: "typography-inline-code", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-inline-code.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-inline-code.tsx")), - source: "", - meta: undefined, - }, - "typography-large": { - name: "typography-large", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-large.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-large.tsx")), - source: "", - meta: undefined, - }, - "typography-lead": { - name: "typography-lead", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-lead.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-lead.tsx")), - source: "", - meta: undefined, - }, - "typography-list": { - name: "typography-list", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-list.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-list.tsx")), - source: "", - meta: undefined, - }, - "typography-muted": { - name: "typography-muted", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-muted.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-muted.tsx")), - source: "", - meta: undefined, - }, - "typography-p": { - name: "typography-p", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-p.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-p.tsx")), - source: "", - meta: undefined, - }, - "typography-small": { - name: "typography-small", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-small.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-small.tsx")), - source: "", - meta: undefined, - }, - "typography-table": { - name: "typography-table", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/typography-table.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/typography-table.tsx")), - source: "", - meta: undefined, - }, - "mode-toggle": { - name: "mode-toggle", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/mode-toggle.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/mode-toggle.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo": { - name: "chart-bar-demo", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/chart-bar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/chart-bar-demo.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-grid": { - name: "chart-bar-demo-grid", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/chart-bar-demo-grid.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/chart-bar-demo-grid.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-axis": { - name: "chart-bar-demo-axis", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/chart-bar-demo-axis.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/chart-bar-demo-axis.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-tooltip": { - name: "chart-bar-demo-tooltip", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/chart-bar-demo-tooltip.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/chart-bar-demo-tooltip.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-legend": { - name: "chart-bar-demo-legend", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/chart-bar-demo-legend.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/chart-bar-demo-legend.tsx")), - source: "", - meta: undefined, - }, - "chart-tooltip-demo": { - name: "chart-tooltip-demo", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/new-york/examples/chart-tooltip-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/new-york/examples/chart-tooltip-demo.tsx")), - source: "", - meta: undefined, - }, - }, "default": { - "index": { - name: "index", - description: "", - type: "registry:style", - registryDependencies: ["utils"], - files: [], - categories: undefined, - component: React.lazy(() => import("@/registry/default/style/index")), - source: "", - meta: undefined, - }, - "style": { - name: "style", - description: "", - type: "registry:style", - registryDependencies: ["utils"], - files: [], - categories: undefined, - component: React.lazy(() => import("@/registry/default/style/style")), - source: "", - meta: undefined, - }, - "accordion": { - name: "accordion", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/accordion.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/accordion.tsx")), - source: "", - meta: undefined, - }, - "alert": { - name: "alert", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/alert.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/alert.tsx")), - source: "", - meta: undefined, - }, - "alert-dialog": { - name: "alert-dialog", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/default/ui/alert-dialog.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/alert-dialog.tsx")), - source: "", - meta: undefined, - }, - "aspect-ratio": { - name: "aspect-ratio", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/aspect-ratio.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/aspect-ratio.tsx")), - source: "", - meta: undefined, - }, - "avatar": { - name: "avatar", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/avatar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/avatar.tsx")), - source: "", - meta: undefined, - }, - "badge": { - name: "badge", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/badge.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/badge.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb": { - name: "breadcrumb", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/breadcrumb.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/breadcrumb.tsx")), - source: "", - meta: undefined, - }, - "button": { - name: "button", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/button.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/button.tsx")), - source: "", - meta: undefined, - }, - "button-group": { - name: "button-group", - description: "", - type: "registry:ui", - registryDependencies: ["button","separator"], - files: [{ - path: "registry/default/ui/button-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/button-group.tsx")), - source: "", - meta: undefined, - }, - "calendar": { - name: "calendar", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/default/ui/calendar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/calendar.tsx")), - source: "", - meta: undefined, - }, - "card": { - name: "card", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/card.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/card.tsx")), - source: "", - meta: undefined, - }, - "carousel": { - name: "carousel", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/default/ui/carousel.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/carousel.tsx")), - source: "", - meta: undefined, - }, - "chart": { - name: "chart", - description: "", - type: "registry:ui", - registryDependencies: ["card"], - files: [{ - path: "registry/default/ui/chart.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/chart.tsx")), - source: "", - meta: undefined, - }, - "checkbox": { - name: "checkbox", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/checkbox.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/checkbox.tsx")), - source: "", - meta: undefined, - }, - "collapsible": { - name: "collapsible", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/collapsible.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/collapsible.tsx")), - source: "", - meta: undefined, - }, - "command": { - name: "command", - description: "", - type: "registry:ui", - registryDependencies: ["dialog"], - files: [{ - path: "registry/default/ui/command.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/command.tsx")), - source: "", - meta: undefined, - }, - "context-menu": { - name: "context-menu", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/context-menu.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/context-menu.tsx")), - source: "", - meta: undefined, - }, - "dialog": { - name: "dialog", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/dialog.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/dialog.tsx")), - source: "", - meta: undefined, - }, - "drawer": { - name: "drawer", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/drawer.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/drawer.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu": { - name: "dropdown-menu", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/dropdown-menu.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/dropdown-menu.tsx")), - source: "", - meta: undefined, - }, - "empty": { - name: "empty", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/empty.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/empty.tsx")), - source: "", - meta: undefined, - }, - "field": { - name: "field", - description: "", - type: "registry:ui", - registryDependencies: ["label","separator"], - files: [{ - path: "registry/default/ui/field.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/field.tsx")), - source: "", - meta: undefined, - }, - "form": { - name: "form", - description: "", - type: "registry:ui", - registryDependencies: ["button","label"], - files: [{ - path: "registry/default/ui/form.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/form.tsx")), - source: "", - meta: undefined, - }, - "hover-card": { - name: "hover-card", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/hover-card.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/hover-card.tsx")), - source: "", - meta: undefined, - }, - "input": { - name: "input", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/input.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/input.tsx")), - source: "", - meta: undefined, - }, - "input-group": { - name: "input-group", - description: "", - type: "registry:ui", - registryDependencies: ["button","input","textarea"], - files: [{ - path: "registry/default/ui/input-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/input-group.tsx")), - source: "", - meta: undefined, - }, - "input-otp": { - name: "input-otp", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/input-otp.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/input-otp.tsx")), - source: "", - meta: undefined, - }, - "item": { - name: "item", - description: "", - type: "registry:ui", - registryDependencies: ["separator"], - files: [{ - path: "registry/default/ui/item.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/item.tsx")), - source: "", - meta: undefined, - }, - "kbd": { - name: "kbd", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/kbd.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/kbd.tsx")), - source: "", - meta: undefined, - }, - "label": { - name: "label", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/label.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/label.tsx")), - source: "", - meta: undefined, - }, - "menubar": { - name: "menubar", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/menubar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/menubar.tsx")), - source: "", - meta: undefined, - }, - "navigation-menu": { - name: "navigation-menu", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/navigation-menu.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/navigation-menu.tsx")), - source: "", - meta: undefined, - }, - "pagination": { - name: "pagination", - description: "", - type: "registry:ui", - registryDependencies: ["button"], - files: [{ - path: "registry/default/ui/pagination.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/pagination.tsx")), - source: "", - meta: undefined, - }, - "popover": { - name: "popover", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/popover.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/popover.tsx")), - source: "", - meta: undefined, - }, - "progress": { - name: "progress", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/progress.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/progress.tsx")), - source: "", - meta: undefined, - }, - "radio-group": { - name: "radio-group", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/radio-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/radio-group.tsx")), - source: "", - meta: undefined, - }, - "resizable": { - name: "resizable", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/resizable.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/resizable.tsx")), - source: "", - meta: undefined, - }, - "scroll-area": { - name: "scroll-area", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/scroll-area.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/scroll-area.tsx")), - source: "", - meta: undefined, - }, - "select": { - name: "select", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/select.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/select.tsx")), - source: "", - meta: undefined, - }, - "separator": { - name: "separator", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/separator.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/separator.tsx")), - source: "", - meta: undefined, - }, - "sheet": { - name: "sheet", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/sheet.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/sheet.tsx")), - source: "", - meta: undefined, - }, - "sidebar": { - name: "sidebar", - description: "", - type: "registry:ui", - registryDependencies: ["button","separator","sheet","tooltip","input","use-mobile","skeleton"], - files: [{ - path: "registry/default/ui/sidebar.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/sidebar.tsx")), - source: "", - meta: undefined, - }, - "skeleton": { - name: "skeleton", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/skeleton.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/skeleton.tsx")), - source: "", - meta: undefined, - }, - "slider": { - name: "slider", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/slider.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/slider.tsx")), - source: "", - meta: undefined, - }, - "sonner": { - name: "sonner", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/sonner.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/sonner.tsx")), - source: "", - meta: undefined, - }, - "spinner": { - name: "spinner", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/spinner.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/spinner.tsx")), - source: "", - meta: undefined, - }, - "switch": { - name: "switch", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/switch.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/switch.tsx")), - source: "", - meta: undefined, - }, - "table": { - name: "table", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/table.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/table.tsx")), - source: "", - meta: undefined, - }, - "tabs": { - name: "tabs", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/tabs.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/tabs.tsx")), - source: "", - meta: undefined, - }, - "textarea": { - name: "textarea", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/textarea.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/textarea.tsx")), - source: "", - meta: undefined, - }, - "toast": { - name: "toast", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/toast.tsx", - type: "registry:ui", - target: "" - },{ - path: "registry/default/hooks/use-toast.ts", - type: "registry:hook", - target: "" - },{ - path: "registry/default/ui/toaster.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/toast.tsx")), - source: "", - meta: undefined, - }, - "toggle": { - name: "toggle", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/toggle.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/toggle.tsx")), - source: "", - meta: undefined, - }, - "toggle-group": { - name: "toggle-group", - description: "", - type: "registry:ui", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/ui/toggle-group.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/toggle-group.tsx")), - source: "", - meta: undefined, - }, - "tooltip": { - name: "tooltip", - description: "", - type: "registry:ui", - registryDependencies: undefined, - files: [{ - path: "registry/default/ui/tooltip.tsx", - type: "registry:ui", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/ui/tooltip.tsx")), - source: "", - meta: undefined, - }, - "dashboard-01": { - name: "dashboard-01", - description: "A dashboard with sidebar, charts and data table.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","chart","card","select","tabs","table","toggle-group","badge","button","checkbox","dropdown-menu","drawer","input","avatar","sheet","sonner"], - files: [{ - path: "registry/default/blocks/dashboard-01/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/dashboard-01/data.json", - type: "registry:file", - target: "app/dashboard/data.json" - },{ - path: "registry/default/blocks/dashboard-01/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/chart-area-interactive.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/data-table.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/nav-documents.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/section-cards.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/dashboard-01/components/site-header.tsx", - type: "registry:component", - target: "" - }], - categories: ["dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/dashboard-01/page.tsx")), - source: "__registry__/default/blocks/dashboard-01/page.tsx", - meta: undefined, - }, - "sidebar-01": { - name: "sidebar-01", - description: "A simple sidebar with navigation grouped by section.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/default/blocks/sidebar-01/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-01/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-01/components/search-form.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-01/components/version-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-01/page.tsx")), - source: "__registry__/default/blocks/sidebar-01/page.tsx", - meta: undefined, - }, - "sidebar-02": { - name: "sidebar-02", - description: "A sidebar with collapsible sections.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/default/blocks/sidebar-02/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-02/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-02/components/search-form.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-02/components/version-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-02/page.tsx")), - source: "__registry__/default/blocks/sidebar-02/page.tsx", - meta: undefined, - }, - "sidebar-03": { - name: "sidebar-03", - description: "A sidebar with submenus.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/default/blocks/sidebar-03/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-03/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-03/page.tsx")), - source: "__registry__/default/blocks/sidebar-03/page.tsx", - meta: undefined, - }, - "sidebar-04": { - name: "sidebar-04", - description: "A floating sidebar with submenus.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator"], - files: [{ - path: "registry/default/blocks/sidebar-04/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-04/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-04/page.tsx")), - source: "__registry__/default/blocks/sidebar-04/page.tsx", - meta: undefined, - }, - "sidebar-05": { - name: "sidebar-05", - description: "A sidebar with collapsible submenus.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"], - files: [{ - path: "registry/default/blocks/sidebar-05/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-05/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-05/components/search-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-05/page.tsx")), - source: "__registry__/default/blocks/sidebar-05/page.tsx", - meta: undefined, - }, - "sidebar-06": { - name: "sidebar-06", - description: "A sidebar with submenus as dropdowns.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"], - files: [{ - path: "registry/default/blocks/sidebar-06/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-06/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-06/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-06/components/sidebar-opt-in-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-06/page.tsx")), - source: "__registry__/default/blocks/sidebar-06/page.tsx", - meta: undefined, - }, - "sidebar-07": { - name: "sidebar-07", - description: "A sidebar that collapses to icons.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/default/blocks/sidebar-07/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-07/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-07/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-07/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-07/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-07/components/team-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-07/page.tsx")), - source: "__registry__/default/blocks/sidebar-07/page.tsx", - meta: undefined, - }, - "sidebar-08": { - name: "sidebar-08", - description: "An inset sidebar with secondary navigation.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/default/blocks/sidebar-08/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-08/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-08/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-08/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-08/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-08/components/nav-user.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-08/page.tsx")), - source: "__registry__/default/blocks/sidebar-08/page.tsx", - meta: undefined, - }, - "sidebar-09": { - name: "sidebar-09", - description: "Collapsible nested sidebars.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch","label"], - files: [{ - path: "registry/default/blocks/sidebar-09/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-09/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-09/components/nav-user.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-09/page.tsx")), - source: "__registry__/default/blocks/sidebar-09/page.tsx", - meta: undefined, - }, - "sidebar-10": { - name: "sidebar-10", - description: "A sidebar in a popover.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"], - files: [{ - path: "registry/default/blocks/sidebar-10/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-10/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-10/components/nav-actions.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-10/components/nav-favorites.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-10/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-10/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-10/components/nav-workspaces.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-10/components/team-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-10/page.tsx")), - source: "__registry__/default/blocks/sidebar-10/page.tsx", - meta: undefined, - }, - "sidebar-11": { - name: "sidebar-11", - description: "A sidebar with a collapsible file tree.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible"], - files: [{ - path: "registry/default/blocks/sidebar-11/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-11/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-11/page.tsx")), - source: "__registry__/default/blocks/sidebar-11/page.tsx", - meta: undefined, - }, - "sidebar-12": { - name: "sidebar-12", - description: "A sidebar with a calendar.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"], - files: [{ - path: "registry/default/blocks/sidebar-12/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-12/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-12/components/calendars.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-12/components/date-picker.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-12/components/nav-user.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-12/page.tsx")), - source: "__registry__/default/blocks/sidebar-12/page.tsx", - meta: undefined, - }, - "sidebar-13": { - name: "sidebar-13", - description: "A sidebar in a dialog.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","button","dialog"], - files: [{ - path: "registry/default/blocks/sidebar-13/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-13/components/settings-dialog.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-13/page.tsx")), - source: "__registry__/default/blocks/sidebar-13/page.tsx", - meta: undefined, - }, - "sidebar-14": { - name: "sidebar-14", - description: "A sidebar on the right.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/default/blocks/sidebar-14/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-14/components/app-sidebar.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-14/page.tsx")), - source: "__registry__/default/blocks/sidebar-14/page.tsx", - meta: undefined, - }, - "sidebar-15": { - name: "sidebar-15", - description: "A left and right sidebar.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"], - files: [{ - path: "registry/default/blocks/sidebar-15/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-15/components/calendars.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/date-picker.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/nav-favorites.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/nav-workspaces.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/sidebar-left.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/sidebar-right.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-15/components/team-switcher.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-15/page.tsx")), - source: "__registry__/default/blocks/sidebar-15/page.tsx", - meta: undefined, - }, - "sidebar-16": { - name: "sidebar-16", - description: "A sidebar with a sticky site header.", - type: "registry:block", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","button","label"], - files: [{ - path: "registry/default/blocks/sidebar-16/page.tsx", - type: "registry:page", - target: "app/dashboard/page.tsx" - },{ - path: "registry/default/blocks/sidebar-16/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-16/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-16/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-16/components/nav-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-16/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-16/components/search-form.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/blocks/sidebar-16/components/site-header.tsx", - type: "registry:component", - target: "" - }], - categories: ["sidebar","dashboard"], - component: React.lazy(() => import("@/registry/default/blocks/sidebar-16/page.tsx")), - source: "__registry__/default/blocks/sidebar-16/page.tsx", - meta: undefined, - }, - "login-01": { - name: "login-01", - description: "A simple login form.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/default/blocks/login-01/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/default/blocks/login-01/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/default/blocks/login-01/page.tsx")), - source: "__registry__/default/blocks/login-01/page.tsx", - meta: undefined, - }, - "login-02": { - name: "login-02", - description: "A two column login page with a cover image.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/default/blocks/login-02/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/default/blocks/login-02/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/default/blocks/login-02/page.tsx")), - source: "__registry__/default/blocks/login-02/page.tsx", - meta: undefined, - }, - "login-03": { - name: "login-03", - description: "A login page with a muted background color.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/default/blocks/login-03/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/default/blocks/login-03/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/default/blocks/login-03/page.tsx")), - source: "__registry__/default/blocks/login-03/page.tsx", - meta: undefined, - }, - "login-04": { - name: "login-04", - description: "A login page with form and image.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/default/blocks/login-04/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/default/blocks/login-04/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/default/blocks/login-04/page.tsx")), - source: "__registry__/default/blocks/login-04/page.tsx", - meta: undefined, - }, - "login-05": { - name: "login-05", - description: "A simple email-only login page.", - type: "registry:block", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/default/blocks/login-05/page.tsx", - type: "registry:page", - target: "app/login/page.tsx" - },{ - path: "registry/default/blocks/login-05/components/login-form.tsx", - type: "registry:component", - target: "" - }], - categories: ["authentication","login"], - component: React.lazy(() => import("@/registry/default/blocks/login-05/page.tsx")), - source: "__registry__/default/blocks/login-05/page.tsx", - meta: undefined, - }, - "calendar-01": { - name: "calendar-01", - description: "A simple calendar.", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-01.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-01.tsx")), - source: "__registry__/default/blocks/calendar-01.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-02": { - name: "calendar-02", - description: "Multiple months with single selection.", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-02.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-02.tsx")), - source: "__registry__/default/blocks/calendar-02.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-03": { - name: "calendar-03", - description: "Multiple months with multiple selection.", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-03.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-03.tsx")), - source: "__registry__/default/blocks/calendar-03.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-04": { - name: "calendar-04", - description: "Single month with range selection", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-04.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-04.tsx")), - source: "__registry__/default/blocks/calendar-04.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-4 py-12 items-start md:py-20 justify-center min-w-0 xl:pt-28","mobile":"component"}, - }, - "calendar-05": { - name: "calendar-05", - description: "Multiple months with range selection", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-05.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-05.tsx")), - source: "__registry__/default/blocks/calendar-05.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-06": { - name: "calendar-06", - description: "Range selection with minimum days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-06.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-06.tsx")), - source: "__registry__/default/blocks/calendar-06.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-07": { - name: "calendar-07", - description: "Range selection with minimum and maximum days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-07.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-07.tsx")), - source: "__registry__/default/blocks/calendar-07.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-08": { - name: "calendar-08", - description: "Calendar with disabled days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-08.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-08.tsx")), - source: "__registry__/default/blocks/calendar-08.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-09": { - name: "calendar-09", - description: "Calendar with disabled weekends", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-09.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-09.tsx")), - source: "__registry__/default/blocks/calendar-09.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-10": { - name: "calendar-10", - description: "Today button", - type: "registry:block", - registryDependencies: ["calendar","card","button"], - files: [{ - path: "registry/default/blocks/calendar-10.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-10.tsx")), - source: "__registry__/default/blocks/calendar-10.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-11": { - name: "calendar-11", - description: "Start and end of month", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-11.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-11.tsx")), - source: "__registry__/default/blocks/calendar-11.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-12": { - name: "calendar-12", - description: "Localized calendar", - type: "registry:block", - registryDependencies: ["calendar","card","select"], - files: [{ - path: "registry/default/blocks/calendar-12.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-12.tsx")), - source: "__registry__/default/blocks/calendar-12.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-13": { - name: "calendar-13", - description: "With Month and Year Dropdown", - type: "registry:block", - registryDependencies: ["calendar","label","select"], - files: [{ - path: "registry/default/blocks/calendar-13.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-13.tsx")), - source: "__registry__/default/blocks/calendar-13.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-14": { - name: "calendar-14", - description: "With Booked/Unavailable Days", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-14.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-14.tsx")), - source: "__registry__/default/blocks/calendar-14.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-15": { - name: "calendar-15", - description: "With Week Numbers", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-15.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-15.tsx")), - source: "__registry__/default/blocks/calendar-15.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-16": { - name: "calendar-16", - description: "With time picker", - type: "registry:block", - registryDependencies: ["calendar","card","input","label"], - files: [{ - path: "registry/default/blocks/calendar-16.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-16.tsx")), - source: "__registry__/default/blocks/calendar-16.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-17": { - name: "calendar-17", - description: "With time picker inline", - type: "registry:block", - registryDependencies: ["calendar","card","input","label"], - files: [{ - path: "registry/default/blocks/calendar-17.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-17.tsx")), - source: "__registry__/default/blocks/calendar-17.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-18": { - name: "calendar-18", - description: "Variable size", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-18.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-18.tsx")), - source: "__registry__/default/blocks/calendar-18.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-19": { - name: "calendar-19", - description: "With presets", - type: "registry:block", - registryDependencies: ["calendar","card","input","label"], - files: [{ - path: "registry/default/blocks/calendar-19.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-19.tsx")), - source: "__registry__/default/blocks/calendar-19.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-20": { - name: "calendar-20", - description: "With time presets", - type: "registry:block", - registryDependencies: ["calendar","card","button"], - files: [{ - path: "registry/default/blocks/calendar-20.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-20.tsx")), - source: "__registry__/default/blocks/calendar-20.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-21": { - name: "calendar-21", - description: "Custom days and formatters", - type: "registry:block", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/blocks/calendar-21.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-21.tsx")), - source: "__registry__/default/blocks/calendar-21.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-22": { - name: "calendar-22", - description: "Date picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/default/blocks/calendar-22.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-22.tsx")), - source: "__registry__/default/blocks/calendar-22.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-23": { - name: "calendar-23", - description: "Date range picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/default/blocks/calendar-23.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-23.tsx")), - source: "__registry__/default/blocks/calendar-23.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-24": { - name: "calendar-24", - description: "Date and Time picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/default/blocks/calendar-24.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-24.tsx")), - source: "__registry__/default/blocks/calendar-24.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-25": { - name: "calendar-25", - description: "Date and Time range picker", - type: "registry:block", - registryDependencies: ["calendar","popover","button","label"], - files: [{ - path: "registry/default/blocks/calendar-25.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-25.tsx")), - source: "__registry__/default/blocks/calendar-25.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-26": { - name: "calendar-26", - description: "Date range picker with time", - type: "registry:block", - registryDependencies: ["calendar","popover","button","input","label"], - files: [{ - path: "registry/default/blocks/calendar-26.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-26.tsx")), - source: "__registry__/default/blocks/calendar-26.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-27": { - name: "calendar-27", - description: "Chart filter", - type: "registry:block", - registryDependencies: ["calendar","chart","card","popover","button"], - files: [{ - path: "registry/default/blocks/calendar-27.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-27.tsx")), - source: "__registry__/default/blocks/calendar-27.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start justify-center min-w-0","mobile":"component"}, - }, - "calendar-28": { - name: "calendar-28", - description: "Input with date picker", - type: "registry:block", - registryDependencies: ["calendar","input","label","popover","button"], - files: [{ - path: "registry/default/blocks/calendar-28.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-28.tsx")), - source: "__registry__/default/blocks/calendar-28.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-29": { - name: "calendar-29", - description: "Natural language date picker", - type: "registry:block", - registryDependencies: ["calendar","input","label","popover","button"], - files: [{ - path: "registry/default/blocks/calendar-29.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-29.tsx")), - source: "__registry__/default/blocks/calendar-29.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-30": { - name: "calendar-30", - description: "With little-date", - type: "registry:block", - registryDependencies: ["calendar","input","label","popover","button"], - files: [{ - path: "registry/default/blocks/calendar-30.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-30.tsx")), - source: "__registry__/default/blocks/calendar-30.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "calendar-31": { - name: "calendar-31", - description: "With event slots", - type: "registry:block", - registryDependencies: ["calendar","card","button"], - files: [{ - path: "registry/default/blocks/calendar-31.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-31.tsx")), - source: "__registry__/default/blocks/calendar-31.tsx", - meta: {"iframeHeight":"700px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0","mobile":"component"}, - }, - "calendar-32": { - name: "calendar-32", - description: "Date picker in a drawer", - type: "registry:block", - registryDependencies: ["calendar","button","drawer"], - files: [{ - path: "registry/default/blocks/calendar-32.tsx", - type: "registry:component", - target: "" - }], - categories: ["calendar","date"], - component: React.lazy(() => import("@/registry/default/blocks/calendar-32.tsx")), - source: "__registry__/default/blocks/calendar-32.tsx", - meta: {"iframeHeight":"600px","container":"w-full bg-surface min-h-svh flex px-6 py-12 items-start md:pt-20 justify-center min-w-0 xl:py-24","mobile":"component"}, - }, - "chart-area-axes": { - name: "chart-area-axes", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-axes.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-axes.tsx")), - source: "__registry__/default/charts/chart-area-axes.tsx", - meta: undefined, - }, - "chart-area-default": { - name: "chart-area-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-default.tsx")), - source: "__registry__/default/charts/chart-area-default.tsx", - meta: undefined, - }, - "chart-area-gradient": { - name: "chart-area-gradient", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-gradient.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-gradient.tsx")), - source: "__registry__/default/charts/chart-area-gradient.tsx", - meta: undefined, - }, - "chart-area-icons": { - name: "chart-area-icons", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-icons.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-icons.tsx")), - source: "__registry__/default/charts/chart-area-icons.tsx", - meta: undefined, - }, - "chart-area-interactive": { - name: "chart-area-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart","select"], - files: [{ - path: "registry/default/charts/chart-area-interactive.tsx", - type: "registry:component", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-interactive.tsx")), - source: "__registry__/default/charts/chart-area-interactive.tsx", - meta: undefined, - }, - "chart-area-legend": { - name: "chart-area-legend", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-legend.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-legend.tsx")), - source: "__registry__/default/charts/chart-area-legend.tsx", - meta: undefined, - }, - "chart-area-linear": { - name: "chart-area-linear", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-linear.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-linear.tsx")), - source: "__registry__/default/charts/chart-area-linear.tsx", - meta: undefined, - }, - "chart-area-stacked-expand": { - name: "chart-area-stacked-expand", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-stacked-expand.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-stacked-expand.tsx")), - source: "__registry__/default/charts/chart-area-stacked-expand.tsx", - meta: undefined, - }, - "chart-area-stacked": { - name: "chart-area-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-stacked.tsx")), - source: "__registry__/default/charts/chart-area-stacked.tsx", - meta: undefined, - }, - "chart-area-step": { - name: "chart-area-step", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-area-step.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-area"], - component: React.lazy(() => import("@/registry/default/charts/chart-area-step.tsx")), - source: "__registry__/default/charts/chart-area-step.tsx", - meta: undefined, - }, - "chart-bar-active": { - name: "chart-bar-active", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-active.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-active.tsx")), - source: "__registry__/default/charts/chart-bar-active.tsx", - meta: undefined, - }, - "chart-bar-default": { - name: "chart-bar-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-default.tsx")), - source: "__registry__/default/charts/chart-bar-default.tsx", - meta: undefined, - }, - "chart-bar-horizontal": { - name: "chart-bar-horizontal", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-horizontal.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-horizontal.tsx")), - source: "__registry__/default/charts/chart-bar-horizontal.tsx", - meta: undefined, - }, - "chart-bar-interactive": { - name: "chart-bar-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-interactive.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-interactive.tsx")), - source: "__registry__/default/charts/chart-bar-interactive.tsx", - meta: undefined, - }, - "chart-bar-label-custom": { - name: "chart-bar-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-label-custom.tsx")), - source: "__registry__/default/charts/chart-bar-label-custom.tsx", - meta: undefined, - }, - "chart-bar-label": { - name: "chart-bar-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-label.tsx")), - source: "__registry__/default/charts/chart-bar-label.tsx", - meta: undefined, - }, - "chart-bar-mixed": { - name: "chart-bar-mixed", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-mixed.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-mixed.tsx")), - source: "__registry__/default/charts/chart-bar-mixed.tsx", - meta: undefined, - }, - "chart-bar-multiple": { - name: "chart-bar-multiple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-multiple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-multiple.tsx")), - source: "__registry__/default/charts/chart-bar-multiple.tsx", - meta: undefined, - }, - "chart-bar-negative": { - name: "chart-bar-negative", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-negative.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-negative.tsx")), - source: "__registry__/default/charts/chart-bar-negative.tsx", - meta: undefined, - }, - "chart-bar-stacked": { - name: "chart-bar-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-bar-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-bar"], - component: React.lazy(() => import("@/registry/default/charts/chart-bar-stacked.tsx")), - source: "__registry__/default/charts/chart-bar-stacked.tsx", - meta: undefined, - }, - "chart-line-default": { - name: "chart-line-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-default.tsx")), - source: "__registry__/default/charts/chart-line-default.tsx", - meta: undefined, - }, - "chart-line-dots-colors": { - name: "chart-line-dots-colors", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-dots-colors.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-dots-colors.tsx")), - source: "__registry__/default/charts/chart-line-dots-colors.tsx", - meta: undefined, - }, - "chart-line-dots-custom": { - name: "chart-line-dots-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-dots-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-dots-custom.tsx")), - source: "__registry__/default/charts/chart-line-dots-custom.tsx", - meta: undefined, - }, - "chart-line-dots": { - name: "chart-line-dots", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-dots.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-dots.tsx")), - source: "__registry__/default/charts/chart-line-dots.tsx", - meta: undefined, - }, - "chart-line-interactive": { - name: "chart-line-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-interactive.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-interactive.tsx")), - source: "__registry__/default/charts/chart-line-interactive.tsx", - meta: undefined, - }, - "chart-line-label-custom": { - name: "chart-line-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-label-custom.tsx")), - source: "__registry__/default/charts/chart-line-label-custom.tsx", - meta: undefined, - }, - "chart-line-label": { - name: "chart-line-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-label.tsx")), - source: "__registry__/default/charts/chart-line-label.tsx", - meta: undefined, - }, - "chart-line-linear": { - name: "chart-line-linear", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-linear.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-linear.tsx")), - source: "__registry__/default/charts/chart-line-linear.tsx", - meta: undefined, - }, - "chart-line-multiple": { - name: "chart-line-multiple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-multiple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-multiple.tsx")), - source: "__registry__/default/charts/chart-line-multiple.tsx", - meta: undefined, - }, - "chart-line-step": { - name: "chart-line-step", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-line-step.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-line"], - component: React.lazy(() => import("@/registry/default/charts/chart-line-step.tsx")), - source: "__registry__/default/charts/chart-line-step.tsx", - meta: undefined, - }, - "chart-pie-donut-active": { - name: "chart-pie-donut-active", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-donut-active.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-donut-active.tsx")), - source: "__registry__/default/charts/chart-pie-donut-active.tsx", - meta: undefined, - }, - "chart-pie-donut-text": { - name: "chart-pie-donut-text", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-donut-text.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-donut-text.tsx")), - source: "__registry__/default/charts/chart-pie-donut-text.tsx", - meta: undefined, - }, - "chart-pie-donut": { - name: "chart-pie-donut", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-donut.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-donut.tsx")), - source: "__registry__/default/charts/chart-pie-donut.tsx", - meta: undefined, - }, - "chart-pie-interactive": { - name: "chart-pie-interactive", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-interactive.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-interactive.tsx")), - source: "__registry__/default/charts/chart-pie-interactive.tsx", - meta: undefined, - }, - "chart-pie-label-custom": { - name: "chart-pie-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-label-custom.tsx")), - source: "__registry__/default/charts/chart-pie-label-custom.tsx", - meta: undefined, - }, - "chart-pie-label-list": { - name: "chart-pie-label-list", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-label-list.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-label-list.tsx")), - source: "__registry__/default/charts/chart-pie-label-list.tsx", - meta: undefined, - }, - "chart-pie-label": { - name: "chart-pie-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-label.tsx")), - source: "__registry__/default/charts/chart-pie-label.tsx", - meta: undefined, - }, - "chart-pie-legend": { - name: "chart-pie-legend", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-legend.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-legend.tsx")), - source: "__registry__/default/charts/chart-pie-legend.tsx", - meta: undefined, - }, - "chart-pie-separator-none": { - name: "chart-pie-separator-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-separator-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-separator-none.tsx")), - source: "__registry__/default/charts/chart-pie-separator-none.tsx", - meta: undefined, - }, - "chart-pie-simple": { - name: "chart-pie-simple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-simple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-simple.tsx")), - source: "__registry__/default/charts/chart-pie-simple.tsx", - meta: undefined, - }, - "chart-pie-stacked": { - name: "chart-pie-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-pie-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-pie"], - component: React.lazy(() => import("@/registry/default/charts/chart-pie-stacked.tsx")), - source: "__registry__/default/charts/chart-pie-stacked.tsx", - meta: undefined, - }, - "chart-radar-default": { - name: "chart-radar-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-default.tsx")), - source: "__registry__/default/charts/chart-radar-default.tsx", - meta: undefined, - }, - "chart-radar-dots": { - name: "chart-radar-dots", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-dots.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-dots.tsx")), - source: "__registry__/default/charts/chart-radar-dots.tsx", - meta: undefined, - }, - "chart-radar-grid-circle-fill": { - name: "chart-radar-grid-circle-fill", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-grid-circle-fill.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-grid-circle-fill.tsx")), - source: "__registry__/default/charts/chart-radar-grid-circle-fill.tsx", - meta: undefined, - }, - "chart-radar-grid-circle-no-lines": { - name: "chart-radar-grid-circle-no-lines", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-grid-circle-no-lines.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-grid-circle-no-lines.tsx")), - source: "__registry__/default/charts/chart-radar-grid-circle-no-lines.tsx", - meta: undefined, - }, - "chart-radar-grid-circle": { - name: "chart-radar-grid-circle", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-grid-circle.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-grid-circle.tsx")), - source: "__registry__/default/charts/chart-radar-grid-circle.tsx", - meta: undefined, - }, - "chart-radar-grid-custom": { - name: "chart-radar-grid-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-grid-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-grid-custom.tsx")), - source: "__registry__/default/charts/chart-radar-grid-custom.tsx", - meta: undefined, - }, - "chart-radar-grid-fill": { - name: "chart-radar-grid-fill", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-grid-fill.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-grid-fill.tsx")), - source: "__registry__/default/charts/chart-radar-grid-fill.tsx", - meta: undefined, - }, - "chart-radar-grid-none": { - name: "chart-radar-grid-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-grid-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-grid-none.tsx")), - source: "__registry__/default/charts/chart-radar-grid-none.tsx", - meta: undefined, - }, - "chart-radar-icons": { - name: "chart-radar-icons", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-icons.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-icons.tsx")), - source: "__registry__/default/charts/chart-radar-icons.tsx", - meta: undefined, - }, - "chart-radar-label-custom": { - name: "chart-radar-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-label-custom.tsx")), - source: "__registry__/default/charts/chart-radar-label-custom.tsx", - meta: undefined, - }, - "chart-radar-legend": { - name: "chart-radar-legend", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-legend.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-legend.tsx")), - source: "__registry__/default/charts/chart-radar-legend.tsx", - meta: undefined, - }, - "chart-radar-lines-only": { - name: "chart-radar-lines-only", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-lines-only.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-lines-only.tsx")), - source: "__registry__/default/charts/chart-radar-lines-only.tsx", - meta: undefined, - }, - "chart-radar-multiple": { - name: "chart-radar-multiple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-multiple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-multiple.tsx")), - source: "__registry__/default/charts/chart-radar-multiple.tsx", - meta: undefined, - }, - "chart-radar-radius": { - name: "chart-radar-radius", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radar-radius.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radar"], - component: React.lazy(() => import("@/registry/default/charts/chart-radar-radius.tsx")), - source: "__registry__/default/charts/chart-radar-radius.tsx", - meta: undefined, - }, - "chart-radial-grid": { - name: "chart-radial-grid", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radial-grid.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/default/charts/chart-radial-grid.tsx")), - source: "__registry__/default/charts/chart-radial-grid.tsx", - meta: undefined, - }, - "chart-radial-label": { - name: "chart-radial-label", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radial-label.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/default/charts/chart-radial-label.tsx")), - source: "__registry__/default/charts/chart-radial-label.tsx", - meta: undefined, - }, - "chart-radial-shape": { - name: "chart-radial-shape", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radial-shape.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/default/charts/chart-radial-shape.tsx")), - source: "__registry__/default/charts/chart-radial-shape.tsx", - meta: undefined, - }, - "chart-radial-simple": { - name: "chart-radial-simple", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radial-simple.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/default/charts/chart-radial-simple.tsx")), - source: "__registry__/default/charts/chart-radial-simple.tsx", - meta: undefined, - }, - "chart-radial-stacked": { - name: "chart-radial-stacked", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radial-stacked.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/default/charts/chart-radial-stacked.tsx")), - source: "__registry__/default/charts/chart-radial-stacked.tsx", - meta: undefined, - }, - "chart-radial-text": { - name: "chart-radial-text", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-radial-text.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-radial"], - component: React.lazy(() => import("@/registry/default/charts/chart-radial-text.tsx")), - source: "__registry__/default/charts/chart-radial-text.tsx", - meta: undefined, - }, - "chart-tooltip-default": { - name: "chart-tooltip-default", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-default.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-default.tsx")), - source: "__registry__/default/charts/chart-tooltip-default.tsx", - meta: undefined, - }, - "chart-tooltip-indicator-line": { - name: "chart-tooltip-indicator-line", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-indicator-line.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-indicator-line.tsx")), - source: "__registry__/default/charts/chart-tooltip-indicator-line.tsx", - meta: undefined, - }, - "chart-tooltip-indicator-none": { - name: "chart-tooltip-indicator-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-indicator-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-indicator-none.tsx")), - source: "__registry__/default/charts/chart-tooltip-indicator-none.tsx", - meta: undefined, - }, - "chart-tooltip-label-none": { - name: "chart-tooltip-label-none", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-label-none.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-label-none.tsx")), - source: "__registry__/default/charts/chart-tooltip-label-none.tsx", - meta: undefined, - }, - "chart-tooltip-label-custom": { - name: "chart-tooltip-label-custom", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-label-custom.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-label-custom.tsx")), - source: "__registry__/default/charts/chart-tooltip-label-custom.tsx", - meta: undefined, - }, - "chart-tooltip-label-formatter": { - name: "chart-tooltip-label-formatter", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-label-formatter.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-label-formatter.tsx")), - source: "__registry__/default/charts/chart-tooltip-label-formatter.tsx", - meta: undefined, - }, - "chart-tooltip-formatter": { - name: "chart-tooltip-formatter", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-formatter.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-formatter.tsx")), - source: "__registry__/default/charts/chart-tooltip-formatter.tsx", - meta: undefined, - }, - "chart-tooltip-icons": { - name: "chart-tooltip-icons", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-icons.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-icons.tsx")), - source: "__registry__/default/charts/chart-tooltip-icons.tsx", - meta: undefined, - }, - "chart-tooltip-advanced": { - name: "chart-tooltip-advanced", - description: "", - type: "registry:block", - registryDependencies: ["card","chart"], - files: [{ - path: "registry/default/charts/chart-tooltip-advanced.tsx", - type: "registry:block", - target: "" - }], - categories: ["charts","charts-tooltip"], - component: React.lazy(() => import("@/registry/default/charts/chart-tooltip-advanced.tsx")), - source: "__registry__/default/charts/chart-tooltip-advanced.tsx", - meta: undefined, - }, - "utils": { - name: "utils", - description: "", - type: "registry:lib", - registryDependencies: undefined, - files: [{ - path: "registry/default/lib/utils.ts", - type: "registry:lib", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/lib/utils.ts")), - source: "", - meta: undefined, - }, - "use-mobile": { - name: "use-mobile", - description: "", - type: "registry:hook", - registryDependencies: undefined, - files: [{ - path: "registry/default/hooks/use-mobile.tsx", - type: "registry:hook", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/hooks/use-mobile.tsx")), - source: "", - meta: undefined, - }, - "use-toast": { - name: "use-toast", - description: "", - type: "registry:hook", - registryDependencies: undefined, - files: [{ - path: "registry/default/hooks/use-toast.ts", - type: "registry:hook", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/hooks/use-toast.ts")), - source: "", - meta: undefined, - }, - "sink": { - name: "sink", - description: "", - type: "registry:internal", - registryDependencies: ["accordion","alert","alert-dialog","aspect-ratio","avatar","badge","breadcrumb","button","calendar","card","carousel","chart","checkbox","collapsible","command","context-menu","dialog","drawer","dropdown-menu","hover-card","input","input-otp","label","menubar","navigation-menu","pagination","popover","progress","radio-group","resizable","scroll-area","select","separator","sheet","sidebar","skeleton","slider","sonner","switch","table","tabs","textarea","toast","toggle","toggle-group","tooltip"], - files: [{ - path: "registry/default/internal/sink/page.tsx", - type: "registry:page", - target: "app/sink/page.tsx" - },{ - path: "registry/default/internal/sink/components/app-sidebar.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/component-wrapper.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/nav-main.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/nav-projects.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/nav-user.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/team-switcher.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/accordion-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/alert-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/alert-dialog-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/aspect-ratio-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/avatar-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/badge-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/breadcrumb-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/calendar-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/card-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/carousel-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/checkbox-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/collapsible-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/combobox-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/command-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/context-menu-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/date-picker-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/dialog-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/drawer-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/dropdown-menu-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/hover-card-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/input-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/input-otp-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/label-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/menubar-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/navigation-menu-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/pagination-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/popover-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/progress-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/radio-group-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/resizable-handle.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/scroll-area-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/select-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/separator-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/sheet-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/skeleton-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/slider-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/sonner-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/switch-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/table-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/tabs-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/textarea-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/toast-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/toggle-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/toggle-group-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/tooltip-demo.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/badge-destructive.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/badge-outline.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/badge-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-destructive.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-ghost.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-link.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-loading.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-outline.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-secondary.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/button-with-icon.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/toggle-disabled.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/toggle-outline.tsx", - type: "registry:component", - target: "" - },{ - path: "registry/default/internal/sink/components/toggle-with-text.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sink/page.tsx")), - source: "", - meta: undefined, - }, - "sidebar-demo": { - name: "sidebar-demo", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-demo.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-demo.tsx")), - source: "", - meta: undefined, - }, - "sidebar-header": { - name: "sidebar-header", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-header.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-header.tsx")), - source: "", - meta: undefined, - }, - "sidebar-footer": { - name: "sidebar-footer", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-footer.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-footer.tsx")), - source: "", - meta: undefined, - }, - "sidebar-group": { - name: "sidebar-group", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-group.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-group.tsx")), - source: "", - meta: undefined, - }, - "sidebar-group-collapsible": { - name: "sidebar-group-collapsible", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-group-collapsible.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-group-collapsible.tsx")), - source: "", - meta: undefined, - }, - "sidebar-group-action": { - name: "sidebar-group-action", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-group-action.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-group-action.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu": { - name: "sidebar-menu", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-menu.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-menu.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-action": { - name: "sidebar-menu-action", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-menu-action.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-menu-action.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-sub": { - name: "sidebar-menu-sub", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-menu-sub.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-menu-sub.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-collapsible": { - name: "sidebar-menu-collapsible", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-menu-collapsible.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-menu-collapsible.tsx")), - source: "", - meta: undefined, - }, - "sidebar-menu-badge": { - name: "sidebar-menu-badge", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-menu-badge.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-menu-badge.tsx")), - source: "", - meta: undefined, - }, - "sidebar-rsc": { - name: "sidebar-rsc", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-rsc.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-rsc.tsx")), - source: "", - meta: undefined, - }, - "sidebar-controlled": { - name: "sidebar-controlled", - description: "", - type: "registry:internal", - registryDependencies: undefined, - files: [{ - path: "registry/default/internal/sidebar-controlled.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-controlled.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-01": { - name: "v0-sidebar-01", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/default/internal/sidebar-01.tsx", - type: "registry:component", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-01.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-02": { - name: "v0-sidebar-02", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","label","dropdown-menu"], - files: [{ - path: "registry/default/internal/sidebar-02.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-02.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-03": { - name: "v0-sidebar-03", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/default/internal/sidebar-03.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-03.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-04": { - name: "v0-sidebar-04", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator"], - files: [{ - path: "registry/default/internal/sidebar-04.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-04.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-05": { - name: "v0-sidebar-05", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","label","collapsible"], - files: [{ - path: "registry/default/internal/sidebar-05.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-05.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-06": { - name: "v0-sidebar-06", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","card","dropdown-menu"], - files: [{ - path: "registry/default/internal/sidebar-06.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-06.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-07": { - name: "v0-sidebar-07", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/default/internal/sidebar-07.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-07.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-08": { - name: "v0-sidebar-08", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar"], - files: [{ - path: "registry/default/internal/sidebar-08.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-08.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-09": { - name: "v0-sidebar-09", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","dropdown-menu","avatar","switch"], - files: [{ - path: "registry/default/internal/sidebar-09.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-09.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-10": { - name: "v0-sidebar-10", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu"], - files: [{ - path: "registry/default/internal/sidebar-10.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-10.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-11": { - name: "v0-sidebar-11", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible"], - files: [{ - path: "registry/default/internal/sidebar-11.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-11.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-12": { - name: "v0-sidebar-12", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","collapsible","calendar","dropdown-menu","avatar"], - files: [{ - path: "registry/default/internal/sidebar-12.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-12.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-13": { - name: "v0-sidebar-13", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","button","dialog"], - files: [{ - path: "registry/default/internal/sidebar-13.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-13.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-14": { - name: "v0-sidebar-14", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb"], - files: [{ - path: "registry/default/internal/sidebar-14.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-14.tsx")), - source: "", - meta: undefined, - }, - "v0-sidebar-15": { - name: "v0-sidebar-15", - description: "", - type: "registry:internal", - registryDependencies: ["sidebar","breadcrumb","separator","popover","collapsible","dropdown-menu","calendar","avatar"], - files: [{ - path: "registry/default/internal/sidebar-15.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/sidebar-15.tsx")), - source: "", - meta: undefined, - }, - "v0-login-01": { - name: "v0-login-01", - description: "", - type: "registry:internal", - registryDependencies: ["button","card","input","label"], - files: [{ - path: "registry/default/internal/login-01.tsx", - type: "registry:internal", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/internal/login-01.tsx")), - source: "", - meta: undefined, - }, - "accordion-demo": { - name: "accordion-demo", - description: "", - type: "registry:example", - registryDependencies: ["accordion"], - files: [{ - path: "registry/default/examples/accordion-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/accordion-demo.tsx")), - source: "", - meta: undefined, - }, - "alert-demo": { - name: "alert-demo", - description: "", - type: "registry:example", - registryDependencies: ["alert"], - files: [{ - path: "registry/default/examples/alert-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/alert-demo.tsx")), - source: "", - meta: undefined, - }, - "alert-destructive": { - name: "alert-destructive", - description: "", - type: "registry:example", - registryDependencies: ["alert"], - files: [{ - path: "registry/default/examples/alert-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/alert-destructive.tsx")), - source: "", - meta: undefined, - }, - "alert-dialog-demo": { - name: "alert-dialog-demo", - description: "", - type: "registry:example", - registryDependencies: ["alert-dialog","button"], - files: [{ - path: "registry/default/examples/alert-dialog-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/alert-dialog-demo.tsx")), - source: "", - meta: undefined, - }, - "aspect-ratio-demo": { - name: "aspect-ratio-demo", - description: "", - type: "registry:example", - registryDependencies: ["aspect-ratio"], - files: [{ - path: "registry/default/examples/aspect-ratio-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/aspect-ratio-demo.tsx")), - source: "", - meta: undefined, - }, - "avatar-demo": { - name: "avatar-demo", - description: "", - type: "registry:example", - registryDependencies: ["avatar"], - files: [{ - path: "registry/default/examples/avatar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/avatar-demo.tsx")), - source: "", - meta: undefined, - }, - "badge-demo": { - name: "badge-demo", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/default/examples/badge-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/badge-demo.tsx")), - source: "", - meta: undefined, - }, - "badge-destructive": { - name: "badge-destructive", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/default/examples/badge-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/badge-destructive.tsx")), - source: "", - meta: undefined, - }, - "badge-outline": { - name: "badge-outline", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/default/examples/badge-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/badge-outline.tsx")), - source: "", - meta: undefined, - }, - "badge-secondary": { - name: "badge-secondary", - description: "", - type: "registry:example", - registryDependencies: ["badge"], - files: [{ - path: "registry/default/examples/badge-secondary.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/badge-secondary.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-demo": { - name: "breadcrumb-demo", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/default/examples/breadcrumb-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/breadcrumb-demo.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-separator": { - name: "breadcrumb-separator", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/default/examples/breadcrumb-separator.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/breadcrumb-separator.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-dropdown": { - name: "breadcrumb-dropdown", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/default/examples/breadcrumb-dropdown.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/breadcrumb-dropdown.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-ellipsis": { - name: "breadcrumb-ellipsis", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/default/examples/breadcrumb-ellipsis.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/breadcrumb-ellipsis.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-link": { - name: "breadcrumb-link", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/default/examples/breadcrumb-link.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/breadcrumb-link.tsx")), - source: "", - meta: undefined, - }, - "breadcrumb-responsive": { - name: "breadcrumb-responsive", - description: "", - type: "registry:example", - registryDependencies: ["breadcrumb"], - files: [{ - path: "registry/default/examples/breadcrumb-responsive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/breadcrumb-responsive.tsx")), - source: "", - meta: undefined, - }, - "button-demo": { - name: "button-demo", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-demo.tsx")), - source: "", - meta: undefined, - }, - "button-secondary": { - name: "button-secondary", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-secondary.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-secondary.tsx")), - source: "", - meta: undefined, - }, - "button-destructive": { - name: "button-destructive", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-destructive.tsx")), - source: "", - meta: undefined, - }, - "button-outline": { - name: "button-outline", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-outline.tsx")), - source: "", - meta: undefined, - }, - "button-ghost": { - name: "button-ghost", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-ghost.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-ghost.tsx")), - source: "", - meta: undefined, - }, - "button-link": { - name: "button-link", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-link.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-link.tsx")), - source: "", - meta: undefined, - }, - "button-with-icon": { - name: "button-with-icon", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-with-icon.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-with-icon.tsx")), - source: "", - meta: undefined, - }, - "button-loading": { - name: "button-loading", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-loading.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-loading.tsx")), - source: "", - meta: undefined, - }, - "button-icon": { - name: "button-icon", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-icon.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-icon.tsx")), - source: "", - meta: undefined, - }, - "button-as-child": { - name: "button-as-child", - description: "", - type: "registry:example", - registryDependencies: ["button"], - files: [{ - path: "registry/default/examples/button-as-child.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/button-as-child.tsx")), - source: "", - meta: undefined, - }, - "calendar-demo": { - name: "calendar-demo", - description: "", - type: "registry:example", - registryDependencies: ["calendar"], - files: [{ - path: "registry/default/examples/calendar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/calendar-demo.tsx")), - source: "", - meta: undefined, - }, - "calendar-form": { - name: "calendar-form", - description: "", - type: "registry:example", - registryDependencies: ["calendar","form","popover"], - files: [{ - path: "registry/default/examples/calendar-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/calendar-form.tsx")), - source: "", - meta: undefined, - }, - "card-demo": { - name: "card-demo", - description: "", - type: "registry:example", - registryDependencies: ["card","button","switch"], - files: [{ - path: "registry/default/examples/card-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/card-demo.tsx")), - source: "", - meta: undefined, - }, - "card-with-form": { - name: "card-with-form", - description: "", - type: "registry:example", - registryDependencies: ["button","card","input","label","select"], - files: [{ - path: "registry/default/examples/card-with-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/card-with-form.tsx")), - source: "", - meta: undefined, - }, - "carousel-demo": { - name: "carousel-demo", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/default/examples/carousel-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/carousel-demo.tsx")), - source: "", - meta: undefined, - }, - "carousel-size": { - name: "carousel-size", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/default/examples/carousel-size.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/carousel-size.tsx")), - source: "", - meta: undefined, - }, - "carousel-spacing": { - name: "carousel-spacing", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/default/examples/carousel-spacing.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/carousel-spacing.tsx")), - source: "", - meta: undefined, - }, - "carousel-orientation": { - name: "carousel-orientation", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/default/examples/carousel-orientation.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/carousel-orientation.tsx")), - source: "", - meta: undefined, - }, - "carousel-api": { - name: "carousel-api", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/default/examples/carousel-api.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/carousel-api.tsx")), - source: "", - meta: undefined, - }, - "carousel-plugin": { - name: "carousel-plugin", - description: "", - type: "registry:example", - registryDependencies: ["carousel"], - files: [{ - path: "registry/default/examples/carousel-plugin.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/carousel-plugin.tsx")), - source: "", - meta: undefined, - }, - "checkbox-demo": { - name: "checkbox-demo", - description: "", - type: "registry:example", - registryDependencies: ["checkbox"], - files: [{ - path: "registry/default/examples/checkbox-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/checkbox-demo.tsx")), - source: "", - meta: undefined, - }, - "checkbox-disabled": { - name: "checkbox-disabled", - description: "", - type: "registry:example", - registryDependencies: ["checkbox"], - files: [{ - path: "registry/default/examples/checkbox-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/checkbox-disabled.tsx")), - source: "", - meta: undefined, - }, - "checkbox-form-multiple": { - name: "checkbox-form-multiple", - description: "", - type: "registry:example", - registryDependencies: ["checkbox","form"], - files: [{ - path: "registry/default/examples/checkbox-form-multiple.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/checkbox-form-multiple.tsx")), - source: "", - meta: undefined, - }, - "checkbox-form-single": { - name: "checkbox-form-single", - description: "", - type: "registry:example", - registryDependencies: ["checkbox","form"], - files: [{ - path: "registry/default/examples/checkbox-form-single.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/checkbox-form-single.tsx")), - source: "", - meta: undefined, - }, - "checkbox-with-text": { - name: "checkbox-with-text", - description: "", - type: "registry:example", - registryDependencies: ["checkbox"], - files: [{ - path: "registry/default/examples/checkbox-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/checkbox-with-text.tsx")), - source: "", - meta: undefined, - }, - "collapsible-demo": { - name: "collapsible-demo", - description: "", - type: "registry:example", - registryDependencies: ["collapsible"], - files: [{ - path: "registry/default/examples/collapsible-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/collapsible-demo.tsx")), - source: "", - meta: undefined, - }, - "combobox-demo": { - name: "combobox-demo", - description: "", - type: "registry:example", - registryDependencies: ["command"], - files: [{ - path: "registry/default/examples/combobox-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/combobox-demo.tsx")), - source: "", - meta: undefined, - }, - "combobox-dropdown-menu": { - name: "combobox-dropdown-menu", - description: "", - type: "registry:example", - registryDependencies: ["command","dropdown-menu","button"], - files: [{ - path: "registry/default/examples/combobox-dropdown-menu.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/combobox-dropdown-menu.tsx")), - source: "", - meta: undefined, - }, - "combobox-form": { - name: "combobox-form", - description: "", - type: "registry:example", - registryDependencies: ["command","form"], - files: [{ - path: "registry/default/examples/combobox-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/combobox-form.tsx")), - source: "", - meta: undefined, - }, - "combobox-popover": { - name: "combobox-popover", - description: "", - type: "registry:example", - registryDependencies: ["combobox","popover"], - files: [{ - path: "registry/default/examples/combobox-popover.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/combobox-popover.tsx")), - source: "", - meta: undefined, - }, - "combobox-responsive": { - name: "combobox-responsive", - description: "", - type: "registry:example", - registryDependencies: ["combobox","popover","drawer"], - files: [{ - path: "registry/default/examples/combobox-responsive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/combobox-responsive.tsx")), - source: "", - meta: undefined, - }, - "command-demo": { - name: "command-demo", - description: "", - type: "registry:example", - registryDependencies: ["command"], - files: [{ - path: "registry/default/examples/command-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/command-demo.tsx")), - source: "", - meta: undefined, - }, - "command-dialog": { - name: "command-dialog", - description: "", - type: "registry:example", - registryDependencies: ["command","dialog"], - files: [{ - path: "registry/default/examples/command-dialog.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/command-dialog.tsx")), - source: "", - meta: undefined, - }, - "context-menu-demo": { - name: "context-menu-demo", - description: "", - type: "registry:example", - registryDependencies: ["context-menu"], - files: [{ - path: "registry/default/examples/context-menu-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/context-menu-demo.tsx")), - source: "", - meta: undefined, - }, - "data-table-demo": { - name: "data-table-demo", - description: "", - type: "registry:example", - registryDependencies: ["data-table"], - files: [{ - path: "registry/default/examples/data-table-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/data-table-demo.tsx")), - source: "", - meta: undefined, - }, - "date-picker-demo": { - name: "date-picker-demo", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","popover"], - files: [{ - path: "registry/default/examples/date-picker-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/date-picker-demo.tsx")), - source: "", - meta: undefined, - }, - "date-picker-form": { - name: "date-picker-form", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","form","popover"], - files: [{ - path: "registry/default/examples/date-picker-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/date-picker-form.tsx")), - source: "", - meta: undefined, - }, - "date-picker-with-presets": { - name: "date-picker-with-presets", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","popover","select"], - files: [{ - path: "registry/default/examples/date-picker-with-presets.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/date-picker-with-presets.tsx")), - source: "", - meta: undefined, - }, - "date-picker-with-range": { - name: "date-picker-with-range", - description: "", - type: "registry:example", - registryDependencies: ["button","calendar","popover"], - files: [{ - path: "registry/default/examples/date-picker-with-range.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/date-picker-with-range.tsx")), - source: "", - meta: undefined, - }, - "dialog-demo": { - name: "dialog-demo", - description: "", - type: "registry:example", - registryDependencies: ["dialog"], - files: [{ - path: "registry/default/examples/dialog-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/dialog-demo.tsx")), - source: "", - meta: undefined, - }, - "dialog-close-button": { - name: "dialog-close-button", - description: "", - type: "registry:example", - registryDependencies: ["dialog","button"], - files: [{ - path: "registry/default/examples/dialog-close-button.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/dialog-close-button.tsx")), - source: "", - meta: undefined, - }, - "drawer-demo": { - name: "drawer-demo", - description: "", - type: "registry:example", - registryDependencies: ["drawer"], - files: [{ - path: "registry/default/examples/drawer-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/drawer-demo.tsx")), - source: "", - meta: undefined, - }, - "drawer-dialog": { - name: "drawer-dialog", - description: "", - type: "registry:example", - registryDependencies: ["drawer","dialog"], - files: [{ - path: "registry/default/examples/drawer-dialog.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/drawer-dialog.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu-demo": { - name: "dropdown-menu-demo", - description: "", - type: "registry:example", - registryDependencies: ["dropdown-menu"], - files: [{ - path: "registry/default/examples/dropdown-menu-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/dropdown-menu-demo.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu-checkboxes": { - name: "dropdown-menu-checkboxes", - description: "", - type: "registry:example", - registryDependencies: ["dropdown-menu","checkbox"], - files: [{ - path: "registry/default/examples/dropdown-menu-checkboxes.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/dropdown-menu-checkboxes.tsx")), - source: "", - meta: undefined, - }, - "dropdown-menu-radio-group": { - name: "dropdown-menu-radio-group", - description: "", - type: "registry:example", - registryDependencies: ["dropdown-menu","radio-group"], - files: [{ - path: "registry/default/examples/dropdown-menu-radio-group.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/dropdown-menu-radio-group.tsx")), - source: "", - meta: undefined, - }, - "hover-card-demo": { - name: "hover-card-demo", - description: "", - type: "registry:example", - registryDependencies: ["hover-card"], - files: [{ - path: "registry/default/examples/hover-card-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/hover-card-demo.tsx")), - source: "", - meta: undefined, - }, - "input-demo": { - name: "input-demo", - description: "", - type: "registry:example", - registryDependencies: ["input"], - files: [{ - path: "registry/default/examples/input-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-demo.tsx")), - source: "", - meta: undefined, - }, - "input-disabled": { - name: "input-disabled", - description: "", - type: "registry:example", - registryDependencies: ["input"], - files: [{ - path: "registry/default/examples/input-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-disabled.tsx")), - source: "", - meta: undefined, - }, - "input-file": { - name: "input-file", - description: "", - type: "registry:example", - registryDependencies: ["input"], - files: [{ - path: "registry/default/examples/input-file.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-file.tsx")), - source: "", - meta: undefined, - }, - "input-form": { - name: "input-form", - description: "", - type: "registry:example", - registryDependencies: ["input","button","form"], - files: [{ - path: "registry/default/examples/input-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-form.tsx")), - source: "", - meta: undefined, - }, - "input-with-button": { - name: "input-with-button", - description: "", - type: "registry:example", - registryDependencies: ["input","button"], - files: [{ - path: "registry/default/examples/input-with-button.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-with-button.tsx")), - source: "", - meta: undefined, - }, - "input-with-label": { - name: "input-with-label", - description: "", - type: "registry:example", - registryDependencies: ["input","button","label"], - files: [{ - path: "registry/default/examples/input-with-label.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-with-label.tsx")), - source: "", - meta: undefined, - }, - "input-with-text": { - name: "input-with-text", - description: "", - type: "registry:example", - registryDependencies: ["input","button","label"], - files: [{ - path: "registry/default/examples/input-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-with-text.tsx")), - source: "", - meta: undefined, - }, - "input-otp-demo": { - name: "input-otp-demo", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/default/examples/input-otp-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-otp-demo.tsx")), - source: "", - meta: undefined, - }, - "input-otp-pattern": { - name: "input-otp-pattern", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/default/examples/input-otp-pattern.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-otp-pattern.tsx")), - source: "", - meta: undefined, - }, - "input-otp-separator": { - name: "input-otp-separator", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/default/examples/input-otp-separator.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-otp-separator.tsx")), - source: "", - meta: undefined, - }, - "input-otp-controlled": { - name: "input-otp-controlled", - description: "", - type: "registry:example", - registryDependencies: ["input-otp"], - files: [{ - path: "registry/default/examples/input-otp-controlled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-otp-controlled.tsx")), - source: "", - meta: undefined, - }, - "input-otp-form": { - name: "input-otp-form", - description: "", - type: "registry:example", - registryDependencies: ["input-otp","form"], - files: [{ - path: "registry/default/examples/input-otp-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/input-otp-form.tsx")), - source: "", - meta: undefined, - }, - "label-demo": { - name: "label-demo", - description: "", - type: "registry:example", - registryDependencies: ["label"], - files: [{ - path: "registry/default/examples/label-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/label-demo.tsx")), - source: "", - meta: undefined, - }, - "menubar-demo": { - name: "menubar-demo", - description: "", - type: "registry:example", - registryDependencies: ["menubar"], - files: [{ - path: "registry/default/examples/menubar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/menubar-demo.tsx")), - source: "", - meta: undefined, - }, - "navigation-menu-demo": { - name: "navigation-menu-demo", - description: "", - type: "registry:example", - registryDependencies: ["navigation-menu"], - files: [{ - path: "registry/default/examples/navigation-menu-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/navigation-menu-demo.tsx")), - source: "", - meta: undefined, - }, - "pagination-demo": { - name: "pagination-demo", - description: "", - type: "registry:example", - registryDependencies: ["pagination"], - files: [{ - path: "registry/default/examples/pagination-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/pagination-demo.tsx")), - source: "", - meta: undefined, - }, - "popover-demo": { - name: "popover-demo", - description: "", - type: "registry:example", - registryDependencies: ["popover"], - files: [{ - path: "registry/default/examples/popover-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/popover-demo.tsx")), - source: "", - meta: undefined, - }, - "progress-demo": { - name: "progress-demo", - description: "", - type: "registry:example", - registryDependencies: ["progress"], - files: [{ - path: "registry/default/examples/progress-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/progress-demo.tsx")), - source: "", - meta: undefined, - }, - "radio-group-demo": { - name: "radio-group-demo", - description: "", - type: "registry:example", - registryDependencies: ["radio-group"], - files: [{ - path: "registry/default/examples/radio-group-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/radio-group-demo.tsx")), - source: "", - meta: undefined, - }, - "radio-group-form": { - name: "radio-group-form", - description: "", - type: "registry:example", - registryDependencies: ["radio-group","form"], - files: [{ - path: "registry/default/examples/radio-group-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/radio-group-form.tsx")), - source: "", - meta: undefined, - }, - "resizable-demo": { - name: "resizable-demo", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/default/examples/resizable-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/resizable-demo.tsx")), - source: "", - meta: undefined, - }, - "resizable-demo-with-handle": { - name: "resizable-demo-with-handle", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/default/examples/resizable-demo-with-handle.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/resizable-demo-with-handle.tsx")), - source: "", - meta: undefined, - }, - "resizable-vertical": { - name: "resizable-vertical", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/default/examples/resizable-vertical.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/resizable-vertical.tsx")), - source: "", - meta: undefined, - }, - "resizable-handle": { - name: "resizable-handle", - description: "", - type: "registry:example", - registryDependencies: ["resizable"], - files: [{ - path: "registry/default/examples/resizable-handle.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/resizable-handle.tsx")), - source: "", - meta: undefined, - }, - "scroll-area-demo": { - name: "scroll-area-demo", - description: "", - type: "registry:example", - registryDependencies: ["scroll-area"], - files: [{ - path: "registry/default/examples/scroll-area-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/scroll-area-demo.tsx")), - source: "", - meta: undefined, - }, - "scroll-area-horizontal-demo": { - name: "scroll-area-horizontal-demo", - description: "", - type: "registry:example", - registryDependencies: ["scroll-area"], - files: [{ - path: "registry/default/examples/scroll-area-horizontal-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/scroll-area-horizontal-demo.tsx")), - source: "", - meta: undefined, - }, - "select-demo": { - name: "select-demo", - description: "", - type: "registry:example", - registryDependencies: ["select"], - files: [{ - path: "registry/default/examples/select-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/select-demo.tsx")), - source: "", - meta: undefined, - }, - "select-scrollable": { - name: "select-scrollable", - description: "", - type: "registry:example", - registryDependencies: ["select"], - files: [{ - path: "registry/default/examples/select-scrollable.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/select-scrollable.tsx")), - source: "", - meta: undefined, - }, - "select-form": { - name: "select-form", - description: "", - type: "registry:example", - registryDependencies: ["select"], - files: [{ - path: "registry/default/examples/select-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/select-form.tsx")), - source: "", - meta: undefined, - }, - "separator-demo": { - name: "separator-demo", - description: "", - type: "registry:example", - registryDependencies: ["separator"], - files: [{ - path: "registry/default/examples/separator-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/separator-demo.tsx")), - source: "", - meta: undefined, - }, - "sheet-demo": { - name: "sheet-demo", - description: "", - type: "registry:example", - registryDependencies: ["sheet"], - files: [{ - path: "registry/default/examples/sheet-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/sheet-demo.tsx")), - source: "", - meta: undefined, - }, - "sheet-side": { - name: "sheet-side", - description: "", - type: "registry:example", - registryDependencies: ["sheet"], - files: [{ - path: "registry/default/examples/sheet-side.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/sheet-side.tsx")), - source: "", - meta: undefined, - }, - "skeleton-demo": { - name: "skeleton-demo", - description: "", - type: "registry:example", - registryDependencies: ["skeleton"], - files: [{ - path: "registry/default/examples/skeleton-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/skeleton-demo.tsx")), - source: "", - meta: undefined, - }, - "skeleton-card": { - name: "skeleton-card", - description: "", - type: "registry:example", - registryDependencies: ["skeleton"], - files: [{ - path: "registry/default/examples/skeleton-card.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/skeleton-card.tsx")), - source: "", - meta: undefined, - }, - "slider-demo": { - name: "slider-demo", - description: "", - type: "registry:example", - registryDependencies: ["slider"], - files: [{ - path: "registry/default/examples/slider-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/slider-demo.tsx")), - source: "", - meta: undefined, - }, - "sonner-demo": { - name: "sonner-demo", - description: "", - type: "registry:example", - registryDependencies: ["sonner"], - files: [{ - path: "registry/default/examples/sonner-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/sonner-demo.tsx")), - source: "", - meta: undefined, - }, - "switch-demo": { - name: "switch-demo", - description: "", - type: "registry:example", - registryDependencies: ["switch"], - files: [{ - path: "registry/default/examples/switch-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/switch-demo.tsx")), - source: "", - meta: undefined, - }, - "switch-form": { - name: "switch-form", - description: "", - type: "registry:example", - registryDependencies: ["switch","form"], - files: [{ - path: "registry/default/examples/switch-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/switch-form.tsx")), - source: "", - meta: undefined, - }, - "table-demo": { - name: "table-demo", - description: "", - type: "registry:example", - registryDependencies: ["table"], - files: [{ - path: "registry/default/examples/table-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/table-demo.tsx")), - source: "", - meta: undefined, - }, - "tabs-demo": { - name: "tabs-demo", - description: "", - type: "registry:example", - registryDependencies: ["tabs"], - files: [{ - path: "registry/default/examples/tabs-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/tabs-demo.tsx")), - source: "", - meta: undefined, - }, - "textarea-demo": { - name: "textarea-demo", - description: "", - type: "registry:example", - registryDependencies: ["textarea"], - files: [{ - path: "registry/default/examples/textarea-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/textarea-demo.tsx")), - source: "", - meta: undefined, - }, - "textarea-disabled": { - name: "textarea-disabled", - description: "", - type: "registry:example", - registryDependencies: ["textarea"], - files: [{ - path: "registry/default/examples/textarea-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/textarea-disabled.tsx")), - source: "", - meta: undefined, - }, - "textarea-form": { - name: "textarea-form", - description: "", - type: "registry:example", - registryDependencies: ["textarea","form"], - files: [{ - path: "registry/default/examples/textarea-form.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/textarea-form.tsx")), - source: "", - meta: undefined, - }, - "textarea-with-button": { - name: "textarea-with-button", - description: "", - type: "registry:example", - registryDependencies: ["textarea","button"], - files: [{ - path: "registry/default/examples/textarea-with-button.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/textarea-with-button.tsx")), - source: "", - meta: undefined, - }, - "textarea-with-label": { - name: "textarea-with-label", - description: "", - type: "registry:example", - registryDependencies: ["textarea","label"], - files: [{ - path: "registry/default/examples/textarea-with-label.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/textarea-with-label.tsx")), - source: "", - meta: undefined, - }, - "textarea-with-text": { - name: "textarea-with-text", - description: "", - type: "registry:example", - registryDependencies: ["textarea","label"], - files: [{ - path: "registry/default/examples/textarea-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/textarea-with-text.tsx")), - source: "", - meta: undefined, - }, - "toast-demo": { - name: "toast-demo", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/default/examples/toast-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toast-demo.tsx")), - source: "", - meta: undefined, - }, - "toast-destructive": { - name: "toast-destructive", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/default/examples/toast-destructive.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toast-destructive.tsx")), - source: "", - meta: undefined, - }, - "toast-simple": { - name: "toast-simple", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/default/examples/toast-simple.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toast-simple.tsx")), - source: "", - meta: undefined, - }, - "toast-with-action": { - name: "toast-with-action", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/default/examples/toast-with-action.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toast-with-action.tsx")), - source: "", - meta: undefined, - }, - "toast-with-title": { - name: "toast-with-title", - description: "", - type: "registry:example", - registryDependencies: ["toast"], - files: [{ - path: "registry/default/examples/toast-with-title.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toast-with-title.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-demo": { - name: "toggle-group-demo", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/default/examples/toggle-group-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-group-demo.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-disabled": { - name: "toggle-group-disabled", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/default/examples/toggle-group-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-group-disabled.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-lg": { - name: "toggle-group-lg", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/default/examples/toggle-group-lg.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-group-lg.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-outline": { - name: "toggle-group-outline", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/default/examples/toggle-group-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-group-outline.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-sm": { - name: "toggle-group-sm", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/default/examples/toggle-group-sm.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-group-sm.tsx")), - source: "", - meta: undefined, - }, - "toggle-group-single": { - name: "toggle-group-single", - description: "", - type: "registry:example", - registryDependencies: ["toggle-group"], - files: [{ - path: "registry/default/examples/toggle-group-single.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-group-single.tsx")), - source: "", - meta: undefined, - }, - "toggle-demo": { - name: "toggle-demo", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/examples/toggle-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-demo.tsx")), - source: "", - meta: undefined, - }, - "toggle-disabled": { - name: "toggle-disabled", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/examples/toggle-disabled.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-disabled.tsx")), - source: "", - meta: undefined, - }, - "toggle-lg": { - name: "toggle-lg", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/examples/toggle-lg.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-lg.tsx")), - source: "", - meta: undefined, - }, - "toggle-outline": { - name: "toggle-outline", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/examples/toggle-outline.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-outline.tsx")), - source: "", - meta: undefined, - }, - "toggle-sm": { - name: "toggle-sm", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/examples/toggle-sm.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-sm.tsx")), - source: "", - meta: undefined, - }, - "toggle-with-text": { - name: "toggle-with-text", - description: "", - type: "registry:example", - registryDependencies: ["toggle"], - files: [{ - path: "registry/default/examples/toggle-with-text.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/toggle-with-text.tsx")), - source: "", - meta: undefined, - }, - "tooltip-demo": { - name: "tooltip-demo", - description: "", - type: "registry:example", - registryDependencies: ["tooltip"], - files: [{ - path: "registry/default/examples/tooltip-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/tooltip-demo.tsx")), - source: "", - meta: undefined, - }, - "typography-blockquote": { - name: "typography-blockquote", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-blockquote.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-blockquote.tsx")), - source: "", - meta: undefined, - }, - "typography-demo": { - name: "typography-demo", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-demo.tsx")), - source: "", - meta: undefined, - }, - "typography-h1": { - name: "typography-h1", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-h1.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-h1.tsx")), - source: "", - meta: undefined, - }, - "typography-h2": { - name: "typography-h2", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-h2.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-h2.tsx")), - source: "", - meta: undefined, - }, - "typography-h3": { - name: "typography-h3", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-h3.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-h3.tsx")), - source: "", - meta: undefined, - }, - "typography-h4": { - name: "typography-h4", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-h4.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-h4.tsx")), - source: "", - meta: undefined, - }, - "typography-inline-code": { - name: "typography-inline-code", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-inline-code.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-inline-code.tsx")), - source: "", - meta: undefined, - }, - "typography-large": { - name: "typography-large", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-large.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-large.tsx")), - source: "", - meta: undefined, - }, - "typography-lead": { - name: "typography-lead", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-lead.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-lead.tsx")), - source: "", - meta: undefined, - }, - "typography-list": { - name: "typography-list", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-list.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-list.tsx")), - source: "", - meta: undefined, - }, - "typography-muted": { - name: "typography-muted", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-muted.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-muted.tsx")), - source: "", - meta: undefined, - }, - "typography-p": { - name: "typography-p", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-p.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-p.tsx")), - source: "", - meta: undefined, - }, - "typography-small": { - name: "typography-small", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-small.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-small.tsx")), - source: "", - meta: undefined, - }, - "typography-table": { - name: "typography-table", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/typography-table.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/typography-table.tsx")), - source: "", - meta: undefined, - }, - "mode-toggle": { - name: "mode-toggle", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/mode-toggle.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/mode-toggle.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo": { - name: "chart-bar-demo", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/chart-bar-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/chart-bar-demo.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-grid": { - name: "chart-bar-demo-grid", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/chart-bar-demo-grid.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/chart-bar-demo-grid.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-axis": { - name: "chart-bar-demo-axis", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/chart-bar-demo-axis.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/chart-bar-demo-axis.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-tooltip": { - name: "chart-bar-demo-tooltip", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/chart-bar-demo-tooltip.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/chart-bar-demo-tooltip.tsx")), - source: "", - meta: undefined, - }, - "chart-bar-demo-legend": { - name: "chart-bar-demo-legend", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/chart-bar-demo-legend.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/chart-bar-demo-legend.tsx")), - source: "", - meta: undefined, - }, - "chart-tooltip-demo": { - name: "chart-tooltip-demo", - description: "", - type: "registry:example", - registryDependencies: undefined, - files: [{ - path: "registry/default/examples/chart-tooltip-demo.tsx", - type: "registry:example", - target: "" - }], - categories: undefined, - component: React.lazy(() => import("@/registry/default/examples/chart-tooltip-demo.tsx")), - source: "", - meta: undefined, - }, - }, -} diff --git a/deprecated/www/__registry__/new-york/block/sidebar-16/page.tsx b/deprecated/www/__registry__/new-york/block/sidebar-16/page.tsx deleted file mode 100644 index d639e07c2e..0000000000 --- a/deprecated/www/__registry__/new-york/block/sidebar-16/page.tsx +++ /dev/null @@ -1,134 +0,0 @@ -"use client" - -import * as React from "react" -import { Command, Sidebar } from "lucide-react" - -import { AppSidebar } from "@/registry/new-york/block/sidebar-16/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Button } from "@/registry/new-york/ui/button" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export const iframeHeight = "800px" - -export const description = "An inset sidebar with site header navigation." - -const HEADER_HEIGHT = "4rem" - -export default function Page() { - const [open, setOpen] = React.useState(true) - - return ( -
-
- -
- - - - -
-
-
- - -
- - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/app-01/page.tsx b/deprecated/www/__registry__/new-york/blocks/app-01/page.tsx deleted file mode 100644 index cd86b7dc4f..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/app-01/page.tsx +++ /dev/null @@ -1,27 +0,0 @@ -import { AddTaskForm } from "@/registry/new-york/blocks/app-01/components/add-task-form" -import { TasksList } from "@/registry/new-york/blocks/app-01/components/tasks-list" -import { - Card, - CardContent, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" - -export default function AppPage() { - return ( -
- - - Add Task - - - - - - - - -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/button-01/page.tsx b/deprecated/www/__registry__/new-york/blocks/button-01/page.tsx deleted file mode 100644 index da382c533c..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/button-01/page.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { AmazingButton } from "@/registry/new-york/blocks/button-01/components/amazing-button" - -export default function Page() { - return ( -
- -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-01.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-01.tsx deleted file mode 100644 index 6ec892f267..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-01.tsx +++ /dev/null @@ -1,21 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar01() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-02.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-02.tsx deleted file mode 100644 index ec4099fc80..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-02.tsx +++ /dev/null @@ -1,22 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar02() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-03.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-03.tsx deleted file mode 100644 index fa06eb391f..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-03.tsx +++ /dev/null @@ -1,25 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar03() { - const [dates, setDates] = React.useState([ - new Date(2025, 5, 12), - new Date(2025, 6, 24), - ]) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-04.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-04.tsx deleted file mode 100644 index d3f823baf8..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-04.tsx +++ /dev/null @@ -1,23 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar04() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 9), - to: new Date(2025, 5, 26), - }) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-05.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-05.tsx deleted file mode 100644 index ec01627f23..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-05.tsx +++ /dev/null @@ -1,24 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar05() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 12), - to: new Date(2025, 6, 15), - }) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-06.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-06.tsx deleted file mode 100644 index 9d8cc09c9d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-06.tsx +++ /dev/null @@ -1,30 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar06() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 12), - to: new Date(2025, 5, 26), - }) - - return ( -
- -
- A minimum of 5 days is required -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-07.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-07.tsx deleted file mode 100644 index 26651effb9..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-07.tsx +++ /dev/null @@ -1,31 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar07() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 18), - to: new Date(2025, 6, 7), - }) - - return ( -
- -
- Your stay must be between 2 and 20 nights -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-08.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-08.tsx deleted file mode 100644 index 094f975b2d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-08.tsx +++ /dev/null @@ -1,24 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar08() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-09.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-09.tsx deleted file mode 100644 index f46cb5b13e..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-09.tsx +++ /dev/null @@ -1,26 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar09() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 17), - to: new Date(2025, 5, 20), - }) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-10.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-10.tsx deleted file mode 100644 index 05e48d5300..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-10.tsx +++ /dev/null @@ -1,50 +0,0 @@ -"use client" - -import * as React from "react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" - -export default function Calendar10() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - const [month, setMonth] = React.useState(new Date()) - - return ( - - - Appointment - Find a date - - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-11.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-11.tsx deleted file mode 100644 index 10a58ba3cd..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-11.tsx +++ /dev/null @@ -1,31 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar11() { - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 5, 17), - to: new Date(2025, 5, 20), - }) - - return ( -
- -
- We are open in June and July only. -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-12.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-12.tsx deleted file mode 100644 index 89e8b422e1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-12.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import * as React from "react" -import { type DateRange } from "react-day-picker" -import { enUS, es } from "react-day-picker/locale" - -import { Calendar } from "@/registry/new-york/ui/calendar" -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -const localizedStrings = { - en: { - title: "Book an appointment", - description: "Select the dates for your appointment", - }, - es: { - title: "Reserva una cita", - description: "Selecciona las fechas para tu cita", - }, -} as const - -export default function Calendar12() { - const [locale, setLocale] = - React.useState("es") - const [dateRange, setDateRange] = React.useState({ - from: new Date(2025, 8, 9), - to: new Date(2025, 8, 17), - }) - - return ( - - - {localizedStrings[locale].title} - - {localizedStrings[locale].description} - - - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-13.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-13.tsx deleted file mode 100644 index fbe5c58f77..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-13.tsx +++ /dev/null @@ -1,58 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Label } from "@/registry/new-york/ui/label" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -export default function Calendar13() { - const [dropdown, setDropdown] = - React.useState["captionLayout"]>( - "dropdown" - ) - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( -
- -
- - -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-14.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-14.tsx deleted file mode 100644 index 41be778b9f..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-14.tsx +++ /dev/null @@ -1,32 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar14() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - const bookedDates = Array.from( - { length: 12 }, - (_, i) => new Date(2025, 5, 15 + i) - ) - - return ( - button]:line-through opacity-100", - }} - className="rounded-lg border shadow-sm" - /> - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-15.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-15.tsx deleted file mode 100644 index 8031bd2ced..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-15.tsx +++ /dev/null @@ -1,22 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar15() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-16.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-16.tsx deleted file mode 100644 index 638ec8ff21..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-16.tsx +++ /dev/null @@ -1,56 +0,0 @@ -"use client" - -import * as React from "react" -import { Clock2Icon } from "lucide-react" - -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/new-york/ui/card" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" - -export default function Calendar16() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - -
- -
- - -
-
-
- -
- - -
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-17.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-17.tsx deleted file mode 100644 index 5ac8cbc4f0..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-17.tsx +++ /dev/null @@ -1,54 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/new-york/ui/card" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" - -export default function Calendar17() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - -
- - -
- - -
- - -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-18.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-18.tsx deleted file mode 100644 index d647923405..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-18.tsx +++ /dev/null @@ -1,21 +0,0 @@ -"use client" - -import * as React from "react" - -import { Calendar } from "@/registry/new-york/ui/calendar" - -export default function Calendar18() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-19.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-19.tsx deleted file mode 100644 index 54a62dd7e9..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-19.tsx +++ /dev/null @@ -1,50 +0,0 @@ -"use client" - -import * as React from "react" -import { addDays } from "date-fns" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/new-york/ui/card" - -export default function Calendar19() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - - {[ - { label: "Today", value: 0 }, - { label: "Tomorrow", value: 1 }, - { label: "In 3 days", value: 3 }, - { label: "In a week", value: 7 }, - { label: "In 2 weeks", value: 14 }, - ].map((preset) => ( - - ))} - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-20.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-20.tsx deleted file mode 100644 index 2a2bb3f5eb..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-20.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import * as React from "react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/new-york/ui/card" - -export default function Calendar20() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - const [selectedTime, setSelectedTime] = React.useState("10:00") - const timeSlots = Array.from({ length: 37 }, (_, i) => { - const totalMinutes = i * 15 - const hour = Math.floor(totalMinutes / 60) + 9 - const minute = totalMinutes % 60 - return `${hour.toString().padStart(2, "0")}:${minute - .toString() - .padStart(2, "0")}` - }) - - const bookedDates = Array.from( - { length: 3 }, - (_, i) => new Date(2025, 5, 17 + i) - ) - - return ( - - -
- button]:line-through opacity-100", - }} - className="bg-transparent p-0 [--cell-size:2.5rem] md:[--cell-size:3rem]" - formatters={{ - formatWeekdayName: (date) => { - return date.toLocaleString("en-US", { weekday: "short" }) - }, - }} - /> -
-
-
- {timeSlots.map((time) => ( - - ))} -
-
- - -
- {date && selectedTime ? ( - <> - Your meeting is booked for{" "} - - {" "} - {date?.toLocaleDateString("en-US", { - weekday: "long", - day: "numeric", - month: "long", - })}{" "} - - at {selectedTime}. - - ) : ( - <>Select a date and time for your meeting. - )} -
- - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-21.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-21.tsx deleted file mode 100644 index 9016b91b8c..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-21.tsx +++ /dev/null @@ -1,42 +0,0 @@ -"use client" - -import * as React from "react" -import { DateRange } from "react-day-picker" - -import { Calendar, CalendarDayButton } from "@/registry/new-york/ui/calendar" - -export default function Calendar21() { - const [range, setRange] = React.useState({ - from: new Date(2025, 5, 12), - to: new Date(2025, 5, 17), - }) - - return ( - { - return date.toLocaleString("default", { month: "long" }) - }, - }} - components={{ - DayButton: ({ children, modifiers, day, ...props }) => { - const isWeekend = day.date.getDay() === 0 || day.date.getDay() === 6 - - return ( - - {children} - {!modifiers.outside && {isWeekend ? "$220" : "$100"}} - - ) - }, - }} - /> - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-22.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-22.tsx deleted file mode 100644 index fbba5c925a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-22.tsx +++ /dev/null @@ -1,49 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -export default function Calendar22() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
- - - - - - - { - setDate(date) - setOpen(false) - }} - /> - - -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-23.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-23.tsx deleted file mode 100644 index 2702cd90fd..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-23.tsx +++ /dev/null @@ -1,50 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" -import { type DateRange } from "react-day-picker" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -export default function Calendar23() { - const [range, setRange] = React.useState(undefined) - - return ( -
- - - - - - - { - setRange(range) - }} - /> - - -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-24.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-24.tsx deleted file mode 100644 index 02640d5936..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-24.tsx +++ /dev/null @@ -1,64 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -export default function Calendar24() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
-
- - - - - - - { - setDate(date) - setOpen(false) - }} - /> - - -
-
- - -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-25.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-25.tsx deleted file mode 100644 index 5ed864df3e..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-25.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -export default function Calendar25() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
-
- - - - - - - { - setDate(date) - setOpen(false) - }} - /> - - -
-
-
- - -
-
- - -
-
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-26.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-26.tsx deleted file mode 100644 index 166cd46498..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-26.tsx +++ /dev/null @@ -1,133 +0,0 @@ -"use client" - -import * as React from "react" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -export default function Calendar26() { - const [openFrom, setOpenFrom] = React.useState(false) - const [openTo, setOpenTo] = React.useState(false) - const [dateFrom, setDateFrom] = React.useState( - new Date("2025-06-01") - ) - const [dateTo, setDateTo] = React.useState( - new Date("2025-06-03") - ) - - return ( -
-
-
- - - - - - - { - setDateFrom(date) - setOpenFrom(false) - }} - /> - - -
-
- - -
-
-
-
- - - - - - - { - setDateTo(date) - setOpenTo(false) - }} - disabled={dateFrom && { before: dateFrom }} - /> - - -
-
- - -
-
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-27.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-27.tsx deleted file mode 100644 index 89c65876e2..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-27.tsx +++ /dev/null @@ -1,177 +0,0 @@ -"use client" - -import * as React from "react" -import { CalendarIcon } from "lucide-react" -import { DateRange } from "react-day-picker" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -const chartData = [ - { date: "2025-06-01", visitors: 178 }, - { date: "2025-06-02", visitors: 470 }, - { date: "2025-06-03", visitors: 103 }, - { date: "2025-06-04", visitors: 439 }, - { date: "2025-06-05", visitors: 88 }, - { date: "2025-06-06", visitors: 294 }, - { date: "2025-06-07", visitors: 323 }, - { date: "2025-06-08", visitors: 385 }, - { date: "2025-06-09", visitors: 438 }, - { date: "2025-06-10", visitors: 155 }, - { date: "2025-06-11", visitors: 92 }, - { date: "2025-06-12", visitors: 492 }, - { date: "2025-06-13", visitors: 81 }, - { date: "2025-06-14", visitors: 426 }, - { date: "2025-06-15", visitors: 307 }, - { date: "2025-06-16", visitors: 371 }, - { date: "2025-06-17", visitors: 475 }, - { date: "2025-06-18", visitors: 107 }, - { date: "2025-06-19", visitors: 341 }, - { date: "2025-06-20", visitors: 408 }, - { date: "2025-06-21", visitors: 169 }, - { date: "2025-06-22", visitors: 317 }, - { date: "2025-06-23", visitors: 480 }, - { date: "2025-06-24", visitors: 132 }, - { date: "2025-06-25", visitors: 141 }, - { date: "2025-06-26", visitors: 434 }, - { date: "2025-06-27", visitors: 448 }, - { date: "2025-06-28", visitors: 149 }, - { date: "2025-06-29", visitors: 103 }, - { date: "2025-06-30", visitors: 446 }, -] - -const total = chartData.reduce((acc, curr) => acc + curr.visitors, 0) - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--primary))", - }, -} satisfies ChartConfig - -export default function Calendar27() { - const [range, setRange] = React.useState({ - from: new Date(2025, 5, 5), - to: new Date(2025, 5, 20), - }) - const filteredData = React.useMemo(() => { - if (!range?.from && !range?.to) { - return chartData - } - - return chartData.filter((item) => { - const date = new Date(item.date) - return date >= range.from! && date <= range.to! - }) - }, [range]) - - return ( - - - Web Analytics - - Showing total visitors for this month. - - - - - - - - - - - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - -
- You had{" "} - {total.toLocaleString()}{" "} - visitors for the month of June. -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-28.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-28.tsx deleted file mode 100644 index 40b63bc2e7..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-28.tsx +++ /dev/null @@ -1,104 +0,0 @@ -"use client" - -import * as React from "react" -import { CalendarIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -function formatDate(date: Date | undefined) { - if (!date) { - return "" - } - - return date.toLocaleDateString("en-US", { - day: "2-digit", - month: "long", - year: "numeric", - }) -} - -function isValidDate(date: Date | undefined) { - if (!date) { - return false - } - return !isNaN(date.getTime()) -} - -export default function Calendar28() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState( - new Date("2025-06-01") - ) - const [month, setMonth] = React.useState(date) - const [value, setValue] = React.useState(formatDate(date)) - - return ( -
- -
- { - const date = new Date(e.target.value) - setValue(e.target.value) - if (isValidDate(date)) { - setDate(date) - setMonth(date) - } - }} - onKeyDown={(e) => { - if (e.key === "ArrowDown") { - e.preventDefault() - setOpen(true) - } - }} - /> - - - - - - { - setDate(date) - setValue(formatDate(date)) - setOpen(false) - }} - /> - - -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-29.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-29.tsx deleted file mode 100644 index a08ffa1b1d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-29.tsx +++ /dev/null @@ -1,96 +0,0 @@ -"use client" - -import * as React from "react" -import { parseDate } from "chrono-node" -import { CalendarIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -function formatDate(date: Date | undefined) { - if (!date) { - return "" - } - - return date.toLocaleDateString("en-US", { - day: "2-digit", - month: "long", - year: "numeric", - }) -} - -export default function Calendar29() { - const [open, setOpen] = React.useState(false) - const [value, setValue] = React.useState("In 2 days") - const [date, setDate] = React.useState( - parseDate(value) || undefined - ) - const [month, setMonth] = React.useState(date) - - return ( -
- -
- { - setValue(e.target.value) - const date = parseDate(e.target.value) - if (date) { - setDate(date) - setMonth(date) - } - }} - onKeyDown={(e) => { - if (e.key === "ArrowDown") { - e.preventDefault() - setOpen(true) - } - }} - /> - - - - - - { - setDate(date) - setValue(formatDate(date)) - setOpen(false) - }} - /> - - -
-
- Your post will be published on{" "} - {formatDate(date)}. -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-30.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-30.tsx deleted file mode 100644 index 05b5a9ae9f..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-30.tsx +++ /dev/null @@ -1,56 +0,0 @@ -"use client" - -import * as React from "react" -import { formatDateRange } from "little-date" -import { ChevronDownIcon } from "lucide-react" -import { type DateRange } from "react-day-picker" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Label } from "@/registry/new-york/ui/label" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/registry/new-york/ui/popover" - -export default function Calendar30() { - const [range, setRange] = React.useState({ - from: new Date(2025, 5, 4), - to: new Date(2025, 5, 10), - }) - - return ( -
- - - - - - - { - setRange(range) - }} - /> - - -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-31.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-31.tsx deleted file mode 100644 index c4d3844f9e..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-31.tsx +++ /dev/null @@ -1,80 +0,0 @@ -"use client" - -import * as React from "react" -import { formatDateRange } from "little-date" -import { PlusIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { Card, CardContent, CardFooter } from "@/registry/new-york/ui/card" - -const events = [ - { - title: "Team Sync Meeting", - from: "2025-06-12T09:00:00", - to: "2025-06-12T10:00:00", - }, - { - title: "Design Review", - from: "2025-06-12T11:30:00", - to: "2025-06-12T12:30:00", - }, - { - title: "Client Presentation", - from: "2025-06-12T14:00:00", - to: "2025-06-12T15:00:00", - }, -] - -export default function Calendar31() { - const [date, setDate] = React.useState( - new Date(2025, 5, 12) - ) - - return ( - - - - - -
-
- {date?.toLocaleDateString("en-US", { - day: "numeric", - month: "long", - year: "numeric", - })} -
- -
-
- {events.map((event) => ( -
-
{event.title}
-
- {formatDateRange(new Date(event.from), new Date(event.to))} -
-
- ))} -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/calendar-32.tsx b/deprecated/www/__registry__/new-york/blocks/calendar-32.tsx deleted file mode 100644 index 21c8f5e160..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/calendar-32.tsx +++ /dev/null @@ -1,60 +0,0 @@ -"use client" - -import * as React from "react" -import { CalendarPlusIcon } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { Calendar } from "@/registry/new-york/ui/calendar" -import { - Drawer, - DrawerContent, - DrawerDescription, - DrawerHeader, - DrawerTitle, - DrawerTrigger, -} from "@/registry/new-york/ui/drawer" -import { Label } from "@/registry/new-york/ui/label" - -export default function Calendar32() { - const [open, setOpen] = React.useState(false) - const [date, setDate] = React.useState(undefined) - - return ( -
- - - - - - - - Select date - Set your date of birth - - { - setDate(date) - setOpen(false) - }} - className="mx-auto [--cell-size:clamp(0px,calc(100vw/7.5),52px)]" - /> - - -
- This example works best on mobile. -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-axes.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-axes.tsx deleted file mode 100644 index 8efb8a382d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-axes.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with axes" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Axes - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-default.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-default.tsx deleted file mode 100644 index 95e9ca5a73..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-default.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A simple area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-gradient.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-gradient.tsx deleted file mode 100644 index de6eada513..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-gradient.tsx +++ /dev/null @@ -1,130 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with gradient fill" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Gradient - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - - - - - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-icons.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-icons.tsx deleted file mode 100644 index 5d136dfd07..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-icons.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingDown, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: TrendingDown, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: TrendingUp, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Icons - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-interactive.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-interactive.tsx deleted file mode 100644 index cd8e7e6b28..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-interactive.tsx +++ /dev/null @@ -1,266 +0,0 @@ -"use client" - -import * as React from "react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -export const description = "An interactive area chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [timeRange, setTimeRange] = React.useState("90d") - - const filteredData = chartData.filter((item) => { - const date = new Date(item.date) - const referenceDate = new Date("2024-06-30") - let daysToSubtract = 90 - if (timeRange === "30d") { - daysToSubtract = 30 - } else if (timeRange === "7d") { - daysToSubtract = 7 - } - const startDate = new Date(referenceDate) - startDate.setDate(startDate.getDate() - daysToSubtract) - return date >= startDate - }) - - return ( - - -
- Area Chart - Interactive - - Showing total visitors for the last 3 months - -
- - - - - - - - - - - - - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - indicator="dot" - /> - } - /> - - - } /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-legend.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-legend.tsx deleted file mode 100644 index 13ba0ba54a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-legend.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Legend - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-linear.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-linear.tsx deleted file mode 100644 index 2b88f333fd..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-linear.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A linear area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Linear - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-stacked-expand.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-stacked-expand.tsx deleted file mode 100644 index f7662c0f71..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-stacked-expand.tsx +++ /dev/null @@ -1,121 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked area chart with expand stacking" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80, other: 45 }, - { month: "February", desktop: 305, mobile: 200, other: 100 }, - { month: "March", desktop: 237, mobile: 120, other: 150 }, - { month: "April", desktop: 73, mobile: 190, other: 50 }, - { month: "May", desktop: 209, mobile: 130, other: 100 }, - { month: "June", desktop: 214, mobile: 140, other: 160 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-3))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked Expanded - - Showing total visitors for the last 6months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-stacked.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-stacked.tsx deleted file mode 100644 index d0c1b6eee8..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-stacked.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked area chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-area-step.tsx b/deprecated/www/__registry__/new-york/blocks/chart-area-step.tsx deleted file mode 100644 index be43a89d3c..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-area-step.tsx +++ /dev/null @@ -1,95 +0,0 @@ -"use client" - -import { Activity, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A step area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: Activity, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Step - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-active.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-active.tsx deleted file mode 100644 index b913609d92..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-active.tsx +++ /dev/null @@ -1,111 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Rectangle, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with an active bar" - -const chartData = [ - { browser: "chrome", visitors: 187, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 275, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Active - January - June 2024 - - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-default.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-default.tsx deleted file mode 100644 index 5aec111e67..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-horizontal.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-horizontal.tsx deleted file mode 100644 index b8b1014517..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-horizontal.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A horizontal bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Horizontal - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-interactive.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-interactive.tsx deleted file mode 100644 index f988ef5e11..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-interactive.tsx +++ /dev/null @@ -1,221 +0,0 @@ -"use client" - -import * as React from "react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An interactive bar chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Bar Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-label-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-label-custom.tsx deleted file mode 100644 index bba630a900..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-label-custom.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - label: { - color: "hsl(var(--background))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Custom Label - January - June 2024 - - - - - - value.slice(0, 3)} - hide - /> - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-label.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-label.tsx deleted file mode 100644 index 1a06e05e00..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-label.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with a label" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-mixed.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-mixed.tsx deleted file mode 100644 index f839877833..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-mixed.tsx +++ /dev/null @@ -1,103 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A mixed bar chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Mixed - January - June 2024 - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-multiple.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-multiple.tsx deleted file mode 100644 index b570638ce6..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-multiple.tsx +++ /dev/null @@ -1,80 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A multiple bar chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-negative.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-negative.tsx deleted file mode 100644 index c735fc6fff..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-negative.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Cell, LabelList } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with negative values" - -const chartData = [ - { month: "January", visitors: 186 }, - { month: "February", visitors: 205 }, - { month: "March", visitors: -207 }, - { month: "April", visitors: 173 }, - { month: "May", visitors: -209 }, - { month: "June", visitors: 214 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Negative - January - June 2024 - - - - - - } - /> - - - {chartData.map((item) => ( - 0 - ? "hsl(var(--chart-1))" - : "hsl(var(--chart-2))" - } - /> - ))} - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-bar-stacked.tsx b/deprecated/www/__registry__/new-york/blocks/chart-bar-stacked.tsx deleted file mode 100644 index ddfa81e47e..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-bar-stacked.tsx +++ /dev/null @@ -1,90 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Stacked + Legend - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - } /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-default.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-default.tsx deleted file mode 100644 index ccc36bc5b6..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-default.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-dots-colors.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-dots-colors.tsx deleted file mode 100644 index 5176281cc2..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-dots-colors.tsx +++ /dev/null @@ -1,118 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Dot, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with dots and colors" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots Colors - January - June 2024 - - - - - - - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-dots-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-dots-custom.tsx deleted file mode 100644 index 9b7e86ca36..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-dots-custom.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { GitCommitVertical, TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with custom dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - { - const r = 24 - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-dots.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-dots.tsx deleted file mode 100644 index 54fb10ed80..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-dots.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-interactive.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-interactive.tsx deleted file mode 100644 index 4432eb89c2..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-interactive.tsx +++ /dev/null @@ -1,227 +0,0 @@ -"use client" - -import * as React from "react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An interactive line chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Line Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-label-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-label-custom.tsx deleted file mode 100644 index f7972946fc..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-label-custom.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Label - January - June 2024 - - - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-label.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-label.tsx deleted file mode 100644 index c6b832d6a6..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-label.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with a label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-linear.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-linear.tsx deleted file mode 100644 index 7225a5f79c..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-linear.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A linear line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Linear - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-multiple.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-multiple.tsx deleted file mode 100644 index f972819f5b..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-multiple.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A multiple line chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-line-step.tsx b/deprecated/www/__registry__/new-york/blocks/chart-line-step.tsx deleted file mode 100644 index 4531051867..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-line-step.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with step" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Step - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-donut-active.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-donut-active.tsx deleted file mode 100644 index 7d7a82eca8..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-donut-active.tsx +++ /dev/null @@ -1,102 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A donut chart with an active sector" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut Active - January - June 2024 - - - - - } - /> - ( - - )} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-donut-text.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-donut-text.tsx deleted file mode 100644 index 1fb6bc74d1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-donut-text.tsx +++ /dev/null @@ -1,129 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A donut chart with text" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 287, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 190, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = React.useMemo(() => { - return chartData.reduce((acc, curr) => acc + curr.visitors, 0) - }, []) - - return ( - - - Pie Chart - Donut with Text - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-donut.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-donut.tsx deleted file mode 100644 index 42965dac6a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-donut.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A donut chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-interactive.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-interactive.tsx deleted file mode 100644 index 8da797d079..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-interactive.tsx +++ /dev/null @@ -1,192 +0,0 @@ -"use client" - -import * as React from "react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartStyle, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -export const description = "An interactive pie chart" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const id = "pie-interactive" - const [activeMonth, setActiveMonth] = React.useState(desktopData[0].month) - - const activeIndex = React.useMemo( - () => desktopData.findIndex((item) => item.month === activeMonth), - [activeMonth] - ) - const months = React.useMemo(() => desktopData.map((item) => item.month), []) - - return ( - - - -
- Pie Chart - Interactive - January - June 2024 -
- - - - - - } - /> - ( - - - - - )} - > - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-label-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-label-custom.tsx deleted file mode 100644 index ff956ebf9d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-label-custom.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Custom Label - January - June 2024 - - - - - } - /> - { - return ( - - {payload.visitors} - - ) - }} - nameKey="browser" - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-label-list.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-label-list.tsx deleted file mode 100644 index 0bc77dfde0..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-label-list.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a label list" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label List - January - June 2024 - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-label.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-label.tsx deleted file mode 100644 index e4a13c9397..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-label.tsx +++ /dev/null @@ -1,85 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label - January - June 2024 - - - - - } /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-legend.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-legend.tsx deleted file mode 100644 index d75f89eacf..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-legend.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a legend" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Legend - January - June 2024 - - - - - - } - className="-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center" - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-separator-none.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-separator-none.tsx deleted file mode 100644 index cf191f1615..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-separator-none.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with no separator" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Separator None - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-simple.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-simple.tsx deleted file mode 100644 index c529f52bb1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A simple pie chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-pie-stacked.tsx b/deprecated/www/__registry__/new-york/blocks/chart-pie-stacked.tsx deleted file mode 100644 index b4be18a47d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-pie-stacked.tsx +++ /dev/null @@ -1,119 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with stacked sections" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const mobileData = [ - { month: "january", mobile: 80, fill: "var(--color-january)" }, - { month: "february", mobile: 200, fill: "var(--color-february)" }, - { month: "march", mobile: 120, fill: "var(--color-march)" }, - { month: "april", mobile: 190, fill: "var(--color-april)" }, - { month: "may", mobile: 130, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Stacked - January - June 2024 - - - - - { - return chartConfig[ - payload?.[0].dataKey as keyof typeof chartConfig - ].label - }} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-default.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-default.tsx deleted file mode 100644 index 7d258514cd..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-dots.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-dots.tsx deleted file mode 100644 index 385734eae7..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-dots.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with dots" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Dots - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle-fill.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle-fill.tsx deleted file mode 100644 index f3c62bbe86..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle Filled - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle-no-lines.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle-no-lines.tsx deleted file mode 100644 index 5164314998..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle-no-lines.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - No lines - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle.tsx deleted file mode 100644 index 0cfb63f0e1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-circle.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid and circle" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-custom.tsx deleted file mode 100644 index c48dfcd641..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-custom.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a custom grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Custom - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-fill.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-fill.tsx deleted file mode 100644 index 69e2a9e06f..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid filled" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Filled - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-none.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-none.tsx deleted file mode 100644 index bdd774945a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-grid-none.tsx +++ /dev/null @@ -1,81 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with no grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid None - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-icons.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-icons.tsx deleted file mode 100644 index d6e5b9ad9b..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-icons.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { ArrowDownFromLine, ArrowUpFromLine, TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: ArrowDownFromLine, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: ArrowUpFromLine, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Icons - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-label-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-label-custom.tsx deleted file mode 100644 index 7d693b2eda..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-label-custom.tsx +++ /dev/null @@ -1,120 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Custom Label - - Showing total visitors for the last 6 months - - - - - - } - /> - { - const data = chartData[index] - - return ( - - {data.desktop} - / - {data.mobile} - - {data.month} - - - ) - }} - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-legend.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-legend.tsx deleted file mode 100644 index 4000465449..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-legend.tsx +++ /dev/null @@ -1,92 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Legend - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-lines-only.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-lines-only.tsx deleted file mode 100644 index abaf967363..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-lines-only.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with lines only" - -const chartData = [ - { month: "January", desktop: 186, mobile: 160 }, - { month: "February", desktop: 185, mobile: 170 }, - { month: "March", desktop: 207, mobile: 180 }, - { month: "April", desktop: 173, mobile: 160 }, - { month: "May", desktop: 160, mobile: 190 }, - { month: "June", desktop: 174, mobile: 204 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Lines Only - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-multiple.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-multiple.tsx deleted file mode 100644 index d8786f8b4a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-multiple.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with multiple data" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Multiple - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radar-radius.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radar-radius.tsx deleted file mode 100644 index aa82f8f024..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radar-radius.tsx +++ /dev/null @@ -1,96 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - PolarAngleAxis, - PolarGrid, - PolarRadiusAxis, - Radar, - RadarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a radius axis" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Radius Axis - - Showing total visitors for the last 6 months - - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radial-grid.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radial-grid.tsx deleted file mode 100644 index 69a1a3a603..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radial-grid.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarGrid, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with a grid" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Grid - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radial-label.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radial-label.tsx deleted file mode 100644 index 25c1bc41bf..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radial-label.tsx +++ /dev/null @@ -1,101 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Label - January - June 2024 - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radial-shape.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radial-shape.tsx deleted file mode 100644 index 592e225c4a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radial-shape.tsx +++ /dev/null @@ -1,108 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with a custom shape" - -const chartData = [ - { browser: "safari", visitors: 1260, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Shape - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radial-simple.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radial-simple.tsx deleted file mode 100644 index 4033acb323..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radial-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radial-stacked.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radial-stacked.tsx deleted file mode 100644 index 38d35670e5..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radial-stacked.tsx +++ /dev/null @@ -1,113 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with stacked sections" - -const chartData = [{ month: "january", desktop: 1260, mobile: 570 }] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = chartData[0].desktop + chartData[0].mobile - - return ( - - - Radial Chart - Stacked - January - June 2024 - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-radial-text.tsx b/deprecated/www/__registry__/new-york/blocks/chart-radial-text.tsx deleted file mode 100644 index b88623e6e2..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-radial-text.tsx +++ /dev/null @@ -1,109 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with text" - -const chartData = [ - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Text - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-advanced.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-advanced.tsx deleted file mode 100644 index bbc9f115dd..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-advanced.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Advanced - - Tooltip with custom formatter and total. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( - <> -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
- {/* Add this after the last item */} - {index === 1 && ( -
- Total -
- {item.payload.running + item.payload.swimming} - - kcal - -
-
- )} - - )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-default.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-default.tsx deleted file mode 100644 index 759b4555be..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-default.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Default - - Default tooltip with ChartTooltipContent. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-formatter.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-formatter.tsx deleted file mode 100644 index e67f266f27..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-formatter.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Formatter - Tooltip with custom formatter . - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
-
- )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-icons.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-icons.tsx deleted file mode 100644 index f2bf071923..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-icons.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Footprints, Waves } from "lucide-react" -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - icon: Footprints, - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - icon: Waves, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Icons - Tooltip with icons. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-indicator-line.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-indicator-line.tsx deleted file mode 100644 index 19c3f85889..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-indicator-line.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Line Indicator - Tooltip with line indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-indicator-none.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-indicator-none.tsx deleted file mode 100644 index 29c898a861..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-indicator-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Indicator - Tooltip with no indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-custom.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-custom.tsx deleted file mode 100644 index f632510879..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-custom.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - activities: { - label: "Activities", - }, - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Custom label - - Tooltip with custom label from chartConfig. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-formatter.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-formatter.tsx deleted file mode 100644 index 220a445b0c..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-formatter.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Label Formatter - Tooltip with label formatter. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - { - return new Date(value).toLocaleDateString("en-US", { - day: "numeric", - month: "long", - year: "numeric", - }) - }} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-none.tsx b/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-none.tsx deleted file mode 100644 index a655168dff..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/chart-tooltip-label-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Label - Tooltip with no label. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/dashboard-01/page.tsx b/deprecated/www/__registry__/new-york/blocks/dashboard-01/page.tsx deleted file mode 100644 index e5602a4af1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/dashboard-01/page.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/dashboard-01/components/app-sidebar" -import { ChartAreaInteractive } from "@/registry/new-york/blocks/dashboard-01/components/chart-area-interactive" -import { DataTable } from "@/registry/new-york/blocks/dashboard-01/components/data-table" -import { SectionCards } from "@/registry/new-york/blocks/dashboard-01/components/section-cards" -import { SiteHeader } from "@/registry/new-york/blocks/dashboard-01/components/site-header" -import { SidebarInset, SidebarProvider } from "@/registry/new-york/ui/sidebar" - -import data from "./data.json" - -export default function Page() { - return ( - - - - -
-
-
- -
- -
- -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/login-01/page.tsx b/deprecated/www/__registry__/new-york/blocks/login-01/page.tsx deleted file mode 100644 index 20fe9846ce..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/login-01/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { LoginForm } from "@/registry/new-york/blocks/login-01/components/login-form" - -export default function Page() { - return ( -
-
- -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/login-02/page.tsx b/deprecated/www/__registry__/new-york/blocks/login-02/page.tsx deleted file mode 100644 index 7353a4d4fa..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/login-02/page.tsx +++ /dev/null @@ -1,32 +0,0 @@ -import { GalleryVerticalEnd } from "lucide-react" - -import { LoginForm } from "@/registry/new-york/blocks/login-02/components/login-form" - -export default function LoginPage() { - return ( -
-
- -
-
- -
-
-
-
- Image -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/login-03/page.tsx b/deprecated/www/__registry__/new-york/blocks/login-03/page.tsx deleted file mode 100644 index a4ced5031b..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/login-03/page.tsx +++ /dev/null @@ -1,19 +0,0 @@ -import { GalleryVerticalEnd } from "lucide-react" - -import { LoginForm } from "@/registry/new-york/blocks/login-03/components/login-form" - -export default function LoginPage() { - return ( - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/login-04/page.tsx b/deprecated/www/__registry__/new-york/blocks/login-04/page.tsx deleted file mode 100644 index e2188012ae..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/login-04/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { LoginForm } from "@/registry/new-york/blocks/login-04/components/login-form" - -export default function LoginPage() { - return ( -
-
- -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/login-05/page.tsx b/deprecated/www/__registry__/new-york/blocks/login-05/page.tsx deleted file mode 100644 index 3d03c04805..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/login-05/page.tsx +++ /dev/null @@ -1,11 +0,0 @@ -import { LoginForm } from "@/registry/new-york/blocks/login-05/components/login-form" - -export default function LoginPage() { - return ( -
-
- -
-
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-01/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-01/page.tsx deleted file mode 100644 index a13e7b06fe..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-01/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-01/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-02/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-02/page.tsx deleted file mode 100644 index 140cf70f88..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-02/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-02/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
- {Array.from({ length: 24 }).map((_, index) => ( -
- ))} -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-03/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-03/page.tsx deleted file mode 100644 index 768d4775bb..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-03/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-03/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-04/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-04/page.tsx deleted file mode 100644 index fd5d6c8f00..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-04/page.tsx +++ /dev/null @@ -1,56 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-04/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-05/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-05/page.tsx deleted file mode 100644 index 9d630900db..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-05/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-05/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-06/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-06/page.tsx deleted file mode 100644 index ac30ac9fe1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-06/page.tsx +++ /dev/null @@ -1,50 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-06/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-07/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-07/page.tsx deleted file mode 100644 index 8f9ab72554..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-07/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-07/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-08/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-08/page.tsx deleted file mode 100644 index 6df3df5d46..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-08/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-08/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Building Your Application - - - - - Data Fetching - - - -
-
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-09/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-09/page.tsx deleted file mode 100644 index 8c5b59468d..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-09/page.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-09/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - All Inboxes - - - - Inbox - - - -
-
- {Array.from({ length: 24 }).map((_, index) => ( -
- ))} -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-10/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-10/page.tsx deleted file mode 100644 index d12f80239a..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-10/page.tsx +++ /dev/null @@ -1,46 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-10/components/app-sidebar" -import { NavActions } from "@/registry/new-york/blocks/sidebar-10/components/nav-actions" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbList, - BreadcrumbPage, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Project Management & Task Tracking - - - - -
-
- -
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-11/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-11/page.tsx deleted file mode 100644 index 939d72c682..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-11/page.tsx +++ /dev/null @@ -1,52 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-11/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - components - - - - ui - - - - button.tsx - - - -
-
-
-
-
-
-
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-12/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-12/page.tsx deleted file mode 100644 index ccf68cbe1f..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-12/page.tsx +++ /dev/null @@ -1,41 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-12/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbList, - BreadcrumbPage, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
- - - - - - October 2024 - - - -
-
-
- {Array.from({ length: 20 }).map((_, i) => ( -
- ))} -
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-13/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-13/page.tsx deleted file mode 100644 index a323b1c5d1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-13/page.tsx +++ /dev/null @@ -1,9 +0,0 @@ -import { SettingsDialog } from "@/registry/new-york/blocks/sidebar-13/components/settings-dialog" - -export default function Page() { - return ( -
- -
- ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-14/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-14/page.tsx deleted file mode 100644 index 7d6c0b37c7..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-14/page.tsx +++ /dev/null @@ -1,48 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-14/components/app-sidebar" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbLink, - BreadcrumbList, - BreadcrumbPage, - BreadcrumbSeparator, -} from "@/registry/new-york/ui/breadcrumb" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - -
- - - - - Building Your Application - - - - - Data Fetching - - - - -
-
-
-
-
-
-
-
-
- - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-15/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-15/page.tsx deleted file mode 100644 index acfcc0a4c1..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-15/page.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { SidebarLeft } from "@/registry/new-york/blocks/sidebar-15/components/sidebar-left" -import { SidebarRight } from "@/registry/new-york/blocks/sidebar-15/components/sidebar-right" -import { - Breadcrumb, - BreadcrumbItem, - BreadcrumbList, - BreadcrumbPage, -} from "@/registry/new-york/ui/breadcrumb" -import { Separator } from "@/registry/new-york/ui/separator" -import { - SidebarInset, - SidebarProvider, - SidebarTrigger, -} from "@/registry/new-york/ui/sidebar" - -export default function Page() { - return ( - - - -
-
- - - - - - - Project Management & Task Tracking - - - - -
-
-
-
-
-
- - - - ) -} diff --git a/deprecated/www/__registry__/new-york/blocks/sidebar-16/page.tsx b/deprecated/www/__registry__/new-york/blocks/sidebar-16/page.tsx deleted file mode 100644 index 85d4f3b69b..0000000000 --- a/deprecated/www/__registry__/new-york/blocks/sidebar-16/page.tsx +++ /dev/null @@ -1,30 +0,0 @@ -import { AppSidebar } from "@/registry/new-york/blocks/sidebar-16/components/app-sidebar" -import { SiteHeader } from "@/registry/new-york/blocks/sidebar-16/components/site-header" -import { SidebarInset, SidebarProvider } from "@/registry/new-york/ui/sidebar" - -export const iframeHeight = "800px" - -export const description = "A sidebar with a header and a search form." - -export default function Page() { - return ( -
- - -
- - -
-
-
-
-
-
-
-
- -
- -
- ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-axes.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-axes.tsx deleted file mode 100644 index 8efb8a382d..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-axes.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with axes" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Axes - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-default.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-default.tsx deleted file mode 100644 index 95e9ca5a73..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-default.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A simple area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-gradient.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-gradient.tsx deleted file mode 100644 index de6eada513..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-gradient.tsx +++ /dev/null @@ -1,130 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with gradient fill" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Gradient - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - - - - - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-icons.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-icons.tsx deleted file mode 100644 index 5d136dfd07..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-icons.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingDown, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: TrendingDown, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: TrendingUp, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Icons - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-interactive.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-interactive.tsx deleted file mode 100644 index cd8e7e6b28..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-interactive.tsx +++ /dev/null @@ -1,266 +0,0 @@ -"use client" - -import * as React from "react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -export const description = "An interactive area chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [timeRange, setTimeRange] = React.useState("90d") - - const filteredData = chartData.filter((item) => { - const date = new Date(item.date) - const referenceDate = new Date("2024-06-30") - let daysToSubtract = 90 - if (timeRange === "30d") { - daysToSubtract = 30 - } else if (timeRange === "7d") { - daysToSubtract = 7 - } - const startDate = new Date(referenceDate) - startDate.setDate(startDate.getDate() - daysToSubtract) - return date >= startDate - }) - - return ( - - -
- Area Chart - Interactive - - Showing total visitors for the last 3 months - -
- - - - - - - - - - - - - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - indicator="dot" - /> - } - /> - - - } /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-legend.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-legend.tsx deleted file mode 100644 index 13ba0ba54a..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-legend.tsx +++ /dev/null @@ -1,110 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An area chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Legend - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - } /> - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-linear.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-linear.tsx deleted file mode 100644 index 2b88f333fd..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-linear.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A linear area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Linear - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-stacked-expand.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-stacked-expand.tsx deleted file mode 100644 index f7662c0f71..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-stacked-expand.tsx +++ /dev/null @@ -1,121 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked area chart with expand stacking" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80, other: 45 }, - { month: "February", desktop: 305, mobile: 200, other: 100 }, - { month: "March", desktop: 237, mobile: 120, other: 150 }, - { month: "April", desktop: 73, mobile: 190, other: 50 }, - { month: "May", desktop: 209, mobile: 130, other: 100 }, - { month: "June", desktop: 214, mobile: 140, other: 160 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-3))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked Expanded - - Showing total visitors for the last 6months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-stacked.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-stacked.tsx deleted file mode 100644 index d0c1b6eee8..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-stacked.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked area chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Stacked - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-area-step.tsx b/deprecated/www/__registry__/new-york/charts/chart-area-step.tsx deleted file mode 100644 index be43a89d3c..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-area-step.tsx +++ /dev/null @@ -1,95 +0,0 @@ -"use client" - -import { Activity, TrendingUp } from "lucide-react" -import { Area, AreaChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A step area chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: Activity, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Area Chart - Step - - Showing total visitors for the last 6 months - - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
-
-
- Trending up by 5.2% this month -
-
- January - June 2024 -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-active.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-active.tsx deleted file mode 100644 index b913609d92..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-active.tsx +++ /dev/null @@ -1,111 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Rectangle, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with an active bar" - -const chartData = [ - { browser: "chrome", visitors: 187, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 275, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Active - January - June 2024 - - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-default.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-default.tsx deleted file mode 100644 index 5aec111e67..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-horizontal.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-horizontal.tsx deleted file mode 100644 index b8b1014517..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-horizontal.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A horizontal bar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Horizontal - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-interactive.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-interactive.tsx deleted file mode 100644 index f988ef5e11..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-interactive.tsx +++ /dev/null @@ -1,221 +0,0 @@ -"use client" - -import * as React from "react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An interactive bar chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Bar Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-label-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-label-custom.tsx deleted file mode 100644 index bba630a900..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-label-custom.tsx +++ /dev/null @@ -1,112 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, - label: { - color: "hsl(var(--background))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Custom Label - January - June 2024 - - - - - - value.slice(0, 3)} - hide - /> - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-label.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-label.tsx deleted file mode 100644 index 1a06e05e00..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-label.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, LabelList, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with a label" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-mixed.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-mixed.tsx deleted file mode 100644 index f839877833..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-mixed.tsx +++ /dev/null @@ -1,103 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, XAxis, YAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A mixed bar chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Mixed - January - June 2024 - - - - - - chartConfig[value as keyof typeof chartConfig]?.label - } - /> - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-multiple.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-multiple.tsx deleted file mode 100644 index b570638ce6..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-multiple.tsx +++ /dev/null @@ -1,80 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A multiple bar chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-negative.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-negative.tsx deleted file mode 100644 index c735fc6fff..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-negative.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, Cell, LabelList } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A bar chart with negative values" - -const chartData = [ - { month: "January", visitors: 186 }, - { month: "February", visitors: 205 }, - { month: "March", visitors: -207 }, - { month: "April", visitors: 173 }, - { month: "May", visitors: -209 }, - { month: "June", visitors: 214 }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Negative - January - June 2024 - - - - - - } - /> - - - {chartData.map((item) => ( - 0 - ? "hsl(var(--chart-1))" - : "hsl(var(--chart-2))" - } - /> - ))} - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-bar-stacked.tsx b/deprecated/www/__registry__/new-york/charts/chart-bar-stacked.tsx deleted file mode 100644 index ddfa81e47e..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-bar-stacked.tsx +++ /dev/null @@ -1,90 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Bar Chart - Stacked + Legend - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - } /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-default.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-default.tsx deleted file mode 100644 index ccc36bc5b6..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-default.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-dots-colors.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-dots-colors.tsx deleted file mode 100644 index 5176281cc2..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-dots-colors.tsx +++ /dev/null @@ -1,118 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Dot, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with dots and colors" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots Colors - January - June 2024 - - - - - - - } - /> - { - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-dots-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-dots-custom.tsx deleted file mode 100644 index 9b7e86ca36..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-dots-custom.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { GitCommitVertical, TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with custom dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - { - const r = 24 - return ( - - ) - }} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-dots.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-dots.tsx deleted file mode 100644 index 54fb10ed80..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-dots.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with dots" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Dots - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-interactive.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-interactive.tsx deleted file mode 100644 index 4432eb89c2..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-interactive.tsx +++ /dev/null @@ -1,227 +0,0 @@ -"use client" - -import * as React from "react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "An interactive line chart" - -const chartData = [ - { date: "2024-04-01", desktop: 222, mobile: 150 }, - { date: "2024-04-02", desktop: 97, mobile: 180 }, - { date: "2024-04-03", desktop: 167, mobile: 120 }, - { date: "2024-04-04", desktop: 242, mobile: 260 }, - { date: "2024-04-05", desktop: 373, mobile: 290 }, - { date: "2024-04-06", desktop: 301, mobile: 340 }, - { date: "2024-04-07", desktop: 245, mobile: 180 }, - { date: "2024-04-08", desktop: 409, mobile: 320 }, - { date: "2024-04-09", desktop: 59, mobile: 110 }, - { date: "2024-04-10", desktop: 261, mobile: 190 }, - { date: "2024-04-11", desktop: 327, mobile: 350 }, - { date: "2024-04-12", desktop: 292, mobile: 210 }, - { date: "2024-04-13", desktop: 342, mobile: 380 }, - { date: "2024-04-14", desktop: 137, mobile: 220 }, - { date: "2024-04-15", desktop: 120, mobile: 170 }, - { date: "2024-04-16", desktop: 138, mobile: 190 }, - { date: "2024-04-17", desktop: 446, mobile: 360 }, - { date: "2024-04-18", desktop: 364, mobile: 410 }, - { date: "2024-04-19", desktop: 243, mobile: 180 }, - { date: "2024-04-20", desktop: 89, mobile: 150 }, - { date: "2024-04-21", desktop: 137, mobile: 200 }, - { date: "2024-04-22", desktop: 224, mobile: 170 }, - { date: "2024-04-23", desktop: 138, mobile: 230 }, - { date: "2024-04-24", desktop: 387, mobile: 290 }, - { date: "2024-04-25", desktop: 215, mobile: 250 }, - { date: "2024-04-26", desktop: 75, mobile: 130 }, - { date: "2024-04-27", desktop: 383, mobile: 420 }, - { date: "2024-04-28", desktop: 122, mobile: 180 }, - { date: "2024-04-29", desktop: 315, mobile: 240 }, - { date: "2024-04-30", desktop: 454, mobile: 380 }, - { date: "2024-05-01", desktop: 165, mobile: 220 }, - { date: "2024-05-02", desktop: 293, mobile: 310 }, - { date: "2024-05-03", desktop: 247, mobile: 190 }, - { date: "2024-05-04", desktop: 385, mobile: 420 }, - { date: "2024-05-05", desktop: 481, mobile: 390 }, - { date: "2024-05-06", desktop: 498, mobile: 520 }, - { date: "2024-05-07", desktop: 388, mobile: 300 }, - { date: "2024-05-08", desktop: 149, mobile: 210 }, - { date: "2024-05-09", desktop: 227, mobile: 180 }, - { date: "2024-05-10", desktop: 293, mobile: 330 }, - { date: "2024-05-11", desktop: 335, mobile: 270 }, - { date: "2024-05-12", desktop: 197, mobile: 240 }, - { date: "2024-05-13", desktop: 197, mobile: 160 }, - { date: "2024-05-14", desktop: 448, mobile: 490 }, - { date: "2024-05-15", desktop: 473, mobile: 380 }, - { date: "2024-05-16", desktop: 338, mobile: 400 }, - { date: "2024-05-17", desktop: 499, mobile: 420 }, - { date: "2024-05-18", desktop: 315, mobile: 350 }, - { date: "2024-05-19", desktop: 235, mobile: 180 }, - { date: "2024-05-20", desktop: 177, mobile: 230 }, - { date: "2024-05-21", desktop: 82, mobile: 140 }, - { date: "2024-05-22", desktop: 81, mobile: 120 }, - { date: "2024-05-23", desktop: 252, mobile: 290 }, - { date: "2024-05-24", desktop: 294, mobile: 220 }, - { date: "2024-05-25", desktop: 201, mobile: 250 }, - { date: "2024-05-26", desktop: 213, mobile: 170 }, - { date: "2024-05-27", desktop: 420, mobile: 460 }, - { date: "2024-05-28", desktop: 233, mobile: 190 }, - { date: "2024-05-29", desktop: 78, mobile: 130 }, - { date: "2024-05-30", desktop: 340, mobile: 280 }, - { date: "2024-05-31", desktop: 178, mobile: 230 }, - { date: "2024-06-01", desktop: 178, mobile: 200 }, - { date: "2024-06-02", desktop: 470, mobile: 410 }, - { date: "2024-06-03", desktop: 103, mobile: 160 }, - { date: "2024-06-04", desktop: 439, mobile: 380 }, - { date: "2024-06-05", desktop: 88, mobile: 140 }, - { date: "2024-06-06", desktop: 294, mobile: 250 }, - { date: "2024-06-07", desktop: 323, mobile: 370 }, - { date: "2024-06-08", desktop: 385, mobile: 320 }, - { date: "2024-06-09", desktop: 438, mobile: 480 }, - { date: "2024-06-10", desktop: 155, mobile: 200 }, - { date: "2024-06-11", desktop: 92, mobile: 150 }, - { date: "2024-06-12", desktop: 492, mobile: 420 }, - { date: "2024-06-13", desktop: 81, mobile: 130 }, - { date: "2024-06-14", desktop: 426, mobile: 380 }, - { date: "2024-06-15", desktop: 307, mobile: 350 }, - { date: "2024-06-16", desktop: 371, mobile: 310 }, - { date: "2024-06-17", desktop: 475, mobile: 520 }, - { date: "2024-06-18", desktop: 107, mobile: 170 }, - { date: "2024-06-19", desktop: 341, mobile: 290 }, - { date: "2024-06-20", desktop: 408, mobile: 450 }, - { date: "2024-06-21", desktop: 169, mobile: 210 }, - { date: "2024-06-22", desktop: 317, mobile: 270 }, - { date: "2024-06-23", desktop: 480, mobile: 530 }, - { date: "2024-06-24", desktop: 132, mobile: 180 }, - { date: "2024-06-25", desktop: 141, mobile: 190 }, - { date: "2024-06-26", desktop: 434, mobile: 380 }, - { date: "2024-06-27", desktop: 448, mobile: 490 }, - { date: "2024-06-28", desktop: 149, mobile: 200 }, - { date: "2024-06-29", desktop: 103, mobile: 160 }, - { date: "2024-06-30", desktop: 446, mobile: 400 }, -] - -const chartConfig = { - views: { - label: "Page Views", - }, - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const [activeChart, setActiveChart] = - React.useState("desktop") - - const total = React.useMemo( - () => ({ - desktop: chartData.reduce((acc, curr) => acc + curr.desktop, 0), - mobile: chartData.reduce((acc, curr) => acc + curr.mobile, 0), - }), - [] - ) - - return ( - - -
- Line Chart - Interactive - - Showing total visitors for the last 3 months - -
-
- {["desktop", "mobile"].map((key) => { - const chart = key as keyof typeof chartConfig - return ( - - ) - })} -
- - - - - - { - const date = new Date(value) - return date.toLocaleDateString("en-US", { - month: "short", - day: "numeric", - }) - }} - /> - { - return new Date(value).toLocaleDateString("en-US", { - month: "short", - day: "numeric", - year: "numeric", - }) - }} - /> - } - /> - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-label-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-label-custom.tsx deleted file mode 100644 index f7972946fc..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-label-custom.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - color: "hsl(var(--chart-2))", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Custom Label - January - June 2024 - - - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-label.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-label.tsx deleted file mode 100644 index c6b832d6a6..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-label.tsx +++ /dev/null @@ -1,105 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, LabelList, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with a label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Label - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-linear.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-linear.tsx deleted file mode 100644 index 7225a5f79c..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-linear.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A linear line chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Linear - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-multiple.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-multiple.tsx deleted file mode 100644 index f972819f5b..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-multiple.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A multiple line chart" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Multiple - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } /> - - - - - - -
-
-
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
-
-
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-line-step.tsx b/deprecated/www/__registry__/new-york/charts/chart-line-step.tsx deleted file mode 100644 index 4531051867..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-line-step.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { CartesianGrid, Line, LineChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A line chart with step" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 73 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Line Chart - Step - January - June 2024 - - - - - - value.slice(0, 3)} - /> - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-donut-active.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-donut-active.tsx deleted file mode 100644 index 7d7a82eca8..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-donut-active.tsx +++ /dev/null @@ -1,102 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A donut chart with an active sector" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut Active - January - June 2024 - - - - - } - /> - ( - - )} - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-donut-text.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-donut-text.tsx deleted file mode 100644 index 1fb6bc74d1..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-donut-text.tsx +++ /dev/null @@ -1,129 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A donut chart with text" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 287, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 190, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = React.useMemo(() => { - return chartData.reduce((acc, curr) => acc + curr.visitors, 0) - }, []) - - return ( - - - Pie Chart - Donut with Text - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-donut.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-donut.tsx deleted file mode 100644 index 42965dac6a..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-donut.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A donut chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Donut - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-interactive.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-interactive.tsx deleted file mode 100644 index 8da797d079..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-interactive.tsx +++ /dev/null @@ -1,192 +0,0 @@ -"use client" - -import * as React from "react" -import { Label, Pie, PieChart, Sector } from "recharts" -import { PieSectorDataItem } from "recharts/types/polar/Pie" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartStyle, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -export const description = "An interactive pie chart" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - const id = "pie-interactive" - const [activeMonth, setActiveMonth] = React.useState(desktopData[0].month) - - const activeIndex = React.useMemo( - () => desktopData.findIndex((item) => item.month === activeMonth), - [activeMonth] - ) - const months = React.useMemo(() => desktopData.map((item) => item.month), []) - - return ( - - - -
- Pie Chart - Interactive - January - June 2024 -
- - - - - - } - /> - ( - - - - - )} - > - - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-label-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-label-custom.tsx deleted file mode 100644 index ff956ebf9d..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-label-custom.tsx +++ /dev/null @@ -1,107 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a custom label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Custom Label - January - June 2024 - - - - - } - /> - { - return ( - - {payload.visitors} - - ) - }} - nameKey="browser" - /> - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-label-list.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-label-list.tsx deleted file mode 100644 index 0bc77dfde0..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-label-list.tsx +++ /dev/null @@ -1,97 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a label list" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label List - January - June 2024 - - - - - } - /> - - - chartConfig[value]?.label - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-label.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-label.tsx deleted file mode 100644 index e4a13c9397..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-label.tsx +++ /dev/null @@ -1,85 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Label - January - June 2024 - - - - - } /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-legend.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-legend.tsx deleted file mode 100644 index d75f89eacf..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-legend.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with a legend" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Legend - January - June 2024 - - - - - - } - className="-translate-y-2 flex-wrap gap-2 [&>*]:basis-1/4 [&>*]:justify-center" - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-separator-none.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-separator-none.tsx deleted file mode 100644 index cf191f1615..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-separator-none.tsx +++ /dev/null @@ -1,93 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with no separator" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Separator None - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-simple.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-simple.tsx deleted file mode 100644 index c529f52bb1..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A simple pie chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-pie-stacked.tsx b/deprecated/www/__registry__/new-york/charts/chart-pie-stacked.tsx deleted file mode 100644 index b4be18a47d..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-pie-stacked.tsx +++ /dev/null @@ -1,119 +0,0 @@ -"use client" - -import * as React from "react" -import { TrendingUp } from "lucide-react" -import { Label, Pie, PieChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A pie chart with stacked sections" - -const desktopData = [ - { month: "january", desktop: 186, fill: "var(--color-january)" }, - { month: "february", desktop: 305, fill: "var(--color-february)" }, - { month: "march", desktop: 237, fill: "var(--color-march)" }, - { month: "april", desktop: 173, fill: "var(--color-april)" }, - { month: "may", desktop: 209, fill: "var(--color-may)" }, -] - -const mobileData = [ - { month: "january", mobile: 80, fill: "var(--color-january)" }, - { month: "february", mobile: 200, fill: "var(--color-february)" }, - { month: "march", mobile: 120, fill: "var(--color-march)" }, - { month: "april", mobile: 190, fill: "var(--color-april)" }, - { month: "may", mobile: 130, fill: "var(--color-may)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - desktop: { - label: "Desktop", - }, - mobile: { - label: "Mobile", - }, - january: { - label: "January", - color: "hsl(var(--chart-1))", - }, - february: { - label: "February", - color: "hsl(var(--chart-2))", - }, - march: { - label: "March", - color: "hsl(var(--chart-3))", - }, - april: { - label: "April", - color: "hsl(var(--chart-4))", - }, - may: { - label: "May", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Pie Chart - Stacked - January - June 2024 - - - - - { - return chartConfig[ - payload?.[0].dataKey as keyof typeof chartConfig - ].label - }} - /> - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-default.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-default.tsx deleted file mode 100644 index 7d258514cd..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-default.tsx +++ /dev/null @@ -1,75 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-dots.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-dots.tsx deleted file mode 100644 index 385734eae7..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-dots.tsx +++ /dev/null @@ -1,79 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with dots" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Dots - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle-fill.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle-fill.tsx deleted file mode 100644 index f3c62bbe86..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle Filled - - Showing total visitors for the last 6 months - - - - - - } /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle-no-lines.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle-no-lines.tsx deleted file mode 100644 index 5164314998..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle-no-lines.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid and circle fill" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - No lines - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle.tsx deleted file mode 100644 index 0cfb63f0e1..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-circle.tsx +++ /dev/null @@ -1,82 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid and circle" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Circle - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-grid-custom.tsx deleted file mode 100644 index c48dfcd641..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-custom.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a custom grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Custom - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-fill.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-grid-fill.tsx deleted file mode 100644 index 69e2a9e06f..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-fill.tsx +++ /dev/null @@ -1,78 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a grid filled" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 285 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 203 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 264 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid Filled - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-none.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-grid-none.tsx deleted file mode 100644 index bdd774945a..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-grid-none.tsx +++ /dev/null @@ -1,81 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with no grid" - -const chartData = [ - { month: "January", desktop: 186 }, - { month: "February", desktop: 305 }, - { month: "March", desktop: 237 }, - { month: "April", desktop: 273 }, - { month: "May", desktop: 209 }, - { month: "June", desktop: 214 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Grid None - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-icons.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-icons.tsx deleted file mode 100644 index d6e5b9ad9b..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-icons.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { ArrowDownFromLine, ArrowUpFromLine, TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with icons" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - icon: ArrowDownFromLine, - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - icon: ArrowUpFromLine, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Icons - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-label-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-label-custom.tsx deleted file mode 100644 index 7d693b2eda..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-label-custom.tsx +++ /dev/null @@ -1,120 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a custom label" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Custom Label - - Showing total visitors for the last 6 months - - - - - - } - /> - { - const data = chartData[index] - - return ( - - {data.desktop} - / - {data.mobile} - - {data.month} - - - ) - }} - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-legend.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-legend.tsx deleted file mode 100644 index 4000465449..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-legend.tsx +++ /dev/null @@ -1,92 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartLegend, - ChartLegendContent, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a legend" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Legend - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - } /> - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-lines-only.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-lines-only.tsx deleted file mode 100644 index abaf967363..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-lines-only.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with lines only" - -const chartData = [ - { month: "January", desktop: 186, mobile: 160 }, - { month: "February", desktop: 185, mobile: 170 }, - { month: "March", desktop: 207, mobile: 180 }, - { month: "April", desktop: 173, mobile: 160 }, - { month: "May", desktop: 160, mobile: 190 }, - { month: "June", desktop: 174, mobile: 204 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Lines Only - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-multiple.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-multiple.tsx deleted file mode 100644 index d8786f8b4a..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-multiple.tsx +++ /dev/null @@ -1,83 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarAngleAxis, PolarGrid, Radar, RadarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with multiple data" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Multiple - - Showing total visitors for the last 6 months - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radar-radius.tsx b/deprecated/www/__registry__/new-york/charts/chart-radar-radius.tsx deleted file mode 100644 index aa82f8f024..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radar-radius.tsx +++ /dev/null @@ -1,96 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - PolarAngleAxis, - PolarGrid, - PolarRadiusAxis, - Radar, - RadarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radar chart with a radius axis" - -const chartData = [ - { month: "January", desktop: 186, mobile: 80 }, - { month: "February", desktop: 305, mobile: 200 }, - { month: "March", desktop: 237, mobile: 120 }, - { month: "April", desktop: 73, mobile: 190 }, - { month: "May", desktop: 209, mobile: 130 }, - { month: "June", desktop: 214, mobile: 140 }, -] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radar Chart - Radius Axis - - Showing total visitors for the last 6 months - - - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- January - June 2024 -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radial-grid.tsx b/deprecated/www/__registry__/new-york/charts/chart-radial-grid.tsx deleted file mode 100644 index 69a1a3a603..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radial-grid.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { PolarGrid, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with a grid" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Grid - January - June 2024 - - - - - } - /> - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radial-label.tsx b/deprecated/www/__registry__/new-york/charts/chart-radial-label.tsx deleted file mode 100644 index 25c1bc41bf..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radial-label.tsx +++ /dev/null @@ -1,101 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { LabelList, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with a label" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Label - January - June 2024 - - - - - } - /> - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radial-shape.tsx b/deprecated/www/__registry__/new-york/charts/chart-radial-shape.tsx deleted file mode 100644 index 592e225c4a..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radial-shape.tsx +++ /dev/null @@ -1,108 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with a custom shape" - -const chartData = [ - { browser: "safari", visitors: 1260, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Shape - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radial-simple.tsx b/deprecated/www/__registry__/new-york/charts/chart-radial-simple.tsx deleted file mode 100644 index 4033acb323..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radial-simple.tsx +++ /dev/null @@ -1,88 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart" - -const chartData = [ - { browser: "chrome", visitors: 275, fill: "var(--color-chrome)" }, - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, - { browser: "firefox", visitors: 187, fill: "var(--color-firefox)" }, - { browser: "edge", visitors: 173, fill: "var(--color-edge)" }, - { browser: "other", visitors: 90, fill: "var(--color-other)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - chrome: { - label: "Chrome", - color: "hsl(var(--chart-1))", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, - firefox: { - label: "Firefox", - color: "hsl(var(--chart-3))", - }, - edge: { - label: "Edge", - color: "hsl(var(--chart-4))", - }, - other: { - label: "Other", - color: "hsl(var(--chart-5))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - January - June 2024 - - - - - } - /> - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radial-stacked.tsx b/deprecated/www/__registry__/new-york/charts/chart-radial-stacked.tsx deleted file mode 100644 index 38d35670e5..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radial-stacked.tsx +++ /dev/null @@ -1,113 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { Label, PolarRadiusAxis, RadialBar, RadialBarChart } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with stacked sections" - -const chartData = [{ month: "january", desktop: 1260, mobile: 570 }] - -const chartConfig = { - desktop: { - label: "Desktop", - color: "hsl(var(--chart-1))", - }, - mobile: { - label: "Mobile", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - const totalVisitors = chartData[0].desktop + chartData[0].mobile - - return ( - - - Radial Chart - Stacked - January - June 2024 - - - - - } - /> - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-radial-text.tsx b/deprecated/www/__registry__/new-york/charts/chart-radial-text.tsx deleted file mode 100644 index b88623e6e2..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-radial-text.tsx +++ /dev/null @@ -1,109 +0,0 @@ -"use client" - -import { TrendingUp } from "lucide-react" -import { - Label, - PolarGrid, - PolarRadiusAxis, - RadialBar, - RadialBarChart, -} from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { ChartConfig, ChartContainer } from "@/registry/new-york/ui/chart" - -export const description = "A radial chart with text" - -const chartData = [ - { browser: "safari", visitors: 200, fill: "var(--color-safari)" }, -] - -const chartConfig = { - visitors: { - label: "Visitors", - }, - safari: { - label: "Safari", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Radial Chart - Text - January - June 2024 - - - - - - - - - - - - -
- Trending up by 5.2% this month -
-
- Showing total visitors for the last 6 months -
- - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-advanced.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-advanced.tsx deleted file mode 100644 index bbc9f115dd..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-advanced.tsx +++ /dev/null @@ -1,123 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Advanced - - Tooltip with custom formatter and total. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( - <> -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
- {/* Add this after the last item */} - {index === 1 && ( -
- Total -
- {item.payload.running + item.payload.swimming} - - kcal - -
-
- )} - - )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-default.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-default.tsx deleted file mode 100644 index 759b4555be..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-default.tsx +++ /dev/null @@ -1,89 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Default - - Default tooltip with ChartTooltipContent. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-formatter.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-formatter.tsx deleted file mode 100644 index e67f266f27..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-formatter.tsx +++ /dev/null @@ -1,100 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Formatter - Tooltip with custom formatter . - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - ( -
- {chartConfig[name as keyof typeof chartConfig]?.label || - name} -
- {value} - - kcal - -
-
- )} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-icons.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-icons.tsx deleted file mode 100644 index f2bf071923..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-icons.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Footprints, Waves } from "lucide-react" -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - icon: Footprints, - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - icon: Waves, - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Icons - Tooltip with icons. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-indicator-line.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-indicator-line.tsx deleted file mode 100644 index 19c3f85889..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-indicator-line.tsx +++ /dev/null @@ -1,87 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" -export const iframeHeight = "600px" -export const containerClassName = - "[&>div]:w-full [&>div]:max-w-md flex items-center justify-center min-h-svh" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Line Indicator - Tooltip with line indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-indicator-none.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-indicator-none.tsx deleted file mode 100644 index 29c898a861..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-indicator-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Indicator - Tooltip with no indicator. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-custom.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-custom.tsx deleted file mode 100644 index f632510879..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-custom.tsx +++ /dev/null @@ -1,91 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - activities: { - label: "Activities", - }, - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Custom label - - Tooltip with custom label from chartConfig. - - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-formatter.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-formatter.tsx deleted file mode 100644 index 220a445b0c..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-formatter.tsx +++ /dev/null @@ -1,94 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - Label Formatter - Tooltip with label formatter. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - { - return new Date(value).toLocaleDateString("en-US", { - day: "numeric", - month: "long", - year: "numeric", - }) - }} - /> - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-none.tsx b/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-none.tsx deleted file mode 100644 index a655168dff..0000000000 --- a/deprecated/www/__registry__/new-york/charts/chart-tooltip-label-none.tsx +++ /dev/null @@ -1,84 +0,0 @@ -"use client" - -import { Bar, BarChart, XAxis } from "recharts" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - ChartConfig, - ChartContainer, - ChartTooltip, - ChartTooltipContent, -} from "@/registry/new-york/ui/chart" - -export const description = "A stacked bar chart with a legend" - -const chartData = [ - { date: "2024-07-15", running: 450, swimming: 300 }, - { date: "2024-07-16", running: 380, swimming: 420 }, - { date: "2024-07-17", running: 520, swimming: 120 }, - { date: "2024-07-18", running: 140, swimming: 550 }, - { date: "2024-07-19", running: 600, swimming: 350 }, - { date: "2024-07-20", running: 480, swimming: 400 }, -] - -const chartConfig = { - running: { - label: "Running", - color: "hsl(var(--chart-1))", - }, - swimming: { - label: "Swimming", - color: "hsl(var(--chart-2))", - }, -} satisfies ChartConfig - -export default function Component() { - return ( - - - Tooltip - No Label - Tooltip with no label. - - - - - { - return new Date(value).toLocaleDateString("en-US", { - weekday: "short", - }) - }} - /> - - - } - cursor={false} - defaultIndex={1} - /> - - - - - ) -} diff --git a/deprecated/www/actions/edit-in-v0.ts b/deprecated/www/actions/edit-in-v0.ts deleted file mode 100644 index 125dacc563..0000000000 --- a/deprecated/www/actions/edit-in-v0.ts +++ /dev/null @@ -1,205 +0,0 @@ -"use server" - -import { track } from "@vercel/analytics/server" -import { capitalCase } from "change-case" - -import { getRegistryItem } from "@/lib/registry" -import { Style } from "@/registry/registry-styles" - -const TAILWIND_CONFIG_BLOCKS = ["dashboard-01"] - -export async function editInV0({ - name, - style, - url, -}: { - name: string - style?: Style["name"] - url: string -}) { - style = style ?? "new-york" - try { - const registryItem = await getRegistryItem(name, style) - - if (!registryItem) { - return { error: "Something went wrong. Please try again later." } - } - - await track("edit_in_v0", { - name, - title: registryItem.name, - description: registryItem.description ?? registryItem.name, - style, - url, - }) - - // Remove v0 prefix from the name - registryItem.name = registryItem.name.replace(/^v0-/, "") - - const projectName = capitalCase(name.replace(/\d+/g, "")) - registryItem.description = registryItem.description || projectName - - // Replace `@/registry/new-york/` in files. - registryItem.files = registryItem.files?.map((file) => { - if (file.content?.includes("@/registry/new-york/ui")) { - file.content = file.content?.replaceAll( - "@/registry/new-york/ui", - "@/components/ui" - ) - } - return file - }) - - if (TAILWIND_CONFIG_BLOCKS.includes(name)) { - registryItem.files?.push({ - path: "tailwind.config.js", - type: "registry:file", - target: "tailwind.config.js", - content: TAILWIND_CONFIG, - }) - } - - const payload = { - version: 2, - payload: registryItem, - source: { - title: "shadcn/ui", - url, - }, - meta: { - project: projectName, - file: `${name}.tsx`, - }, - } - - const response = await fetch(`${process.env.V0_URL}/chat/api/open-in-v0`, { - method: "POST", - body: JSON.stringify(payload), - headers: { - "x-v0-edit-secret": process.env.V0_EDIT_SECRET!, - "x-vercel-protection-bypass": - process.env.DEPLOYMENT_PROTECTION_BYPASS || "not-set", - "Content-Type": "application/json", - }, - }) - - if (!response.ok) { - if (response.status === 403) { - throw new Error("Unauthorized") - } - - console.error(response.statusText) - - throw new Error("Something went wrong. Please try again later.") - } - - const result = await response.json() - - return { - ...result, - url: `${process.env.V0_URL}/chat/api/open-in-v0/${result.id}`, - } - } catch (error) { - console.error(error) - if (error instanceof Error) { - return { error: error.message } - } - } -} - -const TAILWIND_CONFIG = `const { fontFamily } = require("tailwindcss/defaultTheme") - -/** @type {import('tailwindcss').Config} */ -module.exports = { - darkMode: ["class"], - content: ["app/**/*.{ts,tsx}", "components/**/*.{ts,tsx}"], - theme: { - extend: { - fontFamily: { - sans: ["var(--font-geist-sans)", ...fontFamily.sans], - mono: ["var(--font-geist-mono)", ...fontFamily.mono], - }, - colors: { - border: "hsl(var(--border))", - input: "hsl(var(--input))", - ring: "hsl(var(--ring))", - background: "hsl(var(--background))", - foreground: "hsl(var(--foreground))", - primary: { - DEFAULT: "hsl(var(--primary))", - foreground: "hsl(var(--primary-foreground))", - }, - secondary: { - DEFAULT: "hsl(var(--secondary))", - foreground: "hsl(var(--secondary-foreground))", - }, - destructive: { - DEFAULT: "hsl(var(--destructive) / )", - foreground: "hsl(var(--destructive-foreground) / )", - }, - muted: { - DEFAULT: "hsl(var(--muted))", - foreground: "hsl(var(--muted-foreground))", - }, - accent: { - DEFAULT: "hsl(var(--accent))", - foreground: "hsl(var(--accent-foreground))", - }, - popover: { - DEFAULT: "hsl(var(--popover))", - foreground: "hsl(var(--popover-foreground))", - }, - card: { - DEFAULT: "hsl(var(--card))", - foreground: "hsl(var(--card-foreground))", - }, - chart: { - '1': 'hsl(var(--chart-1))', - '2': 'hsl(var(--chart-2))', - '3': 'hsl(var(--chart-3))', - '4': 'hsl(var(--chart-4))', - '5': 'hsl(var(--chart-5))' - }, - sidebar: { - DEFAULT: "hsl(var(--sidebar-background))", - foreground: "hsl(var(--sidebar-foreground))", - primary: "hsl(var(--sidebar-primary))", - "primary-foreground": "hsl(var(--sidebar-primary-foreground))", - accent: "hsl(var(--sidebar-accent))", - "accent-foreground": "hsl(var(--sidebar-accent-foreground))", - border: "hsl(var(--sidebar-border))", - ring: "hsl(var(--sidebar-ring))", - }, - }, - borderRadius: { - xl: "calc(var(--radius) + 4px)", - lg: "var(--radius)", - md: "calc(var(--radius) - 2px)", - sm: "calc(var(--radius) - 4px)", - }, - keyframes: { - "accordion-down": { - from: { height: "0" }, - to: { height: "var(--radix-accordion-content-height)" }, - }, - "accordion-up": { - from: { height: "var(--radix-accordion-content-height)" }, - to: { height: "0" }, - }, - "caret-blink": { - "0%,70%,100%": { opacity: "1" }, - "20%,50%": { opacity: "0" }, - }, - }, - animation: { - "accordion-down": "accordion-down 0.2s ease-out", - "accordion-up": "accordion-up 0.2s ease-out", - "caret-blink": "caret-blink 1.25s ease-out infinite", - }, - }, - }, - plugins: [ - require("tailwindcss-animate"), - require("@tailwindcss/container-queries"), - ], -}` diff --git a/deprecated/www/app/(app)/blocks/[...categories]/page.tsx b/deprecated/www/app/(app)/blocks/[...categories]/page.tsx deleted file mode 100644 index d02086924a..0000000000 --- a/deprecated/www/app/(app)/blocks/[...categories]/page.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import { getAllBlockIds } from "@/lib/blocks" -import { BlockDisplay } from "@/components/block-display" -import { registryCategories } from "@/registry/registry-categories" - -export const dynamicParams = false - -export async function generateStaticParams() { - return registryCategories.map((category) => ({ - categories: [category.slug], - })) -} - -export default async function BlocksPage({ - params, -}: { - params: { categories?: string[] } -}) { - const blocks = await getAllBlockIds( - ["registry:block"], - params.categories ?? [] - ) - - return blocks.map((name) => ( -
- -
- )) -} diff --git a/deprecated/www/app/(app)/blocks/layout.tsx b/deprecated/www/app/(app)/blocks/layout.tsx deleted file mode 100644 index 2b52e49052..0000000000 --- a/deprecated/www/app/(app)/blocks/layout.tsx +++ /dev/null @@ -1,74 +0,0 @@ -import { Metadata } from "next" - -import { Announcement } from "@/components/announcement" -import { BlocksNav } from "@/components/blocks-nav" -import { - PageActions, - PageHeader, - PageHeaderDescription, - PageHeaderHeading, -} from "@/components/page-header" -import { Button } from "@/registry/new-york/ui/button" - -import "@/styles/mdx.css" -import Link from "next/link" - -const title = "Building Blocks for the Web" -const description = - "Clean, modern building blocks. Copy and paste into your apps. Works with all React frameworks. Open Source. Free forever." - -export const metadata: Metadata = { - title, - description, - openGraph: { - images: [ - { - url: `/og?title=${encodeURIComponent( - title - )}&description=${encodeURIComponent(description)}`, - }, - ], - }, - twitter: { - card: "summary_large_image", - images: [ - { - url: `/og?title=${encodeURIComponent( - title - )}&description=${encodeURIComponent(description)}`, - }, - ], - }, -} - -export default function BlocksLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - <> - - - {title} - {description} - - - - - -
-
-
- -
-
-
-
{children}
- - ) -} diff --git a/deprecated/www/app/(app)/blocks/page.tsx b/deprecated/www/app/(app)/blocks/page.tsx deleted file mode 100644 index 199985bf68..0000000000 --- a/deprecated/www/app/(app)/blocks/page.tsx +++ /dev/null @@ -1,34 +0,0 @@ -import Link from "next/link" - -import { BlockDisplay } from "@/components/block-display" -import { Button } from "@/registry/new-york/ui/button" - -const FEATURED_BLOCKS = [ - "dashboard-01", - "sidebar-07", - "sidebar-03", - "login-03", - "login-04", -] - -export default async function BlocksPage() { - return ( -
- {FEATURED_BLOCKS.map((block) => ( -
- -
- ))} -
-
- -
-
-
- ) -} diff --git a/deprecated/www/app/(app)/charts/charts.tsx b/deprecated/www/app/(app)/charts/charts.tsx deleted file mode 100644 index 694d62b0bc..0000000000 --- a/deprecated/www/app/(app)/charts/charts.tsx +++ /dev/null @@ -1,76 +0,0 @@ -export { default as ChartAreaDefault } from "@/registry/new-york/charts/chart-area-default" -export { default as ChartAreaLinear } from "@/registry/new-york/charts/chart-area-linear" -export { default as ChartAreaStep } from "@/registry/new-york/charts/chart-area-step" -export { default as ChartAreaLegend } from "@/registry/new-york/charts/chart-area-legend" -export { default as ChartAreaStacked } from "@/registry/new-york/charts/chart-area-stacked" -export { default as ChartAreaStackedExpand } from "@/registry/new-york/charts/chart-area-stacked-expand" -export { default as ChartAreaIcons } from "@/registry/new-york/charts/chart-area-icons" -export { default as ChartAreaGradient } from "@/registry/new-york/charts/chart-area-gradient" -export { default as ChartAreaAxes } from "@/registry/new-york/charts/chart-area-axes" -export { default as ChartAreaInteractive } from "@/registry/new-york/charts/chart-area-interactive" - -export { default as ChartBarDefault } from "@/registry/new-york/charts/chart-bar-default" -export { default as ChartBarHorizontal } from "@/registry/new-york/charts/chart-bar-horizontal" -export { default as ChartBarMultiple } from "@/registry/new-york/charts/chart-bar-multiple" -export { default as ChartBarStacked } from "@/registry/new-york/charts/chart-bar-stacked" -export { default as ChartBarLabel } from "@/registry/new-york/charts/chart-bar-label" -export { default as ChartBarLabelCustom } from "@/registry/new-york/charts/chart-bar-label-custom" -export { default as ChartBarMixed } from "@/registry/new-york/charts/chart-bar-mixed" -export { default as ChartBarActive } from "@/registry/new-york/charts/chart-bar-active" -export { default as ChartBarNegative } from "@/registry/new-york/charts/chart-bar-negative" -export { default as ChartBarInteractive } from "@/registry/new-york/charts/chart-bar-interactive" - -export { default as ChartLineDefault } from "@/registry/new-york/charts/chart-line-default" -export { default as ChartLineLinear } from "@/registry/new-york/charts/chart-line-linear" -export { default as ChartLineStep } from "@/registry/new-york/charts/chart-line-step" -export { default as ChartLineMultiple } from "@/registry/new-york/charts/chart-line-multiple" -export { default as ChartLineDots } from "@/registry/new-york/charts/chart-line-dots" -export { default as ChartLineDotsCustom } from "@/registry/new-york/charts/chart-line-dots-custom" -export { default as ChartLineDotsColors } from "@/registry/new-york/charts/chart-line-dots-colors" -export { default as ChartLineLabel } from "@/registry/new-york/charts/chart-line-label" -export { default as ChartLineLabelCustom } from "@/registry/new-york/charts/chart-line-label-custom" -export { default as ChartLineInteractive } from "@/registry/new-york/charts/chart-line-interactive" - -export { default as ChartPieSimple } from "@/registry/new-york/charts/chart-pie-simple" -export { default as ChartPieSeparatorNone } from "@/registry/new-york/charts/chart-pie-separator-none" -export { default as ChartPieLabel } from "@/registry/new-york/charts/chart-pie-label" -export { default as ChartPieLabelCustom } from "@/registry/new-york/charts/chart-pie-label-custom" -export { default as ChartPieLabelList } from "@/registry/new-york/charts/chart-pie-label-list" -export { default as ChartPieLegend } from "@/registry/new-york/charts/chart-pie-legend" -export { default as ChartPieDonut } from "@/registry/new-york/charts/chart-pie-donut" -export { default as ChartPieDonutActive } from "@/registry/new-york/charts/chart-pie-donut-active" -export { default as ChartPieDonutText } from "@/registry/new-york/charts/chart-pie-donut-text" -export { default as ChartPieStacked } from "@/registry/new-york/charts/chart-pie-stacked" -export { default as ChartPieInteractive } from "@/registry/new-york/charts/chart-pie-interactive" - -export { default as ChartRadarDefault } from "@/registry/new-york/charts/chart-radar-default" -export { default as ChartRadarDots } from "@/registry/new-york/charts/chart-radar-dots" -export { default as ChartRadarLinesOnly } from "@/registry/new-york/charts/chart-radar-lines-only" -export { default as ChartRadarLabelCustom } from "@/registry/new-york/charts/chart-radar-label-custom" -export { default as ChartRadarGridCustom } from "@/registry/new-york/charts/chart-radar-grid-custom" -export { default as ChartRadarGridNone } from "@/registry/new-york/charts/chart-radar-grid-none" -export { default as ChartRadarGridCircle } from "@/registry/new-york/charts/chart-radar-grid-circle" -export { default as ChartRadarGridCircleNoLines } from "@/registry/new-york/charts/chart-radar-grid-circle-no-lines" -export { default as ChartRadarGridCircleFill } from "@/registry/new-york/charts/chart-radar-grid-circle-fill" -export { default as ChartRadarGridFill } from "@/registry/new-york/charts/chart-radar-grid-fill" -export { default as ChartRadarMultiple } from "@/registry/new-york/charts/chart-radar-multiple" -export { default as ChartRadarLegend } from "@/registry/new-york/charts/chart-radar-legend" -export { default as ChartRadarIcons } from "@/registry/new-york/charts/chart-radar-icons" -export { default as ChartRadarRadius } from "@/registry/new-york/charts/chart-radar-radius" - -export { default as ChartRadialSimple } from "@/registry/new-york/charts/chart-radial-simple" -export { default as ChartRadialLabel } from "@/registry/new-york/charts/chart-radial-label" -export { default as ChartRadialGrid } from "@/registry/new-york/charts/chart-radial-grid" -export { default as ChartRadialText } from "@/registry/new-york/charts/chart-radial-text" -export { default as ChartRadialShape } from "@/registry/new-york/charts/chart-radial-shape" -export { default as ChartRadialStacked } from "@/registry/new-york/charts/chart-radial-stacked" - -export { default as ChartTooltipDefault } from "@/registry/new-york/charts/chart-tooltip-default" -export { default as ChartTooltipIndicatorLine } from "@/registry/new-york/charts/chart-tooltip-indicator-line" -export { default as ChartTooltipIndicatorNone } from "@/registry/new-york/charts/chart-tooltip-indicator-none" -export { default as ChartTooltipLabelCustom } from "@/registry/new-york/charts/chart-tooltip-label-custom" -export { default as ChartTooltipLabelFormatter } from "@/registry/new-york/charts/chart-tooltip-label-formatter" -export { default as ChartTooltipLabelNone } from "@/registry/new-york/charts/chart-tooltip-label-none" -export { default as ChartTooltipFormatter } from "@/registry/new-york/charts/chart-tooltip-formatter" -export { default as ChartTooltipIcons } from "@/registry/new-york/charts/chart-tooltip-icons" -export { default as ChartTooltipAdvanced } from "@/registry/new-york/charts/chart-tooltip-advanced" diff --git a/deprecated/www/app/(app)/charts/layout.tsx b/deprecated/www/app/(app)/charts/layout.tsx deleted file mode 100644 index 660367cde7..0000000000 --- a/deprecated/www/app/(app)/charts/layout.tsx +++ /dev/null @@ -1,78 +0,0 @@ -import { Metadata } from "next" -import Link from "next/link" - -import { Announcement } from "@/components/announcement" -import { ChartsNav } from "@/components/charts-nav" -import { - PageActions, - PageHeader, - PageHeaderDescription, - PageHeaderHeading, -} from "@/components/page-header" -import { Button } from "@/registry/new-york/ui/button" - -const title = "Beautiful Charts" -const description = - "Built using Recharts. Copy and paste into your apps. Open Source." - -export const metadata: Metadata = { - title, - description, - openGraph: { - images: [ - { - url: `/og?title=${encodeURIComponent( - title - )}&description=${encodeURIComponent(description)}`, - }, - ], - }, - twitter: { - card: "summary_large_image", - images: [ - { - url: `/og?title=${encodeURIComponent( - title - )}&description=${encodeURIComponent(description)}`, - }, - ], - }, -} - -export default function ChartsLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - <> - - - {title} - {description} - - - - - -
-
-
- -
-
-
-
-
-
- {children} -
-
-
- - ) -} diff --git a/deprecated/www/app/(app)/charts/page.tsx b/deprecated/www/app/(app)/charts/page.tsx deleted file mode 100644 index d1584b1532..0000000000 --- a/deprecated/www/app/(app)/charts/page.tsx +++ /dev/null @@ -1,298 +0,0 @@ -import { THEMES } from "@/lib/themes" -import { ChartDisplay } from "@/components/chart-display" -import { ThemesSwitcher } from "@/components/themes-selector" -import { ThemesStyle } from "@/components/themes-styles" -import { Separator } from "@/registry/new-york/ui/separator" -import * as Charts from "@/app/(app)/charts/charts" - -export default function ChartsPage() { - return ( -
- -
- -
-

Examples

-
- - - - - - - - - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - -
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - -
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - -
-
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- -
- - - - - - - - - - - - - - - - - - -
- -
- - - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- ) -} diff --git a/deprecated/www/app/(app)/colors/layout.tsx b/deprecated/www/app/(app)/colors/layout.tsx deleted file mode 100644 index 76e37df4ec..0000000000 --- a/deprecated/www/app/(app)/colors/layout.tsx +++ /dev/null @@ -1,69 +0,0 @@ -import { Metadata } from "next" -import Link from "next/link" - -import { Announcement } from "@/components/announcement" -import { - PageActions, - PageHeader, - PageHeaderDescription, - PageHeaderHeading, -} from "@/components/page-header" -import { Button } from "@/registry/new-york/ui/button" - -const title = "Color Library" -const description = "Tailwind CSS colors in HSL, RGB, HEX and OKLCH formats." - -export const metadata: Metadata = { - title, - description, - openGraph: { - images: [ - { - url: `/og?title=${encodeURIComponent( - title - )}&description=${encodeURIComponent(description)}`, - }, - ], - }, - twitter: { - card: "summary_large_image", - images: [ - { - url: `/og?title=${encodeURIComponent( - title - )}&description=${encodeURIComponent(description)}`, - }, - ], - }, -} - -export default function ColorsLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( - <> - - - {title} - {description} - - - - - -
-
-
- {children} -
-
-
- - ) -} diff --git a/deprecated/www/app/(app)/colors/page.tsx b/deprecated/www/app/(app)/colors/page.tsx deleted file mode 100644 index 693a6fccaa..0000000000 --- a/deprecated/www/app/(app)/colors/page.tsx +++ /dev/null @@ -1,14 +0,0 @@ -import { getColors } from "@/lib/colors" -import { ColorPalette } from "@/components/color-palette" - -export default function ColorsPage() { - const colors = getColors() - - return ( -
- {colors.map((colorPalette) => ( - - ))} -
- ) -} diff --git a/deprecated/www/app/(app)/docs/[[...slug]]/page.tsx b/deprecated/www/app/(app)/docs/[[...slug]]/page.tsx deleted file mode 100644 index a724965a9d..0000000000 --- a/deprecated/www/app/(app)/docs/[[...slug]]/page.tsx +++ /dev/null @@ -1,154 +0,0 @@ -import { notFound } from "next/navigation" -import { allDocs } from "contentlayer/generated" - -import "@/styles/mdx.css" -import type { Metadata } from "next" -import Link from "next/link" -import { ChevronRight, ExternalLink } from "lucide-react" -import Balancer from "react-wrap-balancer" - -import { getTableOfContents } from "@/lib/toc" -import { absoluteUrl, cn } from "@/lib/utils" -import { Mdx } from "@/components/mdx-components" -import { OpenInV0Cta } from "@/components/open-in-v0-cta" -import { DocsPager } from "@/components/pager" -import { DashboardTableOfContents } from "@/components/toc" -import { badgeVariants } from "@/registry/new-york/ui/badge" - -interface DocPageProps { - params: { - slug: string[] - } -} - -async function getDocFromParams({ params }: DocPageProps) { - const slug = params.slug?.join("/") || "" - const doc = allDocs.find((doc) => doc.slugAsParams === slug) - - if (!doc) { - return null - } - - return doc -} - -export async function generateMetadata({ - params, -}: DocPageProps): Promise { - const doc = await getDocFromParams({ params }) - - if (!doc) { - return {} - } - - return { - title: doc.title, - description: doc.description, - openGraph: { - title: doc.title, - description: doc.description, - type: "article", - url: absoluteUrl(doc.slug), - images: [ - { - url: `/og?title=${encodeURIComponent( - doc.title - )}&description=${encodeURIComponent(doc.description)}`, - }, - ], - }, - twitter: { - card: "summary_large_image", - title: doc.title, - description: doc.description, - images: [ - { - url: `/og?title=${encodeURIComponent( - doc.title - )}&description=${encodeURIComponent(doc.description)}`, - }, - ], - creator: "@shadcn", - }, - } -} - -export async function generateStaticParams(): Promise< - DocPageProps["params"][] -> { - return allDocs.map((doc) => ({ - slug: doc.slugAsParams.split("/"), - })) -} - -export default async function DocPage({ params }: DocPageProps) { - const doc = await getDocFromParams({ params }) - - if (!doc) { - notFound() - } - - const toc = await getTableOfContents(doc.body.raw) - - return ( -
-
-
- - Docs - - -
{doc.title}
-
-
-

- {doc.title} -

- {doc.description && ( -

- {doc.description} -

- )} -
- {doc.links ? ( -
- {doc.links?.doc && ( - - Docs - - - )} - {doc.links?.api && ( - - API Reference - - - )} -
- ) : null} -
- -
- -
-
-
-
- {doc.toc && } - -
-
-
-
- ) -} diff --git a/deprecated/www/app/(app)/docs/layout.tsx b/deprecated/www/app/(app)/docs/layout.tsx deleted file mode 100644 index 148baa46ac..0000000000 --- a/deprecated/www/app/(app)/docs/layout.tsx +++ /dev/null @@ -1,21 +0,0 @@ -import { docsConfig } from "@/config/docs" -import { DocsNav } from "@/components/docs-nav" - -export default function DocsLayout({ - children, -}: { - children: React.ReactNode -}) { - return ( -
-
- - {children} -
-
- ) -} diff --git a/deprecated/www/app/(app)/examples/authentication/components/user-auth-form.tsx b/deprecated/www/app/(app)/examples/authentication/components/user-auth-form.tsx deleted file mode 100644 index 01571ae23d..0000000000 --- a/deprecated/www/app/(app)/examples/authentication/components/user-auth-form.tsx +++ /dev/null @@ -1,71 +0,0 @@ -"use client" - -import * as React from "react" - -import { cn } from "@/lib/utils" -import { Icons } from "@/components/icons" -import { Button } from "@/registry/new-york/ui/button" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" - -interface UserAuthFormProps extends React.HTMLAttributes {} - -export function UserAuthForm({ className, ...props }: UserAuthFormProps) { - const [isLoading, setIsLoading] = React.useState(false) - - async function onSubmit(event: React.SyntheticEvent) { - event.preventDefault() - setIsLoading(true) - - setTimeout(() => { - setIsLoading(false) - }, 3000) - } - - return ( -
-
-
-
- - -
- -
-
-
-
- -
-
- - Or continue with - -
-
- -
- ) -} diff --git a/deprecated/www/app/(app)/examples/authentication/page.tsx b/deprecated/www/app/(app)/examples/authentication/page.tsx deleted file mode 100644 index 5dfe156882..0000000000 --- a/deprecated/www/app/(app)/examples/authentication/page.tsx +++ /dev/null @@ -1,104 +0,0 @@ -import { Metadata } from "next" -import Image from "next/image" -import Link from "next/link" - -import { cn } from "@/lib/utils" -import { buttonVariants } from "@/registry/new-york/ui/button" -import { UserAuthForm } from "@/app/(app)/examples/authentication/components/user-auth-form" - -export const metadata: Metadata = { - title: "Authentication", - description: "Authentication forms built using the components.", -} - -export default function AuthenticationPage() { - return ( - <> -
- Authentication - Authentication -
-
- - Login - -
-
-
- - - - Acme Inc -
-
-
-

- “This library has saved me countless hours of work and - helped me deliver stunning designs to my clients faster than - ever before.” -

-
Sofia Davis
-
-
-
-
-
-
-

- Create an account -

-

- Enter your email below to create your account -

-
- -

- By clicking continue, you agree to our{" "} - - Terms of Service - {" "} - and{" "} - - Privacy Policy - - . -

-
-
-
- - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/cookie-settings.tsx b/deprecated/www/app/(app)/examples/cards/components/cookie-settings.tsx deleted file mode 100644 index e23dd8ba5c..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/cookie-settings.tsx +++ /dev/null @@ -1,60 +0,0 @@ -"use client" - -import { Button } from "@/registry/new-york/ui/button" -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { Label } from "@/registry/new-york/ui/label" -import { Switch } from "@/registry/new-york/ui/switch" - -export function DemoCookieSettings() { - return ( - - - Cookie Settings - Manage your cookie settings here. - - -
- - -
-
- - -
-
- - -
- - - - - - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/create-account.tsx b/deprecated/www/app/(app)/examples/cards/components/create-account.tsx deleted file mode 100644 index 95c11c53fe..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/create-account.tsx +++ /dev/null @@ -1,60 +0,0 @@ -"use client" - -import { Icons } from "@/components/icons" -import { Button } from "@/registry/new-york/ui/button" -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" - -export function DemoCreateAccount() { - return ( - - - Create an account - - Enter your email below to create your account - - - -
- - -
-
-
- -
-
- - Or continue with - -
-
-
- - -
-
- - -
- - - - - - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/date-picker.tsx b/deprecated/www/app/(app)/examples/cards/components/date-picker.tsx deleted file mode 100644 index d14594d13e..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/date-picker.tsx +++ /dev/null @@ -1,18 +0,0 @@ -import DatePickerWithRange from "@/registry/default/examples/date-picker-with-range" -import { Card, CardContent } from "@/registry/new-york/ui/card" -import { Label } from "@/registry/new-york/ui/label" - -export function DemoDatePicker() { - return ( - - -
- - -
- - - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/github-card.tsx b/deprecated/www/app/(app)/examples/cards/components/github-card.tsx deleted file mode 100644 index 9e4c039da4..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/github-card.tsx +++ /dev/null @@ -1,81 +0,0 @@ -import { ChevronDown, Circle, Plus, Star } from "lucide-react" - -import { Button } from "@/registry/new-york/ui/button" -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { - DropdownMenu, - DropdownMenuCheckboxItem, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/registry/new-york/ui/dropdown-menu" -import { Separator } from "@/registry/new-york/ui/separator" - -export function DemoGithub() { - return ( - - -
- shadcn/ui - - Beautifully designed components that you can copy and paste into - your apps. Accessible. Customizable. Open Source. - -
-
- - - - - - - - Suggested Lists - - - Future Ideas - - My Stack - Inspiration - - - Create List - - - -
- - -
-
- - TypeScript -
-
- - 20k -
-
Updated April 2023
-
- - - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/notifications.tsx b/deprecated/www/app/(app)/examples/cards/components/notifications.tsx deleted file mode 100644 index 766e16584d..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/notifications.tsx +++ /dev/null @@ -1,51 +0,0 @@ -import { Bell, EyeOff, User } from "lucide-react" - -import { - Card, - CardContent, - CardDescription, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" - -export function DemoNotifications() { - return ( - - - Notifications - - Choose what you want to be notified about. - - - -
- -
-

Everything

-

- Email digest, mentions & all activity. -

-
-
-
- -
-

Available

-

- Only mentions and comments. -

-
-
-
- -
-

Ignoring

-

- Turn off all notifications. -

-
-
- - - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/payment-method.tsx b/deprecated/www/app/(app)/examples/cards/components/payment-method.tsx deleted file mode 100644 index 0d7e2fffaa..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/payment-method.tsx +++ /dev/null @@ -1,137 +0,0 @@ -import { Icons } from "@/components/icons" -import { Button } from "@/registry/new-york/ui/button" -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { RadioGroup, RadioGroupItem } from "@/registry/new-york/ui/radio-group" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" - -export function DemoPaymentMethod() { - return ( - - - Payment Method - - Add a new payment method to your account. - - - - -
- - -
-
- - -
-
- - -
- -
- - -
-
- - -
-
-
- - -
-
- - -
-
- - -
-
- - - - - - ) -} diff --git a/deprecated/www/app/(app)/examples/cards/components/report-an-issue.tsx b/deprecated/www/app/(app)/examples/cards/components/report-an-issue.tsx deleted file mode 100644 index 5358ac4eff..0000000000 --- a/deprecated/www/app/(app)/examples/cards/components/report-an-issue.tsx +++ /dev/null @@ -1,85 +0,0 @@ -"use client" - -import { Button } from "@/registry/new-york/ui/button" -import { - Card, - CardContent, - CardDescription, - CardFooter, - CardHeader, - CardTitle, -} from "@/registry/new-york/ui/card" -import { Input } from "@/registry/new-york/ui/input" -import { Label } from "@/registry/new-york/ui/label" -import { - Select, - SelectContent, - SelectItem, - SelectTrigger, - SelectValue, -} from "@/registry/new-york/ui/select" -import { Textarea } from "@/registry/new-york/ui/textarea" - -export function DemoReportAnIssue() { - return ( - - - Report an issue - - What area are you having problems with? - - - -
-
- - -
-
- - -
-
-
- - -
-
- -