shadcn-ui/apps/v4/registry/__components__.tsx

// @ts-nocheck
// This file is autogenerated by scripts/build-registry.ts
// Do not edit this file directly.
import "server-only"

import * as React from "react"

export const Components: Record<string, Record<string, any>> = {
  "new-york-v4": {
    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] }
    }),
  },
  "base-nova": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/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("@/styles/base-nova/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-nova/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-nova/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("@/styles/base-nova/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-nova": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/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("@/styles/radix-nova/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-nova/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("@/styles/radix-nova/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-vega": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/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("@/styles/radix-vega/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-vega/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("@/styles/radix-vega/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-maia": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/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("@/styles/radix-maia/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-maia/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("@/styles/radix-maia/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-lyra": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/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("@/styles/radix-lyra/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-lyra/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("@/styles/radix-lyra/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-mira": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/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("@/styles/radix-mira/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-mira/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("@/styles/radix-mira/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-luma": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/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("@/styles/radix-luma/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-luma/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("@/styles/radix-luma/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-sera": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/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("@/styles/radix-sera/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-sera/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("@/styles/radix-sera/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "radix-rhea": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/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("@/styles/radix-rhea/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/radix-rhea/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("@/styles/radix-rhea/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-vega": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/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("@/styles/base-vega/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-vega/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-vega/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("@/styles/base-vega/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-maia": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/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("@/styles/base-maia/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-maia/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-maia/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("@/styles/base-maia/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-lyra": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/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("@/styles/base-lyra/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-lyra/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("@/styles/base-lyra/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-mira": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/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("@/styles/base-mira/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-mira/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-mira/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("@/styles/base-mira/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-luma": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/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("@/styles/base-luma/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-luma/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-luma/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("@/styles/base-luma/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-sera": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/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("@/styles/base-sera/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-sera/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-sera/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("@/styles/base-sera/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
  "base-rhea": {
    accordion: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/accordion")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion"
      return { default: mod.default || mod[exportName] }
    }),
    alert: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/alert")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/alert-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/aspect-ratio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio"
      return { default: mod.default || mod[exportName] }
    }),
    avatar: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar"
      return { default: mod.default || mod[exportName] }
    }),
    badge: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge"
      return { default: mod.default || mod[exportName] }
    }),
    breadcrumb: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/breadcrumb")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb"
      return { default: mod.default || mod[exportName] }
    }),
    button: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group"
      return { default: mod.default || mod[exportName] }
    }),
    calendar: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/calendar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar"
      return { default: mod.default || mod[exportName] }
    }),
    card: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card"
      return { default: mod.default || mod[exportName] }
    }),
    carousel: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/carousel")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel"
      return { default: mod.default || mod[exportName] }
    }),
    chart: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/chart")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart"
      return { default: mod.default || mod[exportName] }
    }),
    checkbox: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    collapsible: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    combobox: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/combobox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox"
      return { default: mod.default || mod[exportName] }
    }),
    command: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/command")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/context-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu"
      return { default: mod.default || mod[exportName] }
    }),
    dialog: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog"
      return { default: mod.default || mod[exportName] }
    }),
    drawer: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/drawer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/dropdown-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu"
      return { default: mod.default || mod[exportName] }
    }),
    empty: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty"
      return { default: mod.default || mod[exportName] }
    }),
    field: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/hover-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card"
      return { default: mod.default || mod[exportName] }
    }),
    input: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/input-otp")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp"
      return { default: mod.default || mod[exportName] }
    }),
    item: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item"
      return { default: mod.default || mod[exportName] }
    }),
    label: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label"
      return { default: mod.default || mod[exportName] }
    }),
    menubar: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/menubar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/navigation-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu"
      return { default: mod.default || mod[exportName] }
    }),
    pagination: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/pagination")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination"
      return { default: mod.default || mod[exportName] }
    }),
    popover: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover"
      return { default: mod.default || mod[exportName] }
    }),
    progress: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/progress")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    resizable: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/resizable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/scroll-area")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area"
      return { default: mod.default || mod[exportName] }
    }),
    select: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select"
      return { default: mod.default || mod[exportName] }
    }),
    separator: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator"
      return { default: mod.default || mod[exportName] }
    }),
    sheet: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/sheet")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet"
      return { default: mod.default || mod[exportName] }
    }),
    sidebar: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/sidebar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar"
      return { default: mod.default || mod[exportName] }
    }),
    skeleton: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/skeleton")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton"
      return { default: mod.default || mod[exportName] }
    }),
    slider: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider"
      return { default: mod.default || mod[exportName] }
    }),
    sonner: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/sonner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner"
      return { default: mod.default || mod[exportName] }
    }),
    spinner: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner"
      return { default: mod.default || mod[exportName] }
    }),
    switch: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch"
      return { default: mod.default || mod[exportName] }
    }),
    table: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table"
      return { default: mod.default || mod[exportName] }
    }),
    tabs: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/tabs")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs"
      return { default: mod.default || mod[exportName] }
    }),
    textarea: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea"
      return { default: mod.default || mod[exportName] }
    }),
    toggle: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/toggle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/toggle-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group"
      return { default: mod.default || mod[exportName] }
    }),
    tooltip: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    kbd: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/native-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select"
      return { default: mod.default || mod[exportName] }
    }),
    direction: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/ui/direction")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "direction"
      return { default: mod.default || mod[exportName] }
    }),
    attachment: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/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("@/styles/base-rhea/ui/bubble")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "bubble"
      return { default: mod.default || mod[exportName] }
    }),
    "message-scroller": React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/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] }
    }),
    marker: React.lazy(async () => {
      const mod = await import("@/styles/base-rhea/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("@/styles/base-rhea/ui/message")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "message"
      return { default: mod.default || mod[exportName] }
    }),
  },
}