Files
shadcn-ui/apps/v4/registry/__index__.tsx
shadcn 1994caba0b perf: dev server (#10904)
* perf: dev server

* fix
2026-06-10 11:10:01 +04:00

38915 lines
1.2 MiB

// @ts-nocheck
// This file is autogenerated by scripts/build-registry.ts
// Do not edit this file directly.
import "server-only"
import * as React from "react"
export const Index: Record<string, Record<string, any>> = {
"new-york-v4": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "separator"],
files: [
{
path: "registry/new-york-v4/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "registry/new-york-v4/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "registry/new-york-v4/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog"],
files: [
{
path: "registry/new-york-v4/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "registry/new-york-v4/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
form: {
name: "form",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "label"],
files: [
{
path: "registry/new-york-v4/ui/form.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/form")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "registry/new-york-v4/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "registry/new-york-v4/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "registry/new-york-v4/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dashboard-01": {
name: "dashboard-01",
title: "undefined",
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-v4/blocks/dashboard-01/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/data.json",
type: "registry:file",
target: "app/dashboard/data.json",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/chart-area-interactive.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/data-table.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/nav-documents.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/nav-secondary.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/nav-user.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/section-cards.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/dashboard-01/components/site-header.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/dashboard-01/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dashboard-01"
return { default: mod.default || mod[exportName] }
}),
categories: ["dashboard"],
meta: { iframeHeight: "1000px" },
},
"sidebar-01": {
name: "sidebar-01",
title: "undefined",
description: "A simple sidebar with navigation grouped by section.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"label",
"dropdown-menu",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-01/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-01/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-01/components/search-form.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-01/components/version-switcher.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-01/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-01"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-02": {
name: "sidebar-02",
title: "undefined",
description: "A sidebar with collapsible sections.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"label",
"dropdown-menu",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-02/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-02/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-02/components/search-form.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-02/components/version-switcher.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-02/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-02"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-03": {
name: "sidebar-03",
title: "undefined",
description: "A sidebar with submenus.",
type: "registry:block",
registryDependencies: ["sidebar", "breadcrumb"],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-03/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-03/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-03/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-03"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-04": {
name: "sidebar-04",
title: "undefined",
description: "A floating sidebar with submenus.",
type: "registry:block",
registryDependencies: ["sidebar", "breadcrumb", "separator"],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-04/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-04/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-04/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-04"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-05": {
name: "sidebar-05",
title: "undefined",
description: "A sidebar with collapsible submenus.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"label",
"collapsible",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-05/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-05/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-05/components/search-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-05/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-05"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-06": {
name: "sidebar-06",
title: "undefined",
description: "A sidebar with submenus as dropdowns.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"card",
"dropdown-menu",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-06/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-06/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-06/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-06/components/sidebar-opt-in-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-06/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-06"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-07": {
name: "sidebar-07",
title: "undefined",
description: "A sidebar that collapses to icons.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"collapsible",
"dropdown-menu",
"avatar",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-07/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-07/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-07/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-07/components/nav-projects.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-07/components/nav-user.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-07/components/team-switcher.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-07/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-07"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-08": {
name: "sidebar-08",
title: "undefined",
description: "An inset sidebar with secondary navigation.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"collapsible",
"dropdown-menu",
"avatar",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-08/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-08/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-08/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-08/components/nav-projects.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-08/components/nav-secondary.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-08/components/nav-user.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-08/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-08"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-09": {
name: "sidebar-09",
title: "undefined",
description: "Collapsible nested sidebars.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"collapsible",
"dropdown-menu",
"avatar",
"switch",
"label",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-09/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-09/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-09/components/nav-user.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-09/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-09"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-10": {
name: "sidebar-10",
title: "undefined",
description: "A sidebar in a popover.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"popover",
"collapsible",
"dropdown-menu",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-10/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/nav-actions.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/nav-favorites.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/nav-secondary.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/nav-workspaces.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-10/components/team-switcher.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-10/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-10"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-11": {
name: "sidebar-11",
title: "undefined",
description: "A sidebar with a collapsible file tree.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"collapsible",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-11/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-11/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-11/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-11"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-12": {
name: "sidebar-12",
title: "undefined",
description: "A sidebar with a calendar.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"collapsible",
"calendar",
"dropdown-menu",
"avatar",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-12/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-12/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-12/components/calendars.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-12/components/date-picker.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-12/components/nav-user.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-12/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-12"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-13": {
name: "sidebar-13",
title: "undefined",
description: "A sidebar in a dialog.",
type: "registry:block",
registryDependencies: ["sidebar", "breadcrumb", "button", "dialog"],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-13/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-13/components/settings-dialog.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-13/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-13"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-14": {
name: "sidebar-14",
title: "undefined",
description: "A sidebar on the right.",
type: "registry:block",
registryDependencies: ["sidebar", "breadcrumb"],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-14/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-14/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-14/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-14"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-15": {
name: "sidebar-15",
title: "undefined",
description: "A left and right sidebar.",
type: "registry:block",
registryDependencies: [
"sidebar",
"breadcrumb",
"separator",
"popover",
"collapsible",
"dropdown-menu",
"calendar",
"avatar",
],
files: [
{
path: "registry/new-york-v4/blocks/sidebar-15/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/calendars.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/date-picker.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/nav-favorites.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/nav-secondary.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/nav-user.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/nav-workspaces.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/sidebar-left.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/sidebar-right.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-15/components/team-switcher.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-15/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-15"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"sidebar-16": {
name: "sidebar-16",
title: "undefined",
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-v4/blocks/sidebar-16/page.tsx",
type: "registry:page",
target: "app/dashboard/page.tsx",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/app-sidebar.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/nav-main.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/nav-projects.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/nav-secondary.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/nav-user.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/search-form.tsx",
type: "registry:component",
target: "",
},
{
path: "registry/new-york-v4/blocks/sidebar-16/components/site-header.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/blocks/sidebar-16/page"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar-16"
return { default: mod.default || mod[exportName] }
}),
categories: ["sidebar", "dashboard"],
meta: undefined,
},
"login-01": {
name: "login-01",
title: "undefined",
description: "A simple login form.",
type: "registry:block",
registryDependencies: ["button", "card", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/login-01/page.tsx",
type: "registry:page",
target: "app/login/page.tsx",
},
{
path: "registry/new-york-v4/blocks/login-01/components/login-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/login-01/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "login-01"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "login"],
meta: undefined,
},
"login-02": {
name: "login-02",
title: "undefined",
description: "A two column login page with a cover image.",
type: "registry:block",
registryDependencies: ["button", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/login-02/page.tsx",
type: "registry:page",
target: "app/login/page.tsx",
},
{
path: "registry/new-york-v4/blocks/login-02/components/login-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/login-02/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "login-02"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "login"],
meta: undefined,
},
"login-03": {
name: "login-03",
title: "undefined",
description: "A login page with a muted background color.",
type: "registry:block",
registryDependencies: ["button", "card", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/login-03/page.tsx",
type: "registry:page",
target: "app/login/page.tsx",
},
{
path: "registry/new-york-v4/blocks/login-03/components/login-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/login-03/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "login-03"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "login"],
meta: undefined,
},
"login-04": {
name: "login-04",
title: "undefined",
description: "A login page with form and image.",
type: "registry:block",
registryDependencies: ["button", "card", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/login-04/page.tsx",
type: "registry:page",
target: "app/login/page.tsx",
},
{
path: "registry/new-york-v4/blocks/login-04/components/login-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/login-04/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "login-04"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "login"],
meta: undefined,
},
"login-05": {
name: "login-05",
title: "undefined",
description: "A simple email-only login page.",
type: "registry:block",
registryDependencies: ["button", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/login-05/page.tsx",
type: "registry:page",
target: "app/login/page.tsx",
},
{
path: "registry/new-york-v4/blocks/login-05/components/login-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/login-05/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "login-05"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "login"],
meta: undefined,
},
"signup-01": {
name: "signup-01",
title: "undefined",
description: "A simple signup form.",
type: "registry:block",
registryDependencies: ["button", "card", "input", "label"],
files: [
{
path: "registry/new-york-v4/blocks/signup-01/page.tsx",
type: "registry:page",
target: "app/signup/page.tsx",
},
{
path: "registry/new-york-v4/blocks/signup-01/components/signup-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/signup-01/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "signup-01"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "signup"],
meta: undefined,
},
"signup-02": {
name: "signup-02",
title: "undefined",
description: "A two column signup page with a cover image.",
type: "registry:block",
registryDependencies: ["button", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/signup-02/page.tsx",
type: "registry:page",
target: "app/signup/page.tsx",
},
{
path: "registry/new-york-v4/blocks/signup-02/components/signup-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/signup-02/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "signup-02"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "signup"],
meta: undefined,
},
"signup-03": {
name: "signup-03",
title: "undefined",
description: "A signup page with a muted background color.",
type: "registry:block",
registryDependencies: ["button", "card", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/signup-03/page.tsx",
type: "registry:page",
target: "app/signup/page.tsx",
},
{
path: "registry/new-york-v4/blocks/signup-03/components/signup-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/signup-03/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "signup-03"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "signup"],
meta: undefined,
},
"signup-04": {
name: "signup-04",
title: "undefined",
description: "A signup page with form and image.",
type: "registry:block",
registryDependencies: ["button", "card", "input", "label", "field"],
files: [
{
path: "registry/new-york-v4/blocks/signup-04/page.tsx",
type: "registry:page",
target: "app/signup/page.tsx",
},
{
path: "registry/new-york-v4/blocks/signup-04/components/signup-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/signup-04/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "signup-04"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "signup"],
meta: undefined,
},
"signup-05": {
name: "signup-05",
title: "undefined",
description: "A simple signup form with social providers.",
type: "registry:block",
registryDependencies: ["button", "input", "label"],
files: [
{
path: "registry/new-york-v4/blocks/signup-05/page.tsx",
type: "registry:page",
target: "app/signup/page.tsx",
},
{
path: "registry/new-york-v4/blocks/signup-05/components/signup-form.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/blocks/signup-05/page")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "signup-05"
return { default: mod.default || mod[exportName] }
}),
categories: ["authentication", "signup"],
meta: undefined,
},
"chart-area-axes": {
name: "chart-area-axes",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-axes.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-axes"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-axes"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-default": {
name: "chart-area-default",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-default.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-default"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-default"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-gradient": {
name: "chart-area-gradient",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-gradient.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-gradient"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-gradient"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-icons": {
name: "chart-area-icons",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-icons.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-icons"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-icons"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-interactive": {
name: "chart-area-interactive",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart", "select"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-interactive.tsx",
type: "registry:component",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-interactive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-interactive"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-legend": {
name: "chart-area-legend",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-legend.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-legend"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-legend"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-linear": {
name: "chart-area-linear",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-linear.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-linear"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-linear"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-stacked-expand": {
name: "chart-area-stacked-expand",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-stacked-expand.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-stacked-expand"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-stacked-expand"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-stacked": {
name: "chart-area-stacked",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-stacked.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-stacked"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-stacked"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-area-step": {
name: "chart-area-step",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-area-step.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-area-step"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-area-step"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-area"],
meta: undefined,
},
"chart-bar-active": {
name: "chart-bar-active",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-active.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-active"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-active"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-default": {
name: "chart-bar-default",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-default.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-default"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-default"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-horizontal": {
name: "chart-bar-horizontal",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-horizontal.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-horizontal"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-horizontal"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-interactive": {
name: "chart-bar-interactive",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-interactive.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-interactive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-interactive"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-label-custom": {
name: "chart-bar-label-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-label-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-label-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-label-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-label": {
name: "chart-bar-label",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-label.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-label"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-mixed": {
name: "chart-bar-mixed",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-mixed.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-mixed"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-mixed"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-multiple": {
name: "chart-bar-multiple",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-multiple.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-multiple"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-multiple"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-negative": {
name: "chart-bar-negative",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-negative.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-negative"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-negative"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-bar-stacked": {
name: "chart-bar-stacked",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-bar-stacked.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-bar-stacked"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-stacked"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-bar"],
meta: undefined,
},
"chart-line-default": {
name: "chart-line-default",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-default.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-default"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-default"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-dots-colors": {
name: "chart-line-dots-colors",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-dots-colors.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-dots-colors"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-dots-colors"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-dots-custom": {
name: "chart-line-dots-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-dots-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-dots-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-dots-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-dots": {
name: "chart-line-dots",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-dots.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-dots"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-dots"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-interactive": {
name: "chart-line-interactive",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-interactive.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-interactive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-interactive"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-label-custom": {
name: "chart-line-label-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-label-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-label-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-label-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-label": {
name: "chart-line-label",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-label.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-label"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-linear": {
name: "chart-line-linear",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-linear.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-linear"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-linear"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-multiple": {
name: "chart-line-multiple",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-multiple.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-multiple"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-multiple"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-line-step": {
name: "chart-line-step",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-line-step.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-line-step"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-line-step"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-line"],
meta: undefined,
},
"chart-pie-donut-active": {
name: "chart-pie-donut-active",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-donut-active.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-donut-active"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-donut-active"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-donut-text": {
name: "chart-pie-donut-text",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-donut-text.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-donut-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-donut-text"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-donut": {
name: "chart-pie-donut",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-donut.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-donut"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-donut"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-interactive": {
name: "chart-pie-interactive",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-interactive.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-interactive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-interactive"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-label-custom": {
name: "chart-pie-label-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-label-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-label-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-label-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-label-list": {
name: "chart-pie-label-list",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-label-list.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-label-list"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-label-list"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-label": {
name: "chart-pie-label",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-label.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-label"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-legend": {
name: "chart-pie-legend",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-legend.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-legend"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-legend"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-separator-none": {
name: "chart-pie-separator-none",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-separator-none.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-separator-none"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-separator-none"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-simple": {
name: "chart-pie-simple",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-simple.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-simple"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-simple"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-pie-stacked": {
name: "chart-pie-stacked",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-pie-stacked.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-pie-stacked"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-pie-stacked"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-pie"],
meta: undefined,
},
"chart-radar-default": {
name: "chart-radar-default",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-default.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-default"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-default"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-dots": {
name: "chart-radar-dots",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-dots.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-dots"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-dots"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-grid-circle-fill": {
name: "chart-radar-grid-circle-fill",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-grid-circle-fill.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-grid-circle-fill"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-grid-circle-fill"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-grid-circle-no-lines": {
name: "chart-radar-grid-circle-no-lines",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-grid-circle-no-lines.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-grid-circle-no-lines"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-grid-circle-no-lines"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-grid-circle": {
name: "chart-radar-grid-circle",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-grid-circle.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-grid-circle"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-grid-circle"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-grid-custom": {
name: "chart-radar-grid-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-grid-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-grid-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-grid-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-grid-fill": {
name: "chart-radar-grid-fill",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-grid-fill.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-grid-fill"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-grid-fill"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-grid-none": {
name: "chart-radar-grid-none",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-grid-none.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-grid-none"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-grid-none"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-icons": {
name: "chart-radar-icons",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-icons.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-icons"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-icons"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-label-custom": {
name: "chart-radar-label-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-label-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-label-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-label-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-legend": {
name: "chart-radar-legend",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-legend.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-legend"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-legend"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-lines-only": {
name: "chart-radar-lines-only",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-lines-only.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-lines-only"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-lines-only"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-multiple": {
name: "chart-radar-multiple",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-multiple.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-multiple"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-multiple"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radar-radius": {
name: "chart-radar-radius",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radar-radius.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radar-radius"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radar-radius"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radar"],
meta: undefined,
},
"chart-radial-grid": {
name: "chart-radial-grid",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radial-grid.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radial-grid"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radial-grid"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radial"],
meta: undefined,
},
"chart-radial-label": {
name: "chart-radial-label",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radial-label.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radial-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radial-label"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radial"],
meta: undefined,
},
"chart-radial-shape": {
name: "chart-radial-shape",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radial-shape.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radial-shape"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radial-shape"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radial"],
meta: undefined,
},
"chart-radial-simple": {
name: "chart-radial-simple",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radial-simple.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radial-simple"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radial-simple"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radial"],
meta: undefined,
},
"chart-radial-stacked": {
name: "chart-radial-stacked",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radial-stacked.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radial-stacked"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radial-stacked"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radial"],
meta: undefined,
},
"chart-radial-text": {
name: "chart-radial-text",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-radial-text.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-radial-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-radial-text"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-radial"],
meta: undefined,
},
"chart-tooltip-default": {
name: "chart-tooltip-default",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-default.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-default"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-default"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-indicator-line": {
name: "chart-tooltip-indicator-line",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-indicator-line.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-indicator-line"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-indicator-line"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-indicator-none": {
name: "chart-tooltip-indicator-none",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-indicator-none.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-indicator-none"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-indicator-none"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-label-none": {
name: "chart-tooltip-label-none",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-label-none.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-label-none"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-label-none"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-label-custom": {
name: "chart-tooltip-label-custom",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-label-custom.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-label-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-label-custom"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-label-formatter": {
name: "chart-tooltip-label-formatter",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-label-formatter.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-label-formatter"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-label-formatter"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-formatter": {
name: "chart-tooltip-formatter",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-formatter.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-formatter"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-formatter"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-icons": {
name: "chart-tooltip-icons",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-icons.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-icons"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-icons"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
"chart-tooltip-advanced": {
name: "chart-tooltip-advanced",
title: "undefined",
description: "",
type: "registry:block",
registryDependencies: ["card", "chart"],
files: [
{
path: "registry/new-york-v4/charts/chart-tooltip-advanced.tsx",
type: "registry:block",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/charts/chart-tooltip-advanced"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-advanced"
return { default: mod.default || mod[exportName] }
}),
categories: ["charts", "charts-tooltip"],
meta: undefined,
},
utils: {
name: "utils",
title: "undefined",
description: "",
type: "registry:lib",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/lib/utils.ts",
type: "registry:lib",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/lib/utils")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "utils"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"use-mobile": {
name: "use-mobile",
title: "undefined",
description: "",
type: "registry:hook",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/hooks/use-mobile.ts",
type: "registry:hook",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/hooks/use-mobile")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "use-mobile"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"accordion-demo": {
name: "accordion-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["accordion"],
files: [
{
path: "registry/new-york-v4/examples/accordion-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/accordion-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"alert-demo": {
name: "alert-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["alert"],
files: [
{
path: "registry/new-york-v4/examples/alert-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/alert-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"alert-destructive": {
name: "alert-destructive",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["alert"],
files: [
{
path: "registry/new-york-v4/examples/alert-destructive.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/alert-destructive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-destructive"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"alert-dialog-demo": {
name: "alert-dialog-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["alert-dialog", "button"],
files: [
{
path: "registry/new-york-v4/examples/alert-dialog-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/alert-dialog-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"aspect-ratio-demo": {
name: "aspect-ratio-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["aspect-ratio"],
files: [
{
path: "registry/new-york-v4/examples/aspect-ratio-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/aspect-ratio-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"avatar-demo": {
name: "avatar-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["avatar"],
files: [
{
path: "registry/new-york-v4/examples/avatar-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/avatar-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"badge-demo": {
name: "badge-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["badge"],
files: [
{
path: "registry/new-york-v4/examples/badge-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/badge-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"badge-destructive": {
name: "badge-destructive",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["badge"],
files: [
{
path: "registry/new-york-v4/examples/badge-destructive.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/badge-destructive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge-destructive"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"badge-outline": {
name: "badge-outline",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["badge"],
files: [
{
path: "registry/new-york-v4/examples/badge-outline.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/badge-outline"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge-outline"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"badge-secondary": {
name: "badge-secondary",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["badge"],
files: [
{
path: "registry/new-york-v4/examples/badge-secondary.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/badge-secondary"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge-secondary"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"breadcrumb-demo": {
name: "breadcrumb-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["breadcrumb"],
files: [
{
path: "registry/new-york-v4/examples/breadcrumb-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/breadcrumb-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"breadcrumb-separator": {
name: "breadcrumb-separator",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["breadcrumb"],
files: [
{
path: "registry/new-york-v4/examples/breadcrumb-separator.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/breadcrumb-separator"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb-separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"breadcrumb-dropdown": {
name: "breadcrumb-dropdown",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["breadcrumb"],
files: [
{
path: "registry/new-york-v4/examples/breadcrumb-dropdown.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/breadcrumb-dropdown"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb-dropdown"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"breadcrumb-ellipsis": {
name: "breadcrumb-ellipsis",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["breadcrumb"],
files: [
{
path: "registry/new-york-v4/examples/breadcrumb-ellipsis.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/breadcrumb-ellipsis"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb-ellipsis"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"breadcrumb-link": {
name: "breadcrumb-link",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["breadcrumb"],
files: [
{
path: "registry/new-york-v4/examples/breadcrumb-link.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/breadcrumb-link"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb-link"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"breadcrumb-responsive": {
name: "breadcrumb-responsive",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["breadcrumb"],
files: [
{
path: "registry/new-york-v4/examples/breadcrumb-responsive.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/breadcrumb-responsive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb-responsive"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-demo": {
name: "button-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/button-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-default": {
name: "button-default",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-default.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-default"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-default"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-secondary": {
name: "button-secondary",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-secondary.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-secondary"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-secondary"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-destructive": {
name: "button-destructive",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-destructive.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-destructive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-destructive"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-outline": {
name: "button-outline",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-outline.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-outline"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-outline"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-ghost": {
name: "button-ghost",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-ghost.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/button-ghost")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-ghost"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-link": {
name: "button-link",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-link.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/button-link")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-link"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-with-icon": {
name: "button-with-icon",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-with-icon.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-with-icon"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-with-icon"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-loading": {
name: "button-loading",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-loading.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-loading"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-loading"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-icon": {
name: "button-icon",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-icon.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/button-icon")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-icon"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-as-child": {
name: "button-as-child",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-as-child.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-as-child"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-as-child"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-rounded": {
name: "button-rounded",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-rounded.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-rounded"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-rounded"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-size": {
name: "button-size",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button"],
files: [
{
path: "registry/new-york-v4/examples/button-size.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/button-size")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-size"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-demo": {
name: "button-group-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-nested": {
name: "button-group-nested",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-nested.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-nested"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-nested"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-size": {
name: "button-group-size",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-size.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-size"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-size"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-separator": {
name: "button-group-separator",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-separator.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-separator"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-split": {
name: "button-group-split",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-split.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-split"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-split"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-input": {
name: "button-group-input",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-input.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-input"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-dropdown": {
name: "button-group-dropdown",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-dropdown.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-dropdown"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-dropdown"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-select": {
name: "button-group-select",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-select.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-select"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-popover": {
name: "button-group-popover",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-popover.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-popover"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-input-group": {
name: "button-group-input-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-input-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-input-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"button-group-orientation": {
name: "button-group-orientation",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button-group"],
files: [
{
path: "registry/new-york-v4/examples/button-group-orientation.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/button-group-orientation"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group-orientation"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"calendar-demo": {
name: "calendar-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["calendar"],
files: [
{
path: "registry/new-york-v4/examples/calendar-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/calendar-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"card-demo": {
name: "card-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["card", "button", "switch"],
files: [
{
path: "registry/new-york-v4/examples/card-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/card-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"card-with-form": {
name: "card-with-form",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button", "card", "input", "label", "select"],
files: [
{
path: "registry/new-york-v4/examples/card-with-form.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/card-with-form"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card-with-form"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"carousel-demo": {
name: "carousel-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["carousel"],
files: [
{
path: "registry/new-york-v4/examples/carousel-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/carousel-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"carousel-size": {
name: "carousel-size",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["carousel"],
files: [
{
path: "registry/new-york-v4/examples/carousel-size.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/carousel-size"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel-size"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"carousel-spacing": {
name: "carousel-spacing",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["carousel"],
files: [
{
path: "registry/new-york-v4/examples/carousel-spacing.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/carousel-spacing"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel-spacing"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"carousel-orientation": {
name: "carousel-orientation",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["carousel"],
files: [
{
path: "registry/new-york-v4/examples/carousel-orientation.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/carousel-orientation"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel-orientation"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"carousel-api": {
name: "carousel-api",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["carousel"],
files: [
{
path: "registry/new-york-v4/examples/carousel-api.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/carousel-api")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel-api"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"carousel-plugin": {
name: "carousel-plugin",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["carousel"],
files: [
{
path: "registry/new-york-v4/examples/carousel-plugin.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/carousel-plugin"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel-plugin"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"checkbox-demo": {
name: "checkbox-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["checkbox"],
files: [
{
path: "registry/new-york-v4/examples/checkbox-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/checkbox-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"checkbox-disabled": {
name: "checkbox-disabled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["checkbox"],
files: [
{
path: "registry/new-york-v4/examples/checkbox-disabled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/checkbox-disabled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox-disabled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"checkbox-with-text": {
name: "checkbox-with-text",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["checkbox"],
files: [
{
path: "registry/new-york-v4/examples/checkbox-with-text.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/checkbox-with-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox-with-text"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"collapsible-demo": {
name: "collapsible-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["collapsible"],
files: [
{
path: "registry/new-york-v4/examples/collapsible-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/collapsible-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"combobox-demo": {
name: "combobox-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["command"],
files: [
{
path: "registry/new-york-v4/examples/combobox-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/combobox-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"combobox-dropdown-menu": {
name: "combobox-dropdown-menu",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["command", "dropdown-menu", "button"],
files: [
{
path: "registry/new-york-v4/examples/combobox-dropdown-menu.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/combobox-dropdown-menu"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox-dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"combobox-popover": {
name: "combobox-popover",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["combobox", "popover"],
files: [
{
path: "registry/new-york-v4/examples/combobox-popover.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/combobox-popover"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox-popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"combobox-responsive": {
name: "combobox-responsive",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["combobox", "popover", "drawer"],
files: [
{
path: "registry/new-york-v4/examples/combobox-responsive.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/combobox-responsive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox-responsive"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"command-demo": {
name: "command-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["command"],
files: [
{
path: "registry/new-york-v4/examples/command-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/command-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"command-dialog": {
name: "command-dialog",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["command", "dialog"],
files: [
{
path: "registry/new-york-v4/examples/command-dialog.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/command-dialog"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"context-menu-demo": {
name: "context-menu-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["context-menu"],
files: [
{
path: "registry/new-york-v4/examples/context-menu-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/context-menu-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"data-table-demo": {
name: "data-table-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["data-table"],
files: [
{
path: "registry/new-york-v4/examples/data-table-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/data-table-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "data-table-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"date-picker-demo": {
name: "date-picker-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button", "calendar", "popover"],
files: [
{
path: "registry/new-york-v4/examples/date-picker-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/date-picker-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "date-picker-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"date-picker-with-presets": {
name: "date-picker-with-presets",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button", "calendar", "popover", "select"],
files: [
{
path: "registry/new-york-v4/examples/date-picker-with-presets.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/date-picker-with-presets"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "date-picker-with-presets"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"date-picker-with-range": {
name: "date-picker-with-range",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["button", "calendar", "popover"],
files: [
{
path: "registry/new-york-v4/examples/date-picker-with-range.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/date-picker-with-range"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "date-picker-with-range"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dialog-demo": {
name: "dialog-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["dialog"],
files: [
{
path: "registry/new-york-v4/examples/dialog-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/dialog-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dialog-close-button": {
name: "dialog-close-button",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["dialog", "button"],
files: [
{
path: "registry/new-york-v4/examples/dialog-close-button.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/dialog-close-button"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog-close-button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"drawer-demo": {
name: "drawer-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["drawer"],
files: [
{
path: "registry/new-york-v4/examples/drawer-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/drawer-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-demo": {
name: "empty-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty", "button"],
files: [
{
path: "registry/new-york-v4/examples/empty-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/empty-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-icon": {
name: "empty-icon",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty"],
files: [
{
path: "registry/new-york-v4/examples/empty-icon.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/empty-icon")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-icon"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-avatar": {
name: "empty-avatar",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty", "button", "avatar"],
files: [
{
path: "registry/new-york-v4/examples/empty-avatar.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/empty-avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-avatar-group": {
name: "empty-avatar-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty", "button", "avatar"],
files: [
{
path: "registry/new-york-v4/examples/empty-avatar-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/empty-avatar-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-avatar-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-input-group": {
name: "empty-input-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty", "button", "input"],
files: [
{
path: "registry/new-york-v4/examples/empty-input-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/empty-input-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-outline": {
name: "empty-outline",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty", "button"],
files: [
{
path: "registry/new-york-v4/examples/empty-outline.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/empty-outline"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-outline"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"empty-background": {
name: "empty-background",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["empty"],
files: [
{
path: "registry/new-york-v4/examples/empty-background.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/empty-background"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty-background"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-demo": {
name: "field-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-input": {
name: "field-input",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-input.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-textarea": {
name: "field-textarea",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-textarea.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/field-textarea"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-fieldset": {
name: "field-fieldset",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-fieldset.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/field-fieldset"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-fieldset"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-radio": {
name: "field-radio",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-radio.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-radio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-radio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-checkbox": {
name: "field-checkbox",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-checkbox.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/field-checkbox"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-switch": {
name: "field-switch",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-switch.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-slider": {
name: "field-slider",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-slider.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-select": {
name: "field-select",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-select.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-choice-card": {
name: "field-choice-card",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-choice-card.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/field-choice-card"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-choice-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-group": {
name: "field-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/field-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"field-responsive": {
name: "field-responsive",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field"],
files: [
{
path: "registry/new-york-v4/examples/field-responsive.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/field-responsive"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field-responsive"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-next-demo": {
name: "form-next-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"field",
"input",
"textarea",
"button",
"card",
"spinner",
],
files: [
{
path: "registry/new-york-v4/examples/form-next-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-next-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-next-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-next-complex": {
name: "form-next-complex",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"field",
"input",
"textarea",
"button",
"card",
"spinner",
"checkbox",
"dialog",
"radio-group",
"select",
"switch",
],
files: [
{
path: "registry/new-york-v4/examples/form-next-complex.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-next-complex"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-next-complex"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-demo": {
name: "form-rhf-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "input-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-input": {
name: "form-rhf-input",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-input.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-input"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-select": {
name: "form-rhf-select",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "select", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-select.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-select"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-checkbox": {
name: "form-rhf-checkbox",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "checkbox", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-checkbox.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-checkbox"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-switch": {
name: "form-rhf-switch",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "switch", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-switch.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-switch"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-textarea": {
name: "form-rhf-textarea",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "textarea", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-textarea.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-textarea"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-radiogroup": {
name: "form-rhf-radiogroup",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "radio-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-radiogroup.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-radiogroup"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-radiogroup"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-array": {
name: "form-rhf-array",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "input-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-array.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-array"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-array"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-complex": {
name: "form-rhf-complex",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"field",
"button",
"card",
"checkbox",
"radio-group",
"select",
"switch",
],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-complex.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-complex"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-complex"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-rhf-password": {
name: "form-rhf-password",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"field",
"input-group",
"progress",
"button",
"card",
],
files: [
{
path: "registry/new-york-v4/examples/form-rhf-password.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-rhf-password"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-rhf-password"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-demo": {
name: "form-tanstack-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "input-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-input": {
name: "form-tanstack-input",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-input.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-input"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-textarea": {
name: "form-tanstack-textarea",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "textarea", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-textarea.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-textarea"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-select": {
name: "form-tanstack-select",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "select", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-select.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-select"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-checkbox": {
name: "form-tanstack-checkbox",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "checkbox", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-checkbox.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-checkbox"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-switch": {
name: "form-tanstack-switch",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "switch", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-switch.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-switch"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-radiogroup": {
name: "form-tanstack-radiogroup",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "radio-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-radiogroup.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-radiogroup"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-radiogroup"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-array": {
name: "form-tanstack-array",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "input-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-array.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-array"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-array"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-tanstack-complex": {
name: "form-tanstack-complex",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"field",
"button",
"card",
"checkbox",
"radio-group",
"select",
"switch",
],
files: [
{
path: "registry/new-york-v4/examples/form-tanstack-complex.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-tanstack-complex"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-tanstack-complex"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-demo": {
name: "form-formisch-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "input-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-input": {
name: "form-formisch-input",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-input.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-input"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-textarea": {
name: "form-formisch-textarea",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "textarea", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-textarea.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-textarea"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-select": {
name: "form-formisch-select",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "select", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-select.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-select"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-checkbox": {
name: "form-formisch-checkbox",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "checkbox", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-checkbox.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-checkbox"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-radiogroup": {
name: "form-formisch-radiogroup",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "radio-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-radiogroup.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-radiogroup"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-radiogroup"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-switch": {
name: "form-formisch-switch",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "switch", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-switch.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-switch"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-array": {
name: "form-formisch-array",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["field", "input", "input-group", "button", "card"],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-array.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-array"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-array"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"form-formisch-complex": {
name: "form-formisch-complex",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"field",
"button",
"card",
"checkbox",
"radio-group",
"select",
"switch",
],
files: [
{
path: "registry/new-york-v4/examples/form-formisch-complex.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/form-formisch-complex"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "form-formisch-complex"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"drawer-dialog": {
name: "drawer-dialog",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["drawer", "dialog"],
files: [
{
path: "registry/new-york-v4/examples/drawer-dialog.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/drawer-dialog"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dropdown-menu-demo": {
name: "dropdown-menu-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "registry/new-york-v4/examples/dropdown-menu-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/dropdown-menu-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dropdown-menu-checkboxes": {
name: "dropdown-menu-checkboxes",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["dropdown-menu", "checkbox"],
files: [
{
path: "registry/new-york-v4/examples/dropdown-menu-checkboxes.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/dropdown-menu-checkboxes"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu-checkboxes"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dropdown-menu-radio-group": {
name: "dropdown-menu-radio-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["dropdown-menu", "radio-group"],
files: [
{
path: "registry/new-york-v4/examples/dropdown-menu-radio-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/dropdown-menu-radio-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu-radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"dropdown-menu-dialog": {
name: "dropdown-menu-dialog",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"dropdown-menu",
"dialog",
"button",
"input",
"label",
],
files: [
{
path: "registry/new-york-v4/examples/dropdown-menu-dialog.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/dropdown-menu-dialog"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"hover-card-demo": {
name: "hover-card-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["hover-card"],
files: [
{
path: "registry/new-york-v4/examples/hover-card-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/hover-card-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-demo": {
name: "input-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input"],
files: [
{
path: "registry/new-york-v4/examples/input-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/input-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-disabled": {
name: "input-disabled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input"],
files: [
{
path: "registry/new-york-v4/examples/input-disabled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-disabled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-disabled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-file": {
name: "input-file",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input"],
files: [
{
path: "registry/new-york-v4/examples/input-file.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/input-file")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-file"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-with-button": {
name: "input-with-button",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input", "button"],
files: [
{
path: "registry/new-york-v4/examples/input-with-button.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-with-button"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-with-button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-with-label": {
name: "input-with-label",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input", "button", "label"],
files: [
{
path: "registry/new-york-v4/examples/input-with-label.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-with-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-with-label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-with-text": {
name: "input-with-text",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input", "button", "label"],
files: [
{
path: "registry/new-york-v4/examples/input-with-text.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-with-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-with-text"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-demo": {
name: "input-group-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group"],
files: [
{
path: "registry/new-york-v4/examples/input-group-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-label": {
name: "input-group-label",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group", "label"],
files: [
{
path: "registry/new-york-v4/examples/input-group-label.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-text": {
name: "input-group-text",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group"],
files: [
{
path: "registry/new-york-v4/examples/input-group-text.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-text"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-tooltip": {
name: "input-group-tooltip",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group", "tooltip"],
files: [
{
path: "registry/new-york-v4/examples/input-group-tooltip.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-tooltip"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-button": {
name: "input-group-button",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group"],
files: [
{
path: "registry/new-york-v4/examples/input-group-button.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-button"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-button-group": {
name: "input-group-button-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group", "button-group"],
files: [
{
path: "registry/new-york-v4/examples/input-group-button-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-button-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-dropdown": {
name: "input-group-dropdown",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group", "dropdown-menu", "button"],
files: [
{
path: "registry/new-york-v4/examples/input-group-dropdown.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-dropdown"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-dropdown"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-spinner": {
name: "input-group-spinner",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group", "spinner"],
files: [
{
path: "registry/new-york-v4/examples/input-group-spinner.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-spinner"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-textarea": {
name: "input-group-textarea",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group", "textarea"],
files: [
{
path: "registry/new-york-v4/examples/input-group-textarea.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-textarea"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-icon": {
name: "input-group-icon",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-group"],
files: [
{
path: "registry/new-york-v4/examples/input-group-icon.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-icon"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-icon"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-group-custom": {
name: "input-group-custom",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: [
"input-group",
"badge",
"progress",
"dropdown-menu",
"tooltip",
],
files: [
{
path: "registry/new-york-v4/examples/input-group-custom.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-group-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group-custom"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-otp-demo": {
name: "input-otp-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-otp"],
files: [
{
path: "registry/new-york-v4/examples/input-otp-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-otp-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-otp-pattern": {
name: "input-otp-pattern",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-otp"],
files: [
{
path: "registry/new-york-v4/examples/input-otp-pattern.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-otp-pattern"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp-pattern"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-otp-separator": {
name: "input-otp-separator",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-otp"],
files: [
{
path: "registry/new-york-v4/examples/input-otp-separator.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-otp-separator"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp-separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"input-otp-controlled": {
name: "input-otp-controlled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["input-otp"],
files: [
{
path: "registry/new-york-v4/examples/input-otp-controlled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/input-otp-controlled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp-controlled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-demo": {
name: "item-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-size": {
name: "item-size",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-size.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-size")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-size"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-variant": {
name: "item-variant",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-variant.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-variant")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-variant"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-icon": {
name: "item-icon",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-icon.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-icon")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-icon"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-image": {
name: "item-image",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-image.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-image")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-image"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-avatar": {
name: "item-avatar",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-avatar.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-group": {
name: "item-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-header": {
name: "item-header",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-header.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-header")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-header"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-dropdown": {
name: "item-dropdown",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-dropdown.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/item-dropdown"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-dropdown"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"item-link": {
name: "item-link",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["item"],
files: [
{
path: "registry/new-york-v4/examples/item-link.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/item-link")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item-link"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"kbd-demo": {
name: "kbd-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["kbd"],
files: [
{
path: "registry/new-york-v4/examples/kbd-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/kbd-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"kbd-tooltip": {
name: "kbd-tooltip",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["kbd", "tooltip", "button"],
files: [
{
path: "registry/new-york-v4/examples/kbd-tooltip.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/kbd-tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd-tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"kbd-input-group": {
name: "kbd-input-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["kbd", "input", "button", "label"],
files: [
{
path: "registry/new-york-v4/examples/kbd-input-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/kbd-input-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd-input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"kbd-button": {
name: "kbd-button",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["kbd", "button"],
files: [
{
path: "registry/new-york-v4/examples/kbd-button.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/kbd-button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd-button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"kbd-group": {
name: "kbd-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["kbd"],
files: [
{
path: "registry/new-york-v4/examples/kbd-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/kbd-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"label-demo": {
name: "label-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["label"],
files: [
{
path: "registry/new-york-v4/examples/label-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/label-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"menubar-demo": {
name: "menubar-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["menubar"],
files: [
{
path: "registry/new-york-v4/examples/menubar-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/menubar-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"navigation-menu-demo": {
name: "navigation-menu-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["navigation-menu"],
files: [
{
path: "registry/new-york-v4/examples/navigation-menu-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/navigation-menu-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"native-select-demo": {
name: "native-select-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["native-select"],
files: [
{
path: "registry/new-york-v4/examples/native-select-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/native-select-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"native-select-groups": {
name: "native-select-groups",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["native-select"],
files: [
{
path: "registry/new-york-v4/examples/native-select-groups.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/native-select-groups"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select-groups"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"native-select-disabled": {
name: "native-select-disabled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["native-select"],
files: [
{
path: "registry/new-york-v4/examples/native-select-disabled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/native-select-disabled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select-disabled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"native-select-invalid": {
name: "native-select-invalid",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["native-select"],
files: [
{
path: "registry/new-york-v4/examples/native-select-invalid.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/native-select-invalid"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select-invalid"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"pagination-demo": {
name: "pagination-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["pagination"],
files: [
{
path: "registry/new-york-v4/examples/pagination-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/pagination-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"popover-demo": {
name: "popover-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["popover"],
files: [
{
path: "registry/new-york-v4/examples/popover-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/popover-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"progress-demo": {
name: "progress-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["progress"],
files: [
{
path: "registry/new-york-v4/examples/progress-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/progress-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"radio-group-demo": {
name: "radio-group-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["radio-group"],
files: [
{
path: "registry/new-york-v4/examples/radio-group-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/radio-group-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"resizable-demo": {
name: "resizable-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["resizable"],
files: [
{
path: "registry/new-york-v4/examples/resizable-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/resizable-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"resizable-demo-with-handle": {
name: "resizable-demo-with-handle",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["resizable"],
files: [
{
path: "registry/new-york-v4/examples/resizable-demo-with-handle.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/resizable-demo-with-handle"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable-demo-with-handle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"resizable-vertical": {
name: "resizable-vertical",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["resizable"],
files: [
{
path: "registry/new-york-v4/examples/resizable-vertical.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/resizable-vertical"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable-vertical"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"resizable-handle": {
name: "resizable-handle",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["resizable"],
files: [
{
path: "registry/new-york-v4/examples/resizable-handle.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/resizable-handle"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable-handle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"scroll-area-demo": {
name: "scroll-area-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["scroll-area"],
files: [
{
path: "registry/new-york-v4/examples/scroll-area-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/scroll-area-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"scroll-area-horizontal-demo": {
name: "scroll-area-horizontal-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["scroll-area"],
files: [
{
path: "registry/new-york-v4/examples/scroll-area-horizontal-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/scroll-area-horizontal-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area-horizontal-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"select-demo": {
name: "select-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["select"],
files: [
{
path: "registry/new-york-v4/examples/select-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/select-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"select-scrollable": {
name: "select-scrollable",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["select"],
files: [
{
path: "registry/new-york-v4/examples/select-scrollable.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/select-scrollable"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select-scrollable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"separator-demo": {
name: "separator-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["separator"],
files: [
{
path: "registry/new-york-v4/examples/separator-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/separator-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"sheet-demo": {
name: "sheet-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["sheet"],
files: [
{
path: "registry/new-york-v4/examples/sheet-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/sheet-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"sheet-side": {
name: "sheet-side",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["sheet"],
files: [
{
path: "registry/new-york-v4/examples/sheet-side.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/sheet-side")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet-side"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"skeleton-demo": {
name: "skeleton-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["skeleton"],
files: [
{
path: "registry/new-york-v4/examples/skeleton-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/skeleton-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"skeleton-card": {
name: "skeleton-card",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["skeleton"],
files: [
{
path: "registry/new-york-v4/examples/skeleton-card.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/skeleton-card"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"slider-demo": {
name: "slider-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["slider"],
files: [
{
path: "registry/new-york-v4/examples/slider-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/slider-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"sonner-demo": {
name: "sonner-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["sonner"],
files: [
{
path: "registry/new-york-v4/examples/sonner-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/sonner-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"sonner-types": {
name: "sonner-types",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["sonner"],
files: [
{
path: "registry/new-york-v4/examples/sonner-types.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/sonner-types")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner-types"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-demo": {
name: "spinner-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner"],
files: [
{
path: "registry/new-york-v4/examples/spinner-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/spinner-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-basic": {
name: "spinner-basic",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner", "button"],
files: [
{
path: "registry/new-york-v4/examples/spinner-basic.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-basic"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-basic"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-button": {
name: "spinner-button",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner", "button"],
files: [
{
path: "registry/new-york-v4/examples/spinner-button.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-button"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-badge": {
name: "spinner-badge",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner", "badge"],
files: [
{
path: "registry/new-york-v4/examples/spinner-badge.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-badge"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-input-group": {
name: "spinner-input-group",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner", "button", "input"],
files: [
{
path: "registry/new-york-v4/examples/spinner-input-group.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-input-group"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-empty": {
name: "spinner-empty",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner"],
files: [
{
path: "registry/new-york-v4/examples/spinner-empty.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-empty"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-color": {
name: "spinner-color",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner"],
files: [
{
path: "registry/new-york-v4/examples/spinner-color.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-color"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-color"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-custom": {
name: "spinner-custom",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner"],
files: [
{
path: "registry/new-york-v4/examples/spinner-custom.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/spinner-custom"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-custom"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-size": {
name: "spinner-size",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner"],
files: [
{
path: "registry/new-york-v4/examples/spinner-size.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/spinner-size")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-size"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"spinner-item": {
name: "spinner-item",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["spinner"],
files: [
{
path: "registry/new-york-v4/examples/spinner-item.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/spinner-item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner-item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"switch-demo": {
name: "switch-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["switch"],
files: [
{
path: "registry/new-york-v4/examples/switch-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/switch-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"table-demo": {
name: "table-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["table"],
files: [
{
path: "registry/new-york-v4/examples/table-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/table-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"tabs-demo": {
name: "tabs-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["tabs"],
files: [
{
path: "registry/new-york-v4/examples/tabs-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/tabs-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"textarea-demo": {
name: "textarea-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["textarea"],
files: [
{
path: "registry/new-york-v4/examples/textarea-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/textarea-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"textarea-disabled": {
name: "textarea-disabled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["textarea"],
files: [
{
path: "registry/new-york-v4/examples/textarea-disabled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/textarea-disabled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea-disabled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"textarea-with-button": {
name: "textarea-with-button",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["textarea", "button"],
files: [
{
path: "registry/new-york-v4/examples/textarea-with-button.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/textarea-with-button"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea-with-button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"textarea-with-label": {
name: "textarea-with-label",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["textarea", "label"],
files: [
{
path: "registry/new-york-v4/examples/textarea-with-label.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/textarea-with-label"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea-with-label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"textarea-with-text": {
name: "textarea-with-text",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["textarea", "label"],
files: [
{
path: "registry/new-york-v4/examples/textarea-with-text.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/textarea-with-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea-with-text"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-demo": {
name: "toggle-group-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-disabled": {
name: "toggle-group-disabled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-disabled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-disabled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-disabled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-lg": {
name: "toggle-group-lg",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-lg.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-lg"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-lg"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-outline": {
name: "toggle-group-outline",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-outline.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-outline"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-outline"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-sm": {
name: "toggle-group-sm",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-sm.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-sm"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-sm"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-single": {
name: "toggle-group-single",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-single.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-single"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-single"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-group-spacing": {
name: "toggle-group-spacing",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle-group"],
files: [
{
path: "registry/new-york-v4/examples/toggle-group-spacing.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-group-spacing"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group-spacing"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-demo": {
name: "toggle-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/examples/toggle-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/toggle-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-disabled": {
name: "toggle-disabled",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/examples/toggle-disabled.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-disabled"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-disabled"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-lg": {
name: "toggle-lg",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/examples/toggle-lg.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/toggle-lg")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-lg"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-outline": {
name: "toggle-outline",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/examples/toggle-outline.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-outline"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-outline"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-sm": {
name: "toggle-sm",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/examples/toggle-sm.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/toggle-sm")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-sm"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"toggle-with-text": {
name: "toggle-with-text",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["toggle"],
files: [
{
path: "registry/new-york-v4/examples/toggle-with-text.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/toggle-with-text"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-with-text"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"tooltip-demo": {
name: "tooltip-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: ["tooltip"],
files: [
{
path: "registry/new-york-v4/examples/tooltip-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/tooltip-demo")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-blockquote": {
name: "typography-blockquote",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-blockquote.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-blockquote"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-blockquote"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-demo": {
name: "typography-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-h1": {
name: "typography-h1",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-h1.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-h1"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-h1"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-h2": {
name: "typography-h2",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-h2.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-h2"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-h2"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-h3": {
name: "typography-h3",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-h3.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-h3"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-h3"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-h4": {
name: "typography-h4",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-h4.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-h4"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-h4"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-inline-code": {
name: "typography-inline-code",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-inline-code.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-inline-code"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-inline-code"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-large": {
name: "typography-large",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-large.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-large"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-large"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-lead": {
name: "typography-lead",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-lead.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-lead"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-lead"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-list": {
name: "typography-list",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-list.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-list"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-list"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-muted": {
name: "typography-muted",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-muted.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-muted"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-muted"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-p": {
name: "typography-p",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-p.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/typography-p")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-p"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-small": {
name: "typography-small",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-small.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-small"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-small"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"typography-table": {
name: "typography-table",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/typography-table.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/typography-table"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "typography-table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"mode-toggle": {
name: "mode-toggle",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/mode-toggle.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/registry/new-york-v4/examples/mode-toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "mode-toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"chart-bar-demo": {
name: "chart-bar-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/chart-bar-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/chart-bar-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"chart-bar-demo-grid": {
name: "chart-bar-demo-grid",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/chart-bar-demo-grid.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/chart-bar-demo-grid"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-demo-grid"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"chart-bar-demo-axis": {
name: "chart-bar-demo-axis",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/chart-bar-demo-axis.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/chart-bar-demo-axis"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-demo-axis"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"chart-bar-demo-tooltip": {
name: "chart-bar-demo-tooltip",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/chart-bar-demo-tooltip.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/chart-bar-demo-tooltip"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-demo-tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"chart-bar-demo-legend": {
name: "chart-bar-demo-legend",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/chart-bar-demo-legend.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/chart-bar-demo-legend"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-bar-demo-legend"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"chart-tooltip-demo": {
name: "chart-tooltip-demo",
title: "undefined",
description: "",
type: "registry:example",
registryDependencies: undefined,
files: [
{
path: "registry/new-york-v4/examples/chart-tooltip-demo.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/chart-tooltip-demo"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart-tooltip-demo"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: undefined,
},
"calendar-hijri": {
name: "calendar-hijri",
title: "undefined",
description: "A Persian calendar.",
type: "registry:example",
registryDependencies: ["calendar"],
files: [
{
path: "registry/new-york-v4/examples/calendar-hijri.tsx",
type: "registry:example",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import(
"@/registry/new-york-v4/examples/calendar-hijri"
)
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar-hijri"
return { default: mod.default || mod[exportName] }
}),
categories: ["calendar", "date"],
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",
},
},
},
"base-nova": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-nova/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-nova/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-nova/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-nova/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-nova/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-nova/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-nova/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-nova/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-nova/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-nova/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-nova/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-nova/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-nova/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-nova/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-nova/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-nova/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-nova/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-nova/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"radix-nova": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-nova/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-nova/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-nova/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-nova/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-nova/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-nova/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-nova/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-nova/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-nova/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-nova/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-nova/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-nova/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-nova/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-nova/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-nova/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-nova/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-vega": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-vega/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-vega/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-vega/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-vega/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-vega/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-vega/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-vega/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-vega/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-vega/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-vega/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-vega/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-vega/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-vega/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-vega/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-vega/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-vega/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-maia": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-maia/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-maia/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-maia/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-maia/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-maia/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-maia/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-maia/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-maia/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-maia/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-maia/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-maia/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-maia/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-maia/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-maia/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-maia/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-maia/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-lyra": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-lyra/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-lyra/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-lyra/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-lyra/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-lyra/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-lyra/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-lyra/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-lyra/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-lyra/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-lyra/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-lyra/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-lyra/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-lyra/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-lyra/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-lyra/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-lyra/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-mira": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-mira/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-mira/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-mira/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-mira/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-mira/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-mira/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-mira/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-mira/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-mira/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-mira/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-mira/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-mira/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-mira/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-mira/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-mira/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-mira/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-luma": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-luma/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-luma/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-luma/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-luma/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-luma/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-luma/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-luma/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-luma/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-luma/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-luma/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-luma/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-luma/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-luma/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-luma/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-luma/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-luma/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-sera": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-sera/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-sera/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-sera/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-sera/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-sera/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-sera/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-sera/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-sera/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-sera/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-sera/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-sera/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-sera/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-sera/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-sera/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-sera/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-sera/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"radix-rhea": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/accordion-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-rhea/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/alert-dialog-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/aspect-ratio-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/aspect-ratio.md",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/avatar-example.tsx",
api: "https://www.radix-ui.com/primitives/docs/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-rhea/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-rhea/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-rhea/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/checkbox-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/collapsible-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/radix-rhea/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/radix-rhea/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/context-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-rhea/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dialog-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/dropdown-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dropdown-menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/radix-rhea/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/hover-card-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/radix-rhea/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/radix-rhea/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/label-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/menubar-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/navigation-menu-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-rhea/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/popover-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/progress-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/radio-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/scroll-area-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/select-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/separator-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/radix-rhea/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sheet-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"separator",
"sheet",
"tooltip",
"input",
"use-mobile",
"skeleton",
],
files: [
{
path: "styles/radix-rhea/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/slider-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/switch-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tabs-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/radix-rhea/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/toggle-group-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/tooltip-example.tsx",
api: "https://www.radix-ui.com/docs/primitives/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/radix-rhea/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/radix-rhea/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/radix/direction",
api: "https://www.radix-ui.com/primitives/docs/utilities/direction-provider.md",
},
},
},
},
"base-vega": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-vega/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-vega/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-vega/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-vega/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-vega/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-vega/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-vega/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-vega/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-vega/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-vega/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-vega/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-vega/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-vega/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-vega/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-vega/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-vega/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-vega/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-vega/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"base-maia": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-maia/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-maia/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-maia/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-maia/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-maia/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-maia/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-maia/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-maia/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-maia/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-maia/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-maia/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-maia/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-maia/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-maia/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-maia/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-maia/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-maia/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-maia/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"base-lyra": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-lyra/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-lyra/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-lyra/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-lyra/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-lyra/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-lyra/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-lyra/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-lyra/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-lyra/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-lyra/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-lyra/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-lyra/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-lyra/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-lyra/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-lyra/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-lyra/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-lyra/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-lyra/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"base-mira": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-mira/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-mira/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-mira/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-mira/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-mira/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-mira/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-mira/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-mira/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-mira/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-mira/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-mira/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-mira/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-mira/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-mira/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-mira/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-mira/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-mira/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-mira/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"base-luma": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-luma/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-luma/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-luma/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-luma/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-luma/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-luma/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-luma/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-luma/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-luma/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-luma/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-luma/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-luma/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-luma/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-luma/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-luma/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-luma/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-luma/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-luma/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"base-sera": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-sera/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-sera/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-sera/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-sera/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-sera/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-sera/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-sera/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-sera/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-sera/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-sera/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-sera/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-sera/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-sera/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-sera/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-sera/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-sera/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-sera/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-sera/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
"base-rhea": {
accordion: {
name: "accordion",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/accordion.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/accordion")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "accordion"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/accordion",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/accordion-example.tsx",
api: "https://base-ui.com/react/components/accordion.md",
},
},
},
alert: {
name: "alert",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/alert.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/alert")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-example.tsx",
},
},
},
"alert-dialog": {
name: "alert-dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-rhea/ui/alert-dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/alert-dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "alert-dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/alert-dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/alert-dialog-example.tsx",
api: "https://base-ui.com/react/components/alert-dialog.md",
},
},
},
"aspect-ratio": {
name: "aspect-ratio",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/aspect-ratio.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/aspect-ratio")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "aspect-ratio"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/aspect-ratio",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/aspect-ratio-example.tsx",
},
},
},
avatar: {
name: "avatar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/avatar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/avatar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "avatar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/avatar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/avatar-example.tsx",
api: "https://base-ui.com/react/components/avatar.md",
},
},
},
badge: {
name: "badge",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/badge.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/badge")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "badge"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/badge",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/badge-example.tsx",
},
},
},
breadcrumb: {
name: "breadcrumb",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/breadcrumb.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/breadcrumb")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "breadcrumb"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/breadcrumb",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/breadcrumb-example.tsx",
},
},
},
button: {
name: "button",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/button.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/button")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-example.tsx",
},
},
},
"button-group": {
name: "button-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-rhea/ui/button-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/button-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "button-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/button-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/button-group-example.tsx",
},
},
},
calendar: {
name: "calendar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-rhea/ui/calendar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/calendar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "calendar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/calendar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/calendar-example.tsx",
api: "https://react-day-picker.js.org",
},
},
},
card: {
name: "card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/card-example.tsx",
},
},
},
carousel: {
name: "carousel",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-rhea/ui/carousel.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/carousel")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "carousel"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/carousel",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/carousel-example.tsx",
api: "https://www.embla-carousel.com/get-started/react",
},
},
},
chart: {
name: "chart",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["card"],
files: [
{
path: "styles/base-rhea/ui/chart.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/chart")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "chart"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/chart",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/chart-example.tsx",
},
},
},
checkbox: {
name: "checkbox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/checkbox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/checkbox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "checkbox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/checkbox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/checkbox-example.tsx",
api: "https://base-ui.com/react/components/checkbox.md",
},
},
},
collapsible: {
name: "collapsible",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/collapsible.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/collapsible")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "collapsible"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/collapsible",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/collapsible-example.tsx",
api: "https://base-ui.com/react/components/collapsible.md",
},
},
},
combobox: {
name: "combobox",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input-group"],
files: [
{
path: "styles/base-rhea/ui/combobox.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/combobox")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "combobox"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/combobox",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/combobox-example.tsx",
api: "https://base-ui.com/react/components/combobox.md",
},
},
},
command: {
name: "command",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dialog", "input-group"],
files: [
{
path: "styles/base-rhea/ui/command.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/command")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "command"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/command",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/command-example.tsx",
api: "https://github.com/dip/cmdk",
},
},
},
"context-menu": {
name: "context-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/context-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/context-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "context-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/context-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/context-menu-example.tsx",
api: "https://base-ui.com/react/components/context-menu.md",
},
},
},
dialog: {
name: "dialog",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-rhea/ui/dialog.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/dialog")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dialog"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dialog",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dialog-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
drawer: {
name: "drawer",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/drawer.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/drawer")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "drawer"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/drawer",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/drawer-example.tsx",
api: "https://vaul.emilkowal.ski/getting-started",
},
},
},
"dropdown-menu": {
name: "dropdown-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/dropdown-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/dropdown-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "dropdown-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/dropdown-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/dropdown-menu-example.tsx",
api: "https://base-ui.com/react/components/menu.md",
},
},
},
empty: {
name: "empty",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/empty.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/empty")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "empty"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/empty",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/empty-example.tsx",
},
},
},
field: {
name: "field",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["label", "separator"],
files: [
{
path: "styles/base-rhea/ui/field.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/field")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "field"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/field",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/field-example.tsx",
},
},
},
"hover-card": {
name: "hover-card",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/hover-card.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/hover-card")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "hover-card"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/hover-card",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/hover-card-example.tsx",
api: "https://base-ui.com/react/components/hover-card.md",
},
},
},
input: {
name: "input",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/input.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/input")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-example.tsx",
},
},
},
"input-group": {
name: "input-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button", "input", "textarea"],
files: [
{
path: "styles/base-rhea/ui/input-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/input-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-group-example.tsx",
},
},
},
"input-otp": {
name: "input-otp",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/input-otp.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/input-otp")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "input-otp"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/input-otp",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/input-otp-example.tsx",
api: "https://input-otp.rodz.dev",
},
},
},
item: {
name: "item",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["separator"],
files: [
{
path: "styles/base-rhea/ui/item.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/item")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "item"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/item",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/item-example.tsx",
},
},
},
label: {
name: "label",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/label.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/label")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "label"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/label",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/label-example.tsx",
api: "https://base-ui.com/react/components/label.md",
},
},
},
menubar: {
name: "menubar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["dropdown-menu"],
files: [
{
path: "styles/base-rhea/ui/menubar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/menubar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "menubar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/menubar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/menubar-example.tsx",
api: "https://base-ui.com/react/components/menubar.md",
},
},
},
"navigation-menu": {
name: "navigation-menu",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/navigation-menu.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/navigation-menu")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "navigation-menu"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/navigation-menu",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/navigation-menu-example.tsx",
api: "https://base-ui.com/react/components/navigation-menu.md",
},
},
},
pagination: {
name: "pagination",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-rhea/ui/pagination.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/pagination")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "pagination"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/pagination",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/pagination-example.tsx",
},
},
},
popover: {
name: "popover",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/popover.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/popover")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "popover"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/popover",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/popover-example.tsx",
api: "https://base-ui.com/react/components/popover.md",
},
},
},
progress: {
name: "progress",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/progress.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/progress")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "progress"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/progress",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/progress-example.tsx",
api: "https://base-ui.com/react/components/progress.md",
},
},
},
"radio-group": {
name: "radio-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/radio-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/radio-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "radio-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/radio-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/radio-group-example.tsx",
api: "https://base-ui.com/react/components/radio-group.md",
},
},
},
resizable: {
name: "resizable",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/resizable.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/resizable")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "resizable"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/resizable",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/resizable-example.tsx",
api: "https://github.com/bvaughn/react-resizable-panels",
},
},
},
"scroll-area": {
name: "scroll-area",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/scroll-area.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/scroll-area")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "scroll-area"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/scroll-area",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/scroll-area-example.tsx",
api: "https://base-ui.com/react/components/scroll-area.md",
},
},
},
select: {
name: "select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/select-example.tsx",
api: "https://base-ui.com/react/components/select.md",
},
},
},
separator: {
name: "separator",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/separator.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/separator")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "separator"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/separator",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/separator-example.tsx",
api: "https://base-ui.com/react/components/separator.md",
},
},
},
sheet: {
name: "sheet",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["button"],
files: [
{
path: "styles/base-rhea/ui/sheet.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/sheet")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sheet"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sheet",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sheet-example.tsx",
api: "https://base-ui.com/react/components/dialog.md",
},
},
},
sidebar: {
name: "sidebar",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: [
"button",
"input",
"separator",
"sheet",
"skeleton",
"tooltip",
"use-mobile",
],
files: [
{
path: "styles/base-rhea/ui/sidebar.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/sidebar")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sidebar"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sidebar",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sidebar-example.tsx",
},
},
},
skeleton: {
name: "skeleton",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/skeleton.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/skeleton")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "skeleton"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/skeleton",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/skeleton-example.tsx",
},
},
},
slider: {
name: "slider",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/slider.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/slider")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "slider"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/slider",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/slider-example.tsx",
api: "https://base-ui.com/react/components/slider.md",
},
},
},
sonner: {
name: "sonner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/sonner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/sonner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "sonner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/sonner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/sonner-example.tsx",
api: "https://sonner.emilkowal.ski",
},
},
},
spinner: {
name: "spinner",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/spinner.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/spinner")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "spinner"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/spinner",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/spinner-example.tsx",
},
},
},
switch: {
name: "switch",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/switch.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/switch")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "switch"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/switch",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/switch-example.tsx",
api: "https://base-ui.com/react/components/switch.md",
},
},
},
table: {
name: "table",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/table.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/table")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "table"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/table",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/table-example.tsx",
},
},
},
tabs: {
name: "tabs",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/tabs.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/tabs")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tabs"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tabs",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tabs-example.tsx",
api: "https://base-ui.com/react/components/tabs.md",
},
},
},
textarea: {
name: "textarea",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/textarea.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/textarea")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "textarea"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/textarea",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/textarea-example.tsx",
},
},
},
toggle: {
name: "toggle",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/toggle.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/toggle")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-example.tsx",
api: "https://base-ui.com/react/components/toggle.md",
},
},
},
"toggle-group": {
name: "toggle-group",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: ["toggle"],
files: [
{
path: "styles/base-rhea/ui/toggle-group.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/toggle-group")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "toggle-group"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/toggle-group",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toggle-group-example.tsx",
api: "https://base-ui.com/react/components/toggle-group.md",
},
},
},
tooltip: {
name: "tooltip",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/tooltip.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/tooltip")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "tooltip"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/tooltip",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/tooltip-example.tsx",
api: "https://base-ui.com/react/components/tooltip.md",
},
},
},
kbd: {
name: "kbd",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/kbd.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/kbd")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "kbd"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/kbd",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/kbd-example.tsx",
},
},
},
"native-select": {
name: "native-select",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/native-select.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/native-select")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "native-select"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/native-select",
examples:
"https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/native-select-example.tsx",
},
},
},
direction: {
name: "direction",
title: "undefined",
description: "",
type: "registry:ui",
registryDependencies: undefined,
files: [
{
path: "styles/base-rhea/ui/direction.tsx",
type: "registry:ui",
target: "",
},
],
component: React.lazy(async () => {
const mod = await import("@/styles/base-rhea/ui/direction")
const exportName =
Object.keys(mod).find(
(key) =>
typeof mod[key] === "function" || typeof mod[key] === "object"
) || "direction"
return { default: mod.default || mod[exportName] }
}),
categories: undefined,
meta: {
links: {
docs: "https://ui.shadcn.com/docs/components/base/direction",
api: "https://base-ui.com/react/utils/direction-provider.md",
},
},
},
},
}