diff --git a/apps/v4/examples/__components__/aria.tsx b/apps/v4/examples/__components__/aria.tsx
new file mode 100644
index 0000000..0c90acb
--- /dev/null
+++ b/apps/v4/examples/__components__/aria.tsx
@@ -0,0 +1,4023 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-registry.mts
+// Do not edit this file directly.
+import "server-only"
+
+import * as React from "react"
+
+export const Components: Record<string, any> = {
+  "accordion-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/accordion-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-borders": React.lazy(async () => {
+    const mod = await import("@/examples/aria/accordion-borders")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-borders"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/accordion-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "accordion-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/accordion-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/accordion-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/accordion-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-action": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-colors": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-colors")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-colors"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "alert-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "alert-dialog-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-dialog-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "alert-dialog-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-dialog-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-media": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-dialog-media")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-media"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-dialog-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-small-media": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-dialog-small-media")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-small-media"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-small": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-dialog-small")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-small"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/alert-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "aspect-ratio-portrait": React.lazy(async () => {
+    const mod = await import("@/examples/aria/aspect-ratio-portrait")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-portrait"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/aspect-ratio-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-square": React.lazy(async () => {
+    const mod = await import("@/examples/aria/aspect-ratio-square")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-square"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/attachment-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/attachment-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-image": React.lazy(async () => {
+    const mod = await import("@/examples/aria/attachment-image")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-image"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/aria/attachment-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-states": React.lazy(async () => {
+    const mod = await import("@/examples/aria/attachment-states")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-states"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-trigger": React.lazy(async () => {
+    const mod = await import("@/examples/aria/attachment-trigger")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-trigger"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-badge-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-badge-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-badge-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-badge": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "avatar-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-dropdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-dropdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group-count-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-group-count-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group-count-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group-count": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-group-count")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group-count"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/avatar-size")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-size"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-colors": React.lazy(async () => {
+    const mod = await import("@/examples/aria/badge-colors")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-colors"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "badge-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/badge-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-link": React.lazy(async () => {
+    const mod = await import("@/examples/aria/badge-link")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-link"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/badge-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/aria/badge-spinner")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-spinner"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-variants": React.lazy(async () => {
+    const mod = await import("@/examples/aria/badge-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/breadcrumb-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "breadcrumb-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "breadcrumb-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "breadcrumb-ellipsis": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "breadcrumb-link": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "breadcrumb-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/breadcrumb-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "breadcrumb-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-separator": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "bubble-alignment": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-alignment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-alignment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-group-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-group-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-link-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-link-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-link-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-markdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-markdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-markdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-popover": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-popover")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-popover"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-reactions": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-reactions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-reactions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-variants": React.lazy(async () => {
+    const mod = await import("@/examples/aria/bubble-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-default": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-ghost": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-input": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-nested": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-orientation": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-popover": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/button-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-group-select": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-separator": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-group-split": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-link": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-outline": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-render": React.lazy(async () => {
+    const mod = await import("@/examples/aria/button-render")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-render"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-rounded": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/button-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-secondary": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "button-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/aria/button-spinner")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-spinner"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-with-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "calendar-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-booked-dates": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-booked-dates")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-booked-dates"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-caption": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-caption")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-caption"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-custom-days": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-custom-days")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-custom-days"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "calendar-hijri": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "calendar-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-presets": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-presets")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-presets"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-range": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-time": React.lazy(async () => {
+    const mod = await import("@/examples/aria/calendar-time")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-time"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "card-edge-to-edge": React.lazy(async () => {
+    const mod = await import("@/examples/aria/card-edge-to-edge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-edge-to-edge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-image": React.lazy(async () => {
+    const mod = await import("@/examples/aria/card-image")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-image"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/card-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-small": React.lazy(async () => {
+    const mod = await import("@/examples/aria/card-small")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-small"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/aria/card-spacing")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-spacing"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-api": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "carousel-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "carousel-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/carousel-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "carousel-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-orientation": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "carousel-plugin": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "carousel-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/carousel-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "carousel-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "carousel-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "chart-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-axis": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-example-axis")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-axis"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-grid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-example-grid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-grid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-legend": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-example-legend")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-legend"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-example-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-example")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/chart-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/checkbox-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "checkbox-description": React.lazy(async () => {
+    const mod = await import("@/examples/aria/checkbox-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "checkbox-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/checkbox-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/checkbox-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/checkbox-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-table": React.lazy(async () => {
+    const mod = await import("@/examples/aria/checkbox-table")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-table"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/collapsible-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "collapsible-file-tree": React.lazy(async () => {
+    const mod = await import("@/examples/aria/collapsible-file-tree")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-file-tree"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/collapsible-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-settings": React.lazy(async () => {
+    const mod = await import("@/examples/aria/collapsible-settings")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-settings"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-clear": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-clear")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-clear"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-custom": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-custom")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-custom"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "combobox-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-groups": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-input-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-input-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/combobox-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/command-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "command-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "command-groups": React.lazy(async () => {
+    const mod = await import("@/examples/aria/command-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/command-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/aria/command-scrollable")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-scrollable"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/aria/command-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-checkboxes": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-checkboxes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-checkboxes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "context-menu-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-groups": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-icons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-radio": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-radio")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-radio"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-sides": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/aria/context-menu-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "data-picker-with-dropdowns": React.lazy(async () => {
+    const mod = await import("@/examples/aria/data-picker-with-dropdowns")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "data-picker-with-dropdowns"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "data-table-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "data-table-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/data-table-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "data-table-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "date-picker-dob": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-dob")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-dob"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-input": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-input")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-input"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-natural-language": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-natural-language")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-natural-language"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-range": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-time": React.lazy(async () => {
+    const mod = await import("@/examples/aria/date-picker-time")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-time"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "dialog-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "dialog-no-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dialog-no-close-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-no-close-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dialog-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-scrollable-content": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dialog-scrollable-content")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-scrollable-content"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-sticky-footer": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dialog-sticky-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-sticky-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "drawer-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "drawer-nested": React.lazy(async () => {
+    const mod = await import("@/examples/aria/drawer-nested")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-nested"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-non-modal": React.lazy(async () => {
+    const mod = await import("@/examples/aria/drawer-non-modal")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-non-modal"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/drawer-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-sides": React.lazy(async () => {
+    const mod = await import("@/examples/aria/drawer-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-snap-points": React.lazy(async () => {
+    const mod = await import("@/examples/aria/drawer-snap-points")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-snap-points"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-swipe-handle": React.lazy(async () => {
+    const mod = await import("@/examples/aria/drawer-swipe-handle")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-swipe-handle"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-checkboxes-icons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-checkboxes-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-checkboxes-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-checkboxes": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "dropdown-menu-complex": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-complex")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-complex"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "dropdown-menu-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-icons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-radio-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "dropdown-menu-radio-icons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-radio-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-radio-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/aria/dropdown-menu-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "empty-avatar-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "empty-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "empty-background": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "empty-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/empty-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "empty-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "empty-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "empty-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "empty-outline": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "empty-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/empty-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "empty-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "field-checkbox": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-fieldset": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-input": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-radio": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-responsive": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/field-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "field-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "field-select": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-slider": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-switch": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "field-textarea": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "file-upload-list": React.lazy(async () => {
+    const mod = await import("@/examples/aria/file-upload-list")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "file-upload-list"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "hover-card-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "hover-card-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/hover-card-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "hover-card-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "hover-card-sides": React.lazy(async () => {
+    const mod = await import("@/examples/aria/hover-card-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "hover-card-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-badge": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-button-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-button-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-button-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-field": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-field")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-field"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-fieldgroup": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-fieldgroup")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-fieldgroup"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-file": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-form": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-grid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-grid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-grid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-block-end": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-block-end")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-block-end"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-block-start": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-block-start")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-block-start"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-button-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-custom": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-in-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-in-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-in-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-inline-end": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-inline-end")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-inline-end"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-inline-start": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-inline-start")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-inline-start"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-kbd": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-kbd")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-kbd"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-label": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-text": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-textarea-examples": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-textarea-examples")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-textarea-examples"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-textarea": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-group-with-addons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-with-addons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-addons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-buttons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-with-buttons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-buttons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-kbd": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-with-kbd")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-kbd"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-group-with-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-inline": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-inline")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-inline"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-input-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-input-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-alphanumeric": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-otp-alphanumeric")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-alphanumeric"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-otp-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-otp-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-otp-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-form": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-otp-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-four-digits": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-otp-four-digits")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-four-digits"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-otp-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-pattern": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-otp-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-otp-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-separator": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "input-required": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-required")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-required"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/input-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "item-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-header": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-image": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-link": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/item-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "item-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "item-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "item-variant": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "kbd-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "kbd-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "kbd-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "kbd-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "kbd-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/kbd-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "kbd-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "kbd-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "label-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "label-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/label-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "label-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "markdown-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/markdown-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "markdown-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-border": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-border")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-border"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-icon": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-link-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-link-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-link-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-separator": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-separator")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-separator"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-shimmer": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-shimmer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-shimmer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-status": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-status")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-status"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-variants": React.lazy(async () => {
+    const mod = await import("@/examples/aria/marker-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-actions": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-actions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-actions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-attachment": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-attachment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-attachment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-header-footer": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-header-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-header-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-markdown": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-markdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-markdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-anchoring": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-anchoring")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-anchoring"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-animation": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-animation")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-animation"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-commands": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-commands")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-commands"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-group-chat": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-group-chat")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-group-chat"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-load-history": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-load-history")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-load-history"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-opening-position": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/aria/message-scroller-opening-position"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-opening-position"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-previous-context": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/aria/message-scroller-previous-context"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-previous-context"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-scrollable")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-scrollable"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-state": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-state")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-state"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-streaming": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-streaming")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-streaming"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-visibility": React.lazy(async () => {
+    const mod = await import("@/examples/aria/message-scroller-visibility")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-visibility"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "muted-item-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/muted-item-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "muted-item-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "native-select-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "native-select-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "native-select-groups": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "native-select-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "native-select-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/native-select-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "native-select-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "outline-item-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/outline-item-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "outline-item-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "pagination-icons-only": React.lazy(async () => {
+    const mod = await import("@/examples/aria/pagination-icons-only")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-icons-only"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/pagination-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-simple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/pagination-simple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-simple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-alignments": React.lazy(async () => {
+    const mod = await import("@/examples/aria/popover-alignments")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-alignments"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-basic": React.lazy(async () => {
+    const mod = await import("@/examples/aria/popover-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "popover-form": React.lazy(async () => {
+    const mod = await import("@/examples/aria/popover-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/popover-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/progress-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "progress-label": React.lazy(async () => {
+    const mod = await import("@/examples/aria/progress-label")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-label"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/progress-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-animated": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-animated")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-animated"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-conditional": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-conditional")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-conditional"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-dialog")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-dialog"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-freeform": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-freeform")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-freeform"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-navigation-state": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-navigation-state")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-navigation-state"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-progress": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-progress")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-progress"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-resume": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-resume")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-resume"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-skip": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-skip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-skip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-validation": React.lazy(async () => {
+    const mod = await import("@/examples/aria/questionnaire-validation")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-validation"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-fields": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-fields")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-fields"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-group-choice-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-choice-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "radio-group-description": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-group-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-group-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-fieldset": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-group-fieldset")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-fieldset"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-group-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/radio-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "resizable-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "resizable-handle": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "resizable-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/resizable-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "resizable-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "resizable-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "scroll-area-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "scroll-area-horizontal-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "scroll-area-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-area-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-area-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-edge": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-edge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-edge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-horizontal": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-horizontal")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-horizontal"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-none": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-none")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-none"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-overflow": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-overflow")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-overflow"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/scroll-fade-size")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-size"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-autocomplete": React.lazy(async () => {
+    const mod = await import("@/examples/aria/select-autocomplete")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-autocomplete"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "select-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/select-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-groups": React.lazy(async () => {
+    const mod = await import("@/examples/aria/select-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/select-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/select-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "separator-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "separator-list": React.lazy(async () => {
+    const mod = await import("@/examples/aria/separator-list")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-list"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-menu": React.lazy(async () => {
+    const mod = await import("@/examples/aria/separator-menu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-menu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/separator-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/aria/separator-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "sheet-no-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sheet-no-close-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sheet-no-close-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sheet-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sheet-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-side": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "shimmer-angle": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-angle")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-angle"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-color": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-color")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-color"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-duration": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-duration")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-duration"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-marker": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-marker")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-marker"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-none": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-none")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-none"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-once": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-once")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-once"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-spread": React.lazy(async () => {
+    const mod = await import("@/examples/aria/shimmer-spread")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-spread"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-footer": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group-action": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-group-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-group-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-header": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-header")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-header"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-action": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-menu-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-badge": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-menu-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-menu-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-sub": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-menu-sub")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-sub"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-menu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-rsc": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-rsc")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-rsc"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sidebar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/aria/skeleton-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "skeleton-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "skeleton-form": React.lazy(async () => {
+    const mod = await import("@/examples/aria/skeleton-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/skeleton-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-table": React.lazy(async () => {
+    const mod = await import("@/examples/aria/skeleton-table")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-table"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-text": React.lazy(async () => {
+    const mod = await import("@/examples/aria/skeleton-text")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-text"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/slider-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "slider-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/slider-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/aria/slider-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-range": React.lazy(async () => {
+    const mod = await import("@/examples/aria/slider-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/slider-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/aria/slider-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sonner-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "sonner-description": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sonner-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sonner-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sonner-position": React.lazy(async () => {
+    const mod = await import("@/examples/aria/sonner-position")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sonner-position"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sonner-types": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-badge": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-custom": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-empty": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "spinner-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/spinner-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "spinner-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "spinner-size": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "switch-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/aria/switch-choice-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-choice-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "switch-description": React.lazy(async () => {
+    const mod = await import("@/examples/aria/switch-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/switch-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/switch-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/switch-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/aria/switch-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-actions": React.lazy(async () => {
+    const mod = await import("@/examples/aria/table-actions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-actions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "table-footer": React.lazy(async () => {
+    const mod = await import("@/examples/aria/table-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/table-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "tabs-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tabs-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-icons": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tabs-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-line": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tabs-line")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-line"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tabs-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tabs-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-button": React.lazy(async () => {
+    const mod = await import("@/examples/aria/textarea-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "textarea-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "textarea-field": React.lazy(async () => {
+    const mod = await import("@/examples/aria/textarea-field")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-field"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/aria/textarea-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/textarea-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-group-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-group-font-weight-selector": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/aria/toggle-group-font-weight-selector"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-font-weight-selector"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-outline": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/toggle-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/aria/toggle-group-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-group-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/aria/toggle-group-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-outline": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "toggle-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/toggle-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/aria/toggle-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-text": React.lazy(async () => {
+    const mod = await import("@/examples/aria/toggle-text")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-text"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "tooltip-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tooltip-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-keyboard": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tooltip-keyboard")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-keyboard"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tooltip-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-sides": React.lazy(async () => {
+    const mod = await import("@/examples/aria/tooltip-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "typography-blockquote": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-demo": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-h1": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-h2": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-h3": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-h4": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-inline-code": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-large": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-lead": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-list": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-muted": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-p": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/aria/typography-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "typography-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "typography-small": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+  "typography-table": React.lazy(async () => {
+    const mod = await import("@/examples/aria/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] }
+  }),
+}
diff --git a/apps/v4/examples/__components__/base.tsx b/apps/v4/examples/__components__/base.tsx
new file mode 100644
index 0000000..6b9297a
--- /dev/null
+++ b/apps/v4/examples/__components__/base.tsx
@@ -0,0 +1,4119 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-registry.mts
+// Do not edit this file directly.
+import "server-only"
+
+import * as React from "react"
+
+export const Components: Record<string, any> = {
+  "accordion-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/accordion-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-borders": React.lazy(async () => {
+    const mod = await import("@/examples/base/accordion-borders")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-borders"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/accordion-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "accordion-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/accordion-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/base/accordion-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/accordion-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "ai-sdk-helper-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/ai-sdk-helper-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "ai-sdk-helper-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-action": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-colors": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-colors")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-colors"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "alert-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "alert-dialog-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-dialog-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "alert-dialog-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-dialog-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-media": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-dialog-media")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-media"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-dialog-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-small-media": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-dialog-small-media")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-small-media"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-small": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-dialog-small")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-small"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/alert-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "aspect-ratio-portrait": React.lazy(async () => {
+    const mod = await import("@/examples/base/aspect-ratio-portrait")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-portrait"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/aspect-ratio-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-square": React.lazy(async () => {
+    const mod = await import("@/examples/base/aspect-ratio-square")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-square"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/attachment-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/attachment-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-image": React.lazy(async () => {
+    const mod = await import("@/examples/base/attachment-image")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-image"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/base/attachment-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-states": React.lazy(async () => {
+    const mod = await import("@/examples/base/attachment-states")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-states"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-trigger": React.lazy(async () => {
+    const mod = await import("@/examples/base/attachment-trigger")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-trigger"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-badge-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-badge-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-badge-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-badge": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "avatar-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-dropdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-dropdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group-count-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-group-count-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group-count-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group-count": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-group-count")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group-count"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/avatar-size")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-size"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-colors": React.lazy(async () => {
+    const mod = await import("@/examples/base/badge-colors")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-colors"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "badge-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/badge-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-link": React.lazy(async () => {
+    const mod = await import("@/examples/base/badge-link")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-link"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/badge-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/base/badge-spinner")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-spinner"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-variants": React.lazy(async () => {
+    const mod = await import("@/examples/base/badge-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/breadcrumb-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "breadcrumb-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "breadcrumb-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "breadcrumb-ellipsis": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "breadcrumb-link": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "breadcrumb-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/breadcrumb-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "breadcrumb-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-separator": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "bubble-alignment": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-alignment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-alignment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-group-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-group-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-link-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-link-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-link-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-markdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-markdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-markdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-popover": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-popover")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-popover"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-reactions": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-reactions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-reactions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-variants": React.lazy(async () => {
+    const mod = await import("@/examples/base/bubble-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-default": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-ghost": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-input": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-nested": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-orientation": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-popover": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/button-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-group-select": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-separator": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-group-split": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-link": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-outline": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-render": React.lazy(async () => {
+    const mod = await import("@/examples/base/button-render")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-render"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-rounded": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/button-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-secondary": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "button-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/base/button-spinner")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-spinner"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-with-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "calendar-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-booked-dates": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-booked-dates")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-booked-dates"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-caption": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-caption")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-caption"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-custom-days": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-custom-days")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-custom-days"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "calendar-hijri": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "calendar-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-presets": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-presets")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-presets"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-range": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-time": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-time")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-time"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-week-numbers": React.lazy(async () => {
+    const mod = await import("@/examples/base/calendar-week-numbers")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-week-numbers"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "card-edge-to-edge": React.lazy(async () => {
+    const mod = await import("@/examples/base/card-edge-to-edge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-edge-to-edge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-image": React.lazy(async () => {
+    const mod = await import("@/examples/base/card-image")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-image"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/card-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-small": React.lazy(async () => {
+    const mod = await import("@/examples/base/card-small")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-small"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/base/card-spacing")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-spacing"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-api": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "carousel-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "carousel-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/base/carousel-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "carousel-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-orientation": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "carousel-plugin": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "carousel-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/carousel-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "carousel-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "carousel-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "chart-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-axis": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-example-axis")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-axis"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-grid": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-example-grid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-grid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-legend": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-example-legend")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-legend"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-example-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-example")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/base/chart-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/checkbox-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "checkbox-description": React.lazy(async () => {
+    const mod = await import("@/examples/base/checkbox-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "checkbox-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/checkbox-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/checkbox-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/checkbox-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-table": React.lazy(async () => {
+    const mod = await import("@/examples/base/checkbox-table")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-table"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/collapsible-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "collapsible-file-tree": React.lazy(async () => {
+    const mod = await import("@/examples/base/collapsible-file-tree")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-file-tree"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/collapsible-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-settings": React.lazy(async () => {
+    const mod = await import("@/examples/base/collapsible-settings")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-settings"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-auto-highlight": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-auto-highlight")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-auto-highlight"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-clear": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-clear")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-clear"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-custom": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-custom")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-custom"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "combobox-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-groups": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-input-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-input-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-popup": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-popup")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-popup"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/combobox-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/command-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "command-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "command-groups": React.lazy(async () => {
+    const mod = await import("@/examples/base/command-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/command-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/base/command-scrollable")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-scrollable"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/base/command-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-checkboxes": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-checkboxes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-checkboxes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "context-menu-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-groups": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-icons": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-radio": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-radio")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-radio"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-sides": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/base/context-menu-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "data-picker-with-dropdowns": React.lazy(async () => {
+    const mod = await import("@/examples/base/data-picker-with-dropdowns")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "data-picker-with-dropdowns"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "data-table-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "data-table-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/data-table-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "data-table-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "date-picker-dob": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-dob")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-dob"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-input": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-input")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-input"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-natural-language": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-natural-language")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-natural-language"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-range": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-time": React.lazy(async () => {
+    const mod = await import("@/examples/base/date-picker-time")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-time"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "dialog-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "dialog-no-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/dialog-no-close-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-no-close-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/dialog-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-scrollable-content": React.lazy(async () => {
+    const mod = await import("@/examples/base/dialog-scrollable-content")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-scrollable-content"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-sticky-footer": React.lazy(async () => {
+    const mod = await import("@/examples/base/dialog-sticky-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-sticky-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "drawer-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "drawer-nested": React.lazy(async () => {
+    const mod = await import("@/examples/base/drawer-nested")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-nested"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-non-modal": React.lazy(async () => {
+    const mod = await import("@/examples/base/drawer-non-modal")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-non-modal"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/drawer-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-sides": React.lazy(async () => {
+    const mod = await import("@/examples/base/drawer-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-snap-points": React.lazy(async () => {
+    const mod = await import("@/examples/base/drawer-snap-points")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-snap-points"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-swipe-handle": React.lazy(async () => {
+    const mod = await import("@/examples/base/drawer-swipe-handle")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-swipe-handle"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-checkboxes-icons": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-checkboxes-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-checkboxes-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-checkboxes": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "dropdown-menu-complex": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-complex")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-complex"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "dropdown-menu-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-icons": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-radio-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "dropdown-menu-radio-icons": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-radio-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-radio-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/base/dropdown-menu-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "empty-avatar-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "empty-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "empty-background": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "empty-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/empty-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "empty-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "empty-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "empty-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "empty-outline": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "empty-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/empty-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "empty-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "field-checkbox": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-fieldset": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-input": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-radio": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-responsive": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/field-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "field-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "field-select": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-slider": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-switch": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "field-textarea": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "file-upload-list": React.lazy(async () => {
+    const mod = await import("@/examples/base/file-upload-list")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "file-upload-list"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "hover-card-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "hover-card-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/hover-card-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "hover-card-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "hover-card-sides": React.lazy(async () => {
+    const mod = await import("@/examples/base/hover-card-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "hover-card-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-badge": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-button-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-button-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-button-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-field": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-field")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-field"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-fieldgroup": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-fieldgroup")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-fieldgroup"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-file": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-form": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-grid": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-grid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-grid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-block-end": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-block-end")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-block-end"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-block-start": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-block-start")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-block-start"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-button-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-custom": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-in-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-in-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-in-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-inline-end": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-inline-end")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-inline-end"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-inline-start": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-inline-start")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-inline-start"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-kbd": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-kbd")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-kbd"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-label": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-text": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-textarea-examples": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-textarea-examples")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-textarea-examples"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-textarea": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-group-with-addons": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-with-addons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-addons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-buttons": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-with-buttons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-buttons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-kbd": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-with-kbd")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-kbd"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-group-with-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-inline": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-inline")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-inline"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-input-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-input-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-alphanumeric": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-otp-alphanumeric")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-alphanumeric"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-otp-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-otp-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-otp-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-form": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-otp-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-four-digits": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-otp-four-digits")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-four-digits"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-otp-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-pattern": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-otp-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-otp-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-separator": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "input-required": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-required")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-required"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/input-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "item-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-header": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-image": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-link": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/item-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "item-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "item-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "item-variant": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "kbd-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "kbd-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "kbd-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "kbd-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "kbd-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/kbd-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "kbd-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "kbd-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "label-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "label-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/label-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "label-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "markdown-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/markdown-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "markdown-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-border": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-border")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-border"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-icon": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-link-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-link-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-link-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-separator": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-separator")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-separator"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-shimmer": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-shimmer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-shimmer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-status": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-status")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-status"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-variants": React.lazy(async () => {
+    const mod = await import("@/examples/base/marker-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-checkbox": React.lazy(async () => {
+    const mod = await import("@/examples/base/menubar-checkbox")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-checkbox"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "menubar-icons": React.lazy(async () => {
+    const mod = await import("@/examples/base/menubar-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-radio": React.lazy(async () => {
+    const mod = await import("@/examples/base/menubar-radio")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-radio"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/menubar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/base/menubar-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-actions": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-actions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-actions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-attachment": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-attachment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-attachment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-header-footer": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-header-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-header-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-markdown": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-markdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-markdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-anchoring": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-anchoring")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-anchoring"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-animation": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-animation")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-animation"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-commands": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-commands")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-commands"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-group-chat": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-group-chat")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-group-chat"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-load-history": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-load-history")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-load-history"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-opening-position": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/base/message-scroller-opening-position"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-opening-position"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-previous-context": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/base/message-scroller-previous-context"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-previous-context"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-scrollable")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-scrollable"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-state": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-state")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-state"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-streaming": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-streaming")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-streaming"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-visibility": React.lazy(async () => {
+    const mod = await import("@/examples/base/message-scroller-visibility")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-visibility"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "muted-item-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/muted-item-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "muted-item-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "native-select-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "native-select-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "native-select-groups": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "native-select-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "native-select-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/native-select-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "native-select-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "navigation-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "navigation-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/navigation-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "navigation-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "outline-item-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/outline-item-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "outline-item-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "pagination-icons-only": React.lazy(async () => {
+    const mod = await import("@/examples/base/pagination-icons-only")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-icons-only"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/pagination-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-simple": React.lazy(async () => {
+    const mod = await import("@/examples/base/pagination-simple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-simple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-alignments": React.lazy(async () => {
+    const mod = await import("@/examples/base/popover-alignments")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-alignments"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-basic": React.lazy(async () => {
+    const mod = await import("@/examples/base/popover-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "popover-form": React.lazy(async () => {
+    const mod = await import("@/examples/base/popover-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/popover-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/base/progress-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "progress-label": React.lazy(async () => {
+    const mod = await import("@/examples/base/progress-label")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-label"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/progress-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-animated": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-animated")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-animated"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-conditional": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-conditional")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-conditional"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-dialog")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-dialog"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-freeform": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-freeform")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-freeform"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-navigation-state": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-navigation-state")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-navigation-state"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-progress": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-progress")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-progress"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-resume": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-resume")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-resume"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-skip": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-skip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-skip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-validation": React.lazy(async () => {
+    const mod = await import("@/examples/base/questionnaire-validation")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-validation"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-fields": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-fields")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-fields"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-group-choice-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-choice-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "radio-group-description": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-group-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-group-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-fieldset": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-group-fieldset")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-fieldset"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-group-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/radio-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "resizable-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "resizable-handle": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "resizable-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/resizable-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "resizable-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "resizable-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "scroll-area-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "scroll-area-horizontal-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "scroll-area-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-area-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-area-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-edge": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-edge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-edge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-horizontal": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-horizontal")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-horizontal"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-none": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-none")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-none"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-overflow": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-overflow")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-overflow"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/scroll-fade-size")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-size"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-align-item": React.lazy(async () => {
+    const mod = await import("@/examples/base/select-align-item")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-align-item"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "select-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/select-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-groups": React.lazy(async () => {
+    const mod = await import("@/examples/base/select-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/select-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/select-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "separator-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "separator-list": React.lazy(async () => {
+    const mod = await import("@/examples/base/separator-list")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-list"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-menu": React.lazy(async () => {
+    const mod = await import("@/examples/base/separator-menu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-menu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/separator-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/base/separator-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "sheet-no-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/sheet-no-close-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sheet-no-close-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/sheet-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sheet-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-side": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "shimmer-angle": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-angle")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-angle"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-color": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-color")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-color"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-duration": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-duration")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-duration"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-marker": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-marker")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-marker"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-none": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-none")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-none"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-once": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-once")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-once"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-spread": React.lazy(async () => {
+    const mod = await import("@/examples/base/shimmer-spread")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-spread"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-footer": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group-action": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-group-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-group-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-header": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-header")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-header"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-action": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-menu-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-badge": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-menu-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-menu-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-sub": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-menu-sub")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-sub"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-menu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-rsc": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-rsc")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-rsc"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/sidebar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/base/skeleton-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "skeleton-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "skeleton-form": React.lazy(async () => {
+    const mod = await import("@/examples/base/skeleton-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/skeleton-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-table": React.lazy(async () => {
+    const mod = await import("@/examples/base/skeleton-table")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-table"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-text": React.lazy(async () => {
+    const mod = await import("@/examples/base/skeleton-text")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-text"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/base/slider-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "slider-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/slider-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/base/slider-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-range": React.lazy(async () => {
+    const mod = await import("@/examples/base/slider-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/slider-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/base/slider-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "spinner-badge": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "spinner-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "spinner-custom": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "spinner-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "spinner-empty": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "spinner-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "spinner-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/spinner-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "spinner-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "spinner-size": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "switch-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/base/switch-choice-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-choice-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "switch-description": React.lazy(async () => {
+    const mod = await import("@/examples/base/switch-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/switch-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/switch-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/switch-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/base/switch-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-actions": React.lazy(async () => {
+    const mod = await import("@/examples/base/table-actions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-actions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "table-footer": React.lazy(async () => {
+    const mod = await import("@/examples/base/table-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/table-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "tabs-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/tabs-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-icons": React.lazy(async () => {
+    const mod = await import("@/examples/base/tabs-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-line": React.lazy(async () => {
+    const mod = await import("@/examples/base/tabs-line")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-line"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/tabs-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/base/tabs-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tanstack-ai-helper-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/tanstack-ai-helper-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tanstack-ai-helper-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-button": React.lazy(async () => {
+    const mod = await import("@/examples/base/textarea-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "textarea-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "textarea-field": React.lazy(async () => {
+    const mod = await import("@/examples/base/textarea-field")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-field"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/base/textarea-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/textarea-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toast-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/toast-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toast-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toast-promise": React.lazy(async () => {
+    const mod = await import("@/examples/base/toast-promise")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toast-promise"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toast-types": React.lazy(async () => {
+    const mod = await import("@/examples/base/toast-types")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toast-types"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-group-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-group-font-weight-selector": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/base/toggle-group-font-weight-selector"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-font-weight-selector"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-outline": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/toggle-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/base/toggle-group-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-group-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/base/toggle-group-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-outline": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "toggle-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/toggle-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/base/toggle-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-text": React.lazy(async () => {
+    const mod = await import("@/examples/base/toggle-text")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-text"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "tooltip-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/base/tooltip-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-keyboard": React.lazy(async () => {
+    const mod = await import("@/examples/base/tooltip-keyboard")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-keyboard"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/tooltip-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-sides": React.lazy(async () => {
+    const mod = await import("@/examples/base/tooltip-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "typography-blockquote": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-demo": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-h1": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-h2": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-h3": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-h4": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-inline-code": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-large": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-lead": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-list": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-muted": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-p": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/base/typography-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "typography-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "typography-small": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+  "typography-table": React.lazy(async () => {
+    const mod = await import("@/examples/base/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] }
+  }),
+}
diff --git a/apps/v4/examples/__components__/radix.tsx b/apps/v4/examples/__components__/radix.tsx
new file mode 100644
index 0000000..5ee04b6
--- /dev/null
+++ b/apps/v4/examples/__components__/radix.tsx
@@ -0,0 +1,4079 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-registry.mts
+// Do not edit this file directly.
+import "server-only"
+
+import * as React from "react"
+
+export const Components: Record<string, any> = {
+  "accordion-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/accordion-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-borders": React.lazy(async () => {
+    const mod = await import("@/examples/radix/accordion-borders")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-borders"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/accordion-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "accordion-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/accordion-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/accordion-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "accordion-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/accordion-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "accordion-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-action": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-colors": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-colors")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-colors"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "alert-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "alert-dialog-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-dialog-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "alert-dialog-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-dialog-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-media": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-dialog-media")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-media"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-dialog-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-small-media": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-dialog-small-media")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-small-media"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-dialog-small": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-dialog-small")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-dialog-small"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "alert-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/alert-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "alert-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "aspect-ratio-portrait": React.lazy(async () => {
+    const mod = await import("@/examples/radix/aspect-ratio-portrait")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-portrait"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/aspect-ratio-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "aspect-ratio-square": React.lazy(async () => {
+    const mod = await import("@/examples/radix/aspect-ratio-square")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "aspect-ratio-square"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/attachment-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/attachment-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-image": React.lazy(async () => {
+    const mod = await import("@/examples/radix/attachment-image")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-image"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/radix/attachment-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-states": React.lazy(async () => {
+    const mod = await import("@/examples/radix/attachment-states")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-states"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "attachment-trigger": React.lazy(async () => {
+    const mod = await import("@/examples/radix/attachment-trigger")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment-trigger"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-badge-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-badge-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-badge-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-badge": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "avatar-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-dropdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-dropdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group-count-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-group-count-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group-count-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group-count": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-group-count")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group-count"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "avatar-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/avatar-size")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "avatar-size"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-colors": React.lazy(async () => {
+    const mod = await import("@/examples/radix/badge-colors")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-colors"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "badge-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/badge-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-link": React.lazy(async () => {
+    const mod = await import("@/examples/radix/badge-link")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-link"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/badge-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/radix/badge-spinner")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-spinner"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "badge-variants": React.lazy(async () => {
+    const mod = await import("@/examples/radix/badge-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "badge-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/breadcrumb-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "breadcrumb-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "breadcrumb-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "breadcrumb-ellipsis": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "breadcrumb-link": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "breadcrumb-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/breadcrumb-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "breadcrumb-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "breadcrumb-separator": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "bubble-alignment": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-alignment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-alignment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-group-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-group-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-link-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-link-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-link-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-markdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-markdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-markdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-popover": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-popover")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-popover"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-reactions": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-reactions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-reactions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "bubble-variants": React.lazy(async () => {
+    const mod = await import("@/examples/radix/bubble-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-aschild": React.lazy(async () => {
+    const mod = await import("@/examples/radix/button-aschild")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-aschild"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-default": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-ghost": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-input": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-nested": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-orientation": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-popover": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/button-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-group-select": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-separator": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-group-split": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-link": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-outline": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-rounded": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/button-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-secondary": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "button-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/radix/button-spinner")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "button-spinner"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "button-with-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "calendar-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-booked-dates": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-booked-dates")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-booked-dates"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-caption": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-caption")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-caption"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-custom-days": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-custom-days")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-custom-days"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "calendar-hijri": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "calendar-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-presets": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-presets")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-presets"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-range": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-time": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-time")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-time"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "calendar-week-numbers": React.lazy(async () => {
+    const mod = await import("@/examples/radix/calendar-week-numbers")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "calendar-week-numbers"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "card-edge-to-edge": React.lazy(async () => {
+    const mod = await import("@/examples/radix/card-edge-to-edge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-edge-to-edge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-image": React.lazy(async () => {
+    const mod = await import("@/examples/radix/card-image")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-image"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/card-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-small": React.lazy(async () => {
+    const mod = await import("@/examples/radix/card-small")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-small"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "card-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/radix/card-spacing")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "card-spacing"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-api": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "carousel-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "carousel-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/carousel-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "carousel-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-orientation": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "carousel-plugin": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "carousel-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/carousel-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "carousel-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "carousel-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "carousel-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "chart-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-axis": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-example-axis")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-axis"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-grid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-example-grid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-grid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-legend": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-example-legend")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-legend"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-example-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-example": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-example")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-example"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "chart-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/chart-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "chart-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/checkbox-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "checkbox-description": React.lazy(async () => {
+    const mod = await import("@/examples/radix/checkbox-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "checkbox-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/checkbox-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/checkbox-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/checkbox-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "checkbox-table": React.lazy(async () => {
+    const mod = await import("@/examples/radix/checkbox-table")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "checkbox-table"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/collapsible-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "collapsible-file-tree": React.lazy(async () => {
+    const mod = await import("@/examples/radix/collapsible-file-tree")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-file-tree"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/collapsible-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "collapsible-settings": React.lazy(async () => {
+    const mod = await import("@/examples/radix/collapsible-settings")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "collapsible-settings"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-auto-highlight": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-auto-highlight")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-auto-highlight"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-clear": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-clear")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-clear"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-custom": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-custom")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-custom"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "combobox-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-groups": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-input-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-input-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-popup": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-popup")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-popup"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "combobox-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/combobox-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "combobox-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/command-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "command-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "command-groups": React.lazy(async () => {
+    const mod = await import("@/examples/radix/command-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/command-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/radix/command-scrollable")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-scrollable"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "command-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/radix/command-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "command-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-checkboxes": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-checkboxes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-checkboxes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "context-menu-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-groups": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-icons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-radio": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-radio")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-radio"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-sides": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "context-menu-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/radix/context-menu-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "context-menu-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "data-picker-with-dropdowns": React.lazy(async () => {
+    const mod = await import("@/examples/radix/data-picker-with-dropdowns")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "data-picker-with-dropdowns"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "data-table-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "data-table-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/data-table-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "data-table-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "date-picker-dob": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-dob")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-dob"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-input": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-input")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-input"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-natural-language": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-natural-language")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-natural-language"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-range": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "date-picker-time": React.lazy(async () => {
+    const mod = await import("@/examples/radix/date-picker-time")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "date-picker-time"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "dialog-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "dialog-no-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dialog-no-close-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-no-close-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dialog-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-scrollable-content": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dialog-scrollable-content")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-scrollable-content"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dialog-sticky-footer": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dialog-sticky-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dialog-sticky-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "drawer-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "drawer-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/drawer-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-scrollable-content": React.lazy(async () => {
+    const mod = await import("@/examples/radix/drawer-scrollable-content")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-scrollable-content"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "drawer-sides": React.lazy(async () => {
+    const mod = await import("@/examples/radix/drawer-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "drawer-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-checkboxes-icons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-checkboxes-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-checkboxes-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-checkboxes": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "dropdown-menu-complex": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-complex")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-complex"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "dropdown-menu-destructive": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-destructive")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-destructive"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-icons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-radio-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "dropdown-menu-radio-icons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-radio-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-radio-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dropdown-menu-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/radix/dropdown-menu-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "dropdown-menu-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "empty-avatar-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "empty-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "empty-background": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "empty-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/empty-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "empty-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "empty-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "empty-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "empty-outline": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "empty-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/empty-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "empty-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "field-checkbox": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-fieldset": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-input": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-radio": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-responsive": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/field-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "field-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "field-select": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-slider": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-switch": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "field-textarea": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "file-upload-list": React.lazy(async () => {
+    const mod = await import("@/examples/radix/file-upload-list")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "file-upload-list"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "hover-card-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "hover-card-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/hover-card-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "hover-card-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "hover-card-sides": React.lazy(async () => {
+    const mod = await import("@/examples/radix/hover-card-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "hover-card-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-badge": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-button-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-button-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-button-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-field": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-field")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-field"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-fieldgroup": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-fieldgroup")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-fieldgroup"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-file": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-form": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-grid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-grid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-grid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-block-end": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-block-end")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-block-end"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-block-start": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-block-start")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-block-start"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-button-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-custom": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-in-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-in-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-in-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-inline-end": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-inline-end")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-inline-end"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-inline-start": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-inline-start")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-inline-start"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-kbd": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-kbd")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-kbd"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-label": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-spinner": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-text": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-textarea-examples": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-textarea-examples")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-textarea-examples"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-textarea": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-group-with-addons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-with-addons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-addons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-buttons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-with-buttons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-buttons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-kbd": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-with-kbd")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-kbd"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-group-with-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-group-with-tooltip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-group-with-tooltip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-inline": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-inline")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-inline"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-input-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-input-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-alphanumeric": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-otp-alphanumeric")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-alphanumeric"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-otp-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-otp-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-otp-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-form": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-otp-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-four-digits": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-otp-four-digits")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-four-digits"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-otp-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-pattern": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-otp-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-otp-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-otp-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-otp-separator": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "input-required": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-required")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-required"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "input-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/input-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "input-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "item-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-dropdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-header": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-image": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-link": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/item-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "item-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "item-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "item-variant": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "kbd-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "kbd-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "kbd-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "kbd-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "kbd-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/kbd-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "kbd-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "kbd-tooltip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "label-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "label-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/label-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "label-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "markdown-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/markdown-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "markdown-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-border": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-border")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-border"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-icon": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-icon")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-icon"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-link-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-link-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-link-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-separator": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-separator")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-separator"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-shimmer": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-shimmer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-shimmer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-status": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-status")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-status"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "marker-variants": React.lazy(async () => {
+    const mod = await import("@/examples/radix/marker-variants")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker-variants"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-checkbox": React.lazy(async () => {
+    const mod = await import("@/examples/radix/menubar-checkbox")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-checkbox"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "menubar-icons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/menubar-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-radio": React.lazy(async () => {
+    const mod = await import("@/examples/radix/menubar-radio")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-radio"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/menubar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "menubar-submenu": React.lazy(async () => {
+    const mod = await import("@/examples/radix/menubar-submenu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "menubar-submenu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-actions": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-actions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-actions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-attachment": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-attachment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-attachment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-header-footer": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-header-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-header-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-markdown": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-markdown")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-markdown"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-anchoring": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-anchoring")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-anchoring"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-animation": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-animation")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-animation"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-commands": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-commands")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-commands"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-group-chat": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-group-chat")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-group-chat"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-load-history": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-load-history")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-load-history"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-opening-position": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/radix/message-scroller-opening-position"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-opening-position"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-previous-context": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/radix/message-scroller-previous-context"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-previous-context"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-scrollable")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-scrollable"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-streaming": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-streaming")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-streaming"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller-visibility": React.lazy(async () => {
+    const mod = await import("@/examples/radix/message-scroller-visibility")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller-visibility"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "muted-item-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/muted-item-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "muted-item-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "native-select-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "native-select-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "native-select-groups": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "native-select-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "native-select-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/native-select-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "native-select-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "navigation-menu-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "navigation-menu-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/navigation-menu-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "navigation-menu-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "outline-item-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/outline-item-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "outline-item-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "pagination-icons-only": React.lazy(async () => {
+    const mod = await import("@/examples/radix/pagination-icons-only")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-icons-only"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/pagination-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "pagination-simple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/pagination-simple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "pagination-simple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-alignments": React.lazy(async () => {
+    const mod = await import("@/examples/radix/popover-alignments")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-alignments"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-basic": React.lazy(async () => {
+    const mod = await import("@/examples/radix/popover-basic")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-basic"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "popover-form": React.lazy(async () => {
+    const mod = await import("@/examples/radix/popover-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "popover-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/popover-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "popover-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/progress-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "progress-label": React.lazy(async () => {
+    const mod = await import("@/examples/radix/progress-label")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-label"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "progress-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/progress-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "progress-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-animated": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-animated")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-animated"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-conditional": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-conditional")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-conditional"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-dialog": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-dialog")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-dialog"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-freeform": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-freeform")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-freeform"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-navigation-state": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-navigation-state")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-navigation-state"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-progress": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-progress")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-progress"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-resume": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-resume")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-resume"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-shortcuts": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-shortcuts")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-shortcuts"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-skip": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-skip")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-skip"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "questionnaire-validation": React.lazy(async () => {
+    const mod = await import("@/examples/radix/questionnaire-validation")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "questionnaire-validation"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-fields": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-fields")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-fields"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-group-choice-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-choice-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "radio-group-description": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-group-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-group-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-fieldset": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-group-fieldset")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-fieldset"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-group-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "radio-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/radio-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "radio-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "resizable-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "resizable-handle": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "resizable-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/resizable-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "resizable-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "resizable-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "scroll-area-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "scroll-area-horizontal-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "scroll-area-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-area-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-area-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-edge": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-edge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-edge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-horizontal": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-horizontal")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-horizontal"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-none": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-none")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-none"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-overflow": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-overflow")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-overflow"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "scroll-fade-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/scroll-fade-size")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "scroll-fade-size"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-align-item": React.lazy(async () => {
+    const mod = await import("@/examples/radix/select-align-item")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-align-item"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "select-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/select-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-groups": React.lazy(async () => {
+    const mod = await import("@/examples/radix/select-groups")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-groups"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/select-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/select-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "select-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "select-scrollable": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "separator-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "separator-list": React.lazy(async () => {
+    const mod = await import("@/examples/radix/separator-list")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-list"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-menu": React.lazy(async () => {
+    const mod = await import("@/examples/radix/separator-menu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-menu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/separator-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "separator-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/radix/separator-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "separator-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "sheet-no-close-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sheet-no-close-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sheet-no-close-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sheet-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sheet-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sheet-side": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "shimmer-angle": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-angle")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-angle"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-color": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-color")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-color"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-duration": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-duration")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-duration"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-marker": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-marker")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-marker"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-none": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-none")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-none"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-once": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-once")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-once"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "shimmer-spread": React.lazy(async () => {
+    const mod = await import("@/examples/radix/shimmer-spread")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "shimmer-spread"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-demo")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-demo"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-footer": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group-action": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-group-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-group-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-group")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-group"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-header": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-header")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-header"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-action": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-menu-action")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-action"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-badge": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-menu-badge")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-badge"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-collapsible": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-menu-collapsible")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-collapsible"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu-sub": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-menu-sub")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu-sub"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-menu": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-menu")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-menu"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-rsc": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-rsc")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-rsc"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sidebar-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sidebar-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sidebar-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-avatar": React.lazy(async () => {
+    const mod = await import("@/examples/radix/skeleton-avatar")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-avatar"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "skeleton-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "skeleton-form": React.lazy(async () => {
+    const mod = await import("@/examples/radix/skeleton-form")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-form"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/skeleton-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-table": React.lazy(async () => {
+    const mod = await import("@/examples/radix/skeleton-table")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-table"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "skeleton-text": React.lazy(async () => {
+    const mod = await import("@/examples/radix/skeleton-text")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "skeleton-text"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-controlled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/slider-controlled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-controlled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "slider-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/slider-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-multiple": React.lazy(async () => {
+    const mod = await import("@/examples/radix/slider-multiple")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-multiple"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-range": React.lazy(async () => {
+    const mod = await import("@/examples/radix/slider-range")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-range"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/slider-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "slider-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/radix/slider-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "slider-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sonner-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "sonner-description": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sonner-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sonner-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sonner-position": React.lazy(async () => {
+    const mod = await import("@/examples/radix/sonner-position")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "sonner-position"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "sonner-types": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-badge": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-custom": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-empty": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-input-group": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "spinner-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/spinner-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "spinner-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "spinner-size": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "switch-choice-card": React.lazy(async () => {
+    const mod = await import("@/examples/radix/switch-choice-card")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-choice-card"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "switch-description": React.lazy(async () => {
+    const mod = await import("@/examples/radix/switch-description")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-description"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/switch-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/switch-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/switch-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "switch-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/radix/switch-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "switch-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-actions": React.lazy(async () => {
+    const mod = await import("@/examples/radix/table-actions")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-actions"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "table-footer": React.lazy(async () => {
+    const mod = await import("@/examples/radix/table-footer")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-footer"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "table-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/table-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "table-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "tabs-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tabs-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-icons": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tabs-icons")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-icons"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-line": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tabs-line")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-line"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tabs-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tabs-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tabs-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tabs-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-button": React.lazy(async () => {
+    const mod = await import("@/examples/radix/textarea-button")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-button"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "textarea-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "textarea-field": React.lazy(async () => {
+    const mod = await import("@/examples/radix/textarea-field")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-field"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-invalid": React.lazy(async () => {
+    const mod = await import("@/examples/radix/textarea-invalid")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-invalid"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "textarea-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/textarea-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "textarea-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-group-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-group-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-group-font-weight-selector": React.lazy(async () => {
+    const mod = await import(
+      "@/examples/radix/toggle-group-font-weight-selector"
+    )
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-font-weight-selector"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-outline": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-group-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/toggle-group-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/radix/toggle-group-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-group-spacing": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-group-vertical": React.lazy(async () => {
+    const mod = await import("@/examples/radix/toggle-group-vertical")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-group-vertical"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-outline": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "toggle-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/toggle-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-sizes": React.lazy(async () => {
+    const mod = await import("@/examples/radix/toggle-sizes")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-sizes"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "toggle-text": React.lazy(async () => {
+    const mod = await import("@/examples/radix/toggle-text")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "toggle-text"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "tooltip-disabled": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tooltip-disabled")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-disabled"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-keyboard": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tooltip-keyboard")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-keyboard"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tooltip-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "tooltip-sides": React.lazy(async () => {
+    const mod = await import("@/examples/radix/tooltip-sides")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "tooltip-sides"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "typography-blockquote": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-demo": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-h1": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-h2": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-h3": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-h4": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-inline-code": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-large": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-lead": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-list": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-muted": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-p": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-rtl": React.lazy(async () => {
+    const mod = await import("@/examples/radix/typography-rtl")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "typography-rtl"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "typography-small": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+  "typography-table": React.lazy(async () => {
+    const mod = await import("@/examples/radix/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] }
+  }),
+}
diff --git a/apps/v4/examples/__index__.tsx b/apps/v4/examples/__index__.tsx
new file mode 100644
index 0000000..b8e55f5
--- /dev/null
+++ b/apps/v4/examples/__index__.tsx
@@ -0,0 +1,6101 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-registry.mts
+// Do not edit this file directly.
+import "server-only"
+
+export const ExamplesIndex: Record<string, Record<string, any>> = {
+  base: {
+    "accordion-basic": {
+      name: "accordion-basic",
+      filePath: "examples/base/accordion-basic.tsx",
+    },
+    "accordion-borders": {
+      name: "accordion-borders",
+      filePath: "examples/base/accordion-borders.tsx",
+    },
+    "accordion-card": {
+      name: "accordion-card",
+      filePath: "examples/base/accordion-card.tsx",
+    },
+    "accordion-demo": {
+      name: "accordion-demo",
+      filePath: "examples/base/accordion-demo.tsx",
+    },
+    "accordion-disabled": {
+      name: "accordion-disabled",
+      filePath: "examples/base/accordion-disabled.tsx",
+    },
+    "accordion-multiple": {
+      name: "accordion-multiple",
+      filePath: "examples/base/accordion-multiple.tsx",
+    },
+    "accordion-rtl": {
+      name: "accordion-rtl",
+      filePath: "examples/base/accordion-rtl.tsx",
+    },
+    "ai-sdk-helper-demo": {
+      name: "ai-sdk-helper-demo",
+      filePath: "examples/base/ai-sdk-helper-demo.tsx",
+    },
+    "alert-action": {
+      name: "alert-action",
+      filePath: "examples/base/alert-action.tsx",
+    },
+    "alert-basic": {
+      name: "alert-basic",
+      filePath: "examples/base/alert-basic.tsx",
+    },
+    "alert-colors": {
+      name: "alert-colors",
+      filePath: "examples/base/alert-colors.tsx",
+    },
+    "alert-demo": {
+      name: "alert-demo",
+      filePath: "examples/base/alert-demo.tsx",
+    },
+    "alert-destructive": {
+      name: "alert-destructive",
+      filePath: "examples/base/alert-destructive.tsx",
+    },
+    "alert-dialog-basic": {
+      name: "alert-dialog-basic",
+      filePath: "examples/base/alert-dialog-basic.tsx",
+    },
+    "alert-dialog-demo": {
+      name: "alert-dialog-demo",
+      filePath: "examples/base/alert-dialog-demo.tsx",
+    },
+    "alert-dialog-destructive": {
+      name: "alert-dialog-destructive",
+      filePath: "examples/base/alert-dialog-destructive.tsx",
+    },
+    "alert-dialog-media": {
+      name: "alert-dialog-media",
+      filePath: "examples/base/alert-dialog-media.tsx",
+    },
+    "alert-dialog-rtl": {
+      name: "alert-dialog-rtl",
+      filePath: "examples/base/alert-dialog-rtl.tsx",
+    },
+    "alert-dialog-small-media": {
+      name: "alert-dialog-small-media",
+      filePath: "examples/base/alert-dialog-small-media.tsx",
+    },
+    "alert-dialog-small": {
+      name: "alert-dialog-small",
+      filePath: "examples/base/alert-dialog-small.tsx",
+    },
+    "alert-rtl": {
+      name: "alert-rtl",
+      filePath: "examples/base/alert-rtl.tsx",
+    },
+    "aspect-ratio-demo": {
+      name: "aspect-ratio-demo",
+      filePath: "examples/base/aspect-ratio-demo.tsx",
+    },
+    "aspect-ratio-portrait": {
+      name: "aspect-ratio-portrait",
+      filePath: "examples/base/aspect-ratio-portrait.tsx",
+    },
+    "aspect-ratio-rtl": {
+      name: "aspect-ratio-rtl",
+      filePath: "examples/base/aspect-ratio-rtl.tsx",
+    },
+    "aspect-ratio-square": {
+      name: "aspect-ratio-square",
+      filePath: "examples/base/aspect-ratio-square.tsx",
+    },
+    "attachment-demo": {
+      name: "attachment-demo",
+      filePath: "examples/base/attachment-demo.tsx",
+    },
+    "attachment-group": {
+      name: "attachment-group",
+      filePath: "examples/base/attachment-group.tsx",
+    },
+    "attachment-image": {
+      name: "attachment-image",
+      filePath: "examples/base/attachment-image.tsx",
+    },
+    "attachment-sizes": {
+      name: "attachment-sizes",
+      filePath: "examples/base/attachment-sizes.tsx",
+    },
+    "attachment-states": {
+      name: "attachment-states",
+      filePath: "examples/base/attachment-states.tsx",
+    },
+    "attachment-trigger": {
+      name: "attachment-trigger",
+      filePath: "examples/base/attachment-trigger.tsx",
+    },
+    "avatar-badge-icon": {
+      name: "avatar-badge-icon",
+      filePath: "examples/base/avatar-badge-icon.tsx",
+    },
+    "avatar-badge": {
+      name: "avatar-badge",
+      filePath: "examples/base/avatar-badge.tsx",
+    },
+    "avatar-basic": {
+      name: "avatar-basic",
+      filePath: "examples/base/avatar-basic.tsx",
+    },
+    "avatar-demo": {
+      name: "avatar-demo",
+      filePath: "examples/base/avatar-demo.tsx",
+    },
+    "avatar-dropdown": {
+      name: "avatar-dropdown",
+      filePath: "examples/base/avatar-dropdown.tsx",
+    },
+    "avatar-group-count-icon": {
+      name: "avatar-group-count-icon",
+      filePath: "examples/base/avatar-group-count-icon.tsx",
+    },
+    "avatar-group-count": {
+      name: "avatar-group-count",
+      filePath: "examples/base/avatar-group-count.tsx",
+    },
+    "avatar-group": {
+      name: "avatar-group",
+      filePath: "examples/base/avatar-group.tsx",
+    },
+    "avatar-rtl": {
+      name: "avatar-rtl",
+      filePath: "examples/base/avatar-rtl.tsx",
+    },
+    "avatar-size": {
+      name: "avatar-size",
+      filePath: "examples/base/avatar-size.tsx",
+    },
+    "badge-colors": {
+      name: "badge-colors",
+      filePath: "examples/base/badge-colors.tsx",
+    },
+    "badge-demo": {
+      name: "badge-demo",
+      filePath: "examples/base/badge-demo.tsx",
+    },
+    "badge-icon": {
+      name: "badge-icon",
+      filePath: "examples/base/badge-icon.tsx",
+    },
+    "badge-link": {
+      name: "badge-link",
+      filePath: "examples/base/badge-link.tsx",
+    },
+    "badge-rtl": {
+      name: "badge-rtl",
+      filePath: "examples/base/badge-rtl.tsx",
+    },
+    "badge-spinner": {
+      name: "badge-spinner",
+      filePath: "examples/base/badge-spinner.tsx",
+    },
+    "badge-variants": {
+      name: "badge-variants",
+      filePath: "examples/base/badge-variants.tsx",
+    },
+    "breadcrumb-basic": {
+      name: "breadcrumb-basic",
+      filePath: "examples/base/breadcrumb-basic.tsx",
+    },
+    "breadcrumb-demo": {
+      name: "breadcrumb-demo",
+      filePath: "examples/base/breadcrumb-demo.tsx",
+    },
+    "breadcrumb-dropdown": {
+      name: "breadcrumb-dropdown",
+      filePath: "examples/base/breadcrumb-dropdown.tsx",
+    },
+    "breadcrumb-ellipsis": {
+      name: "breadcrumb-ellipsis",
+      filePath: "examples/base/breadcrumb-ellipsis.tsx",
+    },
+    "breadcrumb-link": {
+      name: "breadcrumb-link",
+      filePath: "examples/base/breadcrumb-link.tsx",
+    },
+    "breadcrumb-rtl": {
+      name: "breadcrumb-rtl",
+      filePath: "examples/base/breadcrumb-rtl.tsx",
+    },
+    "breadcrumb-separator": {
+      name: "breadcrumb-separator",
+      filePath: "examples/base/breadcrumb-separator.tsx",
+    },
+    "bubble-alignment": {
+      name: "bubble-alignment",
+      filePath: "examples/base/bubble-alignment.tsx",
+    },
+    "bubble-collapsible": {
+      name: "bubble-collapsible",
+      filePath: "examples/base/bubble-collapsible.tsx",
+    },
+    "bubble-demo": {
+      name: "bubble-demo",
+      filePath: "examples/base/bubble-demo.tsx",
+    },
+    "bubble-group-demo": {
+      name: "bubble-group-demo",
+      filePath: "examples/base/bubble-group-demo.tsx",
+    },
+    "bubble-link-button": {
+      name: "bubble-link-button",
+      filePath: "examples/base/bubble-link-button.tsx",
+    },
+    "bubble-markdown": {
+      name: "bubble-markdown",
+      filePath: "examples/base/bubble-markdown.tsx",
+    },
+    "bubble-popover": {
+      name: "bubble-popover",
+      filePath: "examples/base/bubble-popover.tsx",
+    },
+    "bubble-reactions": {
+      name: "bubble-reactions",
+      filePath: "examples/base/bubble-reactions.tsx",
+    },
+    "bubble-tooltip": {
+      name: "bubble-tooltip",
+      filePath: "examples/base/bubble-tooltip.tsx",
+    },
+    "bubble-variants": {
+      name: "bubble-variants",
+      filePath: "examples/base/bubble-variants.tsx",
+    },
+    "button-default": {
+      name: "button-default",
+      filePath: "examples/base/button-default.tsx",
+    },
+    "button-demo": {
+      name: "button-demo",
+      filePath: "examples/base/button-demo.tsx",
+    },
+    "button-destructive": {
+      name: "button-destructive",
+      filePath: "examples/base/button-destructive.tsx",
+    },
+    "button-ghost": {
+      name: "button-ghost",
+      filePath: "examples/base/button-ghost.tsx",
+    },
+    "button-group-demo": {
+      name: "button-group-demo",
+      filePath: "examples/base/button-group-demo.tsx",
+    },
+    "button-group-dropdown": {
+      name: "button-group-dropdown",
+      filePath: "examples/base/button-group-dropdown.tsx",
+    },
+    "button-group-input-group": {
+      name: "button-group-input-group",
+      filePath: "examples/base/button-group-input-group.tsx",
+    },
+    "button-group-input": {
+      name: "button-group-input",
+      filePath: "examples/base/button-group-input.tsx",
+    },
+    "button-group-nested": {
+      name: "button-group-nested",
+      filePath: "examples/base/button-group-nested.tsx",
+    },
+    "button-group-orientation": {
+      name: "button-group-orientation",
+      filePath: "examples/base/button-group-orientation.tsx",
+    },
+    "button-group-popover": {
+      name: "button-group-popover",
+      filePath: "examples/base/button-group-popover.tsx",
+    },
+    "button-group-rtl": {
+      name: "button-group-rtl",
+      filePath: "examples/base/button-group-rtl.tsx",
+    },
+    "button-group-select": {
+      name: "button-group-select",
+      filePath: "examples/base/button-group-select.tsx",
+    },
+    "button-group-separator": {
+      name: "button-group-separator",
+      filePath: "examples/base/button-group-separator.tsx",
+    },
+    "button-group-size": {
+      name: "button-group-size",
+      filePath: "examples/base/button-group-size.tsx",
+    },
+    "button-group-split": {
+      name: "button-group-split",
+      filePath: "examples/base/button-group-split.tsx",
+    },
+    "button-icon": {
+      name: "button-icon",
+      filePath: "examples/base/button-icon.tsx",
+    },
+    "button-link": {
+      name: "button-link",
+      filePath: "examples/base/button-link.tsx",
+    },
+    "button-outline": {
+      name: "button-outline",
+      filePath: "examples/base/button-outline.tsx",
+    },
+    "button-render": {
+      name: "button-render",
+      filePath: "examples/base/button-render.tsx",
+    },
+    "button-rounded": {
+      name: "button-rounded",
+      filePath: "examples/base/button-rounded.tsx",
+    },
+    "button-rtl": {
+      name: "button-rtl",
+      filePath: "examples/base/button-rtl.tsx",
+    },
+    "button-secondary": {
+      name: "button-secondary",
+      filePath: "examples/base/button-secondary.tsx",
+    },
+    "button-size": {
+      name: "button-size",
+      filePath: "examples/base/button-size.tsx",
+    },
+    "button-spinner": {
+      name: "button-spinner",
+      filePath: "examples/base/button-spinner.tsx",
+    },
+    "button-with-icon": {
+      name: "button-with-icon",
+      filePath: "examples/base/button-with-icon.tsx",
+    },
+    "calendar-basic": {
+      name: "calendar-basic",
+      filePath: "examples/base/calendar-basic.tsx",
+    },
+    "calendar-booked-dates": {
+      name: "calendar-booked-dates",
+      filePath: "examples/base/calendar-booked-dates.tsx",
+    },
+    "calendar-caption": {
+      name: "calendar-caption",
+      filePath: "examples/base/calendar-caption.tsx",
+    },
+    "calendar-custom-days": {
+      name: "calendar-custom-days",
+      filePath: "examples/base/calendar-custom-days.tsx",
+    },
+    "calendar-demo": {
+      name: "calendar-demo",
+      filePath: "examples/base/calendar-demo.tsx",
+    },
+    "calendar-hijri": {
+      name: "calendar-hijri",
+      filePath: "examples/base/calendar-hijri.tsx",
+    },
+    "calendar-multiple": {
+      name: "calendar-multiple",
+      filePath: "examples/base/calendar-multiple.tsx",
+    },
+    "calendar-presets": {
+      name: "calendar-presets",
+      filePath: "examples/base/calendar-presets.tsx",
+    },
+    "calendar-range": {
+      name: "calendar-range",
+      filePath: "examples/base/calendar-range.tsx",
+    },
+    "calendar-rtl": {
+      name: "calendar-rtl",
+      filePath: "examples/base/calendar-rtl.tsx",
+    },
+    "calendar-time": {
+      name: "calendar-time",
+      filePath: "examples/base/calendar-time.tsx",
+    },
+    "calendar-week-numbers": {
+      name: "calendar-week-numbers",
+      filePath: "examples/base/calendar-week-numbers.tsx",
+    },
+    "card-demo": {
+      name: "card-demo",
+      filePath: "examples/base/card-demo.tsx",
+    },
+    "card-edge-to-edge": {
+      name: "card-edge-to-edge",
+      filePath: "examples/base/card-edge-to-edge.tsx",
+    },
+    "card-image": {
+      name: "card-image",
+      filePath: "examples/base/card-image.tsx",
+    },
+    "card-rtl": {
+      name: "card-rtl",
+      filePath: "examples/base/card-rtl.tsx",
+    },
+    "card-small": {
+      name: "card-small",
+      filePath: "examples/base/card-small.tsx",
+    },
+    "card-spacing": {
+      name: "card-spacing",
+      filePath: "examples/base/card-spacing.tsx",
+    },
+    "carousel-api": {
+      name: "carousel-api",
+      filePath: "examples/base/carousel-api.tsx",
+    },
+    "carousel-demo": {
+      name: "carousel-demo",
+      filePath: "examples/base/carousel-demo.tsx",
+    },
+    "carousel-multiple": {
+      name: "carousel-multiple",
+      filePath: "examples/base/carousel-multiple.tsx",
+    },
+    "carousel-orientation": {
+      name: "carousel-orientation",
+      filePath: "examples/base/carousel-orientation.tsx",
+    },
+    "carousel-plugin": {
+      name: "carousel-plugin",
+      filePath: "examples/base/carousel-plugin.tsx",
+    },
+    "carousel-rtl": {
+      name: "carousel-rtl",
+      filePath: "examples/base/carousel-rtl.tsx",
+    },
+    "carousel-size": {
+      name: "carousel-size",
+      filePath: "examples/base/carousel-size.tsx",
+    },
+    "carousel-spacing": {
+      name: "carousel-spacing",
+      filePath: "examples/base/carousel-spacing.tsx",
+    },
+    "chart-demo": {
+      name: "chart-demo",
+      filePath: "examples/base/chart-demo.tsx",
+    },
+    "chart-example-axis": {
+      name: "chart-example-axis",
+      filePath: "examples/base/chart-example-axis.tsx",
+    },
+    "chart-example-grid": {
+      name: "chart-example-grid",
+      filePath: "examples/base/chart-example-grid.tsx",
+    },
+    "chart-example-legend": {
+      name: "chart-example-legend",
+      filePath: "examples/base/chart-example-legend.tsx",
+    },
+    "chart-example-tooltip": {
+      name: "chart-example-tooltip",
+      filePath: "examples/base/chart-example-tooltip.tsx",
+    },
+    "chart-example": {
+      name: "chart-example",
+      filePath: "examples/base/chart-example.tsx",
+    },
+    "chart-rtl": {
+      name: "chart-rtl",
+      filePath: "examples/base/chart-rtl.tsx",
+    },
+    "chart-tooltip": {
+      name: "chart-tooltip",
+      filePath: "examples/base/chart-tooltip.tsx",
+    },
+    "checkbox-basic": {
+      name: "checkbox-basic",
+      filePath: "examples/base/checkbox-basic.tsx",
+    },
+    "checkbox-demo": {
+      name: "checkbox-demo",
+      filePath: "examples/base/checkbox-demo.tsx",
+    },
+    "checkbox-description": {
+      name: "checkbox-description",
+      filePath: "examples/base/checkbox-description.tsx",
+    },
+    "checkbox-disabled": {
+      name: "checkbox-disabled",
+      filePath: "examples/base/checkbox-disabled.tsx",
+    },
+    "checkbox-group": {
+      name: "checkbox-group",
+      filePath: "examples/base/checkbox-group.tsx",
+    },
+    "checkbox-invalid": {
+      name: "checkbox-invalid",
+      filePath: "examples/base/checkbox-invalid.tsx",
+    },
+    "checkbox-rtl": {
+      name: "checkbox-rtl",
+      filePath: "examples/base/checkbox-rtl.tsx",
+    },
+    "checkbox-table": {
+      name: "checkbox-table",
+      filePath: "examples/base/checkbox-table.tsx",
+    },
+    "collapsible-basic": {
+      name: "collapsible-basic",
+      filePath: "examples/base/collapsible-basic.tsx",
+    },
+    "collapsible-demo": {
+      name: "collapsible-demo",
+      filePath: "examples/base/collapsible-demo.tsx",
+    },
+    "collapsible-file-tree": {
+      name: "collapsible-file-tree",
+      filePath: "examples/base/collapsible-file-tree.tsx",
+    },
+    "collapsible-rtl": {
+      name: "collapsible-rtl",
+      filePath: "examples/base/collapsible-rtl.tsx",
+    },
+    "collapsible-settings": {
+      name: "collapsible-settings",
+      filePath: "examples/base/collapsible-settings.tsx",
+    },
+    "combobox-auto-highlight": {
+      name: "combobox-auto-highlight",
+      filePath: "examples/base/combobox-auto-highlight.tsx",
+    },
+    "combobox-basic": {
+      name: "combobox-basic",
+      filePath: "examples/base/combobox-basic.tsx",
+    },
+    "combobox-clear": {
+      name: "combobox-clear",
+      filePath: "examples/base/combobox-clear.tsx",
+    },
+    "combobox-custom": {
+      name: "combobox-custom",
+      filePath: "examples/base/combobox-custom.tsx",
+    },
+    "combobox-demo": {
+      name: "combobox-demo",
+      filePath: "examples/base/combobox-demo.tsx",
+    },
+    "combobox-disabled": {
+      name: "combobox-disabled",
+      filePath: "examples/base/combobox-disabled.tsx",
+    },
+    "combobox-groups": {
+      name: "combobox-groups",
+      filePath: "examples/base/combobox-groups.tsx",
+    },
+    "combobox-input-group": {
+      name: "combobox-input-group",
+      filePath: "examples/base/combobox-input-group.tsx",
+    },
+    "combobox-invalid": {
+      name: "combobox-invalid",
+      filePath: "examples/base/combobox-invalid.tsx",
+    },
+    "combobox-multiple": {
+      name: "combobox-multiple",
+      filePath: "examples/base/combobox-multiple.tsx",
+    },
+    "combobox-popup": {
+      name: "combobox-popup",
+      filePath: "examples/base/combobox-popup.tsx",
+    },
+    "combobox-rtl": {
+      name: "combobox-rtl",
+      filePath: "examples/base/combobox-rtl.tsx",
+    },
+    "command-basic": {
+      name: "command-basic",
+      filePath: "examples/base/command-basic.tsx",
+    },
+    "command-demo": {
+      name: "command-demo",
+      filePath: "examples/base/command-demo.tsx",
+    },
+    "command-dialog": {
+      name: "command-dialog",
+      filePath: "examples/base/command-dialog.tsx",
+    },
+    "command-groups": {
+      name: "command-groups",
+      filePath: "examples/base/command-groups.tsx",
+    },
+    "command-rtl": {
+      name: "command-rtl",
+      filePath: "examples/base/command-rtl.tsx",
+    },
+    "command-scrollable": {
+      name: "command-scrollable",
+      filePath: "examples/base/command-scrollable.tsx",
+    },
+    "command-shortcuts": {
+      name: "command-shortcuts",
+      filePath: "examples/base/command-shortcuts.tsx",
+    },
+    "context-menu-basic": {
+      name: "context-menu-basic",
+      filePath: "examples/base/context-menu-basic.tsx",
+    },
+    "context-menu-checkboxes": {
+      name: "context-menu-checkboxes",
+      filePath: "examples/base/context-menu-checkboxes.tsx",
+    },
+    "context-menu-demo": {
+      name: "context-menu-demo",
+      filePath: "examples/base/context-menu-demo.tsx",
+    },
+    "context-menu-destructive": {
+      name: "context-menu-destructive",
+      filePath: "examples/base/context-menu-destructive.tsx",
+    },
+    "context-menu-groups": {
+      name: "context-menu-groups",
+      filePath: "examples/base/context-menu-groups.tsx",
+    },
+    "context-menu-icons": {
+      name: "context-menu-icons",
+      filePath: "examples/base/context-menu-icons.tsx",
+    },
+    "context-menu-radio": {
+      name: "context-menu-radio",
+      filePath: "examples/base/context-menu-radio.tsx",
+    },
+    "context-menu-rtl": {
+      name: "context-menu-rtl",
+      filePath: "examples/base/context-menu-rtl.tsx",
+    },
+    "context-menu-shortcuts": {
+      name: "context-menu-shortcuts",
+      filePath: "examples/base/context-menu-shortcuts.tsx",
+    },
+    "context-menu-sides": {
+      name: "context-menu-sides",
+      filePath: "examples/base/context-menu-sides.tsx",
+    },
+    "context-menu-submenu": {
+      name: "context-menu-submenu",
+      filePath: "examples/base/context-menu-submenu.tsx",
+    },
+    "data-picker-with-dropdowns": {
+      name: "data-picker-with-dropdowns",
+      filePath: "examples/base/data-picker-with-dropdowns.tsx",
+    },
+    "data-table-demo": {
+      name: "data-table-demo",
+      filePath: "examples/base/data-table-demo.tsx",
+    },
+    "data-table-rtl": {
+      name: "data-table-rtl",
+      filePath: "examples/base/data-table-rtl.tsx",
+    },
+    "date-picker-basic": {
+      name: "date-picker-basic",
+      filePath: "examples/base/date-picker-basic.tsx",
+    },
+    "date-picker-demo": {
+      name: "date-picker-demo",
+      filePath: "examples/base/date-picker-demo.tsx",
+    },
+    "date-picker-dob": {
+      name: "date-picker-dob",
+      filePath: "examples/base/date-picker-dob.tsx",
+    },
+    "date-picker-input": {
+      name: "date-picker-input",
+      filePath: "examples/base/date-picker-input.tsx",
+    },
+    "date-picker-natural-language": {
+      name: "date-picker-natural-language",
+      filePath: "examples/base/date-picker-natural-language.tsx",
+    },
+    "date-picker-range": {
+      name: "date-picker-range",
+      filePath: "examples/base/date-picker-range.tsx",
+    },
+    "date-picker-rtl": {
+      name: "date-picker-rtl",
+      filePath: "examples/base/date-picker-rtl.tsx",
+    },
+    "date-picker-time": {
+      name: "date-picker-time",
+      filePath: "examples/base/date-picker-time.tsx",
+    },
+    "dialog-close-button": {
+      name: "dialog-close-button",
+      filePath: "examples/base/dialog-close-button.tsx",
+    },
+    "dialog-demo": {
+      name: "dialog-demo",
+      filePath: "examples/base/dialog-demo.tsx",
+    },
+    "dialog-no-close-button": {
+      name: "dialog-no-close-button",
+      filePath: "examples/base/dialog-no-close-button.tsx",
+    },
+    "dialog-rtl": {
+      name: "dialog-rtl",
+      filePath: "examples/base/dialog-rtl.tsx",
+    },
+    "dialog-scrollable-content": {
+      name: "dialog-scrollable-content",
+      filePath: "examples/base/dialog-scrollable-content.tsx",
+    },
+    "dialog-sticky-footer": {
+      name: "dialog-sticky-footer",
+      filePath: "examples/base/dialog-sticky-footer.tsx",
+    },
+    "drawer-demo": {
+      name: "drawer-demo",
+      filePath: "examples/base/drawer-demo.tsx",
+    },
+    "drawer-dialog": {
+      name: "drawer-dialog",
+      filePath: "examples/base/drawer-dialog.tsx",
+    },
+    "drawer-nested": {
+      name: "drawer-nested",
+      filePath: "examples/base/drawer-nested.tsx",
+    },
+    "drawer-non-modal": {
+      name: "drawer-non-modal",
+      filePath: "examples/base/drawer-non-modal.tsx",
+    },
+    "drawer-rtl": {
+      name: "drawer-rtl",
+      filePath: "examples/base/drawer-rtl.tsx",
+    },
+    "drawer-sides": {
+      name: "drawer-sides",
+      filePath: "examples/base/drawer-sides.tsx",
+    },
+    "drawer-snap-points": {
+      name: "drawer-snap-points",
+      filePath: "examples/base/drawer-snap-points.tsx",
+    },
+    "drawer-swipe-handle": {
+      name: "drawer-swipe-handle",
+      filePath: "examples/base/drawer-swipe-handle.tsx",
+    },
+    "dropdown-menu-avatar": {
+      name: "dropdown-menu-avatar",
+      filePath: "examples/base/dropdown-menu-avatar.tsx",
+    },
+    "dropdown-menu-basic": {
+      name: "dropdown-menu-basic",
+      filePath: "examples/base/dropdown-menu-basic.tsx",
+    },
+    "dropdown-menu-checkboxes-icons": {
+      name: "dropdown-menu-checkboxes-icons",
+      filePath: "examples/base/dropdown-menu-checkboxes-icons.tsx",
+    },
+    "dropdown-menu-checkboxes": {
+      name: "dropdown-menu-checkboxes",
+      filePath: "examples/base/dropdown-menu-checkboxes.tsx",
+    },
+    "dropdown-menu-complex": {
+      name: "dropdown-menu-complex",
+      filePath: "examples/base/dropdown-menu-complex.tsx",
+    },
+    "dropdown-menu-demo": {
+      name: "dropdown-menu-demo",
+      filePath: "examples/base/dropdown-menu-demo.tsx",
+    },
+    "dropdown-menu-destructive": {
+      name: "dropdown-menu-destructive",
+      filePath: "examples/base/dropdown-menu-destructive.tsx",
+    },
+    "dropdown-menu-icons": {
+      name: "dropdown-menu-icons",
+      filePath: "examples/base/dropdown-menu-icons.tsx",
+    },
+    "dropdown-menu-radio-group": {
+      name: "dropdown-menu-radio-group",
+      filePath: "examples/base/dropdown-menu-radio-group.tsx",
+    },
+    "dropdown-menu-radio-icons": {
+      name: "dropdown-menu-radio-icons",
+      filePath: "examples/base/dropdown-menu-radio-icons.tsx",
+    },
+    "dropdown-menu-rtl": {
+      name: "dropdown-menu-rtl",
+      filePath: "examples/base/dropdown-menu-rtl.tsx",
+    },
+    "dropdown-menu-shortcuts": {
+      name: "dropdown-menu-shortcuts",
+      filePath: "examples/base/dropdown-menu-shortcuts.tsx",
+    },
+    "dropdown-menu-submenu": {
+      name: "dropdown-menu-submenu",
+      filePath: "examples/base/dropdown-menu-submenu.tsx",
+    },
+    "empty-avatar-group": {
+      name: "empty-avatar-group",
+      filePath: "examples/base/empty-avatar-group.tsx",
+    },
+    "empty-avatar": {
+      name: "empty-avatar",
+      filePath: "examples/base/empty-avatar.tsx",
+    },
+    "empty-background": {
+      name: "empty-background",
+      filePath: "examples/base/empty-background.tsx",
+    },
+    "empty-card": {
+      name: "empty-card",
+      filePath: "examples/base/empty-card.tsx",
+    },
+    "empty-demo": {
+      name: "empty-demo",
+      filePath: "examples/base/empty-demo.tsx",
+    },
+    "empty-input-group": {
+      name: "empty-input-group",
+      filePath: "examples/base/empty-input-group.tsx",
+    },
+    "empty-outline": {
+      name: "empty-outline",
+      filePath: "examples/base/empty-outline.tsx",
+    },
+    "empty-rtl": {
+      name: "empty-rtl",
+      filePath: "examples/base/empty-rtl.tsx",
+    },
+    "field-checkbox": {
+      name: "field-checkbox",
+      filePath: "examples/base/field-checkbox.tsx",
+    },
+    "field-choice-card": {
+      name: "field-choice-card",
+      filePath: "examples/base/field-choice-card.tsx",
+    },
+    "field-demo": {
+      name: "field-demo",
+      filePath: "examples/base/field-demo.tsx",
+    },
+    "field-fieldset": {
+      name: "field-fieldset",
+      filePath: "examples/base/field-fieldset.tsx",
+    },
+    "field-group": {
+      name: "field-group",
+      filePath: "examples/base/field-group.tsx",
+    },
+    "field-input": {
+      name: "field-input",
+      filePath: "examples/base/field-input.tsx",
+    },
+    "field-radio": {
+      name: "field-radio",
+      filePath: "examples/base/field-radio.tsx",
+    },
+    "field-responsive": {
+      name: "field-responsive",
+      filePath: "examples/base/field-responsive.tsx",
+    },
+    "field-rtl": {
+      name: "field-rtl",
+      filePath: "examples/base/field-rtl.tsx",
+    },
+    "field-select": {
+      name: "field-select",
+      filePath: "examples/base/field-select.tsx",
+    },
+    "field-slider": {
+      name: "field-slider",
+      filePath: "examples/base/field-slider.tsx",
+    },
+    "field-switch": {
+      name: "field-switch",
+      filePath: "examples/base/field-switch.tsx",
+    },
+    "field-textarea": {
+      name: "field-textarea",
+      filePath: "examples/base/field-textarea.tsx",
+    },
+    "file-upload-list": {
+      name: "file-upload-list",
+      filePath: "examples/base/file-upload-list.tsx",
+    },
+    "hover-card-demo": {
+      name: "hover-card-demo",
+      filePath: "examples/base/hover-card-demo.tsx",
+    },
+    "hover-card-rtl": {
+      name: "hover-card-rtl",
+      filePath: "examples/base/hover-card-rtl.tsx",
+    },
+    "hover-card-sides": {
+      name: "hover-card-sides",
+      filePath: "examples/base/hover-card-sides.tsx",
+    },
+    "input-badge": {
+      name: "input-badge",
+      filePath: "examples/base/input-badge.tsx",
+    },
+    "input-basic": {
+      name: "input-basic",
+      filePath: "examples/base/input-basic.tsx",
+    },
+    "input-button-group": {
+      name: "input-button-group",
+      filePath: "examples/base/input-button-group.tsx",
+    },
+    "input-demo": {
+      name: "input-demo",
+      filePath: "examples/base/input-demo.tsx",
+    },
+    "input-disabled": {
+      name: "input-disabled",
+      filePath: "examples/base/input-disabled.tsx",
+    },
+    "input-field": {
+      name: "input-field",
+      filePath: "examples/base/input-field.tsx",
+    },
+    "input-fieldgroup": {
+      name: "input-fieldgroup",
+      filePath: "examples/base/input-fieldgroup.tsx",
+    },
+    "input-file": {
+      name: "input-file",
+      filePath: "examples/base/input-file.tsx",
+    },
+    "input-form": {
+      name: "input-form",
+      filePath: "examples/base/input-form.tsx",
+    },
+    "input-grid": {
+      name: "input-grid",
+      filePath: "examples/base/input-grid.tsx",
+    },
+    "input-group-basic": {
+      name: "input-group-basic",
+      filePath: "examples/base/input-group-basic.tsx",
+    },
+    "input-group-block-end": {
+      name: "input-group-block-end",
+      filePath: "examples/base/input-group-block-end.tsx",
+    },
+    "input-group-block-start": {
+      name: "input-group-block-start",
+      filePath: "examples/base/input-group-block-start.tsx",
+    },
+    "input-group-button-group": {
+      name: "input-group-button-group",
+      filePath: "examples/base/input-group-button-group.tsx",
+    },
+    "input-group-button": {
+      name: "input-group-button",
+      filePath: "examples/base/input-group-button.tsx",
+    },
+    "input-group-custom": {
+      name: "input-group-custom",
+      filePath: "examples/base/input-group-custom.tsx",
+    },
+    "input-group-demo": {
+      name: "input-group-demo",
+      filePath: "examples/base/input-group-demo.tsx",
+    },
+    "input-group-dropdown": {
+      name: "input-group-dropdown",
+      filePath: "examples/base/input-group-dropdown.tsx",
+    },
+    "input-group-icon": {
+      name: "input-group-icon",
+      filePath: "examples/base/input-group-icon.tsx",
+    },
+    "input-group-in-card": {
+      name: "input-group-in-card",
+      filePath: "examples/base/input-group-in-card.tsx",
+    },
+    "input-group-inline-end": {
+      name: "input-group-inline-end",
+      filePath: "examples/base/input-group-inline-end.tsx",
+    },
+    "input-group-inline-start": {
+      name: "input-group-inline-start",
+      filePath: "examples/base/input-group-inline-start.tsx",
+    },
+    "input-group-kbd": {
+      name: "input-group-kbd",
+      filePath: "examples/base/input-group-kbd.tsx",
+    },
+    "input-group-label": {
+      name: "input-group-label",
+      filePath: "examples/base/input-group-label.tsx",
+    },
+    "input-group-rtl": {
+      name: "input-group-rtl",
+      filePath: "examples/base/input-group-rtl.tsx",
+    },
+    "input-group-spinner": {
+      name: "input-group-spinner",
+      filePath: "examples/base/input-group-spinner.tsx",
+    },
+    "input-group-text": {
+      name: "input-group-text",
+      filePath: "examples/base/input-group-text.tsx",
+    },
+    "input-group-textarea-examples": {
+      name: "input-group-textarea-examples",
+      filePath: "examples/base/input-group-textarea-examples.tsx",
+    },
+    "input-group-textarea": {
+      name: "input-group-textarea",
+      filePath: "examples/base/input-group-textarea.tsx",
+    },
+    "input-group-tooltip": {
+      name: "input-group-tooltip",
+      filePath: "examples/base/input-group-tooltip.tsx",
+    },
+    "input-group-with-addons": {
+      name: "input-group-with-addons",
+      filePath: "examples/base/input-group-with-addons.tsx",
+    },
+    "input-group-with-buttons": {
+      name: "input-group-with-buttons",
+      filePath: "examples/base/input-group-with-buttons.tsx",
+    },
+    "input-group-with-kbd": {
+      name: "input-group-with-kbd",
+      filePath: "examples/base/input-group-with-kbd.tsx",
+    },
+    "input-group-with-tooltip": {
+      name: "input-group-with-tooltip",
+      filePath: "examples/base/input-group-with-tooltip.tsx",
+    },
+    "input-inline": {
+      name: "input-inline",
+      filePath: "examples/base/input-inline.tsx",
+    },
+    "input-input-group": {
+      name: "input-input-group",
+      filePath: "examples/base/input-input-group.tsx",
+    },
+    "input-invalid": {
+      name: "input-invalid",
+      filePath: "examples/base/input-invalid.tsx",
+    },
+    "input-otp-alphanumeric": {
+      name: "input-otp-alphanumeric",
+      filePath: "examples/base/input-otp-alphanumeric.tsx",
+    },
+    "input-otp-controlled": {
+      name: "input-otp-controlled",
+      filePath: "examples/base/input-otp-controlled.tsx",
+    },
+    "input-otp-demo": {
+      name: "input-otp-demo",
+      filePath: "examples/base/input-otp-demo.tsx",
+    },
+    "input-otp-disabled": {
+      name: "input-otp-disabled",
+      filePath: "examples/base/input-otp-disabled.tsx",
+    },
+    "input-otp-form": {
+      name: "input-otp-form",
+      filePath: "examples/base/input-otp-form.tsx",
+    },
+    "input-otp-four-digits": {
+      name: "input-otp-four-digits",
+      filePath: "examples/base/input-otp-four-digits.tsx",
+    },
+    "input-otp-invalid": {
+      name: "input-otp-invalid",
+      filePath: "examples/base/input-otp-invalid.tsx",
+    },
+    "input-otp-pattern": {
+      name: "input-otp-pattern",
+      filePath: "examples/base/input-otp-pattern.tsx",
+    },
+    "input-otp-rtl": {
+      name: "input-otp-rtl",
+      filePath: "examples/base/input-otp-rtl.tsx",
+    },
+    "input-otp-separator": {
+      name: "input-otp-separator",
+      filePath: "examples/base/input-otp-separator.tsx",
+    },
+    "input-required": {
+      name: "input-required",
+      filePath: "examples/base/input-required.tsx",
+    },
+    "input-rtl": {
+      name: "input-rtl",
+      filePath: "examples/base/input-rtl.tsx",
+    },
+    "item-avatar": {
+      name: "item-avatar",
+      filePath: "examples/base/item-avatar.tsx",
+    },
+    "item-demo": {
+      name: "item-demo",
+      filePath: "examples/base/item-demo.tsx",
+    },
+    "item-dropdown": {
+      name: "item-dropdown",
+      filePath: "examples/base/item-dropdown.tsx",
+    },
+    "item-group": {
+      name: "item-group",
+      filePath: "examples/base/item-group.tsx",
+    },
+    "item-header": {
+      name: "item-header",
+      filePath: "examples/base/item-header.tsx",
+    },
+    "item-icon": {
+      name: "item-icon",
+      filePath: "examples/base/item-icon.tsx",
+    },
+    "item-image": {
+      name: "item-image",
+      filePath: "examples/base/item-image.tsx",
+    },
+    "item-link": {
+      name: "item-link",
+      filePath: "examples/base/item-link.tsx",
+    },
+    "item-rtl": {
+      name: "item-rtl",
+      filePath: "examples/base/item-rtl.tsx",
+    },
+    "item-size": {
+      name: "item-size",
+      filePath: "examples/base/item-size.tsx",
+    },
+    "item-variant": {
+      name: "item-variant",
+      filePath: "examples/base/item-variant.tsx",
+    },
+    "kbd-button": {
+      name: "kbd-button",
+      filePath: "examples/base/kbd-button.tsx",
+    },
+    "kbd-demo": {
+      name: "kbd-demo",
+      filePath: "examples/base/kbd-demo.tsx",
+    },
+    "kbd-group": {
+      name: "kbd-group",
+      filePath: "examples/base/kbd-group.tsx",
+    },
+    "kbd-input-group": {
+      name: "kbd-input-group",
+      filePath: "examples/base/kbd-input-group.tsx",
+    },
+    "kbd-rtl": {
+      name: "kbd-rtl",
+      filePath: "examples/base/kbd-rtl.tsx",
+    },
+    "kbd-tooltip": {
+      name: "kbd-tooltip",
+      filePath: "examples/base/kbd-tooltip.tsx",
+    },
+    "label-demo": {
+      name: "label-demo",
+      filePath: "examples/base/label-demo.tsx",
+    },
+    "label-rtl": {
+      name: "label-rtl",
+      filePath: "examples/base/label-rtl.tsx",
+    },
+    "markdown-demo": {
+      name: "markdown-demo",
+      filePath: "examples/base/markdown-demo.tsx",
+    },
+    "marker-border": {
+      name: "marker-border",
+      filePath: "examples/base/marker-border.tsx",
+    },
+    "marker-demo": {
+      name: "marker-demo",
+      filePath: "examples/base/marker-demo.tsx",
+    },
+    "marker-icon": {
+      name: "marker-icon",
+      filePath: "examples/base/marker-icon.tsx",
+    },
+    "marker-link-button": {
+      name: "marker-link-button",
+      filePath: "examples/base/marker-link-button.tsx",
+    },
+    "marker-separator": {
+      name: "marker-separator",
+      filePath: "examples/base/marker-separator.tsx",
+    },
+    "marker-shimmer": {
+      name: "marker-shimmer",
+      filePath: "examples/base/marker-shimmer.tsx",
+    },
+    "marker-status": {
+      name: "marker-status",
+      filePath: "examples/base/marker-status.tsx",
+    },
+    "marker-variants": {
+      name: "marker-variants",
+      filePath: "examples/base/marker-variants.tsx",
+    },
+    "menubar-checkbox": {
+      name: "menubar-checkbox",
+      filePath: "examples/base/menubar-checkbox.tsx",
+    },
+    "menubar-demo": {
+      name: "menubar-demo",
+      filePath: "examples/base/menubar-demo.tsx",
+    },
+    "menubar-icons": {
+      name: "menubar-icons",
+      filePath: "examples/base/menubar-icons.tsx",
+    },
+    "menubar-radio": {
+      name: "menubar-radio",
+      filePath: "examples/base/menubar-radio.tsx",
+    },
+    "menubar-rtl": {
+      name: "menubar-rtl",
+      filePath: "examples/base/menubar-rtl.tsx",
+    },
+    "menubar-submenu": {
+      name: "menubar-submenu",
+      filePath: "examples/base/menubar-submenu.tsx",
+    },
+    "message-actions": {
+      name: "message-actions",
+      filePath: "examples/base/message-actions.tsx",
+    },
+    "message-attachment": {
+      name: "message-attachment",
+      filePath: "examples/base/message-attachment.tsx",
+    },
+    "message-avatar": {
+      name: "message-avatar",
+      filePath: "examples/base/message-avatar.tsx",
+    },
+    "message-demo": {
+      name: "message-demo",
+      filePath: "examples/base/message-demo.tsx",
+    },
+    "message-group": {
+      name: "message-group",
+      filePath: "examples/base/message-group.tsx",
+    },
+    "message-header-footer": {
+      name: "message-header-footer",
+      filePath: "examples/base/message-header-footer.tsx",
+    },
+    "message-markdown": {
+      name: "message-markdown",
+      filePath: "examples/base/message-markdown.tsx",
+    },
+    "message-scroller-anchoring": {
+      name: "message-scroller-anchoring",
+      filePath: "examples/base/message-scroller-anchoring.tsx",
+    },
+    "message-scroller-animation": {
+      name: "message-scroller-animation",
+      filePath: "examples/base/message-scroller-animation.tsx",
+    },
+    "message-scroller-commands": {
+      name: "message-scroller-commands",
+      filePath: "examples/base/message-scroller-commands.tsx",
+    },
+    "message-scroller-demo": {
+      name: "message-scroller-demo",
+      filePath: "examples/base/message-scroller-demo.tsx",
+    },
+    "message-scroller-group-chat": {
+      name: "message-scroller-group-chat",
+      filePath: "examples/base/message-scroller-group-chat.tsx",
+    },
+    "message-scroller-load-history": {
+      name: "message-scroller-load-history",
+      filePath: "examples/base/message-scroller-load-history.tsx",
+    },
+    "message-scroller-opening-position": {
+      name: "message-scroller-opening-position",
+      filePath: "examples/base/message-scroller-opening-position.tsx",
+    },
+    "message-scroller-previous-context": {
+      name: "message-scroller-previous-context",
+      filePath: "examples/base/message-scroller-previous-context.tsx",
+    },
+    "message-scroller-scrollable": {
+      name: "message-scroller-scrollable",
+      filePath: "examples/base/message-scroller-scrollable.tsx",
+    },
+    "message-scroller-state": {
+      name: "message-scroller-state",
+      filePath: "examples/base/message-scroller-state.tsx",
+    },
+    "message-scroller-streaming": {
+      name: "message-scroller-streaming",
+      filePath: "examples/base/message-scroller-streaming.tsx",
+    },
+    "message-scroller-visibility": {
+      name: "message-scroller-visibility",
+      filePath: "examples/base/message-scroller-visibility.tsx",
+    },
+    "muted-item-group": {
+      name: "muted-item-group",
+      filePath: "examples/base/muted-item-group.tsx",
+    },
+    "native-select-demo": {
+      name: "native-select-demo",
+      filePath: "examples/base/native-select-demo.tsx",
+    },
+    "native-select-disabled": {
+      name: "native-select-disabled",
+      filePath: "examples/base/native-select-disabled.tsx",
+    },
+    "native-select-groups": {
+      name: "native-select-groups",
+      filePath: "examples/base/native-select-groups.tsx",
+    },
+    "native-select-invalid": {
+      name: "native-select-invalid",
+      filePath: "examples/base/native-select-invalid.tsx",
+    },
+    "native-select-rtl": {
+      name: "native-select-rtl",
+      filePath: "examples/base/native-select-rtl.tsx",
+    },
+    "navigation-menu-demo": {
+      name: "navigation-menu-demo",
+      filePath: "examples/base/navigation-menu-demo.tsx",
+    },
+    "navigation-menu-rtl": {
+      name: "navigation-menu-rtl",
+      filePath: "examples/base/navigation-menu-rtl.tsx",
+    },
+    "outline-item-group": {
+      name: "outline-item-group",
+      filePath: "examples/base/outline-item-group.tsx",
+    },
+    "pagination-demo": {
+      name: "pagination-demo",
+      filePath: "examples/base/pagination-demo.tsx",
+    },
+    "pagination-icons-only": {
+      name: "pagination-icons-only",
+      filePath: "examples/base/pagination-icons-only.tsx",
+    },
+    "pagination-rtl": {
+      name: "pagination-rtl",
+      filePath: "examples/base/pagination-rtl.tsx",
+    },
+    "pagination-simple": {
+      name: "pagination-simple",
+      filePath: "examples/base/pagination-simple.tsx",
+    },
+    "popover-alignments": {
+      name: "popover-alignments",
+      filePath: "examples/base/popover-alignments.tsx",
+    },
+    "popover-basic": {
+      name: "popover-basic",
+      filePath: "examples/base/popover-basic.tsx",
+    },
+    "popover-demo": {
+      name: "popover-demo",
+      filePath: "examples/base/popover-demo.tsx",
+    },
+    "popover-form": {
+      name: "popover-form",
+      filePath: "examples/base/popover-form.tsx",
+    },
+    "popover-rtl": {
+      name: "popover-rtl",
+      filePath: "examples/base/popover-rtl.tsx",
+    },
+    "progress-controlled": {
+      name: "progress-controlled",
+      filePath: "examples/base/progress-controlled.tsx",
+    },
+    "progress-demo": {
+      name: "progress-demo",
+      filePath: "examples/base/progress-demo.tsx",
+    },
+    "progress-label": {
+      name: "progress-label",
+      filePath: "examples/base/progress-label.tsx",
+    },
+    "progress-rtl": {
+      name: "progress-rtl",
+      filePath: "examples/base/progress-rtl.tsx",
+    },
+    "questionnaire-animated": {
+      name: "questionnaire-animated",
+      filePath: "examples/base/questionnaire-animated.tsx",
+    },
+    "questionnaire-card": {
+      name: "questionnaire-card",
+      filePath: "examples/base/questionnaire-card.tsx",
+    },
+    "questionnaire-conditional": {
+      name: "questionnaire-conditional",
+      filePath: "examples/base/questionnaire-conditional.tsx",
+    },
+    "questionnaire-controlled": {
+      name: "questionnaire-controlled",
+      filePath: "examples/base/questionnaire-controlled.tsx",
+    },
+    "questionnaire-demo": {
+      name: "questionnaire-demo",
+      filePath: "examples/base/questionnaire-demo.tsx",
+    },
+    "questionnaire-dialog": {
+      name: "questionnaire-dialog",
+      filePath: "examples/base/questionnaire-dialog.tsx",
+    },
+    "questionnaire-freeform": {
+      name: "questionnaire-freeform",
+      filePath: "examples/base/questionnaire-freeform.tsx",
+    },
+    "questionnaire-multiple": {
+      name: "questionnaire-multiple",
+      filePath: "examples/base/questionnaire-multiple.tsx",
+    },
+    "questionnaire-navigation-state": {
+      name: "questionnaire-navigation-state",
+      filePath: "examples/base/questionnaire-navigation-state.tsx",
+    },
+    "questionnaire-progress": {
+      name: "questionnaire-progress",
+      filePath: "examples/base/questionnaire-progress.tsx",
+    },
+    "questionnaire-resume": {
+      name: "questionnaire-resume",
+      filePath: "examples/base/questionnaire-resume.tsx",
+    },
+    "questionnaire-shortcuts": {
+      name: "questionnaire-shortcuts",
+      filePath: "examples/base/questionnaire-shortcuts.tsx",
+    },
+    "questionnaire-skip": {
+      name: "questionnaire-skip",
+      filePath: "examples/base/questionnaire-skip.tsx",
+    },
+    "questionnaire-validation": {
+      name: "questionnaire-validation",
+      filePath: "examples/base/questionnaire-validation.tsx",
+    },
+    "radio-fields": {
+      name: "radio-fields",
+      filePath: "examples/base/radio-fields.tsx",
+    },
+    "radio-group-choice-card": {
+      name: "radio-group-choice-card",
+      filePath: "examples/base/radio-group-choice-card.tsx",
+    },
+    "radio-group-demo": {
+      name: "radio-group-demo",
+      filePath: "examples/base/radio-group-demo.tsx",
+    },
+    "radio-group-description": {
+      name: "radio-group-description",
+      filePath: "examples/base/radio-group-description.tsx",
+    },
+    "radio-group-disabled": {
+      name: "radio-group-disabled",
+      filePath: "examples/base/radio-group-disabled.tsx",
+    },
+    "radio-group-fieldset": {
+      name: "radio-group-fieldset",
+      filePath: "examples/base/radio-group-fieldset.tsx",
+    },
+    "radio-group-invalid": {
+      name: "radio-group-invalid",
+      filePath: "examples/base/radio-group-invalid.tsx",
+    },
+    "radio-group-rtl": {
+      name: "radio-group-rtl",
+      filePath: "examples/base/radio-group-rtl.tsx",
+    },
+    "resizable-demo": {
+      name: "resizable-demo",
+      filePath: "examples/base/resizable-demo.tsx",
+    },
+    "resizable-handle": {
+      name: "resizable-handle",
+      filePath: "examples/base/resizable-handle.tsx",
+    },
+    "resizable-rtl": {
+      name: "resizable-rtl",
+      filePath: "examples/base/resizable-rtl.tsx",
+    },
+    "resizable-vertical": {
+      name: "resizable-vertical",
+      filePath: "examples/base/resizable-vertical.tsx",
+    },
+    "scroll-area-demo": {
+      name: "scroll-area-demo",
+      filePath: "examples/base/scroll-area-demo.tsx",
+    },
+    "scroll-area-horizontal-demo": {
+      name: "scroll-area-horizontal-demo",
+      filePath: "examples/base/scroll-area-horizontal-demo.tsx",
+    },
+    "scroll-area-rtl": {
+      name: "scroll-area-rtl",
+      filePath: "examples/base/scroll-area-rtl.tsx",
+    },
+    "scroll-fade-demo": {
+      name: "scroll-fade-demo",
+      filePath: "examples/base/scroll-fade-demo.tsx",
+    },
+    "scroll-fade-edge": {
+      name: "scroll-fade-edge",
+      filePath: "examples/base/scroll-fade-edge.tsx",
+    },
+    "scroll-fade-horizontal": {
+      name: "scroll-fade-horizontal",
+      filePath: "examples/base/scroll-fade-horizontal.tsx",
+    },
+    "scroll-fade-none": {
+      name: "scroll-fade-none",
+      filePath: "examples/base/scroll-fade-none.tsx",
+    },
+    "scroll-fade-overflow": {
+      name: "scroll-fade-overflow",
+      filePath: "examples/base/scroll-fade-overflow.tsx",
+    },
+    "scroll-fade-rtl": {
+      name: "scroll-fade-rtl",
+      filePath: "examples/base/scroll-fade-rtl.tsx",
+    },
+    "scroll-fade-size": {
+      name: "scroll-fade-size",
+      filePath: "examples/base/scroll-fade-size.tsx",
+    },
+    "select-align-item": {
+      name: "select-align-item",
+      filePath: "examples/base/select-align-item.tsx",
+    },
+    "select-demo": {
+      name: "select-demo",
+      filePath: "examples/base/select-demo.tsx",
+    },
+    "select-disabled": {
+      name: "select-disabled",
+      filePath: "examples/base/select-disabled.tsx",
+    },
+    "select-groups": {
+      name: "select-groups",
+      filePath: "examples/base/select-groups.tsx",
+    },
+    "select-invalid": {
+      name: "select-invalid",
+      filePath: "examples/base/select-invalid.tsx",
+    },
+    "select-rtl": {
+      name: "select-rtl",
+      filePath: "examples/base/select-rtl.tsx",
+    },
+    "select-scrollable": {
+      name: "select-scrollable",
+      filePath: "examples/base/select-scrollable.tsx",
+    },
+    "separator-demo": {
+      name: "separator-demo",
+      filePath: "examples/base/separator-demo.tsx",
+    },
+    "separator-list": {
+      name: "separator-list",
+      filePath: "examples/base/separator-list.tsx",
+    },
+    "separator-menu": {
+      name: "separator-menu",
+      filePath: "examples/base/separator-menu.tsx",
+    },
+    "separator-rtl": {
+      name: "separator-rtl",
+      filePath: "examples/base/separator-rtl.tsx",
+    },
+    "separator-vertical": {
+      name: "separator-vertical",
+      filePath: "examples/base/separator-vertical.tsx",
+    },
+    "sheet-demo": {
+      name: "sheet-demo",
+      filePath: "examples/base/sheet-demo.tsx",
+    },
+    "sheet-no-close-button": {
+      name: "sheet-no-close-button",
+      filePath: "examples/base/sheet-no-close-button.tsx",
+    },
+    "sheet-rtl": {
+      name: "sheet-rtl",
+      filePath: "examples/base/sheet-rtl.tsx",
+    },
+    "sheet-side": {
+      name: "sheet-side",
+      filePath: "examples/base/sheet-side.tsx",
+    },
+    "shimmer-angle": {
+      name: "shimmer-angle",
+      filePath: "examples/base/shimmer-angle.tsx",
+    },
+    "shimmer-color": {
+      name: "shimmer-color",
+      filePath: "examples/base/shimmer-color.tsx",
+    },
+    "shimmer-demo": {
+      name: "shimmer-demo",
+      filePath: "examples/base/shimmer-demo.tsx",
+    },
+    "shimmer-duration": {
+      name: "shimmer-duration",
+      filePath: "examples/base/shimmer-duration.tsx",
+    },
+    "shimmer-marker": {
+      name: "shimmer-marker",
+      filePath: "examples/base/shimmer-marker.tsx",
+    },
+    "shimmer-none": {
+      name: "shimmer-none",
+      filePath: "examples/base/shimmer-none.tsx",
+    },
+    "shimmer-once": {
+      name: "shimmer-once",
+      filePath: "examples/base/shimmer-once.tsx",
+    },
+    "shimmer-rtl": {
+      name: "shimmer-rtl",
+      filePath: "examples/base/shimmer-rtl.tsx",
+    },
+    "shimmer-spread": {
+      name: "shimmer-spread",
+      filePath: "examples/base/shimmer-spread.tsx",
+    },
+    "sidebar-controlled": {
+      name: "sidebar-controlled",
+      filePath: "examples/base/sidebar-controlled.tsx",
+    },
+    "sidebar-demo": {
+      name: "sidebar-demo",
+      filePath: "examples/base/sidebar-demo.tsx",
+    },
+    "sidebar-footer": {
+      name: "sidebar-footer",
+      filePath: "examples/base/sidebar-footer.tsx",
+    },
+    "sidebar-group-action": {
+      name: "sidebar-group-action",
+      filePath: "examples/base/sidebar-group-action.tsx",
+    },
+    "sidebar-group-collapsible": {
+      name: "sidebar-group-collapsible",
+      filePath: "examples/base/sidebar-group-collapsible.tsx",
+    },
+    "sidebar-group": {
+      name: "sidebar-group",
+      filePath: "examples/base/sidebar-group.tsx",
+    },
+    "sidebar-header": {
+      name: "sidebar-header",
+      filePath: "examples/base/sidebar-header.tsx",
+    },
+    "sidebar-menu-action": {
+      name: "sidebar-menu-action",
+      filePath: "examples/base/sidebar-menu-action.tsx",
+    },
+    "sidebar-menu-badge": {
+      name: "sidebar-menu-badge",
+      filePath: "examples/base/sidebar-menu-badge.tsx",
+    },
+    "sidebar-menu-collapsible": {
+      name: "sidebar-menu-collapsible",
+      filePath: "examples/base/sidebar-menu-collapsible.tsx",
+    },
+    "sidebar-menu-sub": {
+      name: "sidebar-menu-sub",
+      filePath: "examples/base/sidebar-menu-sub.tsx",
+    },
+    "sidebar-menu": {
+      name: "sidebar-menu",
+      filePath: "examples/base/sidebar-menu.tsx",
+    },
+    "sidebar-rsc": {
+      name: "sidebar-rsc",
+      filePath: "examples/base/sidebar-rsc.tsx",
+    },
+    "sidebar-rtl": {
+      name: "sidebar-rtl",
+      filePath: "examples/base/sidebar-rtl.tsx",
+    },
+    "skeleton-avatar": {
+      name: "skeleton-avatar",
+      filePath: "examples/base/skeleton-avatar.tsx",
+    },
+    "skeleton-card": {
+      name: "skeleton-card",
+      filePath: "examples/base/skeleton-card.tsx",
+    },
+    "skeleton-demo": {
+      name: "skeleton-demo",
+      filePath: "examples/base/skeleton-demo.tsx",
+    },
+    "skeleton-form": {
+      name: "skeleton-form",
+      filePath: "examples/base/skeleton-form.tsx",
+    },
+    "skeleton-rtl": {
+      name: "skeleton-rtl",
+      filePath: "examples/base/skeleton-rtl.tsx",
+    },
+    "skeleton-table": {
+      name: "skeleton-table",
+      filePath: "examples/base/skeleton-table.tsx",
+    },
+    "skeleton-text": {
+      name: "skeleton-text",
+      filePath: "examples/base/skeleton-text.tsx",
+    },
+    "slider-controlled": {
+      name: "slider-controlled",
+      filePath: "examples/base/slider-controlled.tsx",
+    },
+    "slider-demo": {
+      name: "slider-demo",
+      filePath: "examples/base/slider-demo.tsx",
+    },
+    "slider-disabled": {
+      name: "slider-disabled",
+      filePath: "examples/base/slider-disabled.tsx",
+    },
+    "slider-multiple": {
+      name: "slider-multiple",
+      filePath: "examples/base/slider-multiple.tsx",
+    },
+    "slider-range": {
+      name: "slider-range",
+      filePath: "examples/base/slider-range.tsx",
+    },
+    "slider-rtl": {
+      name: "slider-rtl",
+      filePath: "examples/base/slider-rtl.tsx",
+    },
+    "slider-vertical": {
+      name: "slider-vertical",
+      filePath: "examples/base/slider-vertical.tsx",
+    },
+    "spinner-badge": {
+      name: "spinner-badge",
+      filePath: "examples/base/spinner-badge.tsx",
+    },
+    "spinner-button": {
+      name: "spinner-button",
+      filePath: "examples/base/spinner-button.tsx",
+    },
+    "spinner-custom": {
+      name: "spinner-custom",
+      filePath: "examples/base/spinner-custom.tsx",
+    },
+    "spinner-demo": {
+      name: "spinner-demo",
+      filePath: "examples/base/spinner-demo.tsx",
+    },
+    "spinner-empty": {
+      name: "spinner-empty",
+      filePath: "examples/base/spinner-empty.tsx",
+    },
+    "spinner-input-group": {
+      name: "spinner-input-group",
+      filePath: "examples/base/spinner-input-group.tsx",
+    },
+    "spinner-rtl": {
+      name: "spinner-rtl",
+      filePath: "examples/base/spinner-rtl.tsx",
+    },
+    "spinner-size": {
+      name: "spinner-size",
+      filePath: "examples/base/spinner-size.tsx",
+    },
+    "switch-choice-card": {
+      name: "switch-choice-card",
+      filePath: "examples/base/switch-choice-card.tsx",
+    },
+    "switch-demo": {
+      name: "switch-demo",
+      filePath: "examples/base/switch-demo.tsx",
+    },
+    "switch-description": {
+      name: "switch-description",
+      filePath: "examples/base/switch-description.tsx",
+    },
+    "switch-disabled": {
+      name: "switch-disabled",
+      filePath: "examples/base/switch-disabled.tsx",
+    },
+    "switch-invalid": {
+      name: "switch-invalid",
+      filePath: "examples/base/switch-invalid.tsx",
+    },
+    "switch-rtl": {
+      name: "switch-rtl",
+      filePath: "examples/base/switch-rtl.tsx",
+    },
+    "switch-sizes": {
+      name: "switch-sizes",
+      filePath: "examples/base/switch-sizes.tsx",
+    },
+    "table-actions": {
+      name: "table-actions",
+      filePath: "examples/base/table-actions.tsx",
+    },
+    "table-demo": {
+      name: "table-demo",
+      filePath: "examples/base/table-demo.tsx",
+    },
+    "table-footer": {
+      name: "table-footer",
+      filePath: "examples/base/table-footer.tsx",
+    },
+    "table-rtl": {
+      name: "table-rtl",
+      filePath: "examples/base/table-rtl.tsx",
+    },
+    "tabs-demo": {
+      name: "tabs-demo",
+      filePath: "examples/base/tabs-demo.tsx",
+    },
+    "tabs-disabled": {
+      name: "tabs-disabled",
+      filePath: "examples/base/tabs-disabled.tsx",
+    },
+    "tabs-icons": {
+      name: "tabs-icons",
+      filePath: "examples/base/tabs-icons.tsx",
+    },
+    "tabs-line": {
+      name: "tabs-line",
+      filePath: "examples/base/tabs-line.tsx",
+    },
+    "tabs-rtl": {
+      name: "tabs-rtl",
+      filePath: "examples/base/tabs-rtl.tsx",
+    },
+    "tabs-vertical": {
+      name: "tabs-vertical",
+      filePath: "examples/base/tabs-vertical.tsx",
+    },
+    "tanstack-ai-helper-demo": {
+      name: "tanstack-ai-helper-demo",
+      filePath: "examples/base/tanstack-ai-helper-demo.tsx",
+    },
+    "textarea-button": {
+      name: "textarea-button",
+      filePath: "examples/base/textarea-button.tsx",
+    },
+    "textarea-demo": {
+      name: "textarea-demo",
+      filePath: "examples/base/textarea-demo.tsx",
+    },
+    "textarea-disabled": {
+      name: "textarea-disabled",
+      filePath: "examples/base/textarea-disabled.tsx",
+    },
+    "textarea-field": {
+      name: "textarea-field",
+      filePath: "examples/base/textarea-field.tsx",
+    },
+    "textarea-invalid": {
+      name: "textarea-invalid",
+      filePath: "examples/base/textarea-invalid.tsx",
+    },
+    "textarea-rtl": {
+      name: "textarea-rtl",
+      filePath: "examples/base/textarea-rtl.tsx",
+    },
+    "toast-demo": {
+      name: "toast-demo",
+      filePath: "examples/base/toast-demo.tsx",
+    },
+    "toast-promise": {
+      name: "toast-promise",
+      filePath: "examples/base/toast-promise.tsx",
+    },
+    "toast-types": {
+      name: "toast-types",
+      filePath: "examples/base/toast-types.tsx",
+    },
+    "toggle-demo": {
+      name: "toggle-demo",
+      filePath: "examples/base/toggle-demo.tsx",
+    },
+    "toggle-disabled": {
+      name: "toggle-disabled",
+      filePath: "examples/base/toggle-disabled.tsx",
+    },
+    "toggle-group-demo": {
+      name: "toggle-group-demo",
+      filePath: "examples/base/toggle-group-demo.tsx",
+    },
+    "toggle-group-disabled": {
+      name: "toggle-group-disabled",
+      filePath: "examples/base/toggle-group-disabled.tsx",
+    },
+    "toggle-group-font-weight-selector": {
+      name: "toggle-group-font-weight-selector",
+      filePath: "examples/base/toggle-group-font-weight-selector.tsx",
+    },
+    "toggle-group-outline": {
+      name: "toggle-group-outline",
+      filePath: "examples/base/toggle-group-outline.tsx",
+    },
+    "toggle-group-rtl": {
+      name: "toggle-group-rtl",
+      filePath: "examples/base/toggle-group-rtl.tsx",
+    },
+    "toggle-group-sizes": {
+      name: "toggle-group-sizes",
+      filePath: "examples/base/toggle-group-sizes.tsx",
+    },
+    "toggle-group-spacing": {
+      name: "toggle-group-spacing",
+      filePath: "examples/base/toggle-group-spacing.tsx",
+    },
+    "toggle-group-vertical": {
+      name: "toggle-group-vertical",
+      filePath: "examples/base/toggle-group-vertical.tsx",
+    },
+    "toggle-outline": {
+      name: "toggle-outline",
+      filePath: "examples/base/toggle-outline.tsx",
+    },
+    "toggle-rtl": {
+      name: "toggle-rtl",
+      filePath: "examples/base/toggle-rtl.tsx",
+    },
+    "toggle-sizes": {
+      name: "toggle-sizes",
+      filePath: "examples/base/toggle-sizes.tsx",
+    },
+    "toggle-text": {
+      name: "toggle-text",
+      filePath: "examples/base/toggle-text.tsx",
+    },
+    "tooltip-demo": {
+      name: "tooltip-demo",
+      filePath: "examples/base/tooltip-demo.tsx",
+    },
+    "tooltip-disabled": {
+      name: "tooltip-disabled",
+      filePath: "examples/base/tooltip-disabled.tsx",
+    },
+    "tooltip-keyboard": {
+      name: "tooltip-keyboard",
+      filePath: "examples/base/tooltip-keyboard.tsx",
+    },
+    "tooltip-rtl": {
+      name: "tooltip-rtl",
+      filePath: "examples/base/tooltip-rtl.tsx",
+    },
+    "tooltip-sides": {
+      name: "tooltip-sides",
+      filePath: "examples/base/tooltip-sides.tsx",
+    },
+    "typography-blockquote": {
+      name: "typography-blockquote",
+      filePath: "examples/base/typography-blockquote.tsx",
+    },
+    "typography-demo": {
+      name: "typography-demo",
+      filePath: "examples/base/typography-demo.tsx",
+    },
+    "typography-h1": {
+      name: "typography-h1",
+      filePath: "examples/base/typography-h1.tsx",
+    },
+    "typography-h2": {
+      name: "typography-h2",
+      filePath: "examples/base/typography-h2.tsx",
+    },
+    "typography-h3": {
+      name: "typography-h3",
+      filePath: "examples/base/typography-h3.tsx",
+    },
+    "typography-h4": {
+      name: "typography-h4",
+      filePath: "examples/base/typography-h4.tsx",
+    },
+    "typography-inline-code": {
+      name: "typography-inline-code",
+      filePath: "examples/base/typography-inline-code.tsx",
+    },
+    "typography-large": {
+      name: "typography-large",
+      filePath: "examples/base/typography-large.tsx",
+    },
+    "typography-lead": {
+      name: "typography-lead",
+      filePath: "examples/base/typography-lead.tsx",
+    },
+    "typography-list": {
+      name: "typography-list",
+      filePath: "examples/base/typography-list.tsx",
+    },
+    "typography-muted": {
+      name: "typography-muted",
+      filePath: "examples/base/typography-muted.tsx",
+    },
+    "typography-p": {
+      name: "typography-p",
+      filePath: "examples/base/typography-p.tsx",
+    },
+    "typography-rtl": {
+      name: "typography-rtl",
+      filePath: "examples/base/typography-rtl.tsx",
+    },
+    "typography-small": {
+      name: "typography-small",
+      filePath: "examples/base/typography-small.tsx",
+    },
+    "typography-table": {
+      name: "typography-table",
+      filePath: "examples/base/typography-table.tsx",
+    },
+  },
+  aria: {
+    "accordion-basic": {
+      name: "accordion-basic",
+      filePath: "examples/aria/accordion-basic.tsx",
+    },
+    "accordion-borders": {
+      name: "accordion-borders",
+      filePath: "examples/aria/accordion-borders.tsx",
+    },
+    "accordion-card": {
+      name: "accordion-card",
+      filePath: "examples/aria/accordion-card.tsx",
+    },
+    "accordion-demo": {
+      name: "accordion-demo",
+      filePath: "examples/aria/accordion-demo.tsx",
+    },
+    "accordion-disabled": {
+      name: "accordion-disabled",
+      filePath: "examples/aria/accordion-disabled.tsx",
+    },
+    "accordion-multiple": {
+      name: "accordion-multiple",
+      filePath: "examples/aria/accordion-multiple.tsx",
+    },
+    "accordion-rtl": {
+      name: "accordion-rtl",
+      filePath: "examples/aria/accordion-rtl.tsx",
+    },
+    "alert-action": {
+      name: "alert-action",
+      filePath: "examples/aria/alert-action.tsx",
+    },
+    "alert-basic": {
+      name: "alert-basic",
+      filePath: "examples/aria/alert-basic.tsx",
+    },
+    "alert-colors": {
+      name: "alert-colors",
+      filePath: "examples/aria/alert-colors.tsx",
+    },
+    "alert-demo": {
+      name: "alert-demo",
+      filePath: "examples/aria/alert-demo.tsx",
+    },
+    "alert-destructive": {
+      name: "alert-destructive",
+      filePath: "examples/aria/alert-destructive.tsx",
+    },
+    "alert-dialog-basic": {
+      name: "alert-dialog-basic",
+      filePath: "examples/aria/alert-dialog-basic.tsx",
+    },
+    "alert-dialog-demo": {
+      name: "alert-dialog-demo",
+      filePath: "examples/aria/alert-dialog-demo.tsx",
+    },
+    "alert-dialog-destructive": {
+      name: "alert-dialog-destructive",
+      filePath: "examples/aria/alert-dialog-destructive.tsx",
+    },
+    "alert-dialog-media": {
+      name: "alert-dialog-media",
+      filePath: "examples/aria/alert-dialog-media.tsx",
+    },
+    "alert-dialog-rtl": {
+      name: "alert-dialog-rtl",
+      filePath: "examples/aria/alert-dialog-rtl.tsx",
+    },
+    "alert-dialog-small-media": {
+      name: "alert-dialog-small-media",
+      filePath: "examples/aria/alert-dialog-small-media.tsx",
+    },
+    "alert-dialog-small": {
+      name: "alert-dialog-small",
+      filePath: "examples/aria/alert-dialog-small.tsx",
+    },
+    "alert-rtl": {
+      name: "alert-rtl",
+      filePath: "examples/aria/alert-rtl.tsx",
+    },
+    "aspect-ratio-demo": {
+      name: "aspect-ratio-demo",
+      filePath: "examples/aria/aspect-ratio-demo.tsx",
+    },
+    "aspect-ratio-portrait": {
+      name: "aspect-ratio-portrait",
+      filePath: "examples/aria/aspect-ratio-portrait.tsx",
+    },
+    "aspect-ratio-rtl": {
+      name: "aspect-ratio-rtl",
+      filePath: "examples/aria/aspect-ratio-rtl.tsx",
+    },
+    "aspect-ratio-square": {
+      name: "aspect-ratio-square",
+      filePath: "examples/aria/aspect-ratio-square.tsx",
+    },
+    "attachment-demo": {
+      name: "attachment-demo",
+      filePath: "examples/aria/attachment-demo.tsx",
+    },
+    "attachment-group": {
+      name: "attachment-group",
+      filePath: "examples/aria/attachment-group.tsx",
+    },
+    "attachment-image": {
+      name: "attachment-image",
+      filePath: "examples/aria/attachment-image.tsx",
+    },
+    "attachment-sizes": {
+      name: "attachment-sizes",
+      filePath: "examples/aria/attachment-sizes.tsx",
+    },
+    "attachment-states": {
+      name: "attachment-states",
+      filePath: "examples/aria/attachment-states.tsx",
+    },
+    "attachment-trigger": {
+      name: "attachment-trigger",
+      filePath: "examples/aria/attachment-trigger.tsx",
+    },
+    "avatar-badge-icon": {
+      name: "avatar-badge-icon",
+      filePath: "examples/aria/avatar-badge-icon.tsx",
+    },
+    "avatar-badge": {
+      name: "avatar-badge",
+      filePath: "examples/aria/avatar-badge.tsx",
+    },
+    "avatar-basic": {
+      name: "avatar-basic",
+      filePath: "examples/aria/avatar-basic.tsx",
+    },
+    "avatar-demo": {
+      name: "avatar-demo",
+      filePath: "examples/aria/avatar-demo.tsx",
+    },
+    "avatar-dropdown": {
+      name: "avatar-dropdown",
+      filePath: "examples/aria/avatar-dropdown.tsx",
+    },
+    "avatar-group-count-icon": {
+      name: "avatar-group-count-icon",
+      filePath: "examples/aria/avatar-group-count-icon.tsx",
+    },
+    "avatar-group-count": {
+      name: "avatar-group-count",
+      filePath: "examples/aria/avatar-group-count.tsx",
+    },
+    "avatar-group": {
+      name: "avatar-group",
+      filePath: "examples/aria/avatar-group.tsx",
+    },
+    "avatar-rtl": {
+      name: "avatar-rtl",
+      filePath: "examples/aria/avatar-rtl.tsx",
+    },
+    "avatar-size": {
+      name: "avatar-size",
+      filePath: "examples/aria/avatar-size.tsx",
+    },
+    "badge-colors": {
+      name: "badge-colors",
+      filePath: "examples/aria/badge-colors.tsx",
+    },
+    "badge-demo": {
+      name: "badge-demo",
+      filePath: "examples/aria/badge-demo.tsx",
+    },
+    "badge-icon": {
+      name: "badge-icon",
+      filePath: "examples/aria/badge-icon.tsx",
+    },
+    "badge-link": {
+      name: "badge-link",
+      filePath: "examples/aria/badge-link.tsx",
+    },
+    "badge-rtl": {
+      name: "badge-rtl",
+      filePath: "examples/aria/badge-rtl.tsx",
+    },
+    "badge-spinner": {
+      name: "badge-spinner",
+      filePath: "examples/aria/badge-spinner.tsx",
+    },
+    "badge-variants": {
+      name: "badge-variants",
+      filePath: "examples/aria/badge-variants.tsx",
+    },
+    "breadcrumb-basic": {
+      name: "breadcrumb-basic",
+      filePath: "examples/aria/breadcrumb-basic.tsx",
+    },
+    "breadcrumb-demo": {
+      name: "breadcrumb-demo",
+      filePath: "examples/aria/breadcrumb-demo.tsx",
+    },
+    "breadcrumb-dropdown": {
+      name: "breadcrumb-dropdown",
+      filePath: "examples/aria/breadcrumb-dropdown.tsx",
+    },
+    "breadcrumb-ellipsis": {
+      name: "breadcrumb-ellipsis",
+      filePath: "examples/aria/breadcrumb-ellipsis.tsx",
+    },
+    "breadcrumb-link": {
+      name: "breadcrumb-link",
+      filePath: "examples/aria/breadcrumb-link.tsx",
+    },
+    "breadcrumb-rtl": {
+      name: "breadcrumb-rtl",
+      filePath: "examples/aria/breadcrumb-rtl.tsx",
+    },
+    "breadcrumb-separator": {
+      name: "breadcrumb-separator",
+      filePath: "examples/aria/breadcrumb-separator.tsx",
+    },
+    "bubble-alignment": {
+      name: "bubble-alignment",
+      filePath: "examples/aria/bubble-alignment.tsx",
+    },
+    "bubble-collapsible": {
+      name: "bubble-collapsible",
+      filePath: "examples/aria/bubble-collapsible.tsx",
+    },
+    "bubble-demo": {
+      name: "bubble-demo",
+      filePath: "examples/aria/bubble-demo.tsx",
+    },
+    "bubble-group-demo": {
+      name: "bubble-group-demo",
+      filePath: "examples/aria/bubble-group-demo.tsx",
+    },
+    "bubble-link-button": {
+      name: "bubble-link-button",
+      filePath: "examples/aria/bubble-link-button.tsx",
+    },
+    "bubble-markdown": {
+      name: "bubble-markdown",
+      filePath: "examples/aria/bubble-markdown.tsx",
+    },
+    "bubble-popover": {
+      name: "bubble-popover",
+      filePath: "examples/aria/bubble-popover.tsx",
+    },
+    "bubble-reactions": {
+      name: "bubble-reactions",
+      filePath: "examples/aria/bubble-reactions.tsx",
+    },
+    "bubble-tooltip": {
+      name: "bubble-tooltip",
+      filePath: "examples/aria/bubble-tooltip.tsx",
+    },
+    "bubble-variants": {
+      name: "bubble-variants",
+      filePath: "examples/aria/bubble-variants.tsx",
+    },
+    "button-default": {
+      name: "button-default",
+      filePath: "examples/aria/button-default.tsx",
+    },
+    "button-demo": {
+      name: "button-demo",
+      filePath: "examples/aria/button-demo.tsx",
+    },
+    "button-destructive": {
+      name: "button-destructive",
+      filePath: "examples/aria/button-destructive.tsx",
+    },
+    "button-ghost": {
+      name: "button-ghost",
+      filePath: "examples/aria/button-ghost.tsx",
+    },
+    "button-group-demo": {
+      name: "button-group-demo",
+      filePath: "examples/aria/button-group-demo.tsx",
+    },
+    "button-group-dropdown": {
+      name: "button-group-dropdown",
+      filePath: "examples/aria/button-group-dropdown.tsx",
+    },
+    "button-group-input-group": {
+      name: "button-group-input-group",
+      filePath: "examples/aria/button-group-input-group.tsx",
+    },
+    "button-group-input": {
+      name: "button-group-input",
+      filePath: "examples/aria/button-group-input.tsx",
+    },
+    "button-group-nested": {
+      name: "button-group-nested",
+      filePath: "examples/aria/button-group-nested.tsx",
+    },
+    "button-group-orientation": {
+      name: "button-group-orientation",
+      filePath: "examples/aria/button-group-orientation.tsx",
+    },
+    "button-group-popover": {
+      name: "button-group-popover",
+      filePath: "examples/aria/button-group-popover.tsx",
+    },
+    "button-group-rtl": {
+      name: "button-group-rtl",
+      filePath: "examples/aria/button-group-rtl.tsx",
+    },
+    "button-group-select": {
+      name: "button-group-select",
+      filePath: "examples/aria/button-group-select.tsx",
+    },
+    "button-group-separator": {
+      name: "button-group-separator",
+      filePath: "examples/aria/button-group-separator.tsx",
+    },
+    "button-group-size": {
+      name: "button-group-size",
+      filePath: "examples/aria/button-group-size.tsx",
+    },
+    "button-group-split": {
+      name: "button-group-split",
+      filePath: "examples/aria/button-group-split.tsx",
+    },
+    "button-icon": {
+      name: "button-icon",
+      filePath: "examples/aria/button-icon.tsx",
+    },
+    "button-link": {
+      name: "button-link",
+      filePath: "examples/aria/button-link.tsx",
+    },
+    "button-outline": {
+      name: "button-outline",
+      filePath: "examples/aria/button-outline.tsx",
+    },
+    "button-render": {
+      name: "button-render",
+      filePath: "examples/aria/button-render.tsx",
+    },
+    "button-rounded": {
+      name: "button-rounded",
+      filePath: "examples/aria/button-rounded.tsx",
+    },
+    "button-rtl": {
+      name: "button-rtl",
+      filePath: "examples/aria/button-rtl.tsx",
+    },
+    "button-secondary": {
+      name: "button-secondary",
+      filePath: "examples/aria/button-secondary.tsx",
+    },
+    "button-size": {
+      name: "button-size",
+      filePath: "examples/aria/button-size.tsx",
+    },
+    "button-spinner": {
+      name: "button-spinner",
+      filePath: "examples/aria/button-spinner.tsx",
+    },
+    "button-with-icon": {
+      name: "button-with-icon",
+      filePath: "examples/aria/button-with-icon.tsx",
+    },
+    "calendar-basic": {
+      name: "calendar-basic",
+      filePath: "examples/aria/calendar-basic.tsx",
+    },
+    "calendar-booked-dates": {
+      name: "calendar-booked-dates",
+      filePath: "examples/aria/calendar-booked-dates.tsx",
+    },
+    "calendar-caption": {
+      name: "calendar-caption",
+      filePath: "examples/aria/calendar-caption.tsx",
+    },
+    "calendar-custom-days": {
+      name: "calendar-custom-days",
+      filePath: "examples/aria/calendar-custom-days.tsx",
+    },
+    "calendar-demo": {
+      name: "calendar-demo",
+      filePath: "examples/aria/calendar-demo.tsx",
+    },
+    "calendar-hijri": {
+      name: "calendar-hijri",
+      filePath: "examples/aria/calendar-hijri.tsx",
+    },
+    "calendar-multiple": {
+      name: "calendar-multiple",
+      filePath: "examples/aria/calendar-multiple.tsx",
+    },
+    "calendar-presets": {
+      name: "calendar-presets",
+      filePath: "examples/aria/calendar-presets.tsx",
+    },
+    "calendar-range": {
+      name: "calendar-range",
+      filePath: "examples/aria/calendar-range.tsx",
+    },
+    "calendar-rtl": {
+      name: "calendar-rtl",
+      filePath: "examples/aria/calendar-rtl.tsx",
+    },
+    "calendar-time": {
+      name: "calendar-time",
+      filePath: "examples/aria/calendar-time.tsx",
+    },
+    "card-demo": {
+      name: "card-demo",
+      filePath: "examples/aria/card-demo.tsx",
+    },
+    "card-edge-to-edge": {
+      name: "card-edge-to-edge",
+      filePath: "examples/aria/card-edge-to-edge.tsx",
+    },
+    "card-image": {
+      name: "card-image",
+      filePath: "examples/aria/card-image.tsx",
+    },
+    "card-rtl": {
+      name: "card-rtl",
+      filePath: "examples/aria/card-rtl.tsx",
+    },
+    "card-small": {
+      name: "card-small",
+      filePath: "examples/aria/card-small.tsx",
+    },
+    "card-spacing": {
+      name: "card-spacing",
+      filePath: "examples/aria/card-spacing.tsx",
+    },
+    "carousel-api": {
+      name: "carousel-api",
+      filePath: "examples/aria/carousel-api.tsx",
+    },
+    "carousel-demo": {
+      name: "carousel-demo",
+      filePath: "examples/aria/carousel-demo.tsx",
+    },
+    "carousel-multiple": {
+      name: "carousel-multiple",
+      filePath: "examples/aria/carousel-multiple.tsx",
+    },
+    "carousel-orientation": {
+      name: "carousel-orientation",
+      filePath: "examples/aria/carousel-orientation.tsx",
+    },
+    "carousel-plugin": {
+      name: "carousel-plugin",
+      filePath: "examples/aria/carousel-plugin.tsx",
+    },
+    "carousel-rtl": {
+      name: "carousel-rtl",
+      filePath: "examples/aria/carousel-rtl.tsx",
+    },
+    "carousel-size": {
+      name: "carousel-size",
+      filePath: "examples/aria/carousel-size.tsx",
+    },
+    "carousel-spacing": {
+      name: "carousel-spacing",
+      filePath: "examples/aria/carousel-spacing.tsx",
+    },
+    "chart-demo": {
+      name: "chart-demo",
+      filePath: "examples/aria/chart-demo.tsx",
+    },
+    "chart-example-axis": {
+      name: "chart-example-axis",
+      filePath: "examples/aria/chart-example-axis.tsx",
+    },
+    "chart-example-grid": {
+      name: "chart-example-grid",
+      filePath: "examples/aria/chart-example-grid.tsx",
+    },
+    "chart-example-legend": {
+      name: "chart-example-legend",
+      filePath: "examples/aria/chart-example-legend.tsx",
+    },
+    "chart-example-tooltip": {
+      name: "chart-example-tooltip",
+      filePath: "examples/aria/chart-example-tooltip.tsx",
+    },
+    "chart-example": {
+      name: "chart-example",
+      filePath: "examples/aria/chart-example.tsx",
+    },
+    "chart-rtl": {
+      name: "chart-rtl",
+      filePath: "examples/aria/chart-rtl.tsx",
+    },
+    "chart-tooltip": {
+      name: "chart-tooltip",
+      filePath: "examples/aria/chart-tooltip.tsx",
+    },
+    "checkbox-basic": {
+      name: "checkbox-basic",
+      filePath: "examples/aria/checkbox-basic.tsx",
+    },
+    "checkbox-demo": {
+      name: "checkbox-demo",
+      filePath: "examples/aria/checkbox-demo.tsx",
+    },
+    "checkbox-description": {
+      name: "checkbox-description",
+      filePath: "examples/aria/checkbox-description.tsx",
+    },
+    "checkbox-disabled": {
+      name: "checkbox-disabled",
+      filePath: "examples/aria/checkbox-disabled.tsx",
+    },
+    "checkbox-group": {
+      name: "checkbox-group",
+      filePath: "examples/aria/checkbox-group.tsx",
+    },
+    "checkbox-invalid": {
+      name: "checkbox-invalid",
+      filePath: "examples/aria/checkbox-invalid.tsx",
+    },
+    "checkbox-rtl": {
+      name: "checkbox-rtl",
+      filePath: "examples/aria/checkbox-rtl.tsx",
+    },
+    "checkbox-table": {
+      name: "checkbox-table",
+      filePath: "examples/aria/checkbox-table.tsx",
+    },
+    "collapsible-basic": {
+      name: "collapsible-basic",
+      filePath: "examples/aria/collapsible-basic.tsx",
+    },
+    "collapsible-demo": {
+      name: "collapsible-demo",
+      filePath: "examples/aria/collapsible-demo.tsx",
+    },
+    "collapsible-file-tree": {
+      name: "collapsible-file-tree",
+      filePath: "examples/aria/collapsible-file-tree.tsx",
+    },
+    "collapsible-rtl": {
+      name: "collapsible-rtl",
+      filePath: "examples/aria/collapsible-rtl.tsx",
+    },
+    "collapsible-settings": {
+      name: "collapsible-settings",
+      filePath: "examples/aria/collapsible-settings.tsx",
+    },
+    "combobox-basic": {
+      name: "combobox-basic",
+      filePath: "examples/aria/combobox-basic.tsx",
+    },
+    "combobox-clear": {
+      name: "combobox-clear",
+      filePath: "examples/aria/combobox-clear.tsx",
+    },
+    "combobox-custom": {
+      name: "combobox-custom",
+      filePath: "examples/aria/combobox-custom.tsx",
+    },
+    "combobox-demo": {
+      name: "combobox-demo",
+      filePath: "examples/aria/combobox-demo.tsx",
+    },
+    "combobox-disabled": {
+      name: "combobox-disabled",
+      filePath: "examples/aria/combobox-disabled.tsx",
+    },
+    "combobox-groups": {
+      name: "combobox-groups",
+      filePath: "examples/aria/combobox-groups.tsx",
+    },
+    "combobox-input-group": {
+      name: "combobox-input-group",
+      filePath: "examples/aria/combobox-input-group.tsx",
+    },
+    "combobox-invalid": {
+      name: "combobox-invalid",
+      filePath: "examples/aria/combobox-invalid.tsx",
+    },
+    "combobox-multiple": {
+      name: "combobox-multiple",
+      filePath: "examples/aria/combobox-multiple.tsx",
+    },
+    "combobox-rtl": {
+      name: "combobox-rtl",
+      filePath: "examples/aria/combobox-rtl.tsx",
+    },
+    "command-basic": {
+      name: "command-basic",
+      filePath: "examples/aria/command-basic.tsx",
+    },
+    "command-demo": {
+      name: "command-demo",
+      filePath: "examples/aria/command-demo.tsx",
+    },
+    "command-dialog": {
+      name: "command-dialog",
+      filePath: "examples/aria/command-dialog.tsx",
+    },
+    "command-groups": {
+      name: "command-groups",
+      filePath: "examples/aria/command-groups.tsx",
+    },
+    "command-rtl": {
+      name: "command-rtl",
+      filePath: "examples/aria/command-rtl.tsx",
+    },
+    "command-scrollable": {
+      name: "command-scrollable",
+      filePath: "examples/aria/command-scrollable.tsx",
+    },
+    "command-shortcuts": {
+      name: "command-shortcuts",
+      filePath: "examples/aria/command-shortcuts.tsx",
+    },
+    "context-menu-basic": {
+      name: "context-menu-basic",
+      filePath: "examples/aria/context-menu-basic.tsx",
+    },
+    "context-menu-checkboxes": {
+      name: "context-menu-checkboxes",
+      filePath: "examples/aria/context-menu-checkboxes.tsx",
+    },
+    "context-menu-demo": {
+      name: "context-menu-demo",
+      filePath: "examples/aria/context-menu-demo.tsx",
+    },
+    "context-menu-destructive": {
+      name: "context-menu-destructive",
+      filePath: "examples/aria/context-menu-destructive.tsx",
+    },
+    "context-menu-groups": {
+      name: "context-menu-groups",
+      filePath: "examples/aria/context-menu-groups.tsx",
+    },
+    "context-menu-icons": {
+      name: "context-menu-icons",
+      filePath: "examples/aria/context-menu-icons.tsx",
+    },
+    "context-menu-radio": {
+      name: "context-menu-radio",
+      filePath: "examples/aria/context-menu-radio.tsx",
+    },
+    "context-menu-rtl": {
+      name: "context-menu-rtl",
+      filePath: "examples/aria/context-menu-rtl.tsx",
+    },
+    "context-menu-shortcuts": {
+      name: "context-menu-shortcuts",
+      filePath: "examples/aria/context-menu-shortcuts.tsx",
+    },
+    "context-menu-sides": {
+      name: "context-menu-sides",
+      filePath: "examples/aria/context-menu-sides.tsx",
+    },
+    "context-menu-submenu": {
+      name: "context-menu-submenu",
+      filePath: "examples/aria/context-menu-submenu.tsx",
+    },
+    "data-picker-with-dropdowns": {
+      name: "data-picker-with-dropdowns",
+      filePath: "examples/aria/data-picker-with-dropdowns.tsx",
+    },
+    "data-table-demo": {
+      name: "data-table-demo",
+      filePath: "examples/aria/data-table-demo.tsx",
+    },
+    "data-table-rtl": {
+      name: "data-table-rtl",
+      filePath: "examples/aria/data-table-rtl.tsx",
+    },
+    "date-picker-basic": {
+      name: "date-picker-basic",
+      filePath: "examples/aria/date-picker-basic.tsx",
+    },
+    "date-picker-demo": {
+      name: "date-picker-demo",
+      filePath: "examples/aria/date-picker-demo.tsx",
+    },
+    "date-picker-dob": {
+      name: "date-picker-dob",
+      filePath: "examples/aria/date-picker-dob.tsx",
+    },
+    "date-picker-input": {
+      name: "date-picker-input",
+      filePath: "examples/aria/date-picker-input.tsx",
+    },
+    "date-picker-natural-language": {
+      name: "date-picker-natural-language",
+      filePath: "examples/aria/date-picker-natural-language.tsx",
+    },
+    "date-picker-range": {
+      name: "date-picker-range",
+      filePath: "examples/aria/date-picker-range.tsx",
+    },
+    "date-picker-rtl": {
+      name: "date-picker-rtl",
+      filePath: "examples/aria/date-picker-rtl.tsx",
+    },
+    "date-picker-time": {
+      name: "date-picker-time",
+      filePath: "examples/aria/date-picker-time.tsx",
+    },
+    "dialog-close-button": {
+      name: "dialog-close-button",
+      filePath: "examples/aria/dialog-close-button.tsx",
+    },
+    "dialog-demo": {
+      name: "dialog-demo",
+      filePath: "examples/aria/dialog-demo.tsx",
+    },
+    "dialog-no-close-button": {
+      name: "dialog-no-close-button",
+      filePath: "examples/aria/dialog-no-close-button.tsx",
+    },
+    "dialog-rtl": {
+      name: "dialog-rtl",
+      filePath: "examples/aria/dialog-rtl.tsx",
+    },
+    "dialog-scrollable-content": {
+      name: "dialog-scrollable-content",
+      filePath: "examples/aria/dialog-scrollable-content.tsx",
+    },
+    "dialog-sticky-footer": {
+      name: "dialog-sticky-footer",
+      filePath: "examples/aria/dialog-sticky-footer.tsx",
+    },
+    "drawer-demo": {
+      name: "drawer-demo",
+      filePath: "examples/aria/drawer-demo.tsx",
+    },
+    "drawer-dialog": {
+      name: "drawer-dialog",
+      filePath: "examples/aria/drawer-dialog.tsx",
+    },
+    "drawer-nested": {
+      name: "drawer-nested",
+      filePath: "examples/aria/drawer-nested.tsx",
+    },
+    "drawer-non-modal": {
+      name: "drawer-non-modal",
+      filePath: "examples/aria/drawer-non-modal.tsx",
+    },
+    "drawer-rtl": {
+      name: "drawer-rtl",
+      filePath: "examples/aria/drawer-rtl.tsx",
+    },
+    "drawer-sides": {
+      name: "drawer-sides",
+      filePath: "examples/aria/drawer-sides.tsx",
+    },
+    "drawer-snap-points": {
+      name: "drawer-snap-points",
+      filePath: "examples/aria/drawer-snap-points.tsx",
+    },
+    "drawer-swipe-handle": {
+      name: "drawer-swipe-handle",
+      filePath: "examples/aria/drawer-swipe-handle.tsx",
+    },
+    "dropdown-menu-avatar": {
+      name: "dropdown-menu-avatar",
+      filePath: "examples/aria/dropdown-menu-avatar.tsx",
+    },
+    "dropdown-menu-basic": {
+      name: "dropdown-menu-basic",
+      filePath: "examples/aria/dropdown-menu-basic.tsx",
+    },
+    "dropdown-menu-checkboxes-icons": {
+      name: "dropdown-menu-checkboxes-icons",
+      filePath: "examples/aria/dropdown-menu-checkboxes-icons.tsx",
+    },
+    "dropdown-menu-checkboxes": {
+      name: "dropdown-menu-checkboxes",
+      filePath: "examples/aria/dropdown-menu-checkboxes.tsx",
+    },
+    "dropdown-menu-complex": {
+      name: "dropdown-menu-complex",
+      filePath: "examples/aria/dropdown-menu-complex.tsx",
+    },
+    "dropdown-menu-demo": {
+      name: "dropdown-menu-demo",
+      filePath: "examples/aria/dropdown-menu-demo.tsx",
+    },
+    "dropdown-menu-destructive": {
+      name: "dropdown-menu-destructive",
+      filePath: "examples/aria/dropdown-menu-destructive.tsx",
+    },
+    "dropdown-menu-icons": {
+      name: "dropdown-menu-icons",
+      filePath: "examples/aria/dropdown-menu-icons.tsx",
+    },
+    "dropdown-menu-radio-group": {
+      name: "dropdown-menu-radio-group",
+      filePath: "examples/aria/dropdown-menu-radio-group.tsx",
+    },
+    "dropdown-menu-radio-icons": {
+      name: "dropdown-menu-radio-icons",
+      filePath: "examples/aria/dropdown-menu-radio-icons.tsx",
+    },
+    "dropdown-menu-rtl": {
+      name: "dropdown-menu-rtl",
+      filePath: "examples/aria/dropdown-menu-rtl.tsx",
+    },
+    "dropdown-menu-shortcuts": {
+      name: "dropdown-menu-shortcuts",
+      filePath: "examples/aria/dropdown-menu-shortcuts.tsx",
+    },
+    "dropdown-menu-submenu": {
+      name: "dropdown-menu-submenu",
+      filePath: "examples/aria/dropdown-menu-submenu.tsx",
+    },
+    "empty-avatar-group": {
+      name: "empty-avatar-group",
+      filePath: "examples/aria/empty-avatar-group.tsx",
+    },
+    "empty-avatar": {
+      name: "empty-avatar",
+      filePath: "examples/aria/empty-avatar.tsx",
+    },
+    "empty-background": {
+      name: "empty-background",
+      filePath: "examples/aria/empty-background.tsx",
+    },
+    "empty-card": {
+      name: "empty-card",
+      filePath: "examples/aria/empty-card.tsx",
+    },
+    "empty-demo": {
+      name: "empty-demo",
+      filePath: "examples/aria/empty-demo.tsx",
+    },
+    "empty-input-group": {
+      name: "empty-input-group",
+      filePath: "examples/aria/empty-input-group.tsx",
+    },
+    "empty-outline": {
+      name: "empty-outline",
+      filePath: "examples/aria/empty-outline.tsx",
+    },
+    "empty-rtl": {
+      name: "empty-rtl",
+      filePath: "examples/aria/empty-rtl.tsx",
+    },
+    "field-checkbox": {
+      name: "field-checkbox",
+      filePath: "examples/aria/field-checkbox.tsx",
+    },
+    "field-choice-card": {
+      name: "field-choice-card",
+      filePath: "examples/aria/field-choice-card.tsx",
+    },
+    "field-demo": {
+      name: "field-demo",
+      filePath: "examples/aria/field-demo.tsx",
+    },
+    "field-fieldset": {
+      name: "field-fieldset",
+      filePath: "examples/aria/field-fieldset.tsx",
+    },
+    "field-group": {
+      name: "field-group",
+      filePath: "examples/aria/field-group.tsx",
+    },
+    "field-input": {
+      name: "field-input",
+      filePath: "examples/aria/field-input.tsx",
+    },
+    "field-radio": {
+      name: "field-radio",
+      filePath: "examples/aria/field-radio.tsx",
+    },
+    "field-responsive": {
+      name: "field-responsive",
+      filePath: "examples/aria/field-responsive.tsx",
+    },
+    "field-rtl": {
+      name: "field-rtl",
+      filePath: "examples/aria/field-rtl.tsx",
+    },
+    "field-select": {
+      name: "field-select",
+      filePath: "examples/aria/field-select.tsx",
+    },
+    "field-slider": {
+      name: "field-slider",
+      filePath: "examples/aria/field-slider.tsx",
+    },
+    "field-switch": {
+      name: "field-switch",
+      filePath: "examples/aria/field-switch.tsx",
+    },
+    "field-textarea": {
+      name: "field-textarea",
+      filePath: "examples/aria/field-textarea.tsx",
+    },
+    "file-upload-list": {
+      name: "file-upload-list",
+      filePath: "examples/aria/file-upload-list.tsx",
+    },
+    "hover-card-demo": {
+      name: "hover-card-demo",
+      filePath: "examples/aria/hover-card-demo.tsx",
+    },
+    "hover-card-rtl": {
+      name: "hover-card-rtl",
+      filePath: "examples/aria/hover-card-rtl.tsx",
+    },
+    "hover-card-sides": {
+      name: "hover-card-sides",
+      filePath: "examples/aria/hover-card-sides.tsx",
+    },
+    "input-badge": {
+      name: "input-badge",
+      filePath: "examples/aria/input-badge.tsx",
+    },
+    "input-basic": {
+      name: "input-basic",
+      filePath: "examples/aria/input-basic.tsx",
+    },
+    "input-button-group": {
+      name: "input-button-group",
+      filePath: "examples/aria/input-button-group.tsx",
+    },
+    "input-demo": {
+      name: "input-demo",
+      filePath: "examples/aria/input-demo.tsx",
+    },
+    "input-disabled": {
+      name: "input-disabled",
+      filePath: "examples/aria/input-disabled.tsx",
+    },
+    "input-field": {
+      name: "input-field",
+      filePath: "examples/aria/input-field.tsx",
+    },
+    "input-fieldgroup": {
+      name: "input-fieldgroup",
+      filePath: "examples/aria/input-fieldgroup.tsx",
+    },
+    "input-file": {
+      name: "input-file",
+      filePath: "examples/aria/input-file.tsx",
+    },
+    "input-form": {
+      name: "input-form",
+      filePath: "examples/aria/input-form.tsx",
+    },
+    "input-grid": {
+      name: "input-grid",
+      filePath: "examples/aria/input-grid.tsx",
+    },
+    "input-group-basic": {
+      name: "input-group-basic",
+      filePath: "examples/aria/input-group-basic.tsx",
+    },
+    "input-group-block-end": {
+      name: "input-group-block-end",
+      filePath: "examples/aria/input-group-block-end.tsx",
+    },
+    "input-group-block-start": {
+      name: "input-group-block-start",
+      filePath: "examples/aria/input-group-block-start.tsx",
+    },
+    "input-group-button-group": {
+      name: "input-group-button-group",
+      filePath: "examples/aria/input-group-button-group.tsx",
+    },
+    "input-group-button": {
+      name: "input-group-button",
+      filePath: "examples/aria/input-group-button.tsx",
+    },
+    "input-group-custom": {
+      name: "input-group-custom",
+      filePath: "examples/aria/input-group-custom.tsx",
+    },
+    "input-group-demo": {
+      name: "input-group-demo",
+      filePath: "examples/aria/input-group-demo.tsx",
+    },
+    "input-group-dropdown": {
+      name: "input-group-dropdown",
+      filePath: "examples/aria/input-group-dropdown.tsx",
+    },
+    "input-group-icon": {
+      name: "input-group-icon",
+      filePath: "examples/aria/input-group-icon.tsx",
+    },
+    "input-group-in-card": {
+      name: "input-group-in-card",
+      filePath: "examples/aria/input-group-in-card.tsx",
+    },
+    "input-group-inline-end": {
+      name: "input-group-inline-end",
+      filePath: "examples/aria/input-group-inline-end.tsx",
+    },
+    "input-group-inline-start": {
+      name: "input-group-inline-start",
+      filePath: "examples/aria/input-group-inline-start.tsx",
+    },
+    "input-group-kbd": {
+      name: "input-group-kbd",
+      filePath: "examples/aria/input-group-kbd.tsx",
+    },
+    "input-group-label": {
+      name: "input-group-label",
+      filePath: "examples/aria/input-group-label.tsx",
+    },
+    "input-group-rtl": {
+      name: "input-group-rtl",
+      filePath: "examples/aria/input-group-rtl.tsx",
+    },
+    "input-group-spinner": {
+      name: "input-group-spinner",
+      filePath: "examples/aria/input-group-spinner.tsx",
+    },
+    "input-group-text": {
+      name: "input-group-text",
+      filePath: "examples/aria/input-group-text.tsx",
+    },
+    "input-group-textarea-examples": {
+      name: "input-group-textarea-examples",
+      filePath: "examples/aria/input-group-textarea-examples.tsx",
+    },
+    "input-group-textarea": {
+      name: "input-group-textarea",
+      filePath: "examples/aria/input-group-textarea.tsx",
+    },
+    "input-group-tooltip": {
+      name: "input-group-tooltip",
+      filePath: "examples/aria/input-group-tooltip.tsx",
+    },
+    "input-group-with-addons": {
+      name: "input-group-with-addons",
+      filePath: "examples/aria/input-group-with-addons.tsx",
+    },
+    "input-group-with-buttons": {
+      name: "input-group-with-buttons",
+      filePath: "examples/aria/input-group-with-buttons.tsx",
+    },
+    "input-group-with-kbd": {
+      name: "input-group-with-kbd",
+      filePath: "examples/aria/input-group-with-kbd.tsx",
+    },
+    "input-group-with-tooltip": {
+      name: "input-group-with-tooltip",
+      filePath: "examples/aria/input-group-with-tooltip.tsx",
+    },
+    "input-inline": {
+      name: "input-inline",
+      filePath: "examples/aria/input-inline.tsx",
+    },
+    "input-input-group": {
+      name: "input-input-group",
+      filePath: "examples/aria/input-input-group.tsx",
+    },
+    "input-invalid": {
+      name: "input-invalid",
+      filePath: "examples/aria/input-invalid.tsx",
+    },
+    "input-otp-alphanumeric": {
+      name: "input-otp-alphanumeric",
+      filePath: "examples/aria/input-otp-alphanumeric.tsx",
+    },
+    "input-otp-controlled": {
+      name: "input-otp-controlled",
+      filePath: "examples/aria/input-otp-controlled.tsx",
+    },
+    "input-otp-demo": {
+      name: "input-otp-demo",
+      filePath: "examples/aria/input-otp-demo.tsx",
+    },
+    "input-otp-disabled": {
+      name: "input-otp-disabled",
+      filePath: "examples/aria/input-otp-disabled.tsx",
+    },
+    "input-otp-form": {
+      name: "input-otp-form",
+      filePath: "examples/aria/input-otp-form.tsx",
+    },
+    "input-otp-four-digits": {
+      name: "input-otp-four-digits",
+      filePath: "examples/aria/input-otp-four-digits.tsx",
+    },
+    "input-otp-invalid": {
+      name: "input-otp-invalid",
+      filePath: "examples/aria/input-otp-invalid.tsx",
+    },
+    "input-otp-pattern": {
+      name: "input-otp-pattern",
+      filePath: "examples/aria/input-otp-pattern.tsx",
+    },
+    "input-otp-rtl": {
+      name: "input-otp-rtl",
+      filePath: "examples/aria/input-otp-rtl.tsx",
+    },
+    "input-otp-separator": {
+      name: "input-otp-separator",
+      filePath: "examples/aria/input-otp-separator.tsx",
+    },
+    "input-required": {
+      name: "input-required",
+      filePath: "examples/aria/input-required.tsx",
+    },
+    "input-rtl": {
+      name: "input-rtl",
+      filePath: "examples/aria/input-rtl.tsx",
+    },
+    "item-avatar": {
+      name: "item-avatar",
+      filePath: "examples/aria/item-avatar.tsx",
+    },
+    "item-demo": {
+      name: "item-demo",
+      filePath: "examples/aria/item-demo.tsx",
+    },
+    "item-dropdown": {
+      name: "item-dropdown",
+      filePath: "examples/aria/item-dropdown.tsx",
+    },
+    "item-group": {
+      name: "item-group",
+      filePath: "examples/aria/item-group.tsx",
+    },
+    "item-header": {
+      name: "item-header",
+      filePath: "examples/aria/item-header.tsx",
+    },
+    "item-icon": {
+      name: "item-icon",
+      filePath: "examples/aria/item-icon.tsx",
+    },
+    "item-image": {
+      name: "item-image",
+      filePath: "examples/aria/item-image.tsx",
+    },
+    "item-link": {
+      name: "item-link",
+      filePath: "examples/aria/item-link.tsx",
+    },
+    "item-rtl": {
+      name: "item-rtl",
+      filePath: "examples/aria/item-rtl.tsx",
+    },
+    "item-size": {
+      name: "item-size",
+      filePath: "examples/aria/item-size.tsx",
+    },
+    "item-variant": {
+      name: "item-variant",
+      filePath: "examples/aria/item-variant.tsx",
+    },
+    "kbd-button": {
+      name: "kbd-button",
+      filePath: "examples/aria/kbd-button.tsx",
+    },
+    "kbd-demo": {
+      name: "kbd-demo",
+      filePath: "examples/aria/kbd-demo.tsx",
+    },
+    "kbd-group": {
+      name: "kbd-group",
+      filePath: "examples/aria/kbd-group.tsx",
+    },
+    "kbd-input-group": {
+      name: "kbd-input-group",
+      filePath: "examples/aria/kbd-input-group.tsx",
+    },
+    "kbd-rtl": {
+      name: "kbd-rtl",
+      filePath: "examples/aria/kbd-rtl.tsx",
+    },
+    "kbd-tooltip": {
+      name: "kbd-tooltip",
+      filePath: "examples/aria/kbd-tooltip.tsx",
+    },
+    "label-demo": {
+      name: "label-demo",
+      filePath: "examples/aria/label-demo.tsx",
+    },
+    "label-rtl": {
+      name: "label-rtl",
+      filePath: "examples/aria/label-rtl.tsx",
+    },
+    "markdown-demo": {
+      name: "markdown-demo",
+      filePath: "examples/aria/markdown-demo.tsx",
+    },
+    "marker-border": {
+      name: "marker-border",
+      filePath: "examples/aria/marker-border.tsx",
+    },
+    "marker-demo": {
+      name: "marker-demo",
+      filePath: "examples/aria/marker-demo.tsx",
+    },
+    "marker-icon": {
+      name: "marker-icon",
+      filePath: "examples/aria/marker-icon.tsx",
+    },
+    "marker-link-button": {
+      name: "marker-link-button",
+      filePath: "examples/aria/marker-link-button.tsx",
+    },
+    "marker-separator": {
+      name: "marker-separator",
+      filePath: "examples/aria/marker-separator.tsx",
+    },
+    "marker-shimmer": {
+      name: "marker-shimmer",
+      filePath: "examples/aria/marker-shimmer.tsx",
+    },
+    "marker-status": {
+      name: "marker-status",
+      filePath: "examples/aria/marker-status.tsx",
+    },
+    "marker-variants": {
+      name: "marker-variants",
+      filePath: "examples/aria/marker-variants.tsx",
+    },
+    "message-actions": {
+      name: "message-actions",
+      filePath: "examples/aria/message-actions.tsx",
+    },
+    "message-attachment": {
+      name: "message-attachment",
+      filePath: "examples/aria/message-attachment.tsx",
+    },
+    "message-avatar": {
+      name: "message-avatar",
+      filePath: "examples/aria/message-avatar.tsx",
+    },
+    "message-demo": {
+      name: "message-demo",
+      filePath: "examples/aria/message-demo.tsx",
+    },
+    "message-group": {
+      name: "message-group",
+      filePath: "examples/aria/message-group.tsx",
+    },
+    "message-header-footer": {
+      name: "message-header-footer",
+      filePath: "examples/aria/message-header-footer.tsx",
+    },
+    "message-markdown": {
+      name: "message-markdown",
+      filePath: "examples/aria/message-markdown.tsx",
+    },
+    "message-scroller-anchoring": {
+      name: "message-scroller-anchoring",
+      filePath: "examples/aria/message-scroller-anchoring.tsx",
+    },
+    "message-scroller-animation": {
+      name: "message-scroller-animation",
+      filePath: "examples/aria/message-scroller-animation.tsx",
+    },
+    "message-scroller-commands": {
+      name: "message-scroller-commands",
+      filePath: "examples/aria/message-scroller-commands.tsx",
+    },
+    "message-scroller-demo": {
+      name: "message-scroller-demo",
+      filePath: "examples/aria/message-scroller-demo.tsx",
+    },
+    "message-scroller-group-chat": {
+      name: "message-scroller-group-chat",
+      filePath: "examples/aria/message-scroller-group-chat.tsx",
+    },
+    "message-scroller-load-history": {
+      name: "message-scroller-load-history",
+      filePath: "examples/aria/message-scroller-load-history.tsx",
+    },
+    "message-scroller-opening-position": {
+      name: "message-scroller-opening-position",
+      filePath: "examples/aria/message-scroller-opening-position.tsx",
+    },
+    "message-scroller-previous-context": {
+      name: "message-scroller-previous-context",
+      filePath: "examples/aria/message-scroller-previous-context.tsx",
+    },
+    "message-scroller-scrollable": {
+      name: "message-scroller-scrollable",
+      filePath: "examples/aria/message-scroller-scrollable.tsx",
+    },
+    "message-scroller-state": {
+      name: "message-scroller-state",
+      filePath: "examples/aria/message-scroller-state.tsx",
+    },
+    "message-scroller-streaming": {
+      name: "message-scroller-streaming",
+      filePath: "examples/aria/message-scroller-streaming.tsx",
+    },
+    "message-scroller-visibility": {
+      name: "message-scroller-visibility",
+      filePath: "examples/aria/message-scroller-visibility.tsx",
+    },
+    "muted-item-group": {
+      name: "muted-item-group",
+      filePath: "examples/aria/muted-item-group.tsx",
+    },
+    "native-select-demo": {
+      name: "native-select-demo",
+      filePath: "examples/aria/native-select-demo.tsx",
+    },
+    "native-select-disabled": {
+      name: "native-select-disabled",
+      filePath: "examples/aria/native-select-disabled.tsx",
+    },
+    "native-select-groups": {
+      name: "native-select-groups",
+      filePath: "examples/aria/native-select-groups.tsx",
+    },
+    "native-select-invalid": {
+      name: "native-select-invalid",
+      filePath: "examples/aria/native-select-invalid.tsx",
+    },
+    "native-select-rtl": {
+      name: "native-select-rtl",
+      filePath: "examples/aria/native-select-rtl.tsx",
+    },
+    "outline-item-group": {
+      name: "outline-item-group",
+      filePath: "examples/aria/outline-item-group.tsx",
+    },
+    "pagination-demo": {
+      name: "pagination-demo",
+      filePath: "examples/aria/pagination-demo.tsx",
+    },
+    "pagination-icons-only": {
+      name: "pagination-icons-only",
+      filePath: "examples/aria/pagination-icons-only.tsx",
+    },
+    "pagination-rtl": {
+      name: "pagination-rtl",
+      filePath: "examples/aria/pagination-rtl.tsx",
+    },
+    "pagination-simple": {
+      name: "pagination-simple",
+      filePath: "examples/aria/pagination-simple.tsx",
+    },
+    "popover-alignments": {
+      name: "popover-alignments",
+      filePath: "examples/aria/popover-alignments.tsx",
+    },
+    "popover-basic": {
+      name: "popover-basic",
+      filePath: "examples/aria/popover-basic.tsx",
+    },
+    "popover-demo": {
+      name: "popover-demo",
+      filePath: "examples/aria/popover-demo.tsx",
+    },
+    "popover-form": {
+      name: "popover-form",
+      filePath: "examples/aria/popover-form.tsx",
+    },
+    "popover-rtl": {
+      name: "popover-rtl",
+      filePath: "examples/aria/popover-rtl.tsx",
+    },
+    "progress-controlled": {
+      name: "progress-controlled",
+      filePath: "examples/aria/progress-controlled.tsx",
+    },
+    "progress-demo": {
+      name: "progress-demo",
+      filePath: "examples/aria/progress-demo.tsx",
+    },
+    "progress-label": {
+      name: "progress-label",
+      filePath: "examples/aria/progress-label.tsx",
+    },
+    "progress-rtl": {
+      name: "progress-rtl",
+      filePath: "examples/aria/progress-rtl.tsx",
+    },
+    "questionnaire-animated": {
+      name: "questionnaire-animated",
+      filePath: "examples/aria/questionnaire-animated.tsx",
+    },
+    "questionnaire-card": {
+      name: "questionnaire-card",
+      filePath: "examples/aria/questionnaire-card.tsx",
+    },
+    "questionnaire-conditional": {
+      name: "questionnaire-conditional",
+      filePath: "examples/aria/questionnaire-conditional.tsx",
+    },
+    "questionnaire-controlled": {
+      name: "questionnaire-controlled",
+      filePath: "examples/aria/questionnaire-controlled.tsx",
+    },
+    "questionnaire-demo": {
+      name: "questionnaire-demo",
+      filePath: "examples/aria/questionnaire-demo.tsx",
+    },
+    "questionnaire-dialog": {
+      name: "questionnaire-dialog",
+      filePath: "examples/aria/questionnaire-dialog.tsx",
+    },
+    "questionnaire-freeform": {
+      name: "questionnaire-freeform",
+      filePath: "examples/aria/questionnaire-freeform.tsx",
+    },
+    "questionnaire-multiple": {
+      name: "questionnaire-multiple",
+      filePath: "examples/aria/questionnaire-multiple.tsx",
+    },
+    "questionnaire-navigation-state": {
+      name: "questionnaire-navigation-state",
+      filePath: "examples/aria/questionnaire-navigation-state.tsx",
+    },
+    "questionnaire-progress": {
+      name: "questionnaire-progress",
+      filePath: "examples/aria/questionnaire-progress.tsx",
+    },
+    "questionnaire-resume": {
+      name: "questionnaire-resume",
+      filePath: "examples/aria/questionnaire-resume.tsx",
+    },
+    "questionnaire-shortcuts": {
+      name: "questionnaire-shortcuts",
+      filePath: "examples/aria/questionnaire-shortcuts.tsx",
+    },
+    "questionnaire-skip": {
+      name: "questionnaire-skip",
+      filePath: "examples/aria/questionnaire-skip.tsx",
+    },
+    "questionnaire-validation": {
+      name: "questionnaire-validation",
+      filePath: "examples/aria/questionnaire-validation.tsx",
+    },
+    "radio-fields": {
+      name: "radio-fields",
+      filePath: "examples/aria/radio-fields.tsx",
+    },
+    "radio-group-choice-card": {
+      name: "radio-group-choice-card",
+      filePath: "examples/aria/radio-group-choice-card.tsx",
+    },
+    "radio-group-demo": {
+      name: "radio-group-demo",
+      filePath: "examples/aria/radio-group-demo.tsx",
+    },
+    "radio-group-description": {
+      name: "radio-group-description",
+      filePath: "examples/aria/radio-group-description.tsx",
+    },
+    "radio-group-disabled": {
+      name: "radio-group-disabled",
+      filePath: "examples/aria/radio-group-disabled.tsx",
+    },
+    "radio-group-fieldset": {
+      name: "radio-group-fieldset",
+      filePath: "examples/aria/radio-group-fieldset.tsx",
+    },
+    "radio-group-invalid": {
+      name: "radio-group-invalid",
+      filePath: "examples/aria/radio-group-invalid.tsx",
+    },
+    "radio-group-rtl": {
+      name: "radio-group-rtl",
+      filePath: "examples/aria/radio-group-rtl.tsx",
+    },
+    "resizable-demo": {
+      name: "resizable-demo",
+      filePath: "examples/aria/resizable-demo.tsx",
+    },
+    "resizable-handle": {
+      name: "resizable-handle",
+      filePath: "examples/aria/resizable-handle.tsx",
+    },
+    "resizable-rtl": {
+      name: "resizable-rtl",
+      filePath: "examples/aria/resizable-rtl.tsx",
+    },
+    "resizable-vertical": {
+      name: "resizable-vertical",
+      filePath: "examples/aria/resizable-vertical.tsx",
+    },
+    "scroll-area-demo": {
+      name: "scroll-area-demo",
+      filePath: "examples/aria/scroll-area-demo.tsx",
+    },
+    "scroll-area-horizontal-demo": {
+      name: "scroll-area-horizontal-demo",
+      filePath: "examples/aria/scroll-area-horizontal-demo.tsx",
+    },
+    "scroll-area-rtl": {
+      name: "scroll-area-rtl",
+      filePath: "examples/aria/scroll-area-rtl.tsx",
+    },
+    "scroll-fade-demo": {
+      name: "scroll-fade-demo",
+      filePath: "examples/aria/scroll-fade-demo.tsx",
+    },
+    "scroll-fade-edge": {
+      name: "scroll-fade-edge",
+      filePath: "examples/aria/scroll-fade-edge.tsx",
+    },
+    "scroll-fade-horizontal": {
+      name: "scroll-fade-horizontal",
+      filePath: "examples/aria/scroll-fade-horizontal.tsx",
+    },
+    "scroll-fade-none": {
+      name: "scroll-fade-none",
+      filePath: "examples/aria/scroll-fade-none.tsx",
+    },
+    "scroll-fade-overflow": {
+      name: "scroll-fade-overflow",
+      filePath: "examples/aria/scroll-fade-overflow.tsx",
+    },
+    "scroll-fade-rtl": {
+      name: "scroll-fade-rtl",
+      filePath: "examples/aria/scroll-fade-rtl.tsx",
+    },
+    "scroll-fade-size": {
+      name: "scroll-fade-size",
+      filePath: "examples/aria/scroll-fade-size.tsx",
+    },
+    "select-autocomplete": {
+      name: "select-autocomplete",
+      filePath: "examples/aria/select-autocomplete.tsx",
+    },
+    "select-demo": {
+      name: "select-demo",
+      filePath: "examples/aria/select-demo.tsx",
+    },
+    "select-disabled": {
+      name: "select-disabled",
+      filePath: "examples/aria/select-disabled.tsx",
+    },
+    "select-groups": {
+      name: "select-groups",
+      filePath: "examples/aria/select-groups.tsx",
+    },
+    "select-invalid": {
+      name: "select-invalid",
+      filePath: "examples/aria/select-invalid.tsx",
+    },
+    "select-rtl": {
+      name: "select-rtl",
+      filePath: "examples/aria/select-rtl.tsx",
+    },
+    "select-scrollable": {
+      name: "select-scrollable",
+      filePath: "examples/aria/select-scrollable.tsx",
+    },
+    "separator-demo": {
+      name: "separator-demo",
+      filePath: "examples/aria/separator-demo.tsx",
+    },
+    "separator-list": {
+      name: "separator-list",
+      filePath: "examples/aria/separator-list.tsx",
+    },
+    "separator-menu": {
+      name: "separator-menu",
+      filePath: "examples/aria/separator-menu.tsx",
+    },
+    "separator-rtl": {
+      name: "separator-rtl",
+      filePath: "examples/aria/separator-rtl.tsx",
+    },
+    "separator-vertical": {
+      name: "separator-vertical",
+      filePath: "examples/aria/separator-vertical.tsx",
+    },
+    "sheet-demo": {
+      name: "sheet-demo",
+      filePath: "examples/aria/sheet-demo.tsx",
+    },
+    "sheet-no-close-button": {
+      name: "sheet-no-close-button",
+      filePath: "examples/aria/sheet-no-close-button.tsx",
+    },
+    "sheet-rtl": {
+      name: "sheet-rtl",
+      filePath: "examples/aria/sheet-rtl.tsx",
+    },
+    "sheet-side": {
+      name: "sheet-side",
+      filePath: "examples/aria/sheet-side.tsx",
+    },
+    "shimmer-angle": {
+      name: "shimmer-angle",
+      filePath: "examples/aria/shimmer-angle.tsx",
+    },
+    "shimmer-color": {
+      name: "shimmer-color",
+      filePath: "examples/aria/shimmer-color.tsx",
+    },
+    "shimmer-demo": {
+      name: "shimmer-demo",
+      filePath: "examples/aria/shimmer-demo.tsx",
+    },
+    "shimmer-duration": {
+      name: "shimmer-duration",
+      filePath: "examples/aria/shimmer-duration.tsx",
+    },
+    "shimmer-marker": {
+      name: "shimmer-marker",
+      filePath: "examples/aria/shimmer-marker.tsx",
+    },
+    "shimmer-none": {
+      name: "shimmer-none",
+      filePath: "examples/aria/shimmer-none.tsx",
+    },
+    "shimmer-once": {
+      name: "shimmer-once",
+      filePath: "examples/aria/shimmer-once.tsx",
+    },
+    "shimmer-rtl": {
+      name: "shimmer-rtl",
+      filePath: "examples/aria/shimmer-rtl.tsx",
+    },
+    "shimmer-spread": {
+      name: "shimmer-spread",
+      filePath: "examples/aria/shimmer-spread.tsx",
+    },
+    "sidebar-controlled": {
+      name: "sidebar-controlled",
+      filePath: "examples/aria/sidebar-controlled.tsx",
+    },
+    "sidebar-demo": {
+      name: "sidebar-demo",
+      filePath: "examples/aria/sidebar-demo.tsx",
+    },
+    "sidebar-footer": {
+      name: "sidebar-footer",
+      filePath: "examples/aria/sidebar-footer.tsx",
+    },
+    "sidebar-group-action": {
+      name: "sidebar-group-action",
+      filePath: "examples/aria/sidebar-group-action.tsx",
+    },
+    "sidebar-group-collapsible": {
+      name: "sidebar-group-collapsible",
+      filePath: "examples/aria/sidebar-group-collapsible.tsx",
+    },
+    "sidebar-group": {
+      name: "sidebar-group",
+      filePath: "examples/aria/sidebar-group.tsx",
+    },
+    "sidebar-header": {
+      name: "sidebar-header",
+      filePath: "examples/aria/sidebar-header.tsx",
+    },
+    "sidebar-menu-action": {
+      name: "sidebar-menu-action",
+      filePath: "examples/aria/sidebar-menu-action.tsx",
+    },
+    "sidebar-menu-badge": {
+      name: "sidebar-menu-badge",
+      filePath: "examples/aria/sidebar-menu-badge.tsx",
+    },
+    "sidebar-menu-collapsible": {
+      name: "sidebar-menu-collapsible",
+      filePath: "examples/aria/sidebar-menu-collapsible.tsx",
+    },
+    "sidebar-menu-sub": {
+      name: "sidebar-menu-sub",
+      filePath: "examples/aria/sidebar-menu-sub.tsx",
+    },
+    "sidebar-menu": {
+      name: "sidebar-menu",
+      filePath: "examples/aria/sidebar-menu.tsx",
+    },
+    "sidebar-rsc": {
+      name: "sidebar-rsc",
+      filePath: "examples/aria/sidebar-rsc.tsx",
+    },
+    "sidebar-rtl": {
+      name: "sidebar-rtl",
+      filePath: "examples/aria/sidebar-rtl.tsx",
+    },
+    "skeleton-avatar": {
+      name: "skeleton-avatar",
+      filePath: "examples/aria/skeleton-avatar.tsx",
+    },
+    "skeleton-card": {
+      name: "skeleton-card",
+      filePath: "examples/aria/skeleton-card.tsx",
+    },
+    "skeleton-demo": {
+      name: "skeleton-demo",
+      filePath: "examples/aria/skeleton-demo.tsx",
+    },
+    "skeleton-form": {
+      name: "skeleton-form",
+      filePath: "examples/aria/skeleton-form.tsx",
+    },
+    "skeleton-rtl": {
+      name: "skeleton-rtl",
+      filePath: "examples/aria/skeleton-rtl.tsx",
+    },
+    "skeleton-table": {
+      name: "skeleton-table",
+      filePath: "examples/aria/skeleton-table.tsx",
+    },
+    "skeleton-text": {
+      name: "skeleton-text",
+      filePath: "examples/aria/skeleton-text.tsx",
+    },
+    "slider-controlled": {
+      name: "slider-controlled",
+      filePath: "examples/aria/slider-controlled.tsx",
+    },
+    "slider-demo": {
+      name: "slider-demo",
+      filePath: "examples/aria/slider-demo.tsx",
+    },
+    "slider-disabled": {
+      name: "slider-disabled",
+      filePath: "examples/aria/slider-disabled.tsx",
+    },
+    "slider-multiple": {
+      name: "slider-multiple",
+      filePath: "examples/aria/slider-multiple.tsx",
+    },
+    "slider-range": {
+      name: "slider-range",
+      filePath: "examples/aria/slider-range.tsx",
+    },
+    "slider-rtl": {
+      name: "slider-rtl",
+      filePath: "examples/aria/slider-rtl.tsx",
+    },
+    "slider-vertical": {
+      name: "slider-vertical",
+      filePath: "examples/aria/slider-vertical.tsx",
+    },
+    "sonner-demo": {
+      name: "sonner-demo",
+      filePath: "examples/aria/sonner-demo.tsx",
+    },
+    "sonner-description": {
+      name: "sonner-description",
+      filePath: "examples/aria/sonner-description.tsx",
+    },
+    "sonner-position": {
+      name: "sonner-position",
+      filePath: "examples/aria/sonner-position.tsx",
+    },
+    "sonner-types": {
+      name: "sonner-types",
+      filePath: "examples/aria/sonner-types.tsx",
+    },
+    "spinner-badge": {
+      name: "spinner-badge",
+      filePath: "examples/aria/spinner-badge.tsx",
+    },
+    "spinner-button": {
+      name: "spinner-button",
+      filePath: "examples/aria/spinner-button.tsx",
+    },
+    "spinner-custom": {
+      name: "spinner-custom",
+      filePath: "examples/aria/spinner-custom.tsx",
+    },
+    "spinner-demo": {
+      name: "spinner-demo",
+      filePath: "examples/aria/spinner-demo.tsx",
+    },
+    "spinner-empty": {
+      name: "spinner-empty",
+      filePath: "examples/aria/spinner-empty.tsx",
+    },
+    "spinner-input-group": {
+      name: "spinner-input-group",
+      filePath: "examples/aria/spinner-input-group.tsx",
+    },
+    "spinner-rtl": {
+      name: "spinner-rtl",
+      filePath: "examples/aria/spinner-rtl.tsx",
+    },
+    "spinner-size": {
+      name: "spinner-size",
+      filePath: "examples/aria/spinner-size.tsx",
+    },
+    "switch-choice-card": {
+      name: "switch-choice-card",
+      filePath: "examples/aria/switch-choice-card.tsx",
+    },
+    "switch-demo": {
+      name: "switch-demo",
+      filePath: "examples/aria/switch-demo.tsx",
+    },
+    "switch-description": {
+      name: "switch-description",
+      filePath: "examples/aria/switch-description.tsx",
+    },
+    "switch-disabled": {
+      name: "switch-disabled",
+      filePath: "examples/aria/switch-disabled.tsx",
+    },
+    "switch-invalid": {
+      name: "switch-invalid",
+      filePath: "examples/aria/switch-invalid.tsx",
+    },
+    "switch-rtl": {
+      name: "switch-rtl",
+      filePath: "examples/aria/switch-rtl.tsx",
+    },
+    "switch-sizes": {
+      name: "switch-sizes",
+      filePath: "examples/aria/switch-sizes.tsx",
+    },
+    "table-actions": {
+      name: "table-actions",
+      filePath: "examples/aria/table-actions.tsx",
+    },
+    "table-demo": {
+      name: "table-demo",
+      filePath: "examples/aria/table-demo.tsx",
+    },
+    "table-footer": {
+      name: "table-footer",
+      filePath: "examples/aria/table-footer.tsx",
+    },
+    "table-rtl": {
+      name: "table-rtl",
+      filePath: "examples/aria/table-rtl.tsx",
+    },
+    "tabs-demo": {
+      name: "tabs-demo",
+      filePath: "examples/aria/tabs-demo.tsx",
+    },
+    "tabs-disabled": {
+      name: "tabs-disabled",
+      filePath: "examples/aria/tabs-disabled.tsx",
+    },
+    "tabs-icons": {
+      name: "tabs-icons",
+      filePath: "examples/aria/tabs-icons.tsx",
+    },
+    "tabs-line": {
+      name: "tabs-line",
+      filePath: "examples/aria/tabs-line.tsx",
+    },
+    "tabs-rtl": {
+      name: "tabs-rtl",
+      filePath: "examples/aria/tabs-rtl.tsx",
+    },
+    "tabs-vertical": {
+      name: "tabs-vertical",
+      filePath: "examples/aria/tabs-vertical.tsx",
+    },
+    "textarea-button": {
+      name: "textarea-button",
+      filePath: "examples/aria/textarea-button.tsx",
+    },
+    "textarea-demo": {
+      name: "textarea-demo",
+      filePath: "examples/aria/textarea-demo.tsx",
+    },
+    "textarea-disabled": {
+      name: "textarea-disabled",
+      filePath: "examples/aria/textarea-disabled.tsx",
+    },
+    "textarea-field": {
+      name: "textarea-field",
+      filePath: "examples/aria/textarea-field.tsx",
+    },
+    "textarea-invalid": {
+      name: "textarea-invalid",
+      filePath: "examples/aria/textarea-invalid.tsx",
+    },
+    "textarea-rtl": {
+      name: "textarea-rtl",
+      filePath: "examples/aria/textarea-rtl.tsx",
+    },
+    "toggle-demo": {
+      name: "toggle-demo",
+      filePath: "examples/aria/toggle-demo.tsx",
+    },
+    "toggle-disabled": {
+      name: "toggle-disabled",
+      filePath: "examples/aria/toggle-disabled.tsx",
+    },
+    "toggle-group-demo": {
+      name: "toggle-group-demo",
+      filePath: "examples/aria/toggle-group-demo.tsx",
+    },
+    "toggle-group-disabled": {
+      name: "toggle-group-disabled",
+      filePath: "examples/aria/toggle-group-disabled.tsx",
+    },
+    "toggle-group-font-weight-selector": {
+      name: "toggle-group-font-weight-selector",
+      filePath: "examples/aria/toggle-group-font-weight-selector.tsx",
+    },
+    "toggle-group-outline": {
+      name: "toggle-group-outline",
+      filePath: "examples/aria/toggle-group-outline.tsx",
+    },
+    "toggle-group-rtl": {
+      name: "toggle-group-rtl",
+      filePath: "examples/aria/toggle-group-rtl.tsx",
+    },
+    "toggle-group-sizes": {
+      name: "toggle-group-sizes",
+      filePath: "examples/aria/toggle-group-sizes.tsx",
+    },
+    "toggle-group-spacing": {
+      name: "toggle-group-spacing",
+      filePath: "examples/aria/toggle-group-spacing.tsx",
+    },
+    "toggle-group-vertical": {
+      name: "toggle-group-vertical",
+      filePath: "examples/aria/toggle-group-vertical.tsx",
+    },
+    "toggle-outline": {
+      name: "toggle-outline",
+      filePath: "examples/aria/toggle-outline.tsx",
+    },
+    "toggle-rtl": {
+      name: "toggle-rtl",
+      filePath: "examples/aria/toggle-rtl.tsx",
+    },
+    "toggle-sizes": {
+      name: "toggle-sizes",
+      filePath: "examples/aria/toggle-sizes.tsx",
+    },
+    "toggle-text": {
+      name: "toggle-text",
+      filePath: "examples/aria/toggle-text.tsx",
+    },
+    "tooltip-demo": {
+      name: "tooltip-demo",
+      filePath: "examples/aria/tooltip-demo.tsx",
+    },
+    "tooltip-disabled": {
+      name: "tooltip-disabled",
+      filePath: "examples/aria/tooltip-disabled.tsx",
+    },
+    "tooltip-keyboard": {
+      name: "tooltip-keyboard",
+      filePath: "examples/aria/tooltip-keyboard.tsx",
+    },
+    "tooltip-rtl": {
+      name: "tooltip-rtl",
+      filePath: "examples/aria/tooltip-rtl.tsx",
+    },
+    "tooltip-sides": {
+      name: "tooltip-sides",
+      filePath: "examples/aria/tooltip-sides.tsx",
+    },
+    "typography-blockquote": {
+      name: "typography-blockquote",
+      filePath: "examples/aria/typography-blockquote.tsx",
+    },
+    "typography-demo": {
+      name: "typography-demo",
+      filePath: "examples/aria/typography-demo.tsx",
+    },
+    "typography-h1": {
+      name: "typography-h1",
+      filePath: "examples/aria/typography-h1.tsx",
+    },
+    "typography-h2": {
+      name: "typography-h2",
+      filePath: "examples/aria/typography-h2.tsx",
+    },
+    "typography-h3": {
+      name: "typography-h3",
+      filePath: "examples/aria/typography-h3.tsx",
+    },
+    "typography-h4": {
+      name: "typography-h4",
+      filePath: "examples/aria/typography-h4.tsx",
+    },
+    "typography-inline-code": {
+      name: "typography-inline-code",
+      filePath: "examples/aria/typography-inline-code.tsx",
+    },
+    "typography-large": {
+      name: "typography-large",
+      filePath: "examples/aria/typography-large.tsx",
+    },
+    "typography-lead": {
+      name: "typography-lead",
+      filePath: "examples/aria/typography-lead.tsx",
+    },
+    "typography-list": {
+      name: "typography-list",
+      filePath: "examples/aria/typography-list.tsx",
+    },
+    "typography-muted": {
+      name: "typography-muted",
+      filePath: "examples/aria/typography-muted.tsx",
+    },
+    "typography-p": {
+      name: "typography-p",
+      filePath: "examples/aria/typography-p.tsx",
+    },
+    "typography-rtl": {
+      name: "typography-rtl",
+      filePath: "examples/aria/typography-rtl.tsx",
+    },
+    "typography-small": {
+      name: "typography-small",
+      filePath: "examples/aria/typography-small.tsx",
+    },
+    "typography-table": {
+      name: "typography-table",
+      filePath: "examples/aria/typography-table.tsx",
+    },
+  },
+  radix: {
+    "accordion-basic": {
+      name: "accordion-basic",
+      filePath: "examples/radix/accordion-basic.tsx",
+    },
+    "accordion-borders": {
+      name: "accordion-borders",
+      filePath: "examples/radix/accordion-borders.tsx",
+    },
+    "accordion-card": {
+      name: "accordion-card",
+      filePath: "examples/radix/accordion-card.tsx",
+    },
+    "accordion-demo": {
+      name: "accordion-demo",
+      filePath: "examples/radix/accordion-demo.tsx",
+    },
+    "accordion-disabled": {
+      name: "accordion-disabled",
+      filePath: "examples/radix/accordion-disabled.tsx",
+    },
+    "accordion-multiple": {
+      name: "accordion-multiple",
+      filePath: "examples/radix/accordion-multiple.tsx",
+    },
+    "accordion-rtl": {
+      name: "accordion-rtl",
+      filePath: "examples/radix/accordion-rtl.tsx",
+    },
+    "alert-action": {
+      name: "alert-action",
+      filePath: "examples/radix/alert-action.tsx",
+    },
+    "alert-basic": {
+      name: "alert-basic",
+      filePath: "examples/radix/alert-basic.tsx",
+    },
+    "alert-colors": {
+      name: "alert-colors",
+      filePath: "examples/radix/alert-colors.tsx",
+    },
+    "alert-demo": {
+      name: "alert-demo",
+      filePath: "examples/radix/alert-demo.tsx",
+    },
+    "alert-destructive": {
+      name: "alert-destructive",
+      filePath: "examples/radix/alert-destructive.tsx",
+    },
+    "alert-dialog-basic": {
+      name: "alert-dialog-basic",
+      filePath: "examples/radix/alert-dialog-basic.tsx",
+    },
+    "alert-dialog-demo": {
+      name: "alert-dialog-demo",
+      filePath: "examples/radix/alert-dialog-demo.tsx",
+    },
+    "alert-dialog-destructive": {
+      name: "alert-dialog-destructive",
+      filePath: "examples/radix/alert-dialog-destructive.tsx",
+    },
+    "alert-dialog-media": {
+      name: "alert-dialog-media",
+      filePath: "examples/radix/alert-dialog-media.tsx",
+    },
+    "alert-dialog-rtl": {
+      name: "alert-dialog-rtl",
+      filePath: "examples/radix/alert-dialog-rtl.tsx",
+    },
+    "alert-dialog-small-media": {
+      name: "alert-dialog-small-media",
+      filePath: "examples/radix/alert-dialog-small-media.tsx",
+    },
+    "alert-dialog-small": {
+      name: "alert-dialog-small",
+      filePath: "examples/radix/alert-dialog-small.tsx",
+    },
+    "alert-rtl": {
+      name: "alert-rtl",
+      filePath: "examples/radix/alert-rtl.tsx",
+    },
+    "aspect-ratio-demo": {
+      name: "aspect-ratio-demo",
+      filePath: "examples/radix/aspect-ratio-demo.tsx",
+    },
+    "aspect-ratio-portrait": {
+      name: "aspect-ratio-portrait",
+      filePath: "examples/radix/aspect-ratio-portrait.tsx",
+    },
+    "aspect-ratio-rtl": {
+      name: "aspect-ratio-rtl",
+      filePath: "examples/radix/aspect-ratio-rtl.tsx",
+    },
+    "aspect-ratio-square": {
+      name: "aspect-ratio-square",
+      filePath: "examples/radix/aspect-ratio-square.tsx",
+    },
+    "attachment-demo": {
+      name: "attachment-demo",
+      filePath: "examples/radix/attachment-demo.tsx",
+    },
+    "attachment-group": {
+      name: "attachment-group",
+      filePath: "examples/radix/attachment-group.tsx",
+    },
+    "attachment-image": {
+      name: "attachment-image",
+      filePath: "examples/radix/attachment-image.tsx",
+    },
+    "attachment-sizes": {
+      name: "attachment-sizes",
+      filePath: "examples/radix/attachment-sizes.tsx",
+    },
+    "attachment-states": {
+      name: "attachment-states",
+      filePath: "examples/radix/attachment-states.tsx",
+    },
+    "attachment-trigger": {
+      name: "attachment-trigger",
+      filePath: "examples/radix/attachment-trigger.tsx",
+    },
+    "avatar-badge-icon": {
+      name: "avatar-badge-icon",
+      filePath: "examples/radix/avatar-badge-icon.tsx",
+    },
+    "avatar-badge": {
+      name: "avatar-badge",
+      filePath: "examples/radix/avatar-badge.tsx",
+    },
+    "avatar-basic": {
+      name: "avatar-basic",
+      filePath: "examples/radix/avatar-basic.tsx",
+    },
+    "avatar-demo": {
+      name: "avatar-demo",
+      filePath: "examples/radix/avatar-demo.tsx",
+    },
+    "avatar-dropdown": {
+      name: "avatar-dropdown",
+      filePath: "examples/radix/avatar-dropdown.tsx",
+    },
+    "avatar-group-count-icon": {
+      name: "avatar-group-count-icon",
+      filePath: "examples/radix/avatar-group-count-icon.tsx",
+    },
+    "avatar-group-count": {
+      name: "avatar-group-count",
+      filePath: "examples/radix/avatar-group-count.tsx",
+    },
+    "avatar-group": {
+      name: "avatar-group",
+      filePath: "examples/radix/avatar-group.tsx",
+    },
+    "avatar-rtl": {
+      name: "avatar-rtl",
+      filePath: "examples/radix/avatar-rtl.tsx",
+    },
+    "avatar-size": {
+      name: "avatar-size",
+      filePath: "examples/radix/avatar-size.tsx",
+    },
+    "badge-colors": {
+      name: "badge-colors",
+      filePath: "examples/radix/badge-colors.tsx",
+    },
+    "badge-demo": {
+      name: "badge-demo",
+      filePath: "examples/radix/badge-demo.tsx",
+    },
+    "badge-icon": {
+      name: "badge-icon",
+      filePath: "examples/radix/badge-icon.tsx",
+    },
+    "badge-link": {
+      name: "badge-link",
+      filePath: "examples/radix/badge-link.tsx",
+    },
+    "badge-rtl": {
+      name: "badge-rtl",
+      filePath: "examples/radix/badge-rtl.tsx",
+    },
+    "badge-spinner": {
+      name: "badge-spinner",
+      filePath: "examples/radix/badge-spinner.tsx",
+    },
+    "badge-variants": {
+      name: "badge-variants",
+      filePath: "examples/radix/badge-variants.tsx",
+    },
+    "breadcrumb-basic": {
+      name: "breadcrumb-basic",
+      filePath: "examples/radix/breadcrumb-basic.tsx",
+    },
+    "breadcrumb-demo": {
+      name: "breadcrumb-demo",
+      filePath: "examples/radix/breadcrumb-demo.tsx",
+    },
+    "breadcrumb-dropdown": {
+      name: "breadcrumb-dropdown",
+      filePath: "examples/radix/breadcrumb-dropdown.tsx",
+    },
+    "breadcrumb-ellipsis": {
+      name: "breadcrumb-ellipsis",
+      filePath: "examples/radix/breadcrumb-ellipsis.tsx",
+    },
+    "breadcrumb-link": {
+      name: "breadcrumb-link",
+      filePath: "examples/radix/breadcrumb-link.tsx",
+    },
+    "breadcrumb-rtl": {
+      name: "breadcrumb-rtl",
+      filePath: "examples/radix/breadcrumb-rtl.tsx",
+    },
+    "breadcrumb-separator": {
+      name: "breadcrumb-separator",
+      filePath: "examples/radix/breadcrumb-separator.tsx",
+    },
+    "bubble-alignment": {
+      name: "bubble-alignment",
+      filePath: "examples/radix/bubble-alignment.tsx",
+    },
+    "bubble-collapsible": {
+      name: "bubble-collapsible",
+      filePath: "examples/radix/bubble-collapsible.tsx",
+    },
+    "bubble-demo": {
+      name: "bubble-demo",
+      filePath: "examples/radix/bubble-demo.tsx",
+    },
+    "bubble-group-demo": {
+      name: "bubble-group-demo",
+      filePath: "examples/radix/bubble-group-demo.tsx",
+    },
+    "bubble-link-button": {
+      name: "bubble-link-button",
+      filePath: "examples/radix/bubble-link-button.tsx",
+    },
+    "bubble-markdown": {
+      name: "bubble-markdown",
+      filePath: "examples/radix/bubble-markdown.tsx",
+    },
+    "bubble-popover": {
+      name: "bubble-popover",
+      filePath: "examples/radix/bubble-popover.tsx",
+    },
+    "bubble-reactions": {
+      name: "bubble-reactions",
+      filePath: "examples/radix/bubble-reactions.tsx",
+    },
+    "bubble-tooltip": {
+      name: "bubble-tooltip",
+      filePath: "examples/radix/bubble-tooltip.tsx",
+    },
+    "bubble-variants": {
+      name: "bubble-variants",
+      filePath: "examples/radix/bubble-variants.tsx",
+    },
+    "button-aschild": {
+      name: "button-aschild",
+      filePath: "examples/radix/button-aschild.tsx",
+    },
+    "button-default": {
+      name: "button-default",
+      filePath: "examples/radix/button-default.tsx",
+    },
+    "button-demo": {
+      name: "button-demo",
+      filePath: "examples/radix/button-demo.tsx",
+    },
+    "button-destructive": {
+      name: "button-destructive",
+      filePath: "examples/radix/button-destructive.tsx",
+    },
+    "button-ghost": {
+      name: "button-ghost",
+      filePath: "examples/radix/button-ghost.tsx",
+    },
+    "button-group-demo": {
+      name: "button-group-demo",
+      filePath: "examples/radix/button-group-demo.tsx",
+    },
+    "button-group-dropdown": {
+      name: "button-group-dropdown",
+      filePath: "examples/radix/button-group-dropdown.tsx",
+    },
+    "button-group-input-group": {
+      name: "button-group-input-group",
+      filePath: "examples/radix/button-group-input-group.tsx",
+    },
+    "button-group-input": {
+      name: "button-group-input",
+      filePath: "examples/radix/button-group-input.tsx",
+    },
+    "button-group-nested": {
+      name: "button-group-nested",
+      filePath: "examples/radix/button-group-nested.tsx",
+    },
+    "button-group-orientation": {
+      name: "button-group-orientation",
+      filePath: "examples/radix/button-group-orientation.tsx",
+    },
+    "button-group-popover": {
+      name: "button-group-popover",
+      filePath: "examples/radix/button-group-popover.tsx",
+    },
+    "button-group-rtl": {
+      name: "button-group-rtl",
+      filePath: "examples/radix/button-group-rtl.tsx",
+    },
+    "button-group-select": {
+      name: "button-group-select",
+      filePath: "examples/radix/button-group-select.tsx",
+    },
+    "button-group-separator": {
+      name: "button-group-separator",
+      filePath: "examples/radix/button-group-separator.tsx",
+    },
+    "button-group-size": {
+      name: "button-group-size",
+      filePath: "examples/radix/button-group-size.tsx",
+    },
+    "button-group-split": {
+      name: "button-group-split",
+      filePath: "examples/radix/button-group-split.tsx",
+    },
+    "button-icon": {
+      name: "button-icon",
+      filePath: "examples/radix/button-icon.tsx",
+    },
+    "button-link": {
+      name: "button-link",
+      filePath: "examples/radix/button-link.tsx",
+    },
+    "button-outline": {
+      name: "button-outline",
+      filePath: "examples/radix/button-outline.tsx",
+    },
+    "button-rounded": {
+      name: "button-rounded",
+      filePath: "examples/radix/button-rounded.tsx",
+    },
+    "button-rtl": {
+      name: "button-rtl",
+      filePath: "examples/radix/button-rtl.tsx",
+    },
+    "button-secondary": {
+      name: "button-secondary",
+      filePath: "examples/radix/button-secondary.tsx",
+    },
+    "button-size": {
+      name: "button-size",
+      filePath: "examples/radix/button-size.tsx",
+    },
+    "button-spinner": {
+      name: "button-spinner",
+      filePath: "examples/radix/button-spinner.tsx",
+    },
+    "button-with-icon": {
+      name: "button-with-icon",
+      filePath: "examples/radix/button-with-icon.tsx",
+    },
+    "calendar-basic": {
+      name: "calendar-basic",
+      filePath: "examples/radix/calendar-basic.tsx",
+    },
+    "calendar-booked-dates": {
+      name: "calendar-booked-dates",
+      filePath: "examples/radix/calendar-booked-dates.tsx",
+    },
+    "calendar-caption": {
+      name: "calendar-caption",
+      filePath: "examples/radix/calendar-caption.tsx",
+    },
+    "calendar-custom-days": {
+      name: "calendar-custom-days",
+      filePath: "examples/radix/calendar-custom-days.tsx",
+    },
+    "calendar-demo": {
+      name: "calendar-demo",
+      filePath: "examples/radix/calendar-demo.tsx",
+    },
+    "calendar-hijri": {
+      name: "calendar-hijri",
+      filePath: "examples/radix/calendar-hijri.tsx",
+    },
+    "calendar-multiple": {
+      name: "calendar-multiple",
+      filePath: "examples/radix/calendar-multiple.tsx",
+    },
+    "calendar-presets": {
+      name: "calendar-presets",
+      filePath: "examples/radix/calendar-presets.tsx",
+    },
+    "calendar-range": {
+      name: "calendar-range",
+      filePath: "examples/radix/calendar-range.tsx",
+    },
+    "calendar-rtl": {
+      name: "calendar-rtl",
+      filePath: "examples/radix/calendar-rtl.tsx",
+    },
+    "calendar-time": {
+      name: "calendar-time",
+      filePath: "examples/radix/calendar-time.tsx",
+    },
+    "calendar-week-numbers": {
+      name: "calendar-week-numbers",
+      filePath: "examples/radix/calendar-week-numbers.tsx",
+    },
+    "card-demo": {
+      name: "card-demo",
+      filePath: "examples/radix/card-demo.tsx",
+    },
+    "card-edge-to-edge": {
+      name: "card-edge-to-edge",
+      filePath: "examples/radix/card-edge-to-edge.tsx",
+    },
+    "card-image": {
+      name: "card-image",
+      filePath: "examples/radix/card-image.tsx",
+    },
+    "card-rtl": {
+      name: "card-rtl",
+      filePath: "examples/radix/card-rtl.tsx",
+    },
+    "card-small": {
+      name: "card-small",
+      filePath: "examples/radix/card-small.tsx",
+    },
+    "card-spacing": {
+      name: "card-spacing",
+      filePath: "examples/radix/card-spacing.tsx",
+    },
+    "carousel-api": {
+      name: "carousel-api",
+      filePath: "examples/radix/carousel-api.tsx",
+    },
+    "carousel-demo": {
+      name: "carousel-demo",
+      filePath: "examples/radix/carousel-demo.tsx",
+    },
+    "carousel-multiple": {
+      name: "carousel-multiple",
+      filePath: "examples/radix/carousel-multiple.tsx",
+    },
+    "carousel-orientation": {
+      name: "carousel-orientation",
+      filePath: "examples/radix/carousel-orientation.tsx",
+    },
+    "carousel-plugin": {
+      name: "carousel-plugin",
+      filePath: "examples/radix/carousel-plugin.tsx",
+    },
+    "carousel-rtl": {
+      name: "carousel-rtl",
+      filePath: "examples/radix/carousel-rtl.tsx",
+    },
+    "carousel-size": {
+      name: "carousel-size",
+      filePath: "examples/radix/carousel-size.tsx",
+    },
+    "carousel-spacing": {
+      name: "carousel-spacing",
+      filePath: "examples/radix/carousel-spacing.tsx",
+    },
+    "chart-demo": {
+      name: "chart-demo",
+      filePath: "examples/radix/chart-demo.tsx",
+    },
+    "chart-example-axis": {
+      name: "chart-example-axis",
+      filePath: "examples/radix/chart-example-axis.tsx",
+    },
+    "chart-example-grid": {
+      name: "chart-example-grid",
+      filePath: "examples/radix/chart-example-grid.tsx",
+    },
+    "chart-example-legend": {
+      name: "chart-example-legend",
+      filePath: "examples/radix/chart-example-legend.tsx",
+    },
+    "chart-example-tooltip": {
+      name: "chart-example-tooltip",
+      filePath: "examples/radix/chart-example-tooltip.tsx",
+    },
+    "chart-example": {
+      name: "chart-example",
+      filePath: "examples/radix/chart-example.tsx",
+    },
+    "chart-rtl": {
+      name: "chart-rtl",
+      filePath: "examples/radix/chart-rtl.tsx",
+    },
+    "chart-tooltip": {
+      name: "chart-tooltip",
+      filePath: "examples/radix/chart-tooltip.tsx",
+    },
+    "checkbox-basic": {
+      name: "checkbox-basic",
+      filePath: "examples/radix/checkbox-basic.tsx",
+    },
+    "checkbox-demo": {
+      name: "checkbox-demo",
+      filePath: "examples/radix/checkbox-demo.tsx",
+    },
+    "checkbox-description": {
+      name: "checkbox-description",
+      filePath: "examples/radix/checkbox-description.tsx",
+    },
+    "checkbox-disabled": {
+      name: "checkbox-disabled",
+      filePath: "examples/radix/checkbox-disabled.tsx",
+    },
+    "checkbox-group": {
+      name: "checkbox-group",
+      filePath: "examples/radix/checkbox-group.tsx",
+    },
+    "checkbox-invalid": {
+      name: "checkbox-invalid",
+      filePath: "examples/radix/checkbox-invalid.tsx",
+    },
+    "checkbox-rtl": {
+      name: "checkbox-rtl",
+      filePath: "examples/radix/checkbox-rtl.tsx",
+    },
+    "checkbox-table": {
+      name: "checkbox-table",
+      filePath: "examples/radix/checkbox-table.tsx",
+    },
+    "collapsible-basic": {
+      name: "collapsible-basic",
+      filePath: "examples/radix/collapsible-basic.tsx",
+    },
+    "collapsible-demo": {
+      name: "collapsible-demo",
+      filePath: "examples/radix/collapsible-demo.tsx",
+    },
+    "collapsible-file-tree": {
+      name: "collapsible-file-tree",
+      filePath: "examples/radix/collapsible-file-tree.tsx",
+    },
+    "collapsible-rtl": {
+      name: "collapsible-rtl",
+      filePath: "examples/radix/collapsible-rtl.tsx",
+    },
+    "collapsible-settings": {
+      name: "collapsible-settings",
+      filePath: "examples/radix/collapsible-settings.tsx",
+    },
+    "combobox-auto-highlight": {
+      name: "combobox-auto-highlight",
+      filePath: "examples/radix/combobox-auto-highlight.tsx",
+    },
+    "combobox-basic": {
+      name: "combobox-basic",
+      filePath: "examples/radix/combobox-basic.tsx",
+    },
+    "combobox-clear": {
+      name: "combobox-clear",
+      filePath: "examples/radix/combobox-clear.tsx",
+    },
+    "combobox-custom": {
+      name: "combobox-custom",
+      filePath: "examples/radix/combobox-custom.tsx",
+    },
+    "combobox-demo": {
+      name: "combobox-demo",
+      filePath: "examples/radix/combobox-demo.tsx",
+    },
+    "combobox-disabled": {
+      name: "combobox-disabled",
+      filePath: "examples/radix/combobox-disabled.tsx",
+    },
+    "combobox-groups": {
+      name: "combobox-groups",
+      filePath: "examples/radix/combobox-groups.tsx",
+    },
+    "combobox-input-group": {
+      name: "combobox-input-group",
+      filePath: "examples/radix/combobox-input-group.tsx",
+    },
+    "combobox-invalid": {
+      name: "combobox-invalid",
+      filePath: "examples/radix/combobox-invalid.tsx",
+    },
+    "combobox-multiple": {
+      name: "combobox-multiple",
+      filePath: "examples/radix/combobox-multiple.tsx",
+    },
+    "combobox-popup": {
+      name: "combobox-popup",
+      filePath: "examples/radix/combobox-popup.tsx",
+    },
+    "combobox-rtl": {
+      name: "combobox-rtl",
+      filePath: "examples/radix/combobox-rtl.tsx",
+    },
+    "command-basic": {
+      name: "command-basic",
+      filePath: "examples/radix/command-basic.tsx",
+    },
+    "command-demo": {
+      name: "command-demo",
+      filePath: "examples/radix/command-demo.tsx",
+    },
+    "command-dialog": {
+      name: "command-dialog",
+      filePath: "examples/radix/command-dialog.tsx",
+    },
+    "command-groups": {
+      name: "command-groups",
+      filePath: "examples/radix/command-groups.tsx",
+    },
+    "command-rtl": {
+      name: "command-rtl",
+      filePath: "examples/radix/command-rtl.tsx",
+    },
+    "command-scrollable": {
+      name: "command-scrollable",
+      filePath: "examples/radix/command-scrollable.tsx",
+    },
+    "command-shortcuts": {
+      name: "command-shortcuts",
+      filePath: "examples/radix/command-shortcuts.tsx",
+    },
+    "context-menu-basic": {
+      name: "context-menu-basic",
+      filePath: "examples/radix/context-menu-basic.tsx",
+    },
+    "context-menu-checkboxes": {
+      name: "context-menu-checkboxes",
+      filePath: "examples/radix/context-menu-checkboxes.tsx",
+    },
+    "context-menu-demo": {
+      name: "context-menu-demo",
+      filePath: "examples/radix/context-menu-demo.tsx",
+    },
+    "context-menu-destructive": {
+      name: "context-menu-destructive",
+      filePath: "examples/radix/context-menu-destructive.tsx",
+    },
+    "context-menu-groups": {
+      name: "context-menu-groups",
+      filePath: "examples/radix/context-menu-groups.tsx",
+    },
+    "context-menu-icons": {
+      name: "context-menu-icons",
+      filePath: "examples/radix/context-menu-icons.tsx",
+    },
+    "context-menu-radio": {
+      name: "context-menu-radio",
+      filePath: "examples/radix/context-menu-radio.tsx",
+    },
+    "context-menu-rtl": {
+      name: "context-menu-rtl",
+      filePath: "examples/radix/context-menu-rtl.tsx",
+    },
+    "context-menu-shortcuts": {
+      name: "context-menu-shortcuts",
+      filePath: "examples/radix/context-menu-shortcuts.tsx",
+    },
+    "context-menu-sides": {
+      name: "context-menu-sides",
+      filePath: "examples/radix/context-menu-sides.tsx",
+    },
+    "context-menu-submenu": {
+      name: "context-menu-submenu",
+      filePath: "examples/radix/context-menu-submenu.tsx",
+    },
+    "data-picker-with-dropdowns": {
+      name: "data-picker-with-dropdowns",
+      filePath: "examples/radix/data-picker-with-dropdowns.tsx",
+    },
+    "data-table-demo": {
+      name: "data-table-demo",
+      filePath: "examples/radix/data-table-demo.tsx",
+    },
+    "data-table-rtl": {
+      name: "data-table-rtl",
+      filePath: "examples/radix/data-table-rtl.tsx",
+    },
+    "date-picker-basic": {
+      name: "date-picker-basic",
+      filePath: "examples/radix/date-picker-basic.tsx",
+    },
+    "date-picker-demo": {
+      name: "date-picker-demo",
+      filePath: "examples/radix/date-picker-demo.tsx",
+    },
+    "date-picker-dob": {
+      name: "date-picker-dob",
+      filePath: "examples/radix/date-picker-dob.tsx",
+    },
+    "date-picker-input": {
+      name: "date-picker-input",
+      filePath: "examples/radix/date-picker-input.tsx",
+    },
+    "date-picker-natural-language": {
+      name: "date-picker-natural-language",
+      filePath: "examples/radix/date-picker-natural-language.tsx",
+    },
+    "date-picker-range": {
+      name: "date-picker-range",
+      filePath: "examples/radix/date-picker-range.tsx",
+    },
+    "date-picker-rtl": {
+      name: "date-picker-rtl",
+      filePath: "examples/radix/date-picker-rtl.tsx",
+    },
+    "date-picker-time": {
+      name: "date-picker-time",
+      filePath: "examples/radix/date-picker-time.tsx",
+    },
+    "dialog-close-button": {
+      name: "dialog-close-button",
+      filePath: "examples/radix/dialog-close-button.tsx",
+    },
+    "dialog-demo": {
+      name: "dialog-demo",
+      filePath: "examples/radix/dialog-demo.tsx",
+    },
+    "dialog-no-close-button": {
+      name: "dialog-no-close-button",
+      filePath: "examples/radix/dialog-no-close-button.tsx",
+    },
+    "dialog-rtl": {
+      name: "dialog-rtl",
+      filePath: "examples/radix/dialog-rtl.tsx",
+    },
+    "dialog-scrollable-content": {
+      name: "dialog-scrollable-content",
+      filePath: "examples/radix/dialog-scrollable-content.tsx",
+    },
+    "dialog-sticky-footer": {
+      name: "dialog-sticky-footer",
+      filePath: "examples/radix/dialog-sticky-footer.tsx",
+    },
+    "drawer-demo": {
+      name: "drawer-demo",
+      filePath: "examples/radix/drawer-demo.tsx",
+    },
+    "drawer-dialog": {
+      name: "drawer-dialog",
+      filePath: "examples/radix/drawer-dialog.tsx",
+    },
+    "drawer-rtl": {
+      name: "drawer-rtl",
+      filePath: "examples/radix/drawer-rtl.tsx",
+    },
+    "drawer-scrollable-content": {
+      name: "drawer-scrollable-content",
+      filePath: "examples/radix/drawer-scrollable-content.tsx",
+    },
+    "drawer-sides": {
+      name: "drawer-sides",
+      filePath: "examples/radix/drawer-sides.tsx",
+    },
+    "dropdown-menu-avatar": {
+      name: "dropdown-menu-avatar",
+      filePath: "examples/radix/dropdown-menu-avatar.tsx",
+    },
+    "dropdown-menu-basic": {
+      name: "dropdown-menu-basic",
+      filePath: "examples/radix/dropdown-menu-basic.tsx",
+    },
+    "dropdown-menu-checkboxes-icons": {
+      name: "dropdown-menu-checkboxes-icons",
+      filePath: "examples/radix/dropdown-menu-checkboxes-icons.tsx",
+    },
+    "dropdown-menu-checkboxes": {
+      name: "dropdown-menu-checkboxes",
+      filePath: "examples/radix/dropdown-menu-checkboxes.tsx",
+    },
+    "dropdown-menu-complex": {
+      name: "dropdown-menu-complex",
+      filePath: "examples/radix/dropdown-menu-complex.tsx",
+    },
+    "dropdown-menu-demo": {
+      name: "dropdown-menu-demo",
+      filePath: "examples/radix/dropdown-menu-demo.tsx",
+    },
+    "dropdown-menu-destructive": {
+      name: "dropdown-menu-destructive",
+      filePath: "examples/radix/dropdown-menu-destructive.tsx",
+    },
+    "dropdown-menu-icons": {
+      name: "dropdown-menu-icons",
+      filePath: "examples/radix/dropdown-menu-icons.tsx",
+    },
+    "dropdown-menu-radio-group": {
+      name: "dropdown-menu-radio-group",
+      filePath: "examples/radix/dropdown-menu-radio-group.tsx",
+    },
+    "dropdown-menu-radio-icons": {
+      name: "dropdown-menu-radio-icons",
+      filePath: "examples/radix/dropdown-menu-radio-icons.tsx",
+    },
+    "dropdown-menu-rtl": {
+      name: "dropdown-menu-rtl",
+      filePath: "examples/radix/dropdown-menu-rtl.tsx",
+    },
+    "dropdown-menu-shortcuts": {
+      name: "dropdown-menu-shortcuts",
+      filePath: "examples/radix/dropdown-menu-shortcuts.tsx",
+    },
+    "dropdown-menu-submenu": {
+      name: "dropdown-menu-submenu",
+      filePath: "examples/radix/dropdown-menu-submenu.tsx",
+    },
+    "empty-avatar-group": {
+      name: "empty-avatar-group",
+      filePath: "examples/radix/empty-avatar-group.tsx",
+    },
+    "empty-avatar": {
+      name: "empty-avatar",
+      filePath: "examples/radix/empty-avatar.tsx",
+    },
+    "empty-background": {
+      name: "empty-background",
+      filePath: "examples/radix/empty-background.tsx",
+    },
+    "empty-card": {
+      name: "empty-card",
+      filePath: "examples/radix/empty-card.tsx",
+    },
+    "empty-demo": {
+      name: "empty-demo",
+      filePath: "examples/radix/empty-demo.tsx",
+    },
+    "empty-input-group": {
+      name: "empty-input-group",
+      filePath: "examples/radix/empty-input-group.tsx",
+    },
+    "empty-outline": {
+      name: "empty-outline",
+      filePath: "examples/radix/empty-outline.tsx",
+    },
+    "empty-rtl": {
+      name: "empty-rtl",
+      filePath: "examples/radix/empty-rtl.tsx",
+    },
+    "field-checkbox": {
+      name: "field-checkbox",
+      filePath: "examples/radix/field-checkbox.tsx",
+    },
+    "field-choice-card": {
+      name: "field-choice-card",
+      filePath: "examples/radix/field-choice-card.tsx",
+    },
+    "field-demo": {
+      name: "field-demo",
+      filePath: "examples/radix/field-demo.tsx",
+    },
+    "field-fieldset": {
+      name: "field-fieldset",
+      filePath: "examples/radix/field-fieldset.tsx",
+    },
+    "field-group": {
+      name: "field-group",
+      filePath: "examples/radix/field-group.tsx",
+    },
+    "field-input": {
+      name: "field-input",
+      filePath: "examples/radix/field-input.tsx",
+    },
+    "field-radio": {
+      name: "field-radio",
+      filePath: "examples/radix/field-radio.tsx",
+    },
+    "field-responsive": {
+      name: "field-responsive",
+      filePath: "examples/radix/field-responsive.tsx",
+    },
+    "field-rtl": {
+      name: "field-rtl",
+      filePath: "examples/radix/field-rtl.tsx",
+    },
+    "field-select": {
+      name: "field-select",
+      filePath: "examples/radix/field-select.tsx",
+    },
+    "field-slider": {
+      name: "field-slider",
+      filePath: "examples/radix/field-slider.tsx",
+    },
+    "field-switch": {
+      name: "field-switch",
+      filePath: "examples/radix/field-switch.tsx",
+    },
+    "field-textarea": {
+      name: "field-textarea",
+      filePath: "examples/radix/field-textarea.tsx",
+    },
+    "file-upload-list": {
+      name: "file-upload-list",
+      filePath: "examples/radix/file-upload-list.tsx",
+    },
+    "hover-card-demo": {
+      name: "hover-card-demo",
+      filePath: "examples/radix/hover-card-demo.tsx",
+    },
+    "hover-card-rtl": {
+      name: "hover-card-rtl",
+      filePath: "examples/radix/hover-card-rtl.tsx",
+    },
+    "hover-card-sides": {
+      name: "hover-card-sides",
+      filePath: "examples/radix/hover-card-sides.tsx",
+    },
+    "input-badge": {
+      name: "input-badge",
+      filePath: "examples/radix/input-badge.tsx",
+    },
+    "input-basic": {
+      name: "input-basic",
+      filePath: "examples/radix/input-basic.tsx",
+    },
+    "input-button-group": {
+      name: "input-button-group",
+      filePath: "examples/radix/input-button-group.tsx",
+    },
+    "input-demo": {
+      name: "input-demo",
+      filePath: "examples/radix/input-demo.tsx",
+    },
+    "input-disabled": {
+      name: "input-disabled",
+      filePath: "examples/radix/input-disabled.tsx",
+    },
+    "input-field": {
+      name: "input-field",
+      filePath: "examples/radix/input-field.tsx",
+    },
+    "input-fieldgroup": {
+      name: "input-fieldgroup",
+      filePath: "examples/radix/input-fieldgroup.tsx",
+    },
+    "input-file": {
+      name: "input-file",
+      filePath: "examples/radix/input-file.tsx",
+    },
+    "input-form": {
+      name: "input-form",
+      filePath: "examples/radix/input-form.tsx",
+    },
+    "input-grid": {
+      name: "input-grid",
+      filePath: "examples/radix/input-grid.tsx",
+    },
+    "input-group-basic": {
+      name: "input-group-basic",
+      filePath: "examples/radix/input-group-basic.tsx",
+    },
+    "input-group-block-end": {
+      name: "input-group-block-end",
+      filePath: "examples/radix/input-group-block-end.tsx",
+    },
+    "input-group-block-start": {
+      name: "input-group-block-start",
+      filePath: "examples/radix/input-group-block-start.tsx",
+    },
+    "input-group-button-group": {
+      name: "input-group-button-group",
+      filePath: "examples/radix/input-group-button-group.tsx",
+    },
+    "input-group-button": {
+      name: "input-group-button",
+      filePath: "examples/radix/input-group-button.tsx",
+    },
+    "input-group-custom": {
+      name: "input-group-custom",
+      filePath: "examples/radix/input-group-custom.tsx",
+    },
+    "input-group-demo": {
+      name: "input-group-demo",
+      filePath: "examples/radix/input-group-demo.tsx",
+    },
+    "input-group-dropdown": {
+      name: "input-group-dropdown",
+      filePath: "examples/radix/input-group-dropdown.tsx",
+    },
+    "input-group-icon": {
+      name: "input-group-icon",
+      filePath: "examples/radix/input-group-icon.tsx",
+    },
+    "input-group-in-card": {
+      name: "input-group-in-card",
+      filePath: "examples/radix/input-group-in-card.tsx",
+    },
+    "input-group-inline-end": {
+      name: "input-group-inline-end",
+      filePath: "examples/radix/input-group-inline-end.tsx",
+    },
+    "input-group-inline-start": {
+      name: "input-group-inline-start",
+      filePath: "examples/radix/input-group-inline-start.tsx",
+    },
+    "input-group-kbd": {
+      name: "input-group-kbd",
+      filePath: "examples/radix/input-group-kbd.tsx",
+    },
+    "input-group-label": {
+      name: "input-group-label",
+      filePath: "examples/radix/input-group-label.tsx",
+    },
+    "input-group-rtl": {
+      name: "input-group-rtl",
+      filePath: "examples/radix/input-group-rtl.tsx",
+    },
+    "input-group-spinner": {
+      name: "input-group-spinner",
+      filePath: "examples/radix/input-group-spinner.tsx",
+    },
+    "input-group-text": {
+      name: "input-group-text",
+      filePath: "examples/radix/input-group-text.tsx",
+    },
+    "input-group-textarea-examples": {
+      name: "input-group-textarea-examples",
+      filePath: "examples/radix/input-group-textarea-examples.tsx",
+    },
+    "input-group-textarea": {
+      name: "input-group-textarea",
+      filePath: "examples/radix/input-group-textarea.tsx",
+    },
+    "input-group-tooltip": {
+      name: "input-group-tooltip",
+      filePath: "examples/radix/input-group-tooltip.tsx",
+    },
+    "input-group-with-addons": {
+      name: "input-group-with-addons",
+      filePath: "examples/radix/input-group-with-addons.tsx",
+    },
+    "input-group-with-buttons": {
+      name: "input-group-with-buttons",
+      filePath: "examples/radix/input-group-with-buttons.tsx",
+    },
+    "input-group-with-kbd": {
+      name: "input-group-with-kbd",
+      filePath: "examples/radix/input-group-with-kbd.tsx",
+    },
+    "input-group-with-tooltip": {
+      name: "input-group-with-tooltip",
+      filePath: "examples/radix/input-group-with-tooltip.tsx",
+    },
+    "input-inline": {
+      name: "input-inline",
+      filePath: "examples/radix/input-inline.tsx",
+    },
+    "input-input-group": {
+      name: "input-input-group",
+      filePath: "examples/radix/input-input-group.tsx",
+    },
+    "input-invalid": {
+      name: "input-invalid",
+      filePath: "examples/radix/input-invalid.tsx",
+    },
+    "input-otp-alphanumeric": {
+      name: "input-otp-alphanumeric",
+      filePath: "examples/radix/input-otp-alphanumeric.tsx",
+    },
+    "input-otp-controlled": {
+      name: "input-otp-controlled",
+      filePath: "examples/radix/input-otp-controlled.tsx",
+    },
+    "input-otp-demo": {
+      name: "input-otp-demo",
+      filePath: "examples/radix/input-otp-demo.tsx",
+    },
+    "input-otp-disabled": {
+      name: "input-otp-disabled",
+      filePath: "examples/radix/input-otp-disabled.tsx",
+    },
+    "input-otp-form": {
+      name: "input-otp-form",
+      filePath: "examples/radix/input-otp-form.tsx",
+    },
+    "input-otp-four-digits": {
+      name: "input-otp-four-digits",
+      filePath: "examples/radix/input-otp-four-digits.tsx",
+    },
+    "input-otp-invalid": {
+      name: "input-otp-invalid",
+      filePath: "examples/radix/input-otp-invalid.tsx",
+    },
+    "input-otp-pattern": {
+      name: "input-otp-pattern",
+      filePath: "examples/radix/input-otp-pattern.tsx",
+    },
+    "input-otp-rtl": {
+      name: "input-otp-rtl",
+      filePath: "examples/radix/input-otp-rtl.tsx",
+    },
+    "input-otp-separator": {
+      name: "input-otp-separator",
+      filePath: "examples/radix/input-otp-separator.tsx",
+    },
+    "input-required": {
+      name: "input-required",
+      filePath: "examples/radix/input-required.tsx",
+    },
+    "input-rtl": {
+      name: "input-rtl",
+      filePath: "examples/radix/input-rtl.tsx",
+    },
+    "item-avatar": {
+      name: "item-avatar",
+      filePath: "examples/radix/item-avatar.tsx",
+    },
+    "item-demo": {
+      name: "item-demo",
+      filePath: "examples/radix/item-demo.tsx",
+    },
+    "item-dropdown": {
+      name: "item-dropdown",
+      filePath: "examples/radix/item-dropdown.tsx",
+    },
+    "item-group": {
+      name: "item-group",
+      filePath: "examples/radix/item-group.tsx",
+    },
+    "item-header": {
+      name: "item-header",
+      filePath: "examples/radix/item-header.tsx",
+    },
+    "item-icon": {
+      name: "item-icon",
+      filePath: "examples/radix/item-icon.tsx",
+    },
+    "item-image": {
+      name: "item-image",
+      filePath: "examples/radix/item-image.tsx",
+    },
+    "item-link": {
+      name: "item-link",
+      filePath: "examples/radix/item-link.tsx",
+    },
+    "item-rtl": {
+      name: "item-rtl",
+      filePath: "examples/radix/item-rtl.tsx",
+    },
+    "item-size": {
+      name: "item-size",
+      filePath: "examples/radix/item-size.tsx",
+    },
+    "item-variant": {
+      name: "item-variant",
+      filePath: "examples/radix/item-variant.tsx",
+    },
+    "kbd-button": {
+      name: "kbd-button",
+      filePath: "examples/radix/kbd-button.tsx",
+    },
+    "kbd-demo": {
+      name: "kbd-demo",
+      filePath: "examples/radix/kbd-demo.tsx",
+    },
+    "kbd-group": {
+      name: "kbd-group",
+      filePath: "examples/radix/kbd-group.tsx",
+    },
+    "kbd-input-group": {
+      name: "kbd-input-group",
+      filePath: "examples/radix/kbd-input-group.tsx",
+    },
+    "kbd-rtl": {
+      name: "kbd-rtl",
+      filePath: "examples/radix/kbd-rtl.tsx",
+    },
+    "kbd-tooltip": {
+      name: "kbd-tooltip",
+      filePath: "examples/radix/kbd-tooltip.tsx",
+    },
+    "label-demo": {
+      name: "label-demo",
+      filePath: "examples/radix/label-demo.tsx",
+    },
+    "label-rtl": {
+      name: "label-rtl",
+      filePath: "examples/radix/label-rtl.tsx",
+    },
+    "markdown-demo": {
+      name: "markdown-demo",
+      filePath: "examples/radix/markdown-demo.tsx",
+    },
+    "marker-border": {
+      name: "marker-border",
+      filePath: "examples/radix/marker-border.tsx",
+    },
+    "marker-demo": {
+      name: "marker-demo",
+      filePath: "examples/radix/marker-demo.tsx",
+    },
+    "marker-icon": {
+      name: "marker-icon",
+      filePath: "examples/radix/marker-icon.tsx",
+    },
+    "marker-link-button": {
+      name: "marker-link-button",
+      filePath: "examples/radix/marker-link-button.tsx",
+    },
+    "marker-separator": {
+      name: "marker-separator",
+      filePath: "examples/radix/marker-separator.tsx",
+    },
+    "marker-shimmer": {
+      name: "marker-shimmer",
+      filePath: "examples/radix/marker-shimmer.tsx",
+    },
+    "marker-status": {
+      name: "marker-status",
+      filePath: "examples/radix/marker-status.tsx",
+    },
+    "marker-variants": {
+      name: "marker-variants",
+      filePath: "examples/radix/marker-variants.tsx",
+    },
+    "menubar-checkbox": {
+      name: "menubar-checkbox",
+      filePath: "examples/radix/menubar-checkbox.tsx",
+    },
+    "menubar-demo": {
+      name: "menubar-demo",
+      filePath: "examples/radix/menubar-demo.tsx",
+    },
+    "menubar-icons": {
+      name: "menubar-icons",
+      filePath: "examples/radix/menubar-icons.tsx",
+    },
+    "menubar-radio": {
+      name: "menubar-radio",
+      filePath: "examples/radix/menubar-radio.tsx",
+    },
+    "menubar-rtl": {
+      name: "menubar-rtl",
+      filePath: "examples/radix/menubar-rtl.tsx",
+    },
+    "menubar-submenu": {
+      name: "menubar-submenu",
+      filePath: "examples/radix/menubar-submenu.tsx",
+    },
+    "message-actions": {
+      name: "message-actions",
+      filePath: "examples/radix/message-actions.tsx",
+    },
+    "message-attachment": {
+      name: "message-attachment",
+      filePath: "examples/radix/message-attachment.tsx",
+    },
+    "message-avatar": {
+      name: "message-avatar",
+      filePath: "examples/radix/message-avatar.tsx",
+    },
+    "message-demo": {
+      name: "message-demo",
+      filePath: "examples/radix/message-demo.tsx",
+    },
+    "message-group": {
+      name: "message-group",
+      filePath: "examples/radix/message-group.tsx",
+    },
+    "message-header-footer": {
+      name: "message-header-footer",
+      filePath: "examples/radix/message-header-footer.tsx",
+    },
+    "message-markdown": {
+      name: "message-markdown",
+      filePath: "examples/radix/message-markdown.tsx",
+    },
+    "message-scroller-anchoring": {
+      name: "message-scroller-anchoring",
+      filePath: "examples/radix/message-scroller-anchoring.tsx",
+    },
+    "message-scroller-animation": {
+      name: "message-scroller-animation",
+      filePath: "examples/radix/message-scroller-animation.tsx",
+    },
+    "message-scroller-commands": {
+      name: "message-scroller-commands",
+      filePath: "examples/radix/message-scroller-commands.tsx",
+    },
+    "message-scroller-demo": {
+      name: "message-scroller-demo",
+      filePath: "examples/radix/message-scroller-demo.tsx",
+    },
+    "message-scroller-group-chat": {
+      name: "message-scroller-group-chat",
+      filePath: "examples/radix/message-scroller-group-chat.tsx",
+    },
+    "message-scroller-load-history": {
+      name: "message-scroller-load-history",
+      filePath: "examples/radix/message-scroller-load-history.tsx",
+    },
+    "message-scroller-opening-position": {
+      name: "message-scroller-opening-position",
+      filePath: "examples/radix/message-scroller-opening-position.tsx",
+    },
+    "message-scroller-previous-context": {
+      name: "message-scroller-previous-context",
+      filePath: "examples/radix/message-scroller-previous-context.tsx",
+    },
+    "message-scroller-scrollable": {
+      name: "message-scroller-scrollable",
+      filePath: "examples/radix/message-scroller-scrollable.tsx",
+    },
+    "message-scroller-streaming": {
+      name: "message-scroller-streaming",
+      filePath: "examples/radix/message-scroller-streaming.tsx",
+    },
+    "message-scroller-visibility": {
+      name: "message-scroller-visibility",
+      filePath: "examples/radix/message-scroller-visibility.tsx",
+    },
+    "muted-item-group": {
+      name: "muted-item-group",
+      filePath: "examples/radix/muted-item-group.tsx",
+    },
+    "native-select-demo": {
+      name: "native-select-demo",
+      filePath: "examples/radix/native-select-demo.tsx",
+    },
+    "native-select-disabled": {
+      name: "native-select-disabled",
+      filePath: "examples/radix/native-select-disabled.tsx",
+    },
+    "native-select-groups": {
+      name: "native-select-groups",
+      filePath: "examples/radix/native-select-groups.tsx",
+    },
+    "native-select-invalid": {
+      name: "native-select-invalid",
+      filePath: "examples/radix/native-select-invalid.tsx",
+    },
+    "native-select-rtl": {
+      name: "native-select-rtl",
+      filePath: "examples/radix/native-select-rtl.tsx",
+    },
+    "navigation-menu-demo": {
+      name: "navigation-menu-demo",
+      filePath: "examples/radix/navigation-menu-demo.tsx",
+    },
+    "navigation-menu-rtl": {
+      name: "navigation-menu-rtl",
+      filePath: "examples/radix/navigation-menu-rtl.tsx",
+    },
+    "outline-item-group": {
+      name: "outline-item-group",
+      filePath: "examples/radix/outline-item-group.tsx",
+    },
+    "pagination-demo": {
+      name: "pagination-demo",
+      filePath: "examples/radix/pagination-demo.tsx",
+    },
+    "pagination-icons-only": {
+      name: "pagination-icons-only",
+      filePath: "examples/radix/pagination-icons-only.tsx",
+    },
+    "pagination-rtl": {
+      name: "pagination-rtl",
+      filePath: "examples/radix/pagination-rtl.tsx",
+    },
+    "pagination-simple": {
+      name: "pagination-simple",
+      filePath: "examples/radix/pagination-simple.tsx",
+    },
+    "popover-alignments": {
+      name: "popover-alignments",
+      filePath: "examples/radix/popover-alignments.tsx",
+    },
+    "popover-basic": {
+      name: "popover-basic",
+      filePath: "examples/radix/popover-basic.tsx",
+    },
+    "popover-demo": {
+      name: "popover-demo",
+      filePath: "examples/radix/popover-demo.tsx",
+    },
+    "popover-form": {
+      name: "popover-form",
+      filePath: "examples/radix/popover-form.tsx",
+    },
+    "popover-rtl": {
+      name: "popover-rtl",
+      filePath: "examples/radix/popover-rtl.tsx",
+    },
+    "progress-controlled": {
+      name: "progress-controlled",
+      filePath: "examples/radix/progress-controlled.tsx",
+    },
+    "progress-demo": {
+      name: "progress-demo",
+      filePath: "examples/radix/progress-demo.tsx",
+    },
+    "progress-label": {
+      name: "progress-label",
+      filePath: "examples/radix/progress-label.tsx",
+    },
+    "progress-rtl": {
+      name: "progress-rtl",
+      filePath: "examples/radix/progress-rtl.tsx",
+    },
+    "questionnaire-animated": {
+      name: "questionnaire-animated",
+      filePath: "examples/radix/questionnaire-animated.tsx",
+    },
+    "questionnaire-card": {
+      name: "questionnaire-card",
+      filePath: "examples/radix/questionnaire-card.tsx",
+    },
+    "questionnaire-conditional": {
+      name: "questionnaire-conditional",
+      filePath: "examples/radix/questionnaire-conditional.tsx",
+    },
+    "questionnaire-controlled": {
+      name: "questionnaire-controlled",
+      filePath: "examples/radix/questionnaire-controlled.tsx",
+    },
+    "questionnaire-demo": {
+      name: "questionnaire-demo",
+      filePath: "examples/radix/questionnaire-demo.tsx",
+    },
+    "questionnaire-dialog": {
+      name: "questionnaire-dialog",
+      filePath: "examples/radix/questionnaire-dialog.tsx",
+    },
+    "questionnaire-freeform": {
+      name: "questionnaire-freeform",
+      filePath: "examples/radix/questionnaire-freeform.tsx",
+    },
+    "questionnaire-multiple": {
+      name: "questionnaire-multiple",
+      filePath: "examples/radix/questionnaire-multiple.tsx",
+    },
+    "questionnaire-navigation-state": {
+      name: "questionnaire-navigation-state",
+      filePath: "examples/radix/questionnaire-navigation-state.tsx",
+    },
+    "questionnaire-progress": {
+      name: "questionnaire-progress",
+      filePath: "examples/radix/questionnaire-progress.tsx",
+    },
+    "questionnaire-resume": {
+      name: "questionnaire-resume",
+      filePath: "examples/radix/questionnaire-resume.tsx",
+    },
+    "questionnaire-shortcuts": {
+      name: "questionnaire-shortcuts",
+      filePath: "examples/radix/questionnaire-shortcuts.tsx",
+    },
+    "questionnaire-skip": {
+      name: "questionnaire-skip",
+      filePath: "examples/radix/questionnaire-skip.tsx",
+    },
+    "questionnaire-validation": {
+      name: "questionnaire-validation",
+      filePath: "examples/radix/questionnaire-validation.tsx",
+    },
+    "radio-fields": {
+      name: "radio-fields",
+      filePath: "examples/radix/radio-fields.tsx",
+    },
+    "radio-group-choice-card": {
+      name: "radio-group-choice-card",
+      filePath: "examples/radix/radio-group-choice-card.tsx",
+    },
+    "radio-group-demo": {
+      name: "radio-group-demo",
+      filePath: "examples/radix/radio-group-demo.tsx",
+    },
+    "radio-group-description": {
+      name: "radio-group-description",
+      filePath: "examples/radix/radio-group-description.tsx",
+    },
+    "radio-group-disabled": {
+      name: "radio-group-disabled",
+      filePath: "examples/radix/radio-group-disabled.tsx",
+    },
+    "radio-group-fieldset": {
+      name: "radio-group-fieldset",
+      filePath: "examples/radix/radio-group-fieldset.tsx",
+    },
+    "radio-group-invalid": {
+      name: "radio-group-invalid",
+      filePath: "examples/radix/radio-group-invalid.tsx",
+    },
+    "radio-group-rtl": {
+      name: "radio-group-rtl",
+      filePath: "examples/radix/radio-group-rtl.tsx",
+    },
+    "resizable-demo": {
+      name: "resizable-demo",
+      filePath: "examples/radix/resizable-demo.tsx",
+    },
+    "resizable-handle": {
+      name: "resizable-handle",
+      filePath: "examples/radix/resizable-handle.tsx",
+    },
+    "resizable-rtl": {
+      name: "resizable-rtl",
+      filePath: "examples/radix/resizable-rtl.tsx",
+    },
+    "resizable-vertical": {
+      name: "resizable-vertical",
+      filePath: "examples/radix/resizable-vertical.tsx",
+    },
+    "scroll-area-demo": {
+      name: "scroll-area-demo",
+      filePath: "examples/radix/scroll-area-demo.tsx",
+    },
+    "scroll-area-horizontal-demo": {
+      name: "scroll-area-horizontal-demo",
+      filePath: "examples/radix/scroll-area-horizontal-demo.tsx",
+    },
+    "scroll-area-rtl": {
+      name: "scroll-area-rtl",
+      filePath: "examples/radix/scroll-area-rtl.tsx",
+    },
+    "scroll-fade-demo": {
+      name: "scroll-fade-demo",
+      filePath: "examples/radix/scroll-fade-demo.tsx",
+    },
+    "scroll-fade-edge": {
+      name: "scroll-fade-edge",
+      filePath: "examples/radix/scroll-fade-edge.tsx",
+    },
+    "scroll-fade-horizontal": {
+      name: "scroll-fade-horizontal",
+      filePath: "examples/radix/scroll-fade-horizontal.tsx",
+    },
+    "scroll-fade-none": {
+      name: "scroll-fade-none",
+      filePath: "examples/radix/scroll-fade-none.tsx",
+    },
+    "scroll-fade-overflow": {
+      name: "scroll-fade-overflow",
+      filePath: "examples/radix/scroll-fade-overflow.tsx",
+    },
+    "scroll-fade-rtl": {
+      name: "scroll-fade-rtl",
+      filePath: "examples/radix/scroll-fade-rtl.tsx",
+    },
+    "scroll-fade-size": {
+      name: "scroll-fade-size",
+      filePath: "examples/radix/scroll-fade-size.tsx",
+    },
+    "select-align-item": {
+      name: "select-align-item",
+      filePath: "examples/radix/select-align-item.tsx",
+    },
+    "select-demo": {
+      name: "select-demo",
+      filePath: "examples/radix/select-demo.tsx",
+    },
+    "select-disabled": {
+      name: "select-disabled",
+      filePath: "examples/radix/select-disabled.tsx",
+    },
+    "select-groups": {
+      name: "select-groups",
+      filePath: "examples/radix/select-groups.tsx",
+    },
+    "select-invalid": {
+      name: "select-invalid",
+      filePath: "examples/radix/select-invalid.tsx",
+    },
+    "select-rtl": {
+      name: "select-rtl",
+      filePath: "examples/radix/select-rtl.tsx",
+    },
+    "select-scrollable": {
+      name: "select-scrollable",
+      filePath: "examples/radix/select-scrollable.tsx",
+    },
+    "separator-demo": {
+      name: "separator-demo",
+      filePath: "examples/radix/separator-demo.tsx",
+    },
+    "separator-list": {
+      name: "separator-list",
+      filePath: "examples/radix/separator-list.tsx",
+    },
+    "separator-menu": {
+      name: "separator-menu",
+      filePath: "examples/radix/separator-menu.tsx",
+    },
+    "separator-rtl": {
+      name: "separator-rtl",
+      filePath: "examples/radix/separator-rtl.tsx",
+    },
+    "separator-vertical": {
+      name: "separator-vertical",
+      filePath: "examples/radix/separator-vertical.tsx",
+    },
+    "sheet-demo": {
+      name: "sheet-demo",
+      filePath: "examples/radix/sheet-demo.tsx",
+    },
+    "sheet-no-close-button": {
+      name: "sheet-no-close-button",
+      filePath: "examples/radix/sheet-no-close-button.tsx",
+    },
+    "sheet-rtl": {
+      name: "sheet-rtl",
+      filePath: "examples/radix/sheet-rtl.tsx",
+    },
+    "sheet-side": {
+      name: "sheet-side",
+      filePath: "examples/radix/sheet-side.tsx",
+    },
+    "shimmer-angle": {
+      name: "shimmer-angle",
+      filePath: "examples/radix/shimmer-angle.tsx",
+    },
+    "shimmer-color": {
+      name: "shimmer-color",
+      filePath: "examples/radix/shimmer-color.tsx",
+    },
+    "shimmer-demo": {
+      name: "shimmer-demo",
+      filePath: "examples/radix/shimmer-demo.tsx",
+    },
+    "shimmer-duration": {
+      name: "shimmer-duration",
+      filePath: "examples/radix/shimmer-duration.tsx",
+    },
+    "shimmer-marker": {
+      name: "shimmer-marker",
+      filePath: "examples/radix/shimmer-marker.tsx",
+    },
+    "shimmer-none": {
+      name: "shimmer-none",
+      filePath: "examples/radix/shimmer-none.tsx",
+    },
+    "shimmer-once": {
+      name: "shimmer-once",
+      filePath: "examples/radix/shimmer-once.tsx",
+    },
+    "shimmer-rtl": {
+      name: "shimmer-rtl",
+      filePath: "examples/radix/shimmer-rtl.tsx",
+    },
+    "shimmer-spread": {
+      name: "shimmer-spread",
+      filePath: "examples/radix/shimmer-spread.tsx",
+    },
+    "sidebar-controlled": {
+      name: "sidebar-controlled",
+      filePath: "examples/radix/sidebar-controlled.tsx",
+    },
+    "sidebar-demo": {
+      name: "sidebar-demo",
+      filePath: "examples/radix/sidebar-demo.tsx",
+    },
+    "sidebar-footer": {
+      name: "sidebar-footer",
+      filePath: "examples/radix/sidebar-footer.tsx",
+    },
+    "sidebar-group-action": {
+      name: "sidebar-group-action",
+      filePath: "examples/radix/sidebar-group-action.tsx",
+    },
+    "sidebar-group-collapsible": {
+      name: "sidebar-group-collapsible",
+      filePath: "examples/radix/sidebar-group-collapsible.tsx",
+    },
+    "sidebar-group": {
+      name: "sidebar-group",
+      filePath: "examples/radix/sidebar-group.tsx",
+    },
+    "sidebar-header": {
+      name: "sidebar-header",
+      filePath: "examples/radix/sidebar-header.tsx",
+    },
+    "sidebar-menu-action": {
+      name: "sidebar-menu-action",
+      filePath: "examples/radix/sidebar-menu-action.tsx",
+    },
+    "sidebar-menu-badge": {
+      name: "sidebar-menu-badge",
+      filePath: "examples/radix/sidebar-menu-badge.tsx",
+    },
+    "sidebar-menu-collapsible": {
+      name: "sidebar-menu-collapsible",
+      filePath: "examples/radix/sidebar-menu-collapsible.tsx",
+    },
+    "sidebar-menu-sub": {
+      name: "sidebar-menu-sub",
+      filePath: "examples/radix/sidebar-menu-sub.tsx",
+    },
+    "sidebar-menu": {
+      name: "sidebar-menu",
+      filePath: "examples/radix/sidebar-menu.tsx",
+    },
+    "sidebar-rsc": {
+      name: "sidebar-rsc",
+      filePath: "examples/radix/sidebar-rsc.tsx",
+    },
+    "sidebar-rtl": {
+      name: "sidebar-rtl",
+      filePath: "examples/radix/sidebar-rtl.tsx",
+    },
+    "skeleton-avatar": {
+      name: "skeleton-avatar",
+      filePath: "examples/radix/skeleton-avatar.tsx",
+    },
+    "skeleton-card": {
+      name: "skeleton-card",
+      filePath: "examples/radix/skeleton-card.tsx",
+    },
+    "skeleton-demo": {
+      name: "skeleton-demo",
+      filePath: "examples/radix/skeleton-demo.tsx",
+    },
+    "skeleton-form": {
+      name: "skeleton-form",
+      filePath: "examples/radix/skeleton-form.tsx",
+    },
+    "skeleton-rtl": {
+      name: "skeleton-rtl",
+      filePath: "examples/radix/skeleton-rtl.tsx",
+    },
+    "skeleton-table": {
+      name: "skeleton-table",
+      filePath: "examples/radix/skeleton-table.tsx",
+    },
+    "skeleton-text": {
+      name: "skeleton-text",
+      filePath: "examples/radix/skeleton-text.tsx",
+    },
+    "slider-controlled": {
+      name: "slider-controlled",
+      filePath: "examples/radix/slider-controlled.tsx",
+    },
+    "slider-demo": {
+      name: "slider-demo",
+      filePath: "examples/radix/slider-demo.tsx",
+    },
+    "slider-disabled": {
+      name: "slider-disabled",
+      filePath: "examples/radix/slider-disabled.tsx",
+    },
+    "slider-multiple": {
+      name: "slider-multiple",
+      filePath: "examples/radix/slider-multiple.tsx",
+    },
+    "slider-range": {
+      name: "slider-range",
+      filePath: "examples/radix/slider-range.tsx",
+    },
+    "slider-rtl": {
+      name: "slider-rtl",
+      filePath: "examples/radix/slider-rtl.tsx",
+    },
+    "slider-vertical": {
+      name: "slider-vertical",
+      filePath: "examples/radix/slider-vertical.tsx",
+    },
+    "sonner-demo": {
+      name: "sonner-demo",
+      filePath: "examples/radix/sonner-demo.tsx",
+    },
+    "sonner-description": {
+      name: "sonner-description",
+      filePath: "examples/radix/sonner-description.tsx",
+    },
+    "sonner-position": {
+      name: "sonner-position",
+      filePath: "examples/radix/sonner-position.tsx",
+    },
+    "sonner-types": {
+      name: "sonner-types",
+      filePath: "examples/radix/sonner-types.tsx",
+    },
+    "spinner-badge": {
+      name: "spinner-badge",
+      filePath: "examples/radix/spinner-badge.tsx",
+    },
+    "spinner-button": {
+      name: "spinner-button",
+      filePath: "examples/radix/spinner-button.tsx",
+    },
+    "spinner-custom": {
+      name: "spinner-custom",
+      filePath: "examples/radix/spinner-custom.tsx",
+    },
+    "spinner-demo": {
+      name: "spinner-demo",
+      filePath: "examples/radix/spinner-demo.tsx",
+    },
+    "spinner-empty": {
+      name: "spinner-empty",
+      filePath: "examples/radix/spinner-empty.tsx",
+    },
+    "spinner-input-group": {
+      name: "spinner-input-group",
+      filePath: "examples/radix/spinner-input-group.tsx",
+    },
+    "spinner-rtl": {
+      name: "spinner-rtl",
+      filePath: "examples/radix/spinner-rtl.tsx",
+    },
+    "spinner-size": {
+      name: "spinner-size",
+      filePath: "examples/radix/spinner-size.tsx",
+    },
+    "switch-choice-card": {
+      name: "switch-choice-card",
+      filePath: "examples/radix/switch-choice-card.tsx",
+    },
+    "switch-demo": {
+      name: "switch-demo",
+      filePath: "examples/radix/switch-demo.tsx",
+    },
+    "switch-description": {
+      name: "switch-description",
+      filePath: "examples/radix/switch-description.tsx",
+    },
+    "switch-disabled": {
+      name: "switch-disabled",
+      filePath: "examples/radix/switch-disabled.tsx",
+    },
+    "switch-invalid": {
+      name: "switch-invalid",
+      filePath: "examples/radix/switch-invalid.tsx",
+    },
+    "switch-rtl": {
+      name: "switch-rtl",
+      filePath: "examples/radix/switch-rtl.tsx",
+    },
+    "switch-sizes": {
+      name: "switch-sizes",
+      filePath: "examples/radix/switch-sizes.tsx",
+    },
+    "table-actions": {
+      name: "table-actions",
+      filePath: "examples/radix/table-actions.tsx",
+    },
+    "table-demo": {
+      name: "table-demo",
+      filePath: "examples/radix/table-demo.tsx",
+    },
+    "table-footer": {
+      name: "table-footer",
+      filePath: "examples/radix/table-footer.tsx",
+    },
+    "table-rtl": {
+      name: "table-rtl",
+      filePath: "examples/radix/table-rtl.tsx",
+    },
+    "tabs-demo": {
+      name: "tabs-demo",
+      filePath: "examples/radix/tabs-demo.tsx",
+    },
+    "tabs-disabled": {
+      name: "tabs-disabled",
+      filePath: "examples/radix/tabs-disabled.tsx",
+    },
+    "tabs-icons": {
+      name: "tabs-icons",
+      filePath: "examples/radix/tabs-icons.tsx",
+    },
+    "tabs-line": {
+      name: "tabs-line",
+      filePath: "examples/radix/tabs-line.tsx",
+    },
+    "tabs-rtl": {
+      name: "tabs-rtl",
+      filePath: "examples/radix/tabs-rtl.tsx",
+    },
+    "tabs-vertical": {
+      name: "tabs-vertical",
+      filePath: "examples/radix/tabs-vertical.tsx",
+    },
+    "textarea-button": {
+      name: "textarea-button",
+      filePath: "examples/radix/textarea-button.tsx",
+    },
+    "textarea-demo": {
+      name: "textarea-demo",
+      filePath: "examples/radix/textarea-demo.tsx",
+    },
+    "textarea-disabled": {
+      name: "textarea-disabled",
+      filePath: "examples/radix/textarea-disabled.tsx",
+    },
+    "textarea-field": {
+      name: "textarea-field",
+      filePath: "examples/radix/textarea-field.tsx",
+    },
+    "textarea-invalid": {
+      name: "textarea-invalid",
+      filePath: "examples/radix/textarea-invalid.tsx",
+    },
+    "textarea-rtl": {
+      name: "textarea-rtl",
+      filePath: "examples/radix/textarea-rtl.tsx",
+    },
+    "toggle-demo": {
+      name: "toggle-demo",
+      filePath: "examples/radix/toggle-demo.tsx",
+    },
+    "toggle-disabled": {
+      name: "toggle-disabled",
+      filePath: "examples/radix/toggle-disabled.tsx",
+    },
+    "toggle-group-demo": {
+      name: "toggle-group-demo",
+      filePath: "examples/radix/toggle-group-demo.tsx",
+    },
+    "toggle-group-disabled": {
+      name: "toggle-group-disabled",
+      filePath: "examples/radix/toggle-group-disabled.tsx",
+    },
+    "toggle-group-font-weight-selector": {
+      name: "toggle-group-font-weight-selector",
+      filePath: "examples/radix/toggle-group-font-weight-selector.tsx",
+    },
+    "toggle-group-outline": {
+      name: "toggle-group-outline",
+      filePath: "examples/radix/toggle-group-outline.tsx",
+    },
+    "toggle-group-rtl": {
+      name: "toggle-group-rtl",
+      filePath: "examples/radix/toggle-group-rtl.tsx",
+    },
+    "toggle-group-sizes": {
+      name: "toggle-group-sizes",
+      filePath: "examples/radix/toggle-group-sizes.tsx",
+    },
+    "toggle-group-spacing": {
+      name: "toggle-group-spacing",
+      filePath: "examples/radix/toggle-group-spacing.tsx",
+    },
+    "toggle-group-vertical": {
+      name: "toggle-group-vertical",
+      filePath: "examples/radix/toggle-group-vertical.tsx",
+    },
+    "toggle-outline": {
+      name: "toggle-outline",
+      filePath: "examples/radix/toggle-outline.tsx",
+    },
+    "toggle-rtl": {
+      name: "toggle-rtl",
+      filePath: "examples/radix/toggle-rtl.tsx",
+    },
+    "toggle-sizes": {
+      name: "toggle-sizes",
+      filePath: "examples/radix/toggle-sizes.tsx",
+    },
+    "toggle-text": {
+      name: "toggle-text",
+      filePath: "examples/radix/toggle-text.tsx",
+    },
+    "tooltip-demo": {
+      name: "tooltip-demo",
+      filePath: "examples/radix/tooltip-demo.tsx",
+    },
+    "tooltip-disabled": {
+      name: "tooltip-disabled",
+      filePath: "examples/radix/tooltip-disabled.tsx",
+    },
+    "tooltip-keyboard": {
+      name: "tooltip-keyboard",
+      filePath: "examples/radix/tooltip-keyboard.tsx",
+    },
+    "tooltip-rtl": {
+      name: "tooltip-rtl",
+      filePath: "examples/radix/tooltip-rtl.tsx",
+    },
+    "tooltip-sides": {
+      name: "tooltip-sides",
+      filePath: "examples/radix/tooltip-sides.tsx",
+    },
+    "typography-blockquote": {
+      name: "typography-blockquote",
+      filePath: "examples/radix/typography-blockquote.tsx",
+    },
+    "typography-demo": {
+      name: "typography-demo",
+      filePath: "examples/radix/typography-demo.tsx",
+    },
+    "typography-h1": {
+      name: "typography-h1",
+      filePath: "examples/radix/typography-h1.tsx",
+    },
+    "typography-h2": {
+      name: "typography-h2",
+      filePath: "examples/radix/typography-h2.tsx",
+    },
+    "typography-h3": {
+      name: "typography-h3",
+      filePath: "examples/radix/typography-h3.tsx",
+    },
+    "typography-h4": {
+      name: "typography-h4",
+      filePath: "examples/radix/typography-h4.tsx",
+    },
+    "typography-inline-code": {
+      name: "typography-inline-code",
+      filePath: "examples/radix/typography-inline-code.tsx",
+    },
+    "typography-large": {
+      name: "typography-large",
+      filePath: "examples/radix/typography-large.tsx",
+    },
+    "typography-lead": {
+      name: "typography-lead",
+      filePath: "examples/radix/typography-lead.tsx",
+    },
+    "typography-list": {
+      name: "typography-list",
+      filePath: "examples/radix/typography-list.tsx",
+    },
+    "typography-muted": {
+      name: "typography-muted",
+      filePath: "examples/radix/typography-muted.tsx",
+    },
+    "typography-p": {
+      name: "typography-p",
+      filePath: "examples/radix/typography-p.tsx",
+    },
+    "typography-rtl": {
+      name: "typography-rtl",
+      filePath: "examples/radix/typography-rtl.tsx",
+    },
+    "typography-small": {
+      name: "typography-small",
+      filePath: "examples/radix/typography-small.tsx",
+    },
+    "typography-table": {
+      name: "typography-table",
+      filePath: "examples/radix/typography-table.tsx",
+    },
+  },
+}
diff --git a/apps/v4/registry/__components__/new-york-v4.tsx b/apps/v4/registry/__components__/new-york-v4.tsx
new file mode 100644
index 0000000..2b5bfb5
--- /dev/null
+++ b/apps/v4/registry/__components__/new-york-v4.tsx
@@ -0,0 +1,3471 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-registry.mts
+// Do not edit this file directly.
+import "server-only"
+
+import * as React from "react"
+
+export const Components: Record<string, any> = {
+  accordion: 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] }
+  }),
+  alert: 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] }
+  }),
+  "alert-dialog": 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] }
+  }),
+  "aspect-ratio": 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] }
+  }),
+  avatar: 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] }
+  }),
+  badge: 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] }
+  }),
+  breadcrumb: 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] }
+  }),
+  button: 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] }
+  }),
+  "button-group": 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] }
+  }),
+  calendar: 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] }
+  }),
+  card: 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] }
+  }),
+  carousel: 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] }
+  }),
+  chart: 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] }
+  }),
+  checkbox: 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] }
+  }),
+  collapsible: 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] }
+  }),
+  combobox: 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] }
+  }),
+  command: 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] }
+  }),
+  "context-menu": 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] }
+  }),
+  dialog: 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] }
+  }),
+  drawer: 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] }
+  }),
+  "dropdown-menu": 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] }
+  }),
+  empty: 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] }
+  }),
+  field: 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] }
+  }),
+  form: 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] }
+  }),
+  "hover-card": 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] }
+  }),
+  input: 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] }
+  }),
+  "input-group": 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] }
+  }),
+  "input-otp": 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] }
+  }),
+  item: 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] }
+  }),
+  label: 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] }
+  }),
+  menubar: 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] }
+  }),
+  "navigation-menu": 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] }
+  }),
+  pagination: 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] }
+  }),
+  popover: 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] }
+  }),
+  progress: 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] }
+  }),
+  "radio-group": 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] }
+  }),
+  resizable: 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] }
+  }),
+  "scroll-area": 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] }
+  }),
+  select: 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] }
+  }),
+  separator: 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] }
+  }),
+  sheet: 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] }
+  }),
+  sidebar: 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] }
+  }),
+  skeleton: 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] }
+  }),
+  slider: 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] }
+  }),
+  sonner: 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] }
+  }),
+  spinner: 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] }
+  }),
+  switch: 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] }
+  }),
+  table: 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] }
+  }),
+  tabs: 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] }
+  }),
+  textarea: 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] }
+  }),
+  toggle: 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] }
+  }),
+  "toggle-group": 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] }
+  }),
+  tooltip: 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] }
+  }),
+  kbd: 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] }
+  }),
+  "native-select": 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] }
+  }),
+  direction: 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] }
+  }),
+  attachment: React.lazy(async () => {
+    const mod = await import("@/registry/new-york-v4/ui/attachment")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "attachment"
+    return { default: mod.default || mod[exportName] }
+  }),
+  bubble: React.lazy(async () => {
+    const mod = await import("@/registry/new-york-v4/ui/bubble")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "bubble"
+    return { default: mod.default || mod[exportName] }
+  }),
+  marker: React.lazy(async () => {
+    const mod = await import("@/registry/new-york-v4/ui/marker")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "marker"
+    return { default: mod.default || mod[exportName] }
+  }),
+  message: React.lazy(async () => {
+    const mod = await import("@/registry/new-york-v4/ui/message")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "message-scroller": React.lazy(async () => {
+    const mod = await import("@/registry/new-york-v4/ui/message-scroller")
+    const exportName =
+      Object.keys(mod).find(
+        (key) => typeof mod[key] === "function" || typeof mod[key] === "object"
+      ) || "message-scroller"
+    return { default: mod.default || mod[exportName] }
+  }),
+  "dashboard-01": 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] }
+  }),
+  "sidebar-01": 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] }
+  }),
+  "sidebar-02": 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] }
+  }),
+  "sidebar-03": 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] }
+  }),
+  "sidebar-04": 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] }
+  }),
+  "sidebar-05": 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] }
+  }),
+  "sidebar-06": 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] }
+  }),
+  "sidebar-07": 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] }
+  }),
+  "sidebar-08": 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] }
+  }),
+  "sidebar-09": 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] }
+  }),
+  "sidebar-10": 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] }
+  }),
+  "sidebar-11": 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] }
+  }),
+  "sidebar-12": 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] }
+  }),
+  "sidebar-13": 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] }
+  }),
+  "sidebar-14": 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] }
+  }),
+  "sidebar-15": 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] }
+  }),
+  "sidebar-16": 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] }
+  }),
+  "login-01": 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] }
+  }),
+  "login-02": 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] }
+  }),
+  "login-03": 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] }
+  }),
+  "login-04": 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] }
+  }),
+  "login-05": 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] }
+  }),
+  "signup-01": 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] }
+  }),
+  "signup-02": 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] }
+  }),
+  "signup-03": 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] }
+  }),
+  "signup-04": 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] }
+  }),
+  "signup-05": 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] }
+  }),
+  "chart-area-axes": 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] }
+  }),
+  "chart-area-default": 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] }
+  }),
+  "chart-area-gradient": 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] }
+  }),
+  "chart-area-icons": 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] }
+  }),
+  "chart-area-interactive": 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] }
+  }),
+  "chart-area-legend": 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] }
+  }),
+  "chart-area-linear": 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] }
+  }),
+  "chart-area-stacked-expand": 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] }
+  }),
+  "chart-area-stacked": 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] }
+  }),
+  "chart-area-step": 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] }
+  }),
+  "chart-bar-active": 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] }
+  }),
+  "chart-bar-default": 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] }
+  }),
+  "chart-bar-horizontal": 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] }
+  }),
+  "chart-bar-interactive": 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] }
+  }),
+  "chart-bar-label-custom": 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] }
+  }),
+  "chart-bar-label": 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] }
+  }),
+  "chart-bar-mixed": 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] }
+  }),
+  "chart-bar-multiple": 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] }
+  }),
+  "chart-bar-negative": 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] }
+  }),
+  "chart-bar-stacked": 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] }
+  }),
+  "chart-line-default": 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] }
+  }),
+  "chart-line-dots-colors": 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] }
+  }),
+  "chart-line-dots-custom": 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] }
+  }),
+  "chart-line-dots": 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] }
+  }),
+  "chart-line-interactive": 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] }
+  }),
+  "chart-line-label-custom": 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] }
+  }),
+  "chart-line-label": 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] }
+  }),
+  "chart-line-linear": 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] }
+  }),
+  "chart-line-multiple": 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] }
+  }),
+  "chart-line-step": 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] }
+  }),
+  "chart-pie-donut-active": 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] }
+  }),
+  "chart-pie-donut-text": 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] }
+  }),
+  "chart-pie-donut": 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] }
+  }),
+  "chart-pie-interactive": 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] }
+  }),
+  "chart-pie-label-custom": 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] }
+  }),
+  "chart-pie-label-list": 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] }
+  }),
+  "chart-pie-label": 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] }
+  }),
+  "chart-pie-legend": 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] }
+  }),
+  "chart-pie-separator-none": 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] }
+  }),
+  "chart-pie-simple": 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] }
+  }),
+  "chart-pie-stacked": 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] }
+  }),
+  "chart-radar-default": 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] }
+  }),
+  "chart-radar-dots": 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] }
+  }),
+  "chart-radar-grid-circle-fill": 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] }
+  }),
+  "chart-radar-grid-circle-no-lines": 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] }
+  }),
+  "chart-radar-grid-circle": 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] }
+  }),
+  "chart-radar-grid-custom": 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] }
+  }),
+  "chart-radar-grid-fill": 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] }
+  }),
+  "chart-radar-grid-none": 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] }
+  }),
+  "chart-radar-icons": 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] }
+  }),
+  "chart-radar-label-custom": 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] }
+  }),
+  "chart-radar-legend": 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] }
+  }),
+  "chart-radar-lines-only": 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] }
+  }),
+  "chart-radar-multiple": 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] }
+  }),
+  "chart-radar-radius": 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] }
+  }),
+  "chart-radial-grid": 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] }
+  }),
+  "chart-radial-label": 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] }
+  }),
+  "chart-radial-shape": 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] }
+  }),
+  "chart-radial-simple": 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] }
+  }),
+  "chart-radial-stacked": 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] }
+  }),
+  "chart-radial-text": 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] }
+  }),
+  "chart-tooltip-default": 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] }
+  }),
+  "chart-tooltip-indicator-line": 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] }
+  }),
+  "chart-tooltip-indicator-none": 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] }
+  }),
+  "chart-tooltip-label-none": 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] }
+  }),
+  "chart-tooltip-label-custom": 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] }
+  }),
+  "chart-tooltip-label-formatter": 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] }
+  }),
+  "chart-tooltip-formatter": 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] }
+  }),
+  "chart-tooltip-icons": 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] }
+  }),
+  "chart-tooltip-advanced": 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] }
+  }),
+  utils: 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] }
+  }),
+  "use-mobile": 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] }
+  }),
+  "accordion-demo": 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] }
+  }),
+  "alert-demo": 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] }
+  }),
+  "alert-destructive": 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] }
+  }),
+  "alert-dialog-demo": 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] }
+  }),
+  "aspect-ratio-demo": 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] }
+  }),
+  "avatar-demo": 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] }
+  }),
+  "badge-demo": 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] }
+  }),
+  "badge-destructive": 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] }
+  }),
+  "badge-outline": 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] }
+  }),
+  "badge-secondary": 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] }
+  }),
+  "breadcrumb-demo": 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] }
+  }),
+  "breadcrumb-separator": 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] }
+  }),
+  "breadcrumb-dropdown": 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] }
+  }),
+  "breadcrumb-ellipsis": 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] }
+  }),
+  "breadcrumb-link": 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] }
+  }),
+  "breadcrumb-responsive": 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] }
+  }),
+  "button-demo": 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] }
+  }),
+  "button-default": 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] }
+  }),
+  "button-secondary": 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] }
+  }),
+  "button-destructive": 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] }
+  }),
+  "button-outline": 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] }
+  }),
+  "button-ghost": 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] }
+  }),
+  "button-link": 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] }
+  }),
+  "button-with-icon": 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] }
+  }),
+  "button-loading": 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] }
+  }),
+  "button-icon": 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] }
+  }),
+  "button-as-child": 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] }
+  }),
+  "button-rounded": 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] }
+  }),
+  "button-size": 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] }
+  }),
+  "button-group-demo": 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] }
+  }),
+  "button-group-nested": 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] }
+  }),
+  "button-group-size": 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] }
+  }),
+  "button-group-separator": 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] }
+  }),
+  "button-group-split": 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] }
+  }),
+  "button-group-input": 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] }
+  }),
+  "button-group-dropdown": 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] }
+  }),
+  "button-group-select": 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] }
+  }),
+  "button-group-popover": 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] }
+  }),
+  "button-group-input-group": 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] }
+  }),
+  "button-group-orientation": 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] }
+  }),
+  "calendar-demo": 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] }
+  }),
+  "card-demo": 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] }
+  }),
+  "card-with-form": 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] }
+  }),
+  "carousel-demo": 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] }
+  }),
+  "carousel-size": 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] }
+  }),
+  "carousel-spacing": 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] }
+  }),
+  "carousel-orientation": 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] }
+  }),
+  "carousel-api": 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] }
+  }),
+  "carousel-plugin": 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] }
+  }),
+  "checkbox-demo": 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] }
+  }),
+  "checkbox-disabled": 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] }
+  }),
+  "checkbox-with-text": 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] }
+  }),
+  "collapsible-demo": 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] }
+  }),
+  "combobox-demo": 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] }
+  }),
+  "combobox-dropdown-menu": 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] }
+  }),
+  "combobox-popover": 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] }
+  }),
+  "combobox-responsive": 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] }
+  }),
+  "command-demo": 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] }
+  }),
+  "command-dialog": 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] }
+  }),
+  "context-menu-demo": 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] }
+  }),
+  "data-table-demo": 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] }
+  }),
+  "date-picker-demo": 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] }
+  }),
+  "date-picker-with-presets": 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] }
+  }),
+  "date-picker-with-range": 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] }
+  }),
+  "dialog-demo": 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] }
+  }),
+  "dialog-close-button": 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] }
+  }),
+  "drawer-demo": 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] }
+  }),
+  "empty-demo": 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] }
+  }),
+  "empty-icon": 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] }
+  }),
+  "empty-avatar": 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] }
+  }),
+  "empty-avatar-group": 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] }
+  }),
+  "empty-input-group": 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] }
+  }),
+  "empty-outline": 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] }
+  }),
+  "empty-background": 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] }
+  }),
+  "field-demo": 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] }
+  }),
+  "field-input": 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] }
+  }),
+  "field-textarea": 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] }
+  }),
+  "field-fieldset": 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] }
+  }),
+  "field-radio": 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] }
+  }),
+  "field-checkbox": 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] }
+  }),
+  "field-switch": 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] }
+  }),
+  "field-slider": 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] }
+  }),
+  "field-select": 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] }
+  }),
+  "field-choice-card": 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] }
+  }),
+  "field-group": 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] }
+  }),
+  "field-responsive": 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] }
+  }),
+  "form-next-demo": 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] }
+  }),
+  "form-next-complex": 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] }
+  }),
+  "form-rhf-demo": 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] }
+  }),
+  "form-rhf-input": 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] }
+  }),
+  "form-rhf-select": 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] }
+  }),
+  "form-rhf-checkbox": 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] }
+  }),
+  "form-rhf-switch": 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] }
+  }),
+  "form-rhf-textarea": 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] }
+  }),
+  "form-rhf-radiogroup": 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] }
+  }),
+  "form-rhf-array": 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] }
+  }),
+  "form-rhf-complex": 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] }
+  }),
+  "form-rhf-password": 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] }
+  }),
+  "form-tanstack-demo": 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] }
+  }),
+  "form-tanstack-input": 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] }
+  }),
+  "form-tanstack-textarea": 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] }
+  }),
+  "form-tanstack-select": 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] }
+  }),
+  "form-tanstack-checkbox": 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] }
+  }),
+  "form-tanstack-switch": 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] }
+  }),
+  "form-tanstack-radiogroup": 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] }
+  }),
+  "form-tanstack-array": 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] }
+  }),
+  "form-tanstack-complex": 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] }
+  }),
+  "form-formisch-demo": 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] }
+  }),
+  "form-formisch-input": 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] }
+  }),
+  "form-formisch-textarea": 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] }
+  }),
+  "form-formisch-select": 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] }
+  }),
+  "form-formisch-checkbox": 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] }
+  }),
+  "form-formisch-radiogroup": 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] }
+  }),
+  "form-formisch-switch": 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] }
+  }),
+  "form-formisch-array": 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] }
+  }),
+  "form-formisch-complex": 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] }
+  }),
+  "drawer-dialog": 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] }
+  }),
+  "dropdown-menu-demo": 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] }
+  }),
+  "dropdown-menu-checkboxes": 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] }
+  }),
+  "dropdown-menu-radio-group": 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] }
+  }),
+  "dropdown-menu-dialog": 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] }
+  }),
+  "hover-card-demo": 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] }
+  }),
+  "input-demo": 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] }
+  }),
+  "input-disabled": 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] }
+  }),
+  "input-file": 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] }
+  }),
+  "input-with-button": 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] }
+  }),
+  "input-with-label": 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] }
+  }),
+  "input-with-text": 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] }
+  }),
+  "input-group-demo": 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] }
+  }),
+  "input-group-label": 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] }
+  }),
+  "input-group-text": 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] }
+  }),
+  "input-group-tooltip": 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] }
+  }),
+  "input-group-button": 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] }
+  }),
+  "input-group-button-group": 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] }
+  }),
+  "input-group-dropdown": 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] }
+  }),
+  "input-group-spinner": 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] }
+  }),
+  "input-group-textarea": 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] }
+  }),
+  "input-group-icon": 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] }
+  }),
+  "input-group-custom": 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] }
+  }),
+  "input-otp-demo": 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] }
+  }),
+  "input-otp-pattern": 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] }
+  }),
+  "input-otp-separator": 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] }
+  }),
+  "input-otp-controlled": 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] }
+  }),
+  "item-demo": 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] }
+  }),
+  "item-size": 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] }
+  }),
+  "item-variant": 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] }
+  }),
+  "item-icon": 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] }
+  }),
+  "item-image": 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] }
+  }),
+  "item-avatar": 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] }
+  }),
+  "item-group": 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] }
+  }),
+  "item-header": 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] }
+  }),
+  "item-dropdown": 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] }
+  }),
+  "item-link": 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] }
+  }),
+  "kbd-demo": 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] }
+  }),
+  "kbd-tooltip": 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] }
+  }),
+  "kbd-input-group": 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] }
+  }),
+  "kbd-button": 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] }
+  }),
+  "kbd-group": 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] }
+  }),
+  "label-demo": 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] }
+  }),
+  "menubar-demo": 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] }
+  }),
+  "navigation-menu-demo": 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] }
+  }),
+  "native-select-demo": 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] }
+  }),
+  "native-select-groups": 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] }
+  }),
+  "native-select-disabled": 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] }
+  }),
+  "native-select-invalid": 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] }
+  }),
+  "pagination-demo": 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] }
+  }),
+  "popover-demo": 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] }
+  }),
+  "progress-demo": 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] }
+  }),
+  "radio-group-demo": 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] }
+  }),
+  "resizable-demo": 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] }
+  }),
+  "resizable-demo-with-handle": 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] }
+  }),
+  "resizable-vertical": 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] }
+  }),
+  "resizable-handle": 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] }
+  }),
+  "scroll-area-demo": 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] }
+  }),
+  "scroll-area-horizontal-demo": 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] }
+  }),
+  "select-demo": 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] }
+  }),
+  "select-scrollable": 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] }
+  }),
+  "separator-demo": 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] }
+  }),
+  "sheet-demo": 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] }
+  }),
+  "sheet-side": 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] }
+  }),
+  "skeleton-demo": 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] }
+  }),
+  "skeleton-card": 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] }
+  }),
+  "slider-demo": 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] }
+  }),
+  "sonner-demo": 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] }
+  }),
+  "sonner-types": 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] }
+  }),
+  "spinner-demo": 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] }
+  }),
+  "spinner-basic": 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] }
+  }),
+  "spinner-button": 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] }
+  }),
+  "spinner-badge": 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] }
+  }),
+  "spinner-input-group": 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] }
+  }),
+  "spinner-empty": 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] }
+  }),
+  "spinner-color": 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] }
+  }),
+  "spinner-custom": 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] }
+  }),
+  "spinner-size": 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] }
+  }),
+  "spinner-item": 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] }
+  }),
+  "switch-demo": 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] }
+  }),
+  "table-demo": 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] }
+  }),
+  "tabs-demo": 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] }
+  }),
+  "textarea-demo": 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] }
+  }),
+  "textarea-disabled": 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] }
+  }),
+  "textarea-with-button": 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] }
+  }),
+  "textarea-with-label": 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] }
+  }),
+  "textarea-with-text": 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] }
+  }),
+  "toggle-group-demo": 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] }
+  }),
+  "toggle-group-disabled": 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] }
+  }),
+  "toggle-group-lg": 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] }
+  }),
+  "toggle-group-outline": 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] }
+  }),
+  "toggle-group-sm": 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] }
+  }),
+  "toggle-group-single": 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] }
+  }),
+  "toggle-group-spacing": 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] }
+  }),
+  "toggle-demo": 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] }
+  }),
+  "toggle-disabled": 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] }
+  }),
+  "toggle-lg": 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] }
+  }),
+  "toggle-outline": 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] }
+  }),
+  "toggle-sm": 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] }
+  }),
+  "toggle-with-text": 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] }
+  }),
+  "tooltip-demo": 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] }
+  }),
+  "typography-blockquote": 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] }
+  }),
+  "typography-demo": 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] }
+  }),
+  "typography-h1": 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] }
+  }),
+  "typography-h2": 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] }
+  }),
+  "typography-h3": 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] }
+  }),
+  "typography-h4": 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] }
+  }),
+  "typography-inline-code": 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] }
+  }),
+  "typography-large": 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] }
+  }),
+  "typography-lead": 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] }
+  }),
+  "typography-list": 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] }
+  }),
+  "typography-muted": 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] }
+  }),
+  "typography-p": 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] }
+  }),
+  "typography-small": 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] }
+  }),
+  "typography-table": 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] }
+  }),
+  "mode-toggle": 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] }
+  }),
+  "chart-bar-demo": 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] }
+  }),
+  "chart-bar-demo-grid": 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] }
+  }),
+  "chart-bar-demo-axis": 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] }
+  }),
+  "chart-bar-demo-tooltip": 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] }
+  }),
+  "chart-bar-demo-legend": 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] }
+  }),
+  "chart-tooltip-demo": 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] }
+  }),
+  "calendar-hijri": 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] }
+  }),
+}
diff --git a/apps/v4/registry/bases/__index__.tsx b/apps/v4/registry/bases/__index__.tsx
new file mode 100644
index 0000000..ff0373b
--- /dev/null
+++ b/apps/v4/registry/bases/__index__.tsx
@@ -0,0 +1,11082 @@
+// @ts-nocheck
+// This file is autogenerated by scripts/build-registry.ts
+// Do not edit this file directly.
+import "server-only"
+
+export const Index: Record<string, Record<string, any>> = {
+  base: {
+    accordion: {
+      name: "accordion",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/ui/accordion.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/alert.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/alert-dialog.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/aspect-ratio.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/avatar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/badge.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/breadcrumb.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/button.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/button-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/calendar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/card.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/carousel.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/chart.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/checkbox.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/collapsible.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/combobox.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/command.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/context-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/dialog.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/drawer.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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://base-ui.com/react/components/drawer.md",
+        },
+      },
+    },
+    "dropdown-menu": {
+      name: "dropdown-menu",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/ui/dropdown-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/empty.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/field.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/hover-card.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/input.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/input-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/input-otp.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/item.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/label.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/menubar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/navigation-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/pagination.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/popover.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/progress.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/radio-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/resizable.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/scroll-area.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/select.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/separator.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/sheet.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/sidebar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/skeleton.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/slider.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/sonner.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/spinner.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/switch.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/table.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/tabs.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/textarea.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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",
+        },
+      },
+    },
+    toast: {
+      name: "toast",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/base/ui/toast.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/base/toast",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/toast-example.tsx",
+          api: "https://base-ui.com/react/components/toast.md",
+        },
+      },
+    },
+    toggle: {
+      name: "toggle",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/ui/toggle.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/toggle-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/tooltip.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/kbd.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/native-select.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/base/ui/direction.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/base/direction",
+          api: "https://base-ui.com/react/utils/direction-provider.md",
+        },
+      },
+    },
+    attachment: {
+      name: "attachment",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/base/ui/attachment.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    bubble: {
+      name: "bubble",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/ui/bubble.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-scroller": {
+      name: "message-scroller",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/base/ui/message-scroller.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    questionnaire: {
+      name: "questionnaire",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/base/ui/questionnaire.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/base/questionnaire",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/base/examples/questionnaire-example.tsx",
+        },
+      },
+    },
+    marker: {
+      name: "marker",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/ui/marker.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    message: {
+      name: "message",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/ui/message.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "accordion-example": {
+      name: "accordion-example",
+      title: "Accordion",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["accordion", "button", "card", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/accordion-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "alert-example": {
+      name: "alert-example",
+      title: "Alert",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["alert", "badge", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/alert-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "alert-dialog-example": {
+      name: "alert-dialog-example",
+      title: "Alert Dialog",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["alert-dialog", "button", "dialog", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/alert-dialog-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "aspect-ratio-example": {
+      name: "aspect-ratio-example",
+      title: "Aspect Ratio",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["aspect-ratio", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/aspect-ratio-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "avatar-example": {
+      name: "avatar-example",
+      title: "Avatar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["avatar", "button", "empty", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/avatar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "badge-example": {
+      name: "badge-example",
+      title: "Badge",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["badge", "spinner", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/badge-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "breadcrumb-example": {
+      name: "breadcrumb-example",
+      title: "Breadcrumb",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["breadcrumb", "dropdown-menu", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/breadcrumb-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "button-example": {
+      name: "button-example",
+      title: "Button",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/button-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "button-group-example": {
+      name: "button-group-example",
+      title: "Button Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "button-group",
+        "dropdown-menu",
+        "field",
+        "input",
+        "input-group",
+        "label",
+        "popover",
+        "select",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/button-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "calendar-example": {
+      name: "calendar-example",
+      title: "Calendar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "calendar",
+        "card",
+        "field",
+        "input",
+        "label",
+        "popover",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/calendar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "card-example": {
+      name: "card-example",
+      title: "Card",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "card",
+        "field",
+        "input",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/card-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "carousel-example": {
+      name: "carousel-example",
+      title: "Carousel",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["card", "carousel", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/carousel-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "chart-example": {
+      name: "chart-example",
+      title: "Chart",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["chart", "card", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/chart-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "checkbox-example": {
+      name: "checkbox-example",
+      title: "Checkbox",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["checkbox", "field", "table", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/checkbox-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "collapsible-example": {
+      name: "collapsible-example",
+      title: "Collapsible",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "collapsible",
+        "field",
+        "input",
+        "tabs",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/collapsible-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "combobox-example": {
+      name: "combobox-example",
+      title: "Combobox",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "combobox",
+        "dialog",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/combobox-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "command-example": {
+      name: "command-example",
+      title: "Command",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "command", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/command-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "context-menu-example": {
+      name: "context-menu-example",
+      title: "Context Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "context-menu", "dialog", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/context-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "dialog-example": {
+      name: "dialog-example",
+      title: "Dialog",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "checkbox",
+        "dialog",
+        "field",
+        "input",
+        "input-group",
+        "kbd",
+        "native-select",
+        "select",
+        "switch",
+        "tabs",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/dialog-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "drawer-example": {
+      name: "drawer-example",
+      title: "Drawer",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["drawer", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/drawer-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "dropdown-menu-example": {
+      name: "dropdown-menu-example",
+      title: "Dropdown Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "dialog",
+        "dropdown-menu",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/dropdown-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "empty-example": {
+      name: "empty-example",
+      title: "Empty",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "empty",
+        "input-group",
+        "kbd",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/empty-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "field-example": {
+      name: "field-example",
+      title: "Field",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "badge",
+        "checkbox",
+        "field",
+        "input",
+        "input-otp",
+        "native-select",
+        "radio-group",
+        "select",
+        "slider",
+        "switch",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/field-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "hover-card-example": {
+      name: "hover-card-example",
+      title: "Hover Card",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "hover-card", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/hover-card-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-example": {
+      name: "input-example",
+      title: "Input",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "field",
+        "input",
+        "native-select",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/input-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-group-example": {
+      name: "input-group-example",
+      title: "Input Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "button-group",
+        "card",
+        "dropdown-menu",
+        "field",
+        "input",
+        "input-group",
+        "kbd",
+        "popover",
+        "spinner",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/input-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-otp-example": {
+      name: "input-otp-example",
+      title: "Input OTP",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "card", "field", "input-otp", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/input-otp-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "item-example": {
+      name: "item-example",
+      title: "Item",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "item", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/item-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "kbd-example": {
+      name: "kbd-example",
+      title: "Kbd",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "input-group",
+        "kbd",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/kbd-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "label-example": {
+      name: "label-example",
+      title: "Label",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "checkbox",
+        "field",
+        "input",
+        "label",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/label-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "menubar-example": {
+      name: "menubar-example",
+      title: "Menubar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "menubar", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/menubar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "native-select-example": {
+      name: "native-select-example",
+      title: "Native Select",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "native-select", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/native-select-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "navigation-menu-example": {
+      name: "navigation-menu-example",
+      title: "Navigation Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "navigation-menu", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/navigation-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "pagination-example": {
+      name: "pagination-example",
+      title: "Pagination",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "pagination", "select", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/pagination-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "popover-example": {
+      name: "popover-example",
+      title: "Popover",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dialog",
+        "field",
+        "input",
+        "popover",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/popover-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "progress-example": {
+      name: "progress-example",
+      title: "Progress",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "item", "progress", "slider", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/progress-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "radio-group-example": {
+      name: "radio-group-example",
+      title: "Radio Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "radio-group", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/radio-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "resizable-example": {
+      name: "resizable-example",
+      title: "Resizable",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["resizable", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/resizable-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "scroll-area-example": {
+      name: "scroll-area-example",
+      title: "Scroll Area",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["scroll-area", "separator", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/scroll-area-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "select-example": {
+      name: "select-example",
+      title: "Select",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dialog",
+        "field",
+        "input",
+        "item",
+        "native-select",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/select-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "separator-example": {
+      name: "separator-example",
+      title: "Separator",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["separator", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/separator-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sheet-example": {
+      name: "sheet-example",
+      title: "Sheet",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "field", "input", "sheet", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/sheet-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-example": {
+      name: "sidebar-example",
+      title: "Sidebar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dropdown-menu",
+        "item",
+        "label",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/sidebar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-icon-example": {
+      name: "sidebar-icon-example",
+      title: "Sidebar (Icon)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "collapsible",
+        "dropdown-menu",
+        "item",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/sidebar-icon-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-inset-example": {
+      name: "sidebar-inset-example",
+      title: "Sidebar (Inset)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["collapsible", "sidebar", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/sidebar-inset-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-floating-example": {
+      name: "sidebar-floating-example",
+      title: "Sidebar (Floating)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "dropdown-menu",
+        "field",
+        "item",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/sidebar-floating-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "skeleton-example": {
+      name: "skeleton-example",
+      title: "Skeleton",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["skeleton", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/skeleton-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "slider-example": {
+      name: "slider-example",
+      title: "Slider",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["label", "slider", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/slider-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sonner-example": {
+      name: "sonner-example",
+      title: "Sonner",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["sonner", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/sonner-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "spinner-example": {
+      name: "spinner-example",
+      title: "Spinner",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "badge",
+        "button",
+        "empty",
+        "field",
+        "input-group",
+        "spinner",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/spinner-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "switch-example": {
+      name: "switch-example",
+      title: "Switch",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "label", "switch", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/switch-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "table-example": {
+      name: "table-example",
+      title: "Table",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dropdown-menu",
+        "input",
+        "select",
+        "table",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/table-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "tabs-example": {
+      name: "tabs-example",
+      title: "Tabs",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dropdown-menu", "tabs", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/tabs-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "textarea-example": {
+      name: "textarea-example",
+      title: "Textarea",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "textarea", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/textarea-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toast-example": {
+      name: "toast-example",
+      title: "Toast",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "toast", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/toast-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toggle-example": {
+      name: "toggle-example",
+      title: "Toggle",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["toggle", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/toggle-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toggle-group-example": {
+      name: "toggle-group-example",
+      title: "Toggle Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["input", "select", "toggle-group", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/toggle-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "tooltip-example": {
+      name: "tooltip-example",
+      title: "Tooltip",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "kbd", "tooltip", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/tooltip-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    demo: {
+      name: "demo",
+      title: "Demo",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "alert-dialog",
+        "badge",
+        "button",
+        "button-group",
+        "card",
+        "checkbox",
+        "dropdown-menu",
+        "field",
+        "input-group",
+        "item",
+        "radio-group",
+        "slider",
+        "switch",
+        "textarea",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/demo.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "component-example": {
+      name: "component-example",
+      title: "Example",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "alert-dialog",
+        "badge",
+        "button",
+        "card",
+        "combobox",
+        "dropdown-menu",
+        "field",
+        "input",
+        "select",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/component-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "attachment-example": {
+      name: "attachment-example",
+      title: "Attachment",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["attachment"],
+      files: [
+        {
+          path: "registry/bases/base/examples/attachment-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "bubble-example": {
+      name: "bubble-example",
+      title: "Bubble",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["bubble", "button", "collapsible", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/bubble-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-scroller-example": {
+      name: "message-scroller-example",
+      title: "Message Scroller",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "attachment",
+        "bubble",
+        "button",
+        "card",
+        "example",
+        "input-group",
+        "marker",
+        "message",
+        "message-scroller",
+        "spinner",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/message-scroller-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "questionnaire-example": {
+      name: "questionnaire-example",
+      title: "Questionnaire",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "dialog",
+        "example",
+        "questionnaire",
+        "sonner",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/questionnaire-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "marker-example": {
+      name: "marker-example",
+      title: "Marker",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "marker",
+        "button",
+        "accordion",
+        "drawer",
+        "spinner",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/examples/marker-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-example": {
+      name: "message-example",
+      title: "Message",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["bubble", "message", "button", "example"],
+      files: [
+        {
+          path: "registry/bases/base/examples/message-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    utils: {
+      name: "utils",
+      title: "undefined",
+      description: "",
+      type: "registry:lib",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/lib/utils.ts",
+          type: "registry:lib",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    example: {
+      name: "example",
+      title: "Example",
+      description: "",
+      type: "registry:component",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/components/example.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    preview: {
+      name: "preview",
+      title: "Preview",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [
+        "alert-dialog",
+        "avatar",
+        "badge",
+        "button",
+        "button-group",
+        "card",
+        "chart",
+        "checkbox",
+        "combobox",
+        "dropdown-menu",
+        "empty",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "label",
+        "popover",
+        "radio-group",
+        "select",
+        "separator",
+        "sheet",
+        "slider",
+        "spinner",
+        "switch",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/preview/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "preview-02": {
+      name: "preview-02",
+      title: "Preview 02",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [
+        "accordion",
+        "badge",
+        "breadcrumb",
+        "button",
+        "calendar",
+        "card",
+        "chart",
+        "checkbox",
+        "combobox",
+        "dropdown-menu",
+        "empty",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "label",
+        "native-select",
+        "progress",
+        "radio-group",
+        "select",
+        "separator",
+        "sidebar",
+        "skeleton",
+        "slider",
+        "spinner",
+        "switch",
+        "table",
+        "tabs",
+        "textarea",
+        "toggle-group",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/preview-02/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "preview-03": {
+      name: "preview-03",
+      title: "Preview 03",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [],
+      files: [
+        {
+          path: "registry/bases/base/blocks/preview-03/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "login-01": {
+      name: "login-01",
+      title: "Login 01",
+      description: "A simple login form.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/login-01/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/login-01/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-02": {
+      name: "login-02",
+      title: "Login 02",
+      description: "A two column login page with a cover image.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/login-02/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/login-02/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-03": {
+      name: "login-03",
+      title: "Login 03",
+      description: "A login page with a muted background color.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/login-03/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/login-03/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-04": {
+      name: "login-04",
+      title: "Login 04",
+      description: "A login page with form and image.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/login-04/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/login-04/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-05": {
+      name: "login-05",
+      title: "Login 05",
+      description: "A simple email-only login page.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/login-05/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/login-05/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "signup-01": {
+      name: "signup-01",
+      title: "Signup 01",
+      description: "A simple signup form.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/signup-01/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/signup-01/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-02": {
+      name: "signup-02",
+      title: "Signup 02",
+      description: "A two column signup page with a cover image.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/signup-02/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/signup-02/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-03": {
+      name: "signup-03",
+      title: "Signup 03",
+      description: "A signup page with a muted background color.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/signup-03/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/signup-03/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-04": {
+      name: "signup-04",
+      title: "Signup 04",
+      description: "A signup page with form and image.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/signup-04/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/signup-04/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-05": {
+      name: "signup-05",
+      title: "Signup 05",
+      description: "A simple signup form with social providers.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/signup-05/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/signup-05/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "dashboard-01": {
+      name: "dashboard-01",
+      title: "Dashboard 01",
+      description: "A dashboard with sidebar, charts and data table.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "chart",
+        "card",
+        "select",
+        "tabs",
+        "table",
+        "toggle-group",
+        "badge",
+        "button",
+        "checkbox",
+        "dropdown-menu",
+        "drawer",
+        "input",
+        "avatar",
+        "sheet",
+        "sonner",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/dashboard-01/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/data.json",
+          type: "registry:file",
+          target: "app/dashboard/data.json",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/chart-area-interactive.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/data-table.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/nav-documents.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/section-cards.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/dashboard-01/components/site-header.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["dashboard"],
+      meta: { iframeHeight: "1000px" },
+    },
+    "sidebar-01": {
+      name: "sidebar-01",
+      title: "Sidebar 01",
+      description: "A simple sidebar with navigation grouped by section.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-01/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-01/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-01/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-01/components/version-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-02": {
+      name: "sidebar-02",
+      title: "Sidebar 02",
+      description: "A sidebar with collapsible sections.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-02/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-02/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-02/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-02/components/version-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-03": {
+      name: "sidebar-03",
+      title: "Sidebar 03",
+      description: "A sidebar with submenus.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-03/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-03/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-04": {
+      name: "sidebar-04",
+      title: "Sidebar 04",
+      description: "A floating sidebar with submenus.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb", "separator"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-04/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-04/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-05": {
+      name: "sidebar-05",
+      title: "Sidebar 05",
+      description: "A sidebar with collapsible submenus.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "collapsible",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-05/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-05/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-05/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-06": {
+      name: "sidebar-06",
+      title: "Sidebar 06",
+      description: "A sidebar with submenus as dropdowns.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "card",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-06/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-06/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-06/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-06/components/sidebar-opt-in-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-07": {
+      name: "sidebar-07",
+      title: "Sidebar 07",
+      description: "A sidebar that collapses to icons.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-07/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-07/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-07/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-07/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-07/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-07/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-08": {
+      name: "sidebar-08",
+      title: "Sidebar 08",
+      description: "An inset sidebar with secondary navigation.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-08/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-08/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-08/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-08/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-08/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-08/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-09": {
+      name: "sidebar-09",
+      title: "Sidebar 09",
+      description: "Collapsible nested sidebars.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+        "switch",
+        "label",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-09/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-09/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-09/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-10": {
+      name: "sidebar-10",
+      title: "Sidebar 10",
+      description: "A sidebar in a popover.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "popover",
+        "collapsible",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-10/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/nav-actions.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/nav-favorites.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/nav-workspaces.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-10/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-11": {
+      name: "sidebar-11",
+      title: "Sidebar 11",
+      description: "A sidebar with a collapsible file tree.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-11/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-11/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-12": {
+      name: "sidebar-12",
+      title: "Sidebar 12",
+      description: "A sidebar with a calendar.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "calendar",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-12/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-12/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-12/components/calendars.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-12/components/date-picker.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-12/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-13": {
+      name: "sidebar-13",
+      title: "Sidebar 13",
+      description: "A sidebar in a dialog.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb", "button", "dialog"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-13/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-13/components/settings-dialog.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-14": {
+      name: "sidebar-14",
+      title: "Sidebar 14",
+      description: "A sidebar on the right.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb"],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-14/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-14/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-15": {
+      name: "sidebar-15",
+      title: "Sidebar 15",
+      description: "A left and right sidebar.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "popover",
+        "collapsible",
+        "dropdown-menu",
+        "calendar",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-15/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/calendars.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/date-picker.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/nav-favorites.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/nav-workspaces.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/sidebar-left.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/sidebar-right.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-15/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-16": {
+      name: "sidebar-16",
+      title: "Sidebar 16",
+      description: "A sidebar with a sticky site header.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+        "button",
+        "label",
+      ],
+      files: [
+        {
+          path: "registry/bases/base/blocks/sidebar-16/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/base/blocks/sidebar-16/components/site-header.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "use-mobile": {
+      name: "use-mobile",
+      title: "undefined",
+      description: "",
+      type: "registry:hook",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/base/hooks/use-mobile.ts",
+          type: "registry:hook",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+  },
+  aria: {
+    accordion: {
+      name: "accordion",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/accordion.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/accordion",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/accordion-example.tsx",
+          api: "https://react-aria.adobe.com/DisclosureGroup#api",
+        },
+      },
+    },
+    alert: {
+      name: "alert",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/alert.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/alert",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/alert-example.tsx",
+        },
+      },
+    },
+    "alert-dialog": {
+      name: "alert-dialog",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/alert-dialog.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/alert-dialog",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/alert-dialog-example.tsx",
+          api: "https://react-aria.adobe.com/Modal#api",
+        },
+      },
+    },
+    "aspect-ratio": {
+      name: "aspect-ratio",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/aspect-ratio.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/aspect-ratio",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/aspect-ratio-example.tsx",
+        },
+      },
+    },
+    avatar: {
+      name: "avatar",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/avatar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/avatar",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/avatar-example.tsx",
+        },
+      },
+    },
+    badge: {
+      name: "badge",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/badge.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/badge",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/badge-example.tsx",
+        },
+      },
+    },
+    breadcrumb: {
+      name: "breadcrumb",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/breadcrumb.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/breadcrumb",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/breadcrumb-example.tsx",
+          api: "https://react-aria.adobe.com/Breadcrumbs#api",
+        },
+      },
+    },
+    button: {
+      name: "button",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/button.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/button",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/button-example.tsx",
+          api: "https://react-aria.adobe.com/Button#api",
+        },
+      },
+    },
+    "button-group": {
+      name: "button-group",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["separator"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/button-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/button-group",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/button-group-example.tsx",
+        },
+      },
+    },
+    calendar: {
+      name: "calendar",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button", "select"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/calendar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/calendar",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/calendar-example.tsx",
+          api: "https://react-aria.adobe.com/Calendar#api",
+        },
+      },
+    },
+    card: {
+      name: "card",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/card.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/card",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/card-example.tsx",
+        },
+      },
+    },
+    carousel: {
+      name: "carousel",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/carousel.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/carousel",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/carousel-example.tsx",
+          api: "https://www.embla-carousel.com/docs/api",
+        },
+      },
+    },
+    chart: {
+      name: "chart",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["card"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/chart.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/chart",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/chart-example.tsx",
+        },
+      },
+    },
+    checkbox: {
+      name: "checkbox",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/checkbox.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/checkbox",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/checkbox-example.tsx",
+          api: "https://react-aria.adobe.com/Checkbox#api",
+        },
+      },
+    },
+    collapsible: {
+      name: "collapsible",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/collapsible.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/collapsible",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/collapsible-example.tsx",
+          api: "https://react-aria.adobe.com/Disclosure#api",
+        },
+      },
+    },
+    combobox: {
+      name: "combobox",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button", "input-group"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/combobox.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/combobox",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/combobox-example.tsx",
+          api: "https://react-aria.adobe.com/ComboBox#api",
+        },
+      },
+    },
+    command: {
+      name: "command",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["dialog", "input-group"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/command.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/command",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/command-example.tsx",
+          api: "https://react-aria.adobe.com/Autocomplete#api",
+        },
+      },
+    },
+    "context-menu": {
+      name: "context-menu",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/context-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/context-menu",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/context-menu-example.tsx",
+          api: "https://react-aria.adobe.com/Menu#api",
+        },
+      },
+    },
+    dialog: {
+      name: "dialog",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/dialog.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/dialog",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/dialog-example.tsx",
+          api: "https://react-aria.adobe.com/Modal#api",
+        },
+      },
+    },
+    drawer: {
+      name: "drawer",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/drawer.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/drawer",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/drawer-example.tsx",
+          api: "https://base-ui.com/react/components/drawer.md",
+        },
+      },
+    },
+    "dropdown-menu": {
+      name: "dropdown-menu",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/dropdown-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/dropdown-menu",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/dropdown-menu-example.tsx",
+          api: "https://react-aria.adobe.com/Menu#api",
+        },
+      },
+    },
+    empty: {
+      name: "empty",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/empty.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/empty",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/empty-example.tsx",
+        },
+      },
+    },
+    field: {
+      name: "field",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["label", "separator"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/field.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/field",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/field-example.tsx",
+        },
+      },
+    },
+    "hover-card": {
+      name: "hover-card",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/hover-card.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/hover-card",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/hover-card-example.tsx",
+          api: "https://react-aria.adobe.com/PreviewTrigger#api",
+        },
+      },
+    },
+    input: {
+      name: "input",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/input.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/input",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/input-example.tsx",
+          api: "https://react-aria.adobe.com/TextField#api",
+        },
+      },
+    },
+    "input-group": {
+      name: "input-group",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button", "input", "textarea"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/input-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/input-group",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/input-group-example.tsx",
+          api: "https://react-aria.adobe.com/Group#api",
+        },
+      },
+    },
+    "input-otp": {
+      name: "input-otp",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/input-otp.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/input-otp",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/input-otp-example.tsx",
+          api: "https://input-otp.rodz.dev",
+        },
+      },
+    },
+    item: {
+      name: "item",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["separator"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/item.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/item",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/item-example.tsx",
+          api: "https://react-aria.adobe.com/Link#api",
+        },
+      },
+    },
+    label: {
+      name: "label",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/label.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/label",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/label-example.tsx",
+          api: "https://react-aria.adobe.com/TextField#api",
+        },
+      },
+    },
+    pagination: {
+      name: "pagination",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/pagination.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/pagination",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/pagination-example.tsx",
+        },
+      },
+    },
+    popover: {
+      name: "popover",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/popover.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/popover",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/popover-example.tsx",
+          api: "https://react-aria.adobe.com/Popover#api",
+        },
+      },
+    },
+    progress: {
+      name: "progress",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/progress.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/progress",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/progress-example.tsx",
+          api: "https://react-aria.adobe.com/ProgressBar#api",
+        },
+      },
+    },
+    "radio-group": {
+      name: "radio-group",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/radio-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/radio-group",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/radio-group-example.tsx",
+          api: "https://react-aria.adobe.com/RadioGroup#api",
+        },
+      },
+    },
+    resizable: {
+      name: "resizable",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/resizable.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/resizable",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/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: "registry/bases/aria/ui/scroll-area.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/scroll-area",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/scroll-area-example.tsx",
+        },
+      },
+    },
+    select: {
+      name: "select",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["input-group"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/select.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/select",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/select-example.tsx",
+          api: "https://react-aria.adobe.com/Select#api",
+        },
+      },
+    },
+    separator: {
+      name: "separator",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/separator.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/separator",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/separator-example.tsx",
+          api: "https://react-aria.adobe.com/Separator#api",
+        },
+      },
+    },
+    sheet: {
+      name: "sheet",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/sheet.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/sheet",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/sheet-example.tsx",
+          api: "https://react-aria.adobe.com/Modal#api",
+        },
+      },
+    },
+    sidebar: {
+      name: "sidebar",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: [
+        "button",
+        "input",
+        "separator",
+        "sheet",
+        "skeleton",
+        "tooltip",
+        "use-mobile",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/ui/sidebar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/sidebar",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/sidebar-example.tsx",
+        },
+      },
+    },
+    skeleton: {
+      name: "skeleton",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/skeleton.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/skeleton",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/skeleton-example.tsx",
+        },
+      },
+    },
+    slider: {
+      name: "slider",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/slider.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/slider",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/slider-example.tsx",
+          api: "https://react-aria.adobe.com/Slider#api",
+        },
+      },
+    },
+    sonner: {
+      name: "sonner",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/sonner.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/sonner",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/sonner-example.tsx",
+          api: "https://sonner.emilkowal.ski",
+        },
+      },
+    },
+    spinner: {
+      name: "spinner",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/spinner.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/spinner",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/spinner-example.tsx",
+        },
+      },
+    },
+    switch: {
+      name: "switch",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/switch.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/switch",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/switch-example.tsx",
+          api: "https://react-aria.adobe.com/Switch#api",
+        },
+      },
+    },
+    table: {
+      name: "table",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/table.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/table",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/table-example.tsx",
+          api: "https://react-aria.adobe.com/Table#api",
+        },
+      },
+    },
+    tabs: {
+      name: "tabs",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/tabs.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/tabs",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/tabs-example.tsx",
+          api: "https://react-aria.adobe.com/Tabs#api",
+        },
+      },
+    },
+    textarea: {
+      name: "textarea",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/textarea.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/textarea",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/textarea-example.tsx",
+          api: "https://react-aria.adobe.com/TextField#api",
+        },
+      },
+    },
+    toggle: {
+      name: "toggle",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/toggle.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/toggle",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/toggle-example.tsx",
+          api: "https://react-aria.adobe.com/ToggleButton#api",
+        },
+      },
+    },
+    "toggle-group": {
+      name: "toggle-group",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["toggle"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/toggle-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/toggle-group",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/toggle-group-example.tsx",
+          api: "https://react-aria.adobe.com/ToggleButtonGroup#api",
+        },
+      },
+    },
+    tooltip: {
+      name: "tooltip",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/tooltip.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/tooltip",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/tooltip-example.tsx",
+          api: "https://react-aria.adobe.com/Tooltip#api",
+        },
+      },
+    },
+    kbd: {
+      name: "kbd",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/kbd.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/kbd",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/kbd-example.tsx",
+        },
+      },
+    },
+    "native-select": {
+      name: "native-select",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/native-select.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/native-select",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/native-select-example.tsx",
+        },
+      },
+    },
+    direction: {
+      name: "direction",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/direction.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/direction",
+          api: "https://react-aria.adobe.com/I18nProvider#api",
+        },
+      },
+    },
+    attachment: {
+      name: "attachment",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/attachment.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/attachment",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/attachment-example.tsx",
+        },
+      },
+    },
+    bubble: {
+      name: "bubble",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/bubble.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/bubble",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/bubble-example.tsx",
+        },
+      },
+    },
+    "message-scroller": {
+      name: "message-scroller",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/message-scroller.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/message-scroller",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/message-scroller-example.tsx",
+        },
+      },
+    },
+    questionnaire: {
+      name: "questionnaire",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/aria/ui/questionnaire.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/questionnaire",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/questionnaire-example.tsx",
+        },
+      },
+    },
+    marker: {
+      name: "marker",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/marker.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/marker",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/marker-example.tsx",
+        },
+      },
+    },
+    message: {
+      name: "message",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/ui/message.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/aria/message",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/aria/examples/message-example.tsx",
+        },
+      },
+    },
+    "accordion-example": {
+      name: "accordion-example",
+      title: "Accordion",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["accordion", "button", "card", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/accordion-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "alert-example": {
+      name: "alert-example",
+      title: "Alert",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["alert", "badge", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/alert-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "alert-dialog-example": {
+      name: "alert-dialog-example",
+      title: "Alert Dialog",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["alert-dialog", "button", "dialog", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/alert-dialog-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "aspect-ratio-example": {
+      name: "aspect-ratio-example",
+      title: "Aspect Ratio",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["aspect-ratio", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/aspect-ratio-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "avatar-example": {
+      name: "avatar-example",
+      title: "Avatar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["avatar", "button", "empty", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/avatar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "badge-example": {
+      name: "badge-example",
+      title: "Badge",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["badge", "spinner", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/badge-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "breadcrumb-example": {
+      name: "breadcrumb-example",
+      title: "Breadcrumb",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["breadcrumb", "dropdown-menu", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/breadcrumb-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "button-example": {
+      name: "button-example",
+      title: "Button",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/button-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "button-group-example": {
+      name: "button-group-example",
+      title: "Button Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "button-group",
+        "dropdown-menu",
+        "field",
+        "input",
+        "input-group",
+        "label",
+        "popover",
+        "select",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/button-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "calendar-example": {
+      name: "calendar-example",
+      title: "Calendar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "calendar",
+        "card",
+        "field",
+        "input",
+        "label",
+        "popover",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/calendar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "card-example": {
+      name: "card-example",
+      title: "Card",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "card",
+        "field",
+        "input",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/card-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "carousel-example": {
+      name: "carousel-example",
+      title: "Carousel",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["card", "carousel", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/carousel-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "chart-example": {
+      name: "chart-example",
+      title: "Chart",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["chart", "card", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/chart-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "checkbox-example": {
+      name: "checkbox-example",
+      title: "Checkbox",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["checkbox", "field", "table", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/checkbox-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "collapsible-example": {
+      name: "collapsible-example",
+      title: "Collapsible",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "collapsible",
+        "field",
+        "input",
+        "tabs",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/collapsible-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "combobox-example": {
+      name: "combobox-example",
+      title: "Combobox",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "combobox",
+        "dialog",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/combobox-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "command-example": {
+      name: "command-example",
+      title: "Command",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "command", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/command-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "context-menu-example": {
+      name: "context-menu-example",
+      title: "Context Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "context-menu", "dialog", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/context-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "dialog-example": {
+      name: "dialog-example",
+      title: "Dialog",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "checkbox",
+        "dialog",
+        "field",
+        "input",
+        "input-group",
+        "kbd",
+        "native-select",
+        "select",
+        "switch",
+        "tabs",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/dialog-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "drawer-example": {
+      name: "drawer-example",
+      title: "Drawer",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["drawer", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/drawer-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "dropdown-menu-example": {
+      name: "dropdown-menu-example",
+      title: "Dropdown Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "dialog",
+        "dropdown-menu",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/dropdown-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "empty-example": {
+      name: "empty-example",
+      title: "Empty",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "empty",
+        "input-group",
+        "kbd",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/empty-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "field-example": {
+      name: "field-example",
+      title: "Field",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "badge",
+        "checkbox",
+        "field",
+        "input",
+        "input-otp",
+        "native-select",
+        "radio-group",
+        "select",
+        "slider",
+        "switch",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/field-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "hover-card-example": {
+      name: "hover-card-example",
+      title: "Hover Card",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "hover-card", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/hover-card-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-example": {
+      name: "input-example",
+      title: "Input",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "field",
+        "input",
+        "native-select",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/input-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-group-example": {
+      name: "input-group-example",
+      title: "Input Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "button-group",
+        "card",
+        "dropdown-menu",
+        "field",
+        "input",
+        "input-group",
+        "kbd",
+        "popover",
+        "spinner",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/input-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-otp-example": {
+      name: "input-otp-example",
+      title: "Input OTP",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "card", "field", "input-otp", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/input-otp-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "item-example": {
+      name: "item-example",
+      title: "Item",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "item", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/item-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "kbd-example": {
+      name: "kbd-example",
+      title: "Kbd",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "input-group",
+        "kbd",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/kbd-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "label-example": {
+      name: "label-example",
+      title: "Label",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "checkbox",
+        "field",
+        "input",
+        "label",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/label-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "native-select-example": {
+      name: "native-select-example",
+      title: "Native Select",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "native-select", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/native-select-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "pagination-example": {
+      name: "pagination-example",
+      title: "Pagination",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "pagination", "select", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/pagination-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "popover-example": {
+      name: "popover-example",
+      title: "Popover",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dialog",
+        "field",
+        "input",
+        "popover",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/popover-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "progress-example": {
+      name: "progress-example",
+      title: "Progress",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "item", "progress", "slider", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/progress-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "radio-group-example": {
+      name: "radio-group-example",
+      title: "Radio Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "radio-group", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/radio-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "resizable-example": {
+      name: "resizable-example",
+      title: "Resizable",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["resizable", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/resizable-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "scroll-area-example": {
+      name: "scroll-area-example",
+      title: "Scroll Area",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["scroll-area", "separator", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/scroll-area-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "select-example": {
+      name: "select-example",
+      title: "Select",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dialog",
+        "field",
+        "input",
+        "item",
+        "native-select",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/select-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "separator-example": {
+      name: "separator-example",
+      title: "Separator",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["separator", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/separator-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sheet-example": {
+      name: "sheet-example",
+      title: "Sheet",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "field", "input", "sheet", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/sheet-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-example": {
+      name: "sidebar-example",
+      title: "Sidebar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dropdown-menu",
+        "item",
+        "label",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/sidebar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-icon-example": {
+      name: "sidebar-icon-example",
+      title: "Sidebar (Icon)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "collapsible",
+        "dropdown-menu",
+        "item",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/sidebar-icon-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-inset-example": {
+      name: "sidebar-inset-example",
+      title: "Sidebar (Inset)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["collapsible", "sidebar", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/sidebar-inset-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-floating-example": {
+      name: "sidebar-floating-example",
+      title: "Sidebar (Floating)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "dropdown-menu",
+        "field",
+        "item",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/sidebar-floating-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "skeleton-example": {
+      name: "skeleton-example",
+      title: "Skeleton",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["skeleton", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/skeleton-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "slider-example": {
+      name: "slider-example",
+      title: "Slider",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["label", "slider", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/slider-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sonner-example": {
+      name: "sonner-example",
+      title: "Sonner",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["sonner", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/sonner-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "spinner-example": {
+      name: "spinner-example",
+      title: "Spinner",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "badge",
+        "button",
+        "empty",
+        "field",
+        "input-group",
+        "spinner",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/spinner-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "switch-example": {
+      name: "switch-example",
+      title: "Switch",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "label", "switch", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/switch-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "table-example": {
+      name: "table-example",
+      title: "Table",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dropdown-menu",
+        "input",
+        "select",
+        "table",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/table-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "tabs-example": {
+      name: "tabs-example",
+      title: "Tabs",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dropdown-menu", "tabs", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/tabs-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "textarea-example": {
+      name: "textarea-example",
+      title: "Textarea",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "textarea", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/textarea-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toggle-example": {
+      name: "toggle-example",
+      title: "Toggle",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["toggle", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/toggle-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toggle-group-example": {
+      name: "toggle-group-example",
+      title: "Toggle Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["input", "select", "toggle-group", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/toggle-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "tooltip-example": {
+      name: "tooltip-example",
+      title: "Tooltip",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "kbd", "tooltip", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/tooltip-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    demo: {
+      name: "demo",
+      title: "Demo",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "alert-dialog",
+        "badge",
+        "button",
+        "button-group",
+        "card",
+        "checkbox",
+        "dropdown-menu",
+        "field",
+        "input-group",
+        "item",
+        "radio-group",
+        "slider",
+        "switch",
+        "textarea",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/demo.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "component-example": {
+      name: "component-example",
+      title: "Example",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "alert-dialog",
+        "badge",
+        "button",
+        "card",
+        "combobox",
+        "dropdown-menu",
+        "field",
+        "input",
+        "select",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/component-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "attachment-example": {
+      name: "attachment-example",
+      title: "Attachment",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["attachment"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/attachment-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "bubble-example": {
+      name: "bubble-example",
+      title: "Bubble",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["bubble", "button", "collapsible", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/bubble-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-scroller-example": {
+      name: "message-scroller-example",
+      title: "Message Scroller",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "attachment",
+        "bubble",
+        "button",
+        "card",
+        "example",
+        "input-group",
+        "marker",
+        "message",
+        "message-scroller",
+        "spinner",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/message-scroller-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "questionnaire-example": {
+      name: "questionnaire-example",
+      title: "Questionnaire",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "dialog",
+        "example",
+        "questionnaire",
+        "sonner",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/questionnaire-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "marker-example": {
+      name: "marker-example",
+      title: "Marker",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "marker",
+        "button",
+        "accordion",
+        "drawer",
+        "spinner",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/examples/marker-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-example": {
+      name: "message-example",
+      title: "Message",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["bubble", "message", "button", "example"],
+      files: [
+        {
+          path: "registry/bases/aria/examples/message-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    utils: {
+      name: "utils",
+      title: "undefined",
+      description: "",
+      type: "registry:lib",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/lib/utils.ts",
+          type: "registry:lib",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    example: {
+      name: "example",
+      title: "Example",
+      description: "",
+      type: "registry:component",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/components/example.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    preview: {
+      name: "preview",
+      title: "Preview",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [
+        "alert-dialog",
+        "avatar",
+        "badge",
+        "button",
+        "button-group",
+        "card",
+        "chart",
+        "checkbox",
+        "combobox",
+        "dropdown-menu",
+        "empty",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "label",
+        "popover",
+        "radio-group",
+        "select",
+        "separator",
+        "sheet",
+        "slider",
+        "spinner",
+        "switch",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/preview/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "preview-02": {
+      name: "preview-02",
+      title: "Preview 02",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [
+        "accordion",
+        "badge",
+        "breadcrumb",
+        "button",
+        "calendar",
+        "card",
+        "chart",
+        "checkbox",
+        "combobox",
+        "dropdown-menu",
+        "empty",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "label",
+        "native-select",
+        "progress",
+        "radio-group",
+        "select",
+        "separator",
+        "sidebar",
+        "skeleton",
+        "slider",
+        "spinner",
+        "switch",
+        "table",
+        "tabs",
+        "textarea",
+        "toggle-group",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/preview-02/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "preview-03": {
+      name: "preview-03",
+      title: "Preview 03",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/preview-03/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "login-01": {
+      name: "login-01",
+      title: "Login 01",
+      description: "A simple login form.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/login-01/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/login-01/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-02": {
+      name: "login-02",
+      title: "Login 02",
+      description: "A two column login page with a cover image.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/login-02/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/login-02/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-03": {
+      name: "login-03",
+      title: "Login 03",
+      description: "A login page with a muted background color.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/login-03/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/login-03/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-04": {
+      name: "login-04",
+      title: "Login 04",
+      description: "A login page with form and image.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/login-04/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/login-04/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-05": {
+      name: "login-05",
+      title: "Login 05",
+      description: "A simple email-only login page.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/login-05/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/login-05/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "signup-01": {
+      name: "signup-01",
+      title: "Signup 01",
+      description: "A simple signup form.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/signup-01/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/signup-01/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-02": {
+      name: "signup-02",
+      title: "Signup 02",
+      description: "A two column signup page with a cover image.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/signup-02/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/signup-02/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-03": {
+      name: "signup-03",
+      title: "Signup 03",
+      description: "A signup page with a muted background color.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/signup-03/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/signup-03/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-04": {
+      name: "signup-04",
+      title: "Signup 04",
+      description: "A signup page with form and image.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/signup-04/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/signup-04/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-05": {
+      name: "signup-05",
+      title: "Signup 05",
+      description: "A simple signup form with social providers.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/signup-05/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/signup-05/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "dashboard-01": {
+      name: "dashboard-01",
+      title: "Dashboard 01",
+      description: "A dashboard with sidebar, charts and data table.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "chart",
+        "card",
+        "select",
+        "tabs",
+        "table",
+        "toggle-group",
+        "badge",
+        "button",
+        "checkbox",
+        "dropdown-menu",
+        "drawer",
+        "input",
+        "avatar",
+        "sheet",
+        "sonner",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/data.json",
+          type: "registry:file",
+          target: "app/dashboard/data.json",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/chart-area-interactive.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/data-table.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/nav-documents.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/section-cards.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/dashboard-01/components/site-header.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["dashboard"],
+      meta: { iframeHeight: "1000px" },
+    },
+    "sidebar-01": {
+      name: "sidebar-01",
+      title: "Sidebar 01",
+      description: "A simple sidebar with navigation grouped by section.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-01/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-01/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-01/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-01/components/version-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-02": {
+      name: "sidebar-02",
+      title: "Sidebar 02",
+      description: "A sidebar with collapsible sections.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-02/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-02/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-02/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-02/components/version-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-03": {
+      name: "sidebar-03",
+      title: "Sidebar 03",
+      description: "A sidebar with submenus.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-03/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-03/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-04": {
+      name: "sidebar-04",
+      title: "Sidebar 04",
+      description: "A floating sidebar with submenus.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb", "separator"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-04/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-04/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-05": {
+      name: "sidebar-05",
+      title: "Sidebar 05",
+      description: "A sidebar with collapsible submenus.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "collapsible",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-05/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-05/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-05/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-06": {
+      name: "sidebar-06",
+      title: "Sidebar 06",
+      description: "A sidebar with submenus as dropdowns.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "card",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-06/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-06/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-06/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-06/components/sidebar-opt-in-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-07": {
+      name: "sidebar-07",
+      title: "Sidebar 07",
+      description: "A sidebar that collapses to icons.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-07/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-07/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-07/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-07/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-07/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-07/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-08": {
+      name: "sidebar-08",
+      title: "Sidebar 08",
+      description: "An inset sidebar with secondary navigation.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-08/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-08/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-08/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-08/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-08/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-08/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-09": {
+      name: "sidebar-09",
+      title: "Sidebar 09",
+      description: "Collapsible nested sidebars.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+        "switch",
+        "label",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-09/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-09/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-09/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-10": {
+      name: "sidebar-10",
+      title: "Sidebar 10",
+      description: "A sidebar in a popover.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "popover",
+        "collapsible",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/nav-actions.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/nav-favorites.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/nav-workspaces.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-10/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-11": {
+      name: "sidebar-11",
+      title: "Sidebar 11",
+      description: "A sidebar with a collapsible file tree.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-11/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-11/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-12": {
+      name: "sidebar-12",
+      title: "Sidebar 12",
+      description: "A sidebar with a calendar.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "calendar",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-12/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-12/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-12/components/calendars.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-12/components/date-picker.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-12/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-13": {
+      name: "sidebar-13",
+      title: "Sidebar 13",
+      description: "A sidebar in a dialog.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb", "button", "dialog"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-13/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-13/components/settings-dialog.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-14": {
+      name: "sidebar-14",
+      title: "Sidebar 14",
+      description: "A sidebar on the right.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb"],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-14/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-14/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-15": {
+      name: "sidebar-15",
+      title: "Sidebar 15",
+      description: "A left and right sidebar.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "popover",
+        "collapsible",
+        "dropdown-menu",
+        "calendar",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/calendars.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/date-picker.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/nav-favorites.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/nav-workspaces.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/sidebar-left.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/sidebar-right.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-15/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-16": {
+      name: "sidebar-16",
+      title: "Sidebar 16",
+      description: "A sidebar with a sticky site header.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+        "button",
+        "label",
+      ],
+      files: [
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/aria/blocks/sidebar-16/components/site-header.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "use-mobile": {
+      name: "use-mobile",
+      title: "undefined",
+      description: "",
+      type: "registry:hook",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/aria/hooks/use-mobile.ts",
+          type: "registry:hook",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+  },
+  radix: {
+    accordion: {
+      name: "accordion",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/ui/accordion.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/alert.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/alert-dialog.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/aspect-ratio.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/avatar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/badge.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/breadcrumb.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/button.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/button-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/calendar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/card.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/carousel.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/chart.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/checkbox.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/collapsible.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/combobox.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/command.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/context-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/dialog.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/drawer.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/dropdown-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/empty.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/field.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/hover-card.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/input.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/input-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/input-otp.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/item.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/label.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/menubar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/navigation-menu.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/pagination.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/popover.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/progress.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/radio-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/resizable.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/scroll-area.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/select.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/separator.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/sheet.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/sidebar.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/skeleton.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/slider.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/sonner.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/spinner.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/switch.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/table.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/tabs.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/textarea.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/toggle.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/toggle-group.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/tooltip.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/kbd.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/native-select.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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: "registry/bases/radix/ui/direction.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      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",
+        },
+      },
+    },
+    attachment: {
+      name: "attachment",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/radix/ui/attachment.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    bubble: {
+      name: "bubble",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/ui/bubble.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-scroller": {
+      name: "message-scroller",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/radix/ui/message-scroller.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    questionnaire: {
+      name: "questionnaire",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: ["button"],
+      files: [
+        {
+          path: "registry/bases/radix/ui/questionnaire.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: {
+        links: {
+          docs: "https://ui.shadcn.com/docs/components/radix/questionnaire",
+          examples:
+            "https://ui.shadcn.com/code/apps/v4/registry/bases/radix/examples/questionnaire-example.tsx",
+        },
+      },
+    },
+    marker: {
+      name: "marker",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/ui/marker.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    message: {
+      name: "message",
+      title: "undefined",
+      description: "",
+      type: "registry:ui",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/ui/message.tsx",
+          type: "registry:ui",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "accordion-example": {
+      name: "accordion-example",
+      title: "Accordion",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["accordion", "button", "card", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/accordion-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "alert-example": {
+      name: "alert-example",
+      title: "Alert",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["alert", "badge", "button", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/alert-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "alert-dialog-example": {
+      name: "alert-dialog-example",
+      title: "Alert Dialog",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["alert-dialog", "button", "dialog", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/alert-dialog-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "aspect-ratio-example": {
+      name: "aspect-ratio-example",
+      title: "Aspect Ratio",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["aspect-ratio", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/aspect-ratio-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "avatar-example": {
+      name: "avatar-example",
+      title: "Avatar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["avatar", "button", "empty", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/avatar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "badge-example": {
+      name: "badge-example",
+      title: "Badge",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["badge", "spinner", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/badge-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "breadcrumb-example": {
+      name: "breadcrumb-example",
+      title: "Breadcrumb",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["breadcrumb", "dropdown-menu", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/breadcrumb-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "button-example": {
+      name: "button-example",
+      title: "Button",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/button-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "button-group-example": {
+      name: "button-group-example",
+      title: "Button Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "button-group",
+        "dropdown-menu",
+        "field",
+        "input",
+        "input-group",
+        "label",
+        "popover",
+        "select",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/button-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "calendar-example": {
+      name: "calendar-example",
+      title: "Calendar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "calendar",
+        "card",
+        "field",
+        "input",
+        "label",
+        "popover",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/calendar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "card-example": {
+      name: "card-example",
+      title: "Card",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "card",
+        "field",
+        "input",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/card-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "carousel-example": {
+      name: "carousel-example",
+      title: "Carousel",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["card", "carousel", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/carousel-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "chart-example": {
+      name: "chart-example",
+      title: "Chart",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["chart", "card", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/chart-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "checkbox-example": {
+      name: "checkbox-example",
+      title: "Checkbox",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["checkbox", "field", "table", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/checkbox-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "collapsible-example": {
+      name: "collapsible-example",
+      title: "Collapsible",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "collapsible",
+        "field",
+        "input",
+        "tabs",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/collapsible-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "combobox-example": {
+      name: "combobox-example",
+      title: "Combobox",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "combobox",
+        "dialog",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/combobox-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "command-example": {
+      name: "command-example",
+      title: "Command",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "command", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/command-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "context-menu-example": {
+      name: "context-menu-example",
+      title: "Context Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "context-menu", "dialog", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/context-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "dialog-example": {
+      name: "dialog-example",
+      title: "Dialog",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "checkbox",
+        "dialog",
+        "field",
+        "input",
+        "input-group",
+        "kbd",
+        "native-select",
+        "select",
+        "switch",
+        "tabs",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/dialog-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "drawer-example": {
+      name: "drawer-example",
+      title: "Drawer",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["drawer", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/drawer-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "dropdown-menu-example": {
+      name: "dropdown-menu-example",
+      title: "Dropdown Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "dialog",
+        "dropdown-menu",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/dropdown-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "empty-example": {
+      name: "empty-example",
+      title: "Empty",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "empty",
+        "input-group",
+        "kbd",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/empty-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "field-example": {
+      name: "field-example",
+      title: "Field",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "badge",
+        "checkbox",
+        "field",
+        "input",
+        "input-otp",
+        "native-select",
+        "radio-group",
+        "select",
+        "slider",
+        "switch",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/field-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "hover-card-example": {
+      name: "hover-card-example",
+      title: "Hover Card",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "hover-card", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/hover-card-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-example": {
+      name: "input-example",
+      title: "Input",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "field",
+        "input",
+        "native-select",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/input-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-group-example": {
+      name: "input-group-example",
+      title: "Input Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "button-group",
+        "card",
+        "dropdown-menu",
+        "field",
+        "input",
+        "input-group",
+        "kbd",
+        "popover",
+        "spinner",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/input-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "input-otp-example": {
+      name: "input-otp-example",
+      title: "Input OTP",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "card", "field", "input-otp", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/input-otp-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "item-example": {
+      name: "item-example",
+      title: "Item",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "drawer", "item", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/item-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "kbd-example": {
+      name: "kbd-example",
+      title: "Kbd",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "input-group",
+        "kbd",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/kbd-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "label-example": {
+      name: "label-example",
+      title: "Label",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "checkbox",
+        "field",
+        "input",
+        "label",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/label-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "menubar-example": {
+      name: "menubar-example",
+      title: "Menubar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "menubar", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/menubar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "native-select-example": {
+      name: "native-select-example",
+      title: "Native Select",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "native-select", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/native-select-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "navigation-menu-example": {
+      name: "navigation-menu-example",
+      title: "Navigation Menu",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dialog", "navigation-menu", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/navigation-menu-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "pagination-example": {
+      name: "pagination-example",
+      title: "Pagination",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "pagination", "select", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/pagination-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "popover-example": {
+      name: "popover-example",
+      title: "Popover",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dialog",
+        "field",
+        "input",
+        "popover",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/popover-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "progress-example": {
+      name: "progress-example",
+      title: "Progress",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "item", "progress", "slider", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/progress-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "radio-group-example": {
+      name: "radio-group-example",
+      title: "Radio Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "radio-group", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/radio-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "resizable-example": {
+      name: "resizable-example",
+      title: "Resizable",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["resizable", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/resizable-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "scroll-area-example": {
+      name: "scroll-area-example",
+      title: "Scroll Area",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["scroll-area", "separator", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/scroll-area-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "select-example": {
+      name: "select-example",
+      title: "Select",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dialog",
+        "field",
+        "input",
+        "item",
+        "native-select",
+        "select",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/select-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "separator-example": {
+      name: "separator-example",
+      title: "Separator",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["separator", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/separator-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sheet-example": {
+      name: "sheet-example",
+      title: "Sheet",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "field", "input", "sheet", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/sheet-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-example": {
+      name: "sidebar-example",
+      title: "Sidebar",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dropdown-menu",
+        "item",
+        "label",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/sidebar-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-icon-example": {
+      name: "sidebar-icon-example",
+      title: "Sidebar (Icon)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "avatar",
+        "button",
+        "collapsible",
+        "dropdown-menu",
+        "item",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/sidebar-icon-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-inset-example": {
+      name: "sidebar-inset-example",
+      title: "Sidebar (Inset)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["collapsible", "sidebar", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/sidebar-inset-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sidebar-floating-example": {
+      name: "sidebar-floating-example",
+      title: "Sidebar (Floating)",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "dropdown-menu",
+        "field",
+        "item",
+        "sidebar",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/sidebar-floating-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "skeleton-example": {
+      name: "skeleton-example",
+      title: "Skeleton",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["skeleton", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/skeleton-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "slider-example": {
+      name: "slider-example",
+      title: "Slider",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["label", "slider", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/slider-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "sonner-example": {
+      name: "sonner-example",
+      title: "Sonner",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["sonner", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/sonner-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "spinner-example": {
+      name: "spinner-example",
+      title: "Spinner",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "badge",
+        "button",
+        "empty",
+        "field",
+        "input-group",
+        "spinner",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/spinner-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "switch-example": {
+      name: "switch-example",
+      title: "Switch",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "label", "switch", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/switch-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "table-example": {
+      name: "table-example",
+      title: "Table",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "dropdown-menu",
+        "input",
+        "select",
+        "table",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/table-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "tabs-example": {
+      name: "tabs-example",
+      title: "Tabs",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "dropdown-menu", "tabs", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/tabs-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "textarea-example": {
+      name: "textarea-example",
+      title: "Textarea",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["field", "textarea", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/textarea-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toggle-example": {
+      name: "toggle-example",
+      title: "Toggle",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["toggle", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/toggle-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "toggle-group-example": {
+      name: "toggle-group-example",
+      title: "Toggle Group",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["input", "select", "toggle-group", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/toggle-group-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "tooltip-example": {
+      name: "tooltip-example",
+      title: "Tooltip",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["button", "kbd", "tooltip", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/tooltip-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    demo: {
+      name: "demo",
+      title: "Demo",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "alert-dialog",
+        "badge",
+        "button",
+        "button-group",
+        "card",
+        "checkbox",
+        "dropdown-menu",
+        "field",
+        "input-group",
+        "item",
+        "radio-group",
+        "slider",
+        "switch",
+        "textarea",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/demo.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "component-example": {
+      name: "component-example",
+      title: "Example",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "alert-dialog",
+        "badge",
+        "button",
+        "card",
+        "combobox",
+        "dropdown-menu",
+        "field",
+        "input",
+        "select",
+        "textarea",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/component-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "attachment-example": {
+      name: "attachment-example",
+      title: "Attachment",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["attachment"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/attachment-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "bubble-example": {
+      name: "bubble-example",
+      title: "Bubble",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["bubble", "button", "collapsible", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/bubble-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-scroller-example": {
+      name: "message-scroller-example",
+      title: "Message Scroller",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "attachment",
+        "bubble",
+        "button",
+        "card",
+        "example",
+        "input-group",
+        "marker",
+        "message",
+        "message-scroller",
+        "spinner",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/message-scroller-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "questionnaire-example": {
+      name: "questionnaire-example",
+      title: "Questionnaire",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "button",
+        "card",
+        "dialog",
+        "example",
+        "questionnaire",
+        "sonner",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/questionnaire-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "marker-example": {
+      name: "marker-example",
+      title: "Marker",
+      description: "",
+      type: "registry:example",
+      registryDependencies: [
+        "marker",
+        "button",
+        "collapsible",
+        "drawer",
+        "spinner",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/examples/marker-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "message-example": {
+      name: "message-example",
+      title: "Message",
+      description: "",
+      type: "registry:example",
+      registryDependencies: ["bubble", "message", "button", "example"],
+      files: [
+        {
+          path: "registry/bases/radix/examples/message-example.tsx",
+          type: "registry:example",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    utils: {
+      name: "utils",
+      title: "undefined",
+      description: "",
+      type: "registry:lib",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/lib/utils.ts",
+          type: "registry:lib",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    example: {
+      name: "example",
+      title: "Example",
+      description: "",
+      type: "registry:component",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/components/example.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    preview: {
+      name: "preview",
+      title: "Preview",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [
+        "alert-dialog",
+        "avatar",
+        "badge",
+        "button",
+        "button-group",
+        "card",
+        "checkbox",
+        "combobox",
+        "dropdown-menu",
+        "empty",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "label",
+        "popover",
+        "radio-group",
+        "select",
+        "separator",
+        "sheet",
+        "slider",
+        "spinner",
+        "switch",
+        "textarea",
+        "tooltip",
+        "example",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/preview/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "preview-02": {
+      name: "preview-02",
+      title: "Preview 02",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [
+        "accordion",
+        "badge",
+        "breadcrumb",
+        "button",
+        "calendar",
+        "card",
+        "chart",
+        "checkbox",
+        "combobox",
+        "dropdown-menu",
+        "empty",
+        "field",
+        "input",
+        "input-group",
+        "item",
+        "label",
+        "native-select",
+        "progress",
+        "radio-group",
+        "select",
+        "separator",
+        "sidebar",
+        "skeleton",
+        "slider",
+        "spinner",
+        "switch",
+        "table",
+        "tabs",
+        "textarea",
+        "toggle-group",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/preview-02/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "preview-03": {
+      name: "preview-03",
+      title: "Preview 03",
+      description: "",
+      type: "registry:block",
+      registryDependencies: [],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/preview-03/index.tsx",
+          type: "registry:block",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+    "login-01": {
+      name: "login-01",
+      title: "Login 01",
+      description: "A simple login form.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/login-01/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/login-01/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-02": {
+      name: "login-02",
+      title: "Login 02",
+      description: "A two column login page with a cover image.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/login-02/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/login-02/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-03": {
+      name: "login-03",
+      title: "Login 03",
+      description: "A login page with a muted background color.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/login-03/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/login-03/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-04": {
+      name: "login-04",
+      title: "Login 04",
+      description: "A login page with form and image.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/login-04/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/login-04/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "login-05": {
+      name: "login-05",
+      title: "Login 05",
+      description: "A simple email-only login page.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/login-05/page.tsx",
+          type: "registry:page",
+          target: "app/login/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/login-05/components/login-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "login"],
+      meta: undefined,
+    },
+    "signup-01": {
+      name: "signup-01",
+      title: "Signup 01",
+      description: "A simple signup form.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/signup-01/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/signup-01/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-02": {
+      name: "signup-02",
+      title: "Signup 02",
+      description: "A two column signup page with a cover image.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/signup-02/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/signup-02/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-03": {
+      name: "signup-03",
+      title: "Signup 03",
+      description: "A signup page with a muted background color.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/signup-03/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/signup-03/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-04": {
+      name: "signup-04",
+      title: "Signup 04",
+      description: "A signup page with form and image.",
+      type: "registry:block",
+      registryDependencies: ["button", "card", "input", "label", "field"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/signup-04/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/signup-04/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "signup-05": {
+      name: "signup-05",
+      title: "Signup 05",
+      description: "A simple signup form with social providers.",
+      type: "registry:block",
+      registryDependencies: ["button", "input", "label"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/signup-05/page.tsx",
+          type: "registry:page",
+          target: "app/signup/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/signup-05/components/signup-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["authentication", "signup"],
+      meta: undefined,
+    },
+    "dashboard-01": {
+      name: "dashboard-01",
+      title: "Dashboard 01",
+      description: "A dashboard with sidebar, charts and data table.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "chart",
+        "card",
+        "select",
+        "tabs",
+        "table",
+        "toggle-group",
+        "badge",
+        "button",
+        "checkbox",
+        "dropdown-menu",
+        "drawer",
+        "input",
+        "avatar",
+        "sheet",
+        "sonner",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/data.json",
+          type: "registry:file",
+          target: "app/dashboard/data.json",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/chart-area-interactive.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/data-table.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/nav-documents.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/section-cards.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/dashboard-01/components/site-header.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["dashboard"],
+      meta: { iframeHeight: "1000px" },
+    },
+    "sidebar-01": {
+      name: "sidebar-01",
+      title: "Sidebar 01",
+      description: "A simple sidebar with navigation grouped by section.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-01/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-01/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-01/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-01/components/version-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-02": {
+      name: "sidebar-02",
+      title: "Sidebar 02",
+      description: "A sidebar with collapsible sections.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-02/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-02/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-02/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-02/components/version-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-03": {
+      name: "sidebar-03",
+      title: "Sidebar 03",
+      description: "A sidebar with submenus.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-03/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-03/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-04": {
+      name: "sidebar-04",
+      title: "Sidebar 04",
+      description: "A floating sidebar with submenus.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb", "separator"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-04/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-04/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-05": {
+      name: "sidebar-05",
+      title: "Sidebar 05",
+      description: "A sidebar with collapsible submenus.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "label",
+        "collapsible",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-05/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-05/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-05/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-06": {
+      name: "sidebar-06",
+      title: "Sidebar 06",
+      description: "A sidebar with submenus as dropdowns.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "card",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-06/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-06/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-06/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-06/components/sidebar-opt-in-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-07": {
+      name: "sidebar-07",
+      title: "Sidebar 07",
+      description: "A sidebar that collapses to icons.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-07/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-07/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-07/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-07/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-07/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-07/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-08": {
+      name: "sidebar-08",
+      title: "Sidebar 08",
+      description: "An inset sidebar with secondary navigation.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-08/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-08/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-08/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-08/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-08/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-08/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-09": {
+      name: "sidebar-09",
+      title: "Sidebar 09",
+      description: "Collapsible nested sidebars.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+        "switch",
+        "label",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-09/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-09/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-09/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-10": {
+      name: "sidebar-10",
+      title: "Sidebar 10",
+      description: "A sidebar in a popover.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "popover",
+        "collapsible",
+        "dropdown-menu",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/nav-actions.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/nav-favorites.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/nav-workspaces.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-10/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-11": {
+      name: "sidebar-11",
+      title: "Sidebar 11",
+      description: "A sidebar with a collapsible file tree.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-11/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-11/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-12": {
+      name: "sidebar-12",
+      title: "Sidebar 12",
+      description: "A sidebar with a calendar.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "calendar",
+        "dropdown-menu",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-12/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-12/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-12/components/calendars.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-12/components/date-picker.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-12/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-13": {
+      name: "sidebar-13",
+      title: "Sidebar 13",
+      description: "A sidebar in a dialog.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb", "button", "dialog"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-13/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-13/components/settings-dialog.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-14": {
+      name: "sidebar-14",
+      title: "Sidebar 14",
+      description: "A sidebar on the right.",
+      type: "registry:block",
+      registryDependencies: ["sidebar", "breadcrumb"],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-14/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-14/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-15": {
+      name: "sidebar-15",
+      title: "Sidebar 15",
+      description: "A left and right sidebar.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "popover",
+        "collapsible",
+        "dropdown-menu",
+        "calendar",
+        "avatar",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/calendars.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/date-picker.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/nav-favorites.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/nav-workspaces.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/sidebar-left.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/sidebar-right.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-15/components/team-switcher.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "sidebar-16": {
+      name: "sidebar-16",
+      title: "Sidebar 16",
+      description: "A sidebar with a sticky site header.",
+      type: "registry:block",
+      registryDependencies: [
+        "sidebar",
+        "breadcrumb",
+        "separator",
+        "collapsible",
+        "dropdown-menu",
+        "avatar",
+        "button",
+        "label",
+      ],
+      files: [
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/page.tsx",
+          type: "registry:page",
+          target: "app/dashboard/page.tsx",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/app-sidebar.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/nav-main.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/nav-projects.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/nav-secondary.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/nav-user.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/search-form.tsx",
+          type: "registry:component",
+          target: "",
+        },
+        {
+          path: "registry/bases/radix/blocks/sidebar-16/components/site-header.tsx",
+          type: "registry:component",
+          target: "",
+        },
+      ],
+      categories: ["sidebar", "dashboard"],
+      meta: undefined,
+    },
+    "use-mobile": {
+      name: "use-mobile",
+      title: "undefined",
+      description: "",
+      type: "registry:hook",
+      registryDependencies: undefined,
+      files: [
+        {
+          path: "registry/bases/radix/hooks/use-mobile.ts",
+          type: "registry:hook",
+          target: "",
+        },
+      ],
+      categories: undefined,
+      meta: undefined,
+    },
+  },
+}