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

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

import * as React from "react"

export const ExamplesComponents: Record<string, Record<string, any>> = {
  radix: {
    "accordion-basic": React.lazy(async () => {
      const mod = await import("./radix/accordion-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-borders": React.lazy(async () => {
      const mod = await import("./radix/accordion-borders")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-borders"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-card": React.lazy(async () => {
      const mod = await import("./radix/accordion-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-card"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-demo": React.lazy(async () => {
      const mod = await import("./radix/accordion-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-disabled": React.lazy(async () => {
      const mod = await import("./radix/accordion-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-multiple": React.lazy(async () => {
      const mod = await import("./radix/accordion-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-rtl": React.lazy(async () => {
      const mod = await import("./radix/accordion-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-action": React.lazy(async () => {
      const mod = await import("./radix/alert-action")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-action"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-basic": React.lazy(async () => {
      const mod = await import("./radix/alert-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-colors": React.lazy(async () => {
      const mod = await import("./radix/alert-colors")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-colors"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-demo": React.lazy(async () => {
      const mod = await import("./radix/alert-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-destructive": React.lazy(async () => {
      const mod = await import("./radix/alert-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-basic": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-demo": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-destructive": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-media": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-media")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-media"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-rtl": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-small-media": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-small-media")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-small-media"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-small": React.lazy(async () => {
      const mod = await import("./radix/alert-dialog-small")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-small"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-rtl": React.lazy(async () => {
      const mod = await import("./radix/alert-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-demo": React.lazy(async () => {
      const mod = await import("./radix/aspect-ratio-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-portrait": React.lazy(async () => {
      const mod = await import("./radix/aspect-ratio-portrait")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-portrait"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-rtl": React.lazy(async () => {
      const mod = await import("./radix/aspect-ratio-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-square": React.lazy(async () => {
      const mod = await import("./radix/aspect-ratio-square")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-square"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-badge-icon": React.lazy(async () => {
      const mod = await import("./radix/avatar-badge-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-badge-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-badge": React.lazy(async () => {
      const mod = await import("./radix/avatar-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-basic": React.lazy(async () => {
      const mod = await import("./radix/avatar-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-demo": React.lazy(async () => {
      const mod = await import("./radix/avatar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-dropdown": React.lazy(async () => {
      const mod = await import("./radix/avatar-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-group-count-icon": React.lazy(async () => {
      const mod = await import("./radix/avatar-group-count-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-group-count-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-group-count": React.lazy(async () => {
      const mod = await import("./radix/avatar-group-count")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-group-count"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-group": React.lazy(async () => {
      const mod = await import("./radix/avatar-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-group"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-rtl": React.lazy(async () => {
      const mod = await import("./radix/avatar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-size": React.lazy(async () => {
      const mod = await import("./radix/avatar-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-size"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-colors": React.lazy(async () => {
      const mod = await import("./radix/badge-colors")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-colors"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-demo": React.lazy(async () => {
      const mod = await import("./radix/badge-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-icon": React.lazy(async () => {
      const mod = await import("./radix/badge-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-link": React.lazy(async () => {
      const mod = await import("./radix/badge-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-link"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-rtl": React.lazy(async () => {
      const mod = await import("./radix/badge-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-spinner": React.lazy(async () => {
      const mod = await import("./radix/badge-spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-spinner"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-variants": React.lazy(async () => {
      const mod = await import("./radix/badge-variants")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-variants"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-basic": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-demo": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-dropdown": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-ellipsis": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-ellipsis")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-ellipsis"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-link": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-link"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-rtl": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-separator": React.lazy(async () => {
      const mod = await import("./radix/breadcrumb-separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-separator"
      return { default: mod.default || mod[exportName] }
    }),
    "button-aschild": React.lazy(async () => {
      const mod = await import("./radix/button-aschild")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-aschild"
      return { default: mod.default || mod[exportName] }
    }),
    "button-default": React.lazy(async () => {
      const mod = await import("./radix/button-default")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-default"
      return { default: mod.default || mod[exportName] }
    }),
    "button-demo": React.lazy(async () => {
      const mod = await import("./radix/button-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "button-destructive": React.lazy(async () => {
      const mod = await import("./radix/button-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "button-ghost": React.lazy(async () => {
      const mod = await import("./radix/button-ghost")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-ghost"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-demo": React.lazy(async () => {
      const mod = await import("./radix/button-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-dropdown": React.lazy(async () => {
      const mod = await import("./radix/button-group-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-input-group": React.lazy(async () => {
      const mod = await import("./radix/button-group-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-input": React.lazy(async () => {
      const mod = await import("./radix/button-group-input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-input"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-nested": React.lazy(async () => {
      const mod = await import("./radix/button-group-nested")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-nested"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-orientation": React.lazy(async () => {
      const mod = await import("./radix/button-group-orientation")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-orientation"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-popover": React.lazy(async () => {
      const mod = await import("./radix/button-group-popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-popover"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-rtl": React.lazy(async () => {
      const mod = await import("./radix/button-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-select": React.lazy(async () => {
      const mod = await import("./radix/button-group-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-select"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-separator": React.lazy(async () => {
      const mod = await import("./radix/button-group-separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-separator"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-size": React.lazy(async () => {
      const mod = await import("./radix/button-group-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-size"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-split": React.lazy(async () => {
      const mod = await import("./radix/button-group-split")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-split"
      return { default: mod.default || mod[exportName] }
    }),
    "button-icon": React.lazy(async () => {
      const mod = await import("./radix/button-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "button-link": React.lazy(async () => {
      const mod = await import("./radix/button-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-link"
      return { default: mod.default || mod[exportName] }
    }),
    "button-outline": React.lazy(async () => {
      const mod = await import("./radix/button-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "button-rounded": React.lazy(async () => {
      const mod = await import("./radix/button-rounded")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-rounded"
      return { default: mod.default || mod[exportName] }
    }),
    "button-rtl": React.lazy(async () => {
      const mod = await import("./radix/button-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "button-secondary": React.lazy(async () => {
      const mod = await import("./radix/button-secondary")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-secondary"
      return { default: mod.default || mod[exportName] }
    }),
    "button-size": React.lazy(async () => {
      const mod = await import("./radix/button-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-size"
      return { default: mod.default || mod[exportName] }
    }),
    "button-spinner": React.lazy(async () => {
      const mod = await import("./radix/button-spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-spinner"
      return { default: mod.default || mod[exportName] }
    }),
    "button-with-icon": React.lazy(async () => {
      const mod = await import("./radix/button-with-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-with-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-basic": React.lazy(async () => {
      const mod = await import("./radix/calendar-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-booked-dates": React.lazy(async () => {
      const mod = await import("./radix/calendar-booked-dates")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-booked-dates"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-caption": React.lazy(async () => {
      const mod = await import("./radix/calendar-caption")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-caption"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-custom-days": React.lazy(async () => {
      const mod = await import("./radix/calendar-custom-days")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-custom-days"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-demo": React.lazy(async () => {
      const mod = await import("./radix/calendar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-hijri": React.lazy(async () => {
      const mod = await import("./radix/calendar-hijri")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-hijri"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-multiple": React.lazy(async () => {
      const mod = await import("./radix/calendar-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-presets": React.lazy(async () => {
      const mod = await import("./radix/calendar-presets")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-presets"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-range": React.lazy(async () => {
      const mod = await import("./radix/calendar-range")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-range"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-rtl": React.lazy(async () => {
      const mod = await import("./radix/calendar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-time": React.lazy(async () => {
      const mod = await import("./radix/calendar-time")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-time"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-week-numbers": React.lazy(async () => {
      const mod = await import("./radix/calendar-week-numbers")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-week-numbers"
      return { default: mod.default || mod[exportName] }
    }),
    "card-demo": React.lazy(async () => {
      const mod = await import("./radix/card-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "card-edge-to-edge": React.lazy(async () => {
      const mod = await import("./radix/card-edge-to-edge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-edge-to-edge"
      return { default: mod.default || mod[exportName] }
    }),
    "card-image": React.lazy(async () => {
      const mod = await import("./radix/card-image")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-image"
      return { default: mod.default || mod[exportName] }
    }),
    "card-rtl": React.lazy(async () => {
      const mod = await import("./radix/card-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "card-small": React.lazy(async () => {
      const mod = await import("./radix/card-small")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-small"
      return { default: mod.default || mod[exportName] }
    }),
    "card-spacing": React.lazy(async () => {
      const mod = await import("./radix/card-spacing")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-spacing"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-api": React.lazy(async () => {
      const mod = await import("./radix/carousel-api")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-api"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-demo": React.lazy(async () => {
      const mod = await import("./radix/carousel-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-multiple": React.lazy(async () => {
      const mod = await import("./radix/carousel-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-orientation": React.lazy(async () => {
      const mod = await import("./radix/carousel-orientation")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-orientation"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-plugin": React.lazy(async () => {
      const mod = await import("./radix/carousel-plugin")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-plugin"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-rtl": React.lazy(async () => {
      const mod = await import("./radix/carousel-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-size": React.lazy(async () => {
      const mod = await import("./radix/carousel-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-size"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-spacing": React.lazy(async () => {
      const mod = await import("./radix/carousel-spacing")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-spacing"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-demo": React.lazy(async () => {
      const mod = await import("./radix/chart-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-axis": React.lazy(async () => {
      const mod = await import("./radix/chart-example-axis")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-axis"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-grid": React.lazy(async () => {
      const mod = await import("./radix/chart-example-grid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-grid"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-legend": React.lazy(async () => {
      const mod = await import("./radix/chart-example-legend")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-legend"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-tooltip": React.lazy(async () => {
      const mod = await import("./radix/chart-example-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example": React.lazy(async () => {
      const mod = await import("./radix/chart-example")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-rtl": React.lazy(async () => {
      const mod = await import("./radix/chart-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-tooltip": React.lazy(async () => {
      const mod = await import("./radix/chart-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-basic": React.lazy(async () => {
      const mod = await import("./radix/checkbox-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-demo": React.lazy(async () => {
      const mod = await import("./radix/checkbox-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-description": React.lazy(async () => {
      const mod = await import("./radix/checkbox-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-description"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-disabled": React.lazy(async () => {
      const mod = await import("./radix/checkbox-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-group": React.lazy(async () => {
      const mod = await import("./radix/checkbox-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-group"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-invalid": React.lazy(async () => {
      const mod = await import("./radix/checkbox-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-rtl": React.lazy(async () => {
      const mod = await import("./radix/checkbox-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-table": React.lazy(async () => {
      const mod = await import("./radix/checkbox-table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-table"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-basic": React.lazy(async () => {
      const mod = await import("./radix/collapsible-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-demo": React.lazy(async () => {
      const mod = await import("./radix/collapsible-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-file-tree": React.lazy(async () => {
      const mod = await import("./radix/collapsible-file-tree")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-file-tree"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-rtl": React.lazy(async () => {
      const mod = await import("./radix/collapsible-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-settings": React.lazy(async () => {
      const mod = await import("./radix/collapsible-settings")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-settings"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-auto-highlight": React.lazy(async () => {
      const mod = await import("./radix/combobox-auto-highlight")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-auto-highlight"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-basic": React.lazy(async () => {
      const mod = await import("./radix/combobox-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-clear": React.lazy(async () => {
      const mod = await import("./radix/combobox-clear")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-clear"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-custom": React.lazy(async () => {
      const mod = await import("./radix/combobox-custom")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-custom"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-demo": React.lazy(async () => {
      const mod = await import("./radix/combobox-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-disabled": React.lazy(async () => {
      const mod = await import("./radix/combobox-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-groups": React.lazy(async () => {
      const mod = await import("./radix/combobox-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-input-group": React.lazy(async () => {
      const mod = await import("./radix/combobox-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-invalid": React.lazy(async () => {
      const mod = await import("./radix/combobox-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-multiple": React.lazy(async () => {
      const mod = await import("./radix/combobox-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-popup": React.lazy(async () => {
      const mod = await import("./radix/combobox-popup")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-popup"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-rtl": React.lazy(async () => {
      const mod = await import("./radix/combobox-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "command-basic": React.lazy(async () => {
      const mod = await import("./radix/command-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "command-demo": React.lazy(async () => {
      const mod = await import("./radix/command-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "command-dialog": React.lazy(async () => {
      const mod = await import("./radix/command-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "command-groups": React.lazy(async () => {
      const mod = await import("./radix/command-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "command-rtl": React.lazy(async () => {
      const mod = await import("./radix/command-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "command-scrollable": React.lazy(async () => {
      const mod = await import("./radix/command-scrollable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-scrollable"
      return { default: mod.default || mod[exportName] }
    }),
    "command-shortcuts": React.lazy(async () => {
      const mod = await import("./radix/command-shortcuts")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-shortcuts"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-basic": React.lazy(async () => {
      const mod = await import("./radix/context-menu-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-checkboxes": React.lazy(async () => {
      const mod = await import("./radix/context-menu-checkboxes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-checkboxes"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-demo": React.lazy(async () => {
      const mod = await import("./radix/context-menu-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-destructive": React.lazy(async () => {
      const mod = await import("./radix/context-menu-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-groups": React.lazy(async () => {
      const mod = await import("./radix/context-menu-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-icons": React.lazy(async () => {
      const mod = await import("./radix/context-menu-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-radio": React.lazy(async () => {
      const mod = await import("./radix/context-menu-radio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-radio"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-rtl": React.lazy(async () => {
      const mod = await import("./radix/context-menu-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-shortcuts": React.lazy(async () => {
      const mod = await import("./radix/context-menu-shortcuts")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-shortcuts"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-sides": React.lazy(async () => {
      const mod = await import("./radix/context-menu-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-submenu": React.lazy(async () => {
      const mod = await import("./radix/context-menu-submenu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-submenu"
      return { default: mod.default || mod[exportName] }
    }),
    "data-picker-with-dropdowns": React.lazy(async () => {
      const mod = await import("./radix/data-picker-with-dropdowns")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "data-picker-with-dropdowns"
      return { default: mod.default || mod[exportName] }
    }),
    "data-table-demo": React.lazy(async () => {
      const mod = await import("./radix/data-table-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "data-table-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "data-table-rtl": React.lazy(async () => {
      const mod = await import("./radix/data-table-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "data-table-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-basic": React.lazy(async () => {
      const mod = await import("./radix/date-picker-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-demo": React.lazy(async () => {
      const mod = await import("./radix/date-picker-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-dob": React.lazy(async () => {
      const mod = await import("./radix/date-picker-dob")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-dob"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-input": React.lazy(async () => {
      const mod = await import("./radix/date-picker-input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-input"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-natural-language": React.lazy(async () => {
      const mod = await import("./radix/date-picker-natural-language")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-natural-language"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-range": React.lazy(async () => {
      const mod = await import("./radix/date-picker-range")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-range"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-rtl": React.lazy(async () => {
      const mod = await import("./radix/date-picker-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-time": React.lazy(async () => {
      const mod = await import("./radix/date-picker-time")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-time"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-close-button": React.lazy(async () => {
      const mod = await import("./radix/dialog-close-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-close-button"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-demo": React.lazy(async () => {
      const mod = await import("./radix/dialog-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-no-close-button": React.lazy(async () => {
      const mod = await import("./radix/dialog-no-close-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-no-close-button"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-rtl": React.lazy(async () => {
      const mod = await import("./radix/dialog-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-scrollable-content": React.lazy(async () => {
      const mod = await import("./radix/dialog-scrollable-content")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-scrollable-content"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-sticky-footer": React.lazy(async () => {
      const mod = await import("./radix/dialog-sticky-footer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-sticky-footer"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-demo": React.lazy(async () => {
      const mod = await import("./radix/drawer-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-dialog": React.lazy(async () => {
      const mod = await import("./radix/drawer-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-rtl": React.lazy(async () => {
      const mod = await import("./radix/drawer-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-scrollable-content": React.lazy(async () => {
      const mod = await import("./radix/drawer-scrollable-content")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-scrollable-content"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-sides": React.lazy(async () => {
      const mod = await import("./radix/drawer-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-avatar": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-basic": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-checkboxes-icons": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-checkboxes-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-checkboxes-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-checkboxes": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-checkboxes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-checkboxes"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-complex": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-complex")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-complex"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-demo": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-destructive": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-icons": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-radio-group": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-radio-icons": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-radio-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-radio-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-rtl": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-shortcuts": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-shortcuts")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-shortcuts"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-submenu": React.lazy(async () => {
      const mod = await import("./radix/dropdown-menu-submenu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-submenu"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-avatar-group": React.lazy(async () => {
      const mod = await import("./radix/empty-avatar-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-avatar-group"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-avatar": React.lazy(async () => {
      const mod = await import("./radix/empty-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-background": React.lazy(async () => {
      const mod = await import("./radix/empty-background")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-background"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-card": React.lazy(async () => {
      const mod = await import("./radix/empty-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-card"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-demo": React.lazy(async () => {
      const mod = await import("./radix/empty-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-input-group": React.lazy(async () => {
      const mod = await import("./radix/empty-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-outline": React.lazy(async () => {
      const mod = await import("./radix/empty-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-rtl": React.lazy(async () => {
      const mod = await import("./radix/empty-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "field-checkbox": React.lazy(async () => {
      const mod = await import("./radix/field-checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    "field-choice-card": React.lazy(async () => {
      const mod = await import("./radix/field-choice-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-choice-card"
      return { default: mod.default || mod[exportName] }
    }),
    "field-demo": React.lazy(async () => {
      const mod = await import("./radix/field-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "field-fieldset": React.lazy(async () => {
      const mod = await import("./radix/field-fieldset")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-fieldset"
      return { default: mod.default || mod[exportName] }
    }),
    "field-group": React.lazy(async () => {
      const mod = await import("./radix/field-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-group"
      return { default: mod.default || mod[exportName] }
    }),
    "field-input": React.lazy(async () => {
      const mod = await import("./radix/field-input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-input"
      return { default: mod.default || mod[exportName] }
    }),
    "field-radio": React.lazy(async () => {
      const mod = await import("./radix/field-radio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-radio"
      return { default: mod.default || mod[exportName] }
    }),
    "field-responsive": React.lazy(async () => {
      const mod = await import("./radix/field-responsive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-responsive"
      return { default: mod.default || mod[exportName] }
    }),
    "field-rtl": React.lazy(async () => {
      const mod = await import("./radix/field-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "field-select": React.lazy(async () => {
      const mod = await import("./radix/field-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-select"
      return { default: mod.default || mod[exportName] }
    }),
    "field-slider": React.lazy(async () => {
      const mod = await import("./radix/field-slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-slider"
      return { default: mod.default || mod[exportName] }
    }),
    "field-switch": React.lazy(async () => {
      const mod = await import("./radix/field-switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-switch"
      return { default: mod.default || mod[exportName] }
    }),
    "field-textarea": React.lazy(async () => {
      const mod = await import("./radix/field-textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-textarea"
      return { default: mod.default || mod[exportName] }
    }),
    "file-upload-list": React.lazy(async () => {
      const mod = await import("./radix/file-upload-list")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "file-upload-list"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card-demo": React.lazy(async () => {
      const mod = await import("./radix/hover-card-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card-rtl": React.lazy(async () => {
      const mod = await import("./radix/hover-card-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card-sides": React.lazy(async () => {
      const mod = await import("./radix/hover-card-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "input-badge": React.lazy(async () => {
      const mod = await import("./radix/input-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "input-basic": React.lazy(async () => {
      const mod = await import("./radix/input-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "input-button-group": React.lazy(async () => {
      const mod = await import("./radix/input-button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-button-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-demo": React.lazy(async () => {
      const mod = await import("./radix/input-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "input-disabled": React.lazy(async () => {
      const mod = await import("./radix/input-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "input-field": React.lazy(async () => {
      const mod = await import("./radix/input-field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-field"
      return { default: mod.default || mod[exportName] }
    }),
    "input-fieldgroup": React.lazy(async () => {
      const mod = await import("./radix/input-fieldgroup")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-fieldgroup"
      return { default: mod.default || mod[exportName] }
    }),
    "input-file": React.lazy(async () => {
      const mod = await import("./radix/input-file")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-file"
      return { default: mod.default || mod[exportName] }
    }),
    "input-form": React.lazy(async () => {
      const mod = await import("./radix/input-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-form"
      return { default: mod.default || mod[exportName] }
    }),
    "input-grid": React.lazy(async () => {
      const mod = await import("./radix/input-grid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-grid"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-basic": React.lazy(async () => {
      const mod = await import("./radix/input-group-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-block-end": React.lazy(async () => {
      const mod = await import("./radix/input-group-block-end")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-block-end"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-block-start": React.lazy(async () => {
      const mod = await import("./radix/input-group-block-start")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-block-start"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-button-group": React.lazy(async () => {
      const mod = await import("./radix/input-group-button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-button-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-button": React.lazy(async () => {
      const mod = await import("./radix/input-group-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-button"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-custom": React.lazy(async () => {
      const mod = await import("./radix/input-group-custom")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-custom"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-demo": React.lazy(async () => {
      const mod = await import("./radix/input-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-dropdown": React.lazy(async () => {
      const mod = await import("./radix/input-group-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-icon": React.lazy(async () => {
      const mod = await import("./radix/input-group-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-in-card": React.lazy(async () => {
      const mod = await import("./radix/input-group-in-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-in-card"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-inline-end": React.lazy(async () => {
      const mod = await import("./radix/input-group-inline-end")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-inline-end"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-inline-start": React.lazy(async () => {
      const mod = await import("./radix/input-group-inline-start")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-inline-start"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-kbd": React.lazy(async () => {
      const mod = await import("./radix/input-group-kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-label": React.lazy(async () => {
      const mod = await import("./radix/input-group-label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-label"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-rtl": React.lazy(async () => {
      const mod = await import("./radix/input-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-spinner": React.lazy(async () => {
      const mod = await import("./radix/input-group-spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-spinner"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-text": React.lazy(async () => {
      const mod = await import("./radix/input-group-text")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-text"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-textarea-examples": React.lazy(async () => {
      const mod = await import("./radix/input-group-textarea-examples")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-textarea-examples"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-textarea": React.lazy(async () => {
      const mod = await import("./radix/input-group-textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-textarea"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-tooltip": React.lazy(async () => {
      const mod = await import("./radix/input-group-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-addons": React.lazy(async () => {
      const mod = await import("./radix/input-group-with-addons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-addons"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-buttons": React.lazy(async () => {
      const mod = await import("./radix/input-group-with-buttons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-buttons"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-kbd": React.lazy(async () => {
      const mod = await import("./radix/input-group-with-kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-tooltip": React.lazy(async () => {
      const mod = await import("./radix/input-group-with-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "input-inline": React.lazy(async () => {
      const mod = await import("./radix/input-inline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-inline"
      return { default: mod.default || mod[exportName] }
    }),
    "input-input-group": React.lazy(async () => {
      const mod = await import("./radix/input-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-invalid": React.lazy(async () => {
      const mod = await import("./radix/input-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-alphanumeric": React.lazy(async () => {
      const mod = await import("./radix/input-otp-alphanumeric")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-alphanumeric"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-controlled": React.lazy(async () => {
      const mod = await import("./radix/input-otp-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-demo": React.lazy(async () => {
      const mod = await import("./radix/input-otp-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-disabled": React.lazy(async () => {
      const mod = await import("./radix/input-otp-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-form": React.lazy(async () => {
      const mod = await import("./radix/input-otp-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-form"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-four-digits": React.lazy(async () => {
      const mod = await import("./radix/input-otp-four-digits")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-four-digits"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-invalid": React.lazy(async () => {
      const mod = await import("./radix/input-otp-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-pattern": React.lazy(async () => {
      const mod = await import("./radix/input-otp-pattern")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-pattern"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-rtl": React.lazy(async () => {
      const mod = await import("./radix/input-otp-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-separator": React.lazy(async () => {
      const mod = await import("./radix/input-otp-separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-separator"
      return { default: mod.default || mod[exportName] }
    }),
    "input-required": React.lazy(async () => {
      const mod = await import("./radix/input-required")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-required"
      return { default: mod.default || mod[exportName] }
    }),
    "input-rtl": React.lazy(async () => {
      const mod = await import("./radix/input-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "item-avatar": React.lazy(async () => {
      const mod = await import("./radix/item-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "item-demo": React.lazy(async () => {
      const mod = await import("./radix/item-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "item-dropdown": React.lazy(async () => {
      const mod = await import("./radix/item-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "item-group": React.lazy(async () => {
      const mod = await import("./radix/item-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-group"
      return { default: mod.default || mod[exportName] }
    }),
    "item-header": React.lazy(async () => {
      const mod = await import("./radix/item-header")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-header"
      return { default: mod.default || mod[exportName] }
    }),
    "item-icon": React.lazy(async () => {
      const mod = await import("./radix/item-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "item-image": React.lazy(async () => {
      const mod = await import("./radix/item-image")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-image"
      return { default: mod.default || mod[exportName] }
    }),
    "item-link": React.lazy(async () => {
      const mod = await import("./radix/item-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-link"
      return { default: mod.default || mod[exportName] }
    }),
    "item-rtl": React.lazy(async () => {
      const mod = await import("./radix/item-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "item-size": React.lazy(async () => {
      const mod = await import("./radix/item-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-size"
      return { default: mod.default || mod[exportName] }
    }),
    "item-variant": React.lazy(async () => {
      const mod = await import("./radix/item-variant")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-variant"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-button": React.lazy(async () => {
      const mod = await import("./radix/kbd-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-button"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-demo": React.lazy(async () => {
      const mod = await import("./radix/kbd-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-group": React.lazy(async () => {
      const mod = await import("./radix/kbd-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-group"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-input-group": React.lazy(async () => {
      const mod = await import("./radix/kbd-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-rtl": React.lazy(async () => {
      const mod = await import("./radix/kbd-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-tooltip": React.lazy(async () => {
      const mod = await import("./radix/kbd-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "label-demo": React.lazy(async () => {
      const mod = await import("./radix/label-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "label-rtl": React.lazy(async () => {
      const mod = await import("./radix/label-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-checkbox": React.lazy(async () => {
      const mod = await import("./radix/menubar-checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-demo": React.lazy(async () => {
      const mod = await import("./radix/menubar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-icons": React.lazy(async () => {
      const mod = await import("./radix/menubar-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-radio": React.lazy(async () => {
      const mod = await import("./radix/menubar-radio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-radio"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-rtl": React.lazy(async () => {
      const mod = await import("./radix/menubar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-submenu": React.lazy(async () => {
      const mod = await import("./radix/menubar-submenu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-submenu"
      return { default: mod.default || mod[exportName] }
    }),
    "muted-item-group": React.lazy(async () => {
      const mod = await import("./radix/muted-item-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "muted-item-group"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-demo": React.lazy(async () => {
      const mod = await import("./radix/native-select-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-disabled": React.lazy(async () => {
      const mod = await import("./radix/native-select-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-groups": React.lazy(async () => {
      const mod = await import("./radix/native-select-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-invalid": React.lazy(async () => {
      const mod = await import("./radix/native-select-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-rtl": React.lazy(async () => {
      const mod = await import("./radix/native-select-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu-demo": React.lazy(async () => {
      const mod = await import("./radix/navigation-menu-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu-rtl": React.lazy(async () => {
      const mod = await import("./radix/navigation-menu-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "outline-item-group": React.lazy(async () => {
      const mod = await import("./radix/outline-item-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "outline-item-group"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-demo": React.lazy(async () => {
      const mod = await import("./radix/pagination-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-icons-only": React.lazy(async () => {
      const mod = await import("./radix/pagination-icons-only")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-icons-only"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-rtl": React.lazy(async () => {
      const mod = await import("./radix/pagination-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-simple": React.lazy(async () => {
      const mod = await import("./radix/pagination-simple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-simple"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-alignments": React.lazy(async () => {
      const mod = await import("./radix/popover-alignments")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-alignments"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-basic": React.lazy(async () => {
      const mod = await import("./radix/popover-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-demo": React.lazy(async () => {
      const mod = await import("./radix/popover-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-form": React.lazy(async () => {
      const mod = await import("./radix/popover-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-form"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-rtl": React.lazy(async () => {
      const mod = await import("./radix/popover-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-controlled": React.lazy(async () => {
      const mod = await import("./radix/progress-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-demo": React.lazy(async () => {
      const mod = await import("./radix/progress-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-label": React.lazy(async () => {
      const mod = await import("./radix/progress-label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-label"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-rtl": React.lazy(async () => {
      const mod = await import("./radix/progress-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-fields": React.lazy(async () => {
      const mod = await import("./radix/radio-fields")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-fields"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-choice-card": React.lazy(async () => {
      const mod = await import("./radix/radio-group-choice-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-choice-card"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-demo": React.lazy(async () => {
      const mod = await import("./radix/radio-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-description": React.lazy(async () => {
      const mod = await import("./radix/radio-group-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-description"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-disabled": React.lazy(async () => {
      const mod = await import("./radix/radio-group-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-fieldset": React.lazy(async () => {
      const mod = await import("./radix/radio-group-fieldset")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-fieldset"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-invalid": React.lazy(async () => {
      const mod = await import("./radix/radio-group-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-rtl": React.lazy(async () => {
      const mod = await import("./radix/radio-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-demo": React.lazy(async () => {
      const mod = await import("./radix/resizable-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-handle": React.lazy(async () => {
      const mod = await import("./radix/resizable-handle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-handle"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-rtl": React.lazy(async () => {
      const mod = await import("./radix/resizable-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-vertical": React.lazy(async () => {
      const mod = await import("./radix/resizable-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area-demo": React.lazy(async () => {
      const mod = await import("./radix/scroll-area-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area-horizontal-demo": React.lazy(async () => {
      const mod = await import("./radix/scroll-area-horizontal-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area-horizontal-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area-rtl": React.lazy(async () => {
      const mod = await import("./radix/scroll-area-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "select-align-item": React.lazy(async () => {
      const mod = await import("./radix/select-align-item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-align-item"
      return { default: mod.default || mod[exportName] }
    }),
    "select-demo": React.lazy(async () => {
      const mod = await import("./radix/select-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "select-disabled": React.lazy(async () => {
      const mod = await import("./radix/select-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "select-groups": React.lazy(async () => {
      const mod = await import("./radix/select-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "select-invalid": React.lazy(async () => {
      const mod = await import("./radix/select-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "select-rtl": React.lazy(async () => {
      const mod = await import("./radix/select-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "select-scrollable": React.lazy(async () => {
      const mod = await import("./radix/select-scrollable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-scrollable"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-demo": React.lazy(async () => {
      const mod = await import("./radix/separator-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-list": React.lazy(async () => {
      const mod = await import("./radix/separator-list")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-list"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-menu": React.lazy(async () => {
      const mod = await import("./radix/separator-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-menu"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-rtl": React.lazy(async () => {
      const mod = await import("./radix/separator-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-vertical": React.lazy(async () => {
      const mod = await import("./radix/separator-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-demo": React.lazy(async () => {
      const mod = await import("./radix/sheet-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-no-close-button": React.lazy(async () => {
      const mod = await import("./radix/sheet-no-close-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-no-close-button"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-rtl": React.lazy(async () => {
      const mod = await import("./radix/sheet-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-side": React.lazy(async () => {
      const mod = await import("./radix/sheet-side")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-side"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-controlled": React.lazy(async () => {
      const mod = await import("./radix/sidebar-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-demo": React.lazy(async () => {
      const mod = await import("./radix/sidebar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-footer": React.lazy(async () => {
      const mod = await import("./radix/sidebar-footer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-footer"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-group-action": React.lazy(async () => {
      const mod = await import("./radix/sidebar-group-action")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-group-action"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-group-collapsible": React.lazy(async () => {
      const mod = await import("./radix/sidebar-group-collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-group-collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-group": React.lazy(async () => {
      const mod = await import("./radix/sidebar-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-group"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-header": React.lazy(async () => {
      const mod = await import("./radix/sidebar-header")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-header"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-action": React.lazy(async () => {
      const mod = await import("./radix/sidebar-menu-action")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-action"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-badge": React.lazy(async () => {
      const mod = await import("./radix/sidebar-menu-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-collapsible": React.lazy(async () => {
      const mod = await import("./radix/sidebar-menu-collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-sub": React.lazy(async () => {
      const mod = await import("./radix/sidebar-menu-sub")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-sub"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu": React.lazy(async () => {
      const mod = await import("./radix/sidebar-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-rsc": React.lazy(async () => {
      const mod = await import("./radix/sidebar-rsc")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-rsc"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-rtl": React.lazy(async () => {
      const mod = await import("./radix/sidebar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-avatar": React.lazy(async () => {
      const mod = await import("./radix/skeleton-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-card": React.lazy(async () => {
      const mod = await import("./radix/skeleton-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-card"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-demo": React.lazy(async () => {
      const mod = await import("./radix/skeleton-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-form": React.lazy(async () => {
      const mod = await import("./radix/skeleton-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-form"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-rtl": React.lazy(async () => {
      const mod = await import("./radix/skeleton-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-table": React.lazy(async () => {
      const mod = await import("./radix/skeleton-table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-table"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-text": React.lazy(async () => {
      const mod = await import("./radix/skeleton-text")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-text"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-controlled": React.lazy(async () => {
      const mod = await import("./radix/slider-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-demo": React.lazy(async () => {
      const mod = await import("./radix/slider-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-disabled": React.lazy(async () => {
      const mod = await import("./radix/slider-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-multiple": React.lazy(async () => {
      const mod = await import("./radix/slider-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-range": React.lazy(async () => {
      const mod = await import("./radix/slider-range")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-range"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-rtl": React.lazy(async () => {
      const mod = await import("./radix/slider-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-vertical": React.lazy(async () => {
      const mod = await import("./radix/slider-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-demo": React.lazy(async () => {
      const mod = await import("./radix/sonner-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-description": React.lazy(async () => {
      const mod = await import("./radix/sonner-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-description"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-position": React.lazy(async () => {
      const mod = await import("./radix/sonner-position")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-position"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-types": React.lazy(async () => {
      const mod = await import("./radix/sonner-types")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-types"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-badge": React.lazy(async () => {
      const mod = await import("./radix/spinner-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-button": React.lazy(async () => {
      const mod = await import("./radix/spinner-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-button"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-custom": React.lazy(async () => {
      const mod = await import("./radix/spinner-custom")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-custom"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-demo": React.lazy(async () => {
      const mod = await import("./radix/spinner-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-empty": React.lazy(async () => {
      const mod = await import("./radix/spinner-empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-empty"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-input-group": React.lazy(async () => {
      const mod = await import("./radix/spinner-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-rtl": React.lazy(async () => {
      const mod = await import("./radix/spinner-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-size": React.lazy(async () => {
      const mod = await import("./radix/spinner-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-size"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-choice-card": React.lazy(async () => {
      const mod = await import("./radix/switch-choice-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-choice-card"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-demo": React.lazy(async () => {
      const mod = await import("./radix/switch-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-description": React.lazy(async () => {
      const mod = await import("./radix/switch-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-description"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-disabled": React.lazy(async () => {
      const mod = await import("./radix/switch-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-invalid": React.lazy(async () => {
      const mod = await import("./radix/switch-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-rtl": React.lazy(async () => {
      const mod = await import("./radix/switch-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-sizes": React.lazy(async () => {
      const mod = await import("./radix/switch-sizes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-sizes"
      return { default: mod.default || mod[exportName] }
    }),
    "table-actions": React.lazy(async () => {
      const mod = await import("./radix/table-actions")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-actions"
      return { default: mod.default || mod[exportName] }
    }),
    "table-demo": React.lazy(async () => {
      const mod = await import("./radix/table-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "table-footer": React.lazy(async () => {
      const mod = await import("./radix/table-footer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-footer"
      return { default: mod.default || mod[exportName] }
    }),
    "table-rtl": React.lazy(async () => {
      const mod = await import("./radix/table-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-demo": React.lazy(async () => {
      const mod = await import("./radix/tabs-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-disabled": React.lazy(async () => {
      const mod = await import("./radix/tabs-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-icons": React.lazy(async () => {
      const mod = await import("./radix/tabs-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-line": React.lazy(async () => {
      const mod = await import("./radix/tabs-line")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-line"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-rtl": React.lazy(async () => {
      const mod = await import("./radix/tabs-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-vertical": React.lazy(async () => {
      const mod = await import("./radix/tabs-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-button": React.lazy(async () => {
      const mod = await import("./radix/textarea-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-button"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-demo": React.lazy(async () => {
      const mod = await import("./radix/textarea-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-disabled": React.lazy(async () => {
      const mod = await import("./radix/textarea-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-field": React.lazy(async () => {
      const mod = await import("./radix/textarea-field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-field"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-invalid": React.lazy(async () => {
      const mod = await import("./radix/textarea-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-rtl": React.lazy(async () => {
      const mod = await import("./radix/textarea-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-demo": React.lazy(async () => {
      const mod = await import("./radix/toggle-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-disabled": React.lazy(async () => {
      const mod = await import("./radix/toggle-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-demo": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-disabled": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-font-weight-selector": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-font-weight-selector")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-font-weight-selector"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-outline": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-rtl": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-sizes": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-sizes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-sizes"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-spacing": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-spacing")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-spacing"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-vertical": React.lazy(async () => {
      const mod = await import("./radix/toggle-group-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-outline": React.lazy(async () => {
      const mod = await import("./radix/toggle-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-rtl": React.lazy(async () => {
      const mod = await import("./radix/toggle-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-sizes": React.lazy(async () => {
      const mod = await import("./radix/toggle-sizes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-sizes"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-text": React.lazy(async () => {
      const mod = await import("./radix/toggle-text")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-text"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-demo": React.lazy(async () => {
      const mod = await import("./radix/tooltip-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-disabled": React.lazy(async () => {
      const mod = await import("./radix/tooltip-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-keyboard": React.lazy(async () => {
      const mod = await import("./radix/tooltip-keyboard")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-keyboard"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-rtl": React.lazy(async () => {
      const mod = await import("./radix/tooltip-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-sides": React.lazy(async () => {
      const mod = await import("./radix/tooltip-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-blockquote": React.lazy(async () => {
      const mod = await import("./radix/typography-blockquote")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-blockquote"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-demo": React.lazy(async () => {
      const mod = await import("./radix/typography-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h1": React.lazy(async () => {
      const mod = await import("./radix/typography-h1")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h1"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h2": React.lazy(async () => {
      const mod = await import("./radix/typography-h2")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h2"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h3": React.lazy(async () => {
      const mod = await import("./radix/typography-h3")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h3"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h4": React.lazy(async () => {
      const mod = await import("./radix/typography-h4")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h4"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-inline-code": React.lazy(async () => {
      const mod = await import("./radix/typography-inline-code")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-inline-code"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-large": React.lazy(async () => {
      const mod = await import("./radix/typography-large")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-large"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-lead": React.lazy(async () => {
      const mod = await import("./radix/typography-lead")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-lead"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-list": React.lazy(async () => {
      const mod = await import("./radix/typography-list")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-list"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-muted": React.lazy(async () => {
      const mod = await import("./radix/typography-muted")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-muted"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-p": React.lazy(async () => {
      const mod = await import("./radix/typography-p")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-p"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-rtl": React.lazy(async () => {
      const mod = await import("./radix/typography-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-small": React.lazy(async () => {
      const mod = await import("./radix/typography-small")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-small"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-table": React.lazy(async () => {
      const mod = await import("./radix/typography-table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-table"
      return { default: mod.default || mod[exportName] }
    }),
  },
  base: {
    "accordion-basic": React.lazy(async () => {
      const mod = await import("./base/accordion-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-borders": React.lazy(async () => {
      const mod = await import("./base/accordion-borders")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-borders"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-card": React.lazy(async () => {
      const mod = await import("./base/accordion-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-card"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-demo": React.lazy(async () => {
      const mod = await import("./base/accordion-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-disabled": React.lazy(async () => {
      const mod = await import("./base/accordion-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-multiple": React.lazy(async () => {
      const mod = await import("./base/accordion-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "accordion-rtl": React.lazy(async () => {
      const mod = await import("./base/accordion-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "accordion-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-action": React.lazy(async () => {
      const mod = await import("./base/alert-action")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-action"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-basic": React.lazy(async () => {
      const mod = await import("./base/alert-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-colors": React.lazy(async () => {
      const mod = await import("./base/alert-colors")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-colors"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-demo": React.lazy(async () => {
      const mod = await import("./base/alert-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-destructive": React.lazy(async () => {
      const mod = await import("./base/alert-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-basic": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-demo": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-destructive": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-media": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-media")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-media"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-rtl": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-small-media": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-small-media")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-small-media"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-dialog-small": React.lazy(async () => {
      const mod = await import("./base/alert-dialog-small")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-dialog-small"
      return { default: mod.default || mod[exportName] }
    }),
    "alert-rtl": React.lazy(async () => {
      const mod = await import("./base/alert-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "alert-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-demo": React.lazy(async () => {
      const mod = await import("./base/aspect-ratio-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-portrait": React.lazy(async () => {
      const mod = await import("./base/aspect-ratio-portrait")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-portrait"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-rtl": React.lazy(async () => {
      const mod = await import("./base/aspect-ratio-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "aspect-ratio-square": React.lazy(async () => {
      const mod = await import("./base/aspect-ratio-square")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "aspect-ratio-square"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-badge-icon": React.lazy(async () => {
      const mod = await import("./base/avatar-badge-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-badge-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-badge": React.lazy(async () => {
      const mod = await import("./base/avatar-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-basic": React.lazy(async () => {
      const mod = await import("./base/avatar-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-demo": React.lazy(async () => {
      const mod = await import("./base/avatar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-dropdown": React.lazy(async () => {
      const mod = await import("./base/avatar-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-group-count-icon": React.lazy(async () => {
      const mod = await import("./base/avatar-group-count-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-group-count-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-group-count": React.lazy(async () => {
      const mod = await import("./base/avatar-group-count")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-group-count"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-group": React.lazy(async () => {
      const mod = await import("./base/avatar-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-group"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-rtl": React.lazy(async () => {
      const mod = await import("./base/avatar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "avatar-size": React.lazy(async () => {
      const mod = await import("./base/avatar-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "avatar-size"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-colors": React.lazy(async () => {
      const mod = await import("./base/badge-colors")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-colors"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-demo": React.lazy(async () => {
      const mod = await import("./base/badge-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-icon": React.lazy(async () => {
      const mod = await import("./base/badge-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-link": React.lazy(async () => {
      const mod = await import("./base/badge-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-link"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-rtl": React.lazy(async () => {
      const mod = await import("./base/badge-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-spinner": React.lazy(async () => {
      const mod = await import("./base/badge-spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-spinner"
      return { default: mod.default || mod[exportName] }
    }),
    "badge-variants": React.lazy(async () => {
      const mod = await import("./base/badge-variants")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "badge-variants"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-basic": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-demo": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-dropdown": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-ellipsis": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-ellipsis")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-ellipsis"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-link": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-link"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-rtl": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "breadcrumb-separator": React.lazy(async () => {
      const mod = await import("./base/breadcrumb-separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "breadcrumb-separator"
      return { default: mod.default || mod[exportName] }
    }),
    "button-default": React.lazy(async () => {
      const mod = await import("./base/button-default")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-default"
      return { default: mod.default || mod[exportName] }
    }),
    "button-demo": React.lazy(async () => {
      const mod = await import("./base/button-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "button-destructive": React.lazy(async () => {
      const mod = await import("./base/button-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "button-ghost": React.lazy(async () => {
      const mod = await import("./base/button-ghost")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-ghost"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-demo": React.lazy(async () => {
      const mod = await import("./base/button-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-dropdown": React.lazy(async () => {
      const mod = await import("./base/button-group-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-input-group": React.lazy(async () => {
      const mod = await import("./base/button-group-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-input": React.lazy(async () => {
      const mod = await import("./base/button-group-input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-input"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-nested": React.lazy(async () => {
      const mod = await import("./base/button-group-nested")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-nested"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-orientation": React.lazy(async () => {
      const mod = await import("./base/button-group-orientation")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-orientation"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-popover": React.lazy(async () => {
      const mod = await import("./base/button-group-popover")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-popover"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-rtl": React.lazy(async () => {
      const mod = await import("./base/button-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-select": React.lazy(async () => {
      const mod = await import("./base/button-group-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-select"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-separator": React.lazy(async () => {
      const mod = await import("./base/button-group-separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-separator"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-size": React.lazy(async () => {
      const mod = await import("./base/button-group-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-size"
      return { default: mod.default || mod[exportName] }
    }),
    "button-group-split": React.lazy(async () => {
      const mod = await import("./base/button-group-split")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-group-split"
      return { default: mod.default || mod[exportName] }
    }),
    "button-icon": React.lazy(async () => {
      const mod = await import("./base/button-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "button-link": React.lazy(async () => {
      const mod = await import("./base/button-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-link"
      return { default: mod.default || mod[exportName] }
    }),
    "button-outline": React.lazy(async () => {
      const mod = await import("./base/button-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "button-render": React.lazy(async () => {
      const mod = await import("./base/button-render")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-render"
      return { default: mod.default || mod[exportName] }
    }),
    "button-rounded": React.lazy(async () => {
      const mod = await import("./base/button-rounded")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-rounded"
      return { default: mod.default || mod[exportName] }
    }),
    "button-rtl": React.lazy(async () => {
      const mod = await import("./base/button-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "button-secondary": React.lazy(async () => {
      const mod = await import("./base/button-secondary")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-secondary"
      return { default: mod.default || mod[exportName] }
    }),
    "button-size": React.lazy(async () => {
      const mod = await import("./base/button-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-size"
      return { default: mod.default || mod[exportName] }
    }),
    "button-spinner": React.lazy(async () => {
      const mod = await import("./base/button-spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-spinner"
      return { default: mod.default || mod[exportName] }
    }),
    "button-with-icon": React.lazy(async () => {
      const mod = await import("./base/button-with-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "button-with-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-basic": React.lazy(async () => {
      const mod = await import("./base/calendar-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-booked-dates": React.lazy(async () => {
      const mod = await import("./base/calendar-booked-dates")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-booked-dates"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-caption": React.lazy(async () => {
      const mod = await import("./base/calendar-caption")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-caption"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-custom-days": React.lazy(async () => {
      const mod = await import("./base/calendar-custom-days")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-custom-days"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-demo": React.lazy(async () => {
      const mod = await import("./base/calendar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-hijri": React.lazy(async () => {
      const mod = await import("./base/calendar-hijri")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-hijri"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-multiple": React.lazy(async () => {
      const mod = await import("./base/calendar-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-presets": React.lazy(async () => {
      const mod = await import("./base/calendar-presets")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-presets"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-range": React.lazy(async () => {
      const mod = await import("./base/calendar-range")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-range"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-rtl": React.lazy(async () => {
      const mod = await import("./base/calendar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-time": React.lazy(async () => {
      const mod = await import("./base/calendar-time")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-time"
      return { default: mod.default || mod[exportName] }
    }),
    "calendar-week-numbers": React.lazy(async () => {
      const mod = await import("./base/calendar-week-numbers")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "calendar-week-numbers"
      return { default: mod.default || mod[exportName] }
    }),
    "card-demo": React.lazy(async () => {
      const mod = await import("./base/card-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "card-edge-to-edge": React.lazy(async () => {
      const mod = await import("./base/card-edge-to-edge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-edge-to-edge"
      return { default: mod.default || mod[exportName] }
    }),
    "card-image": React.lazy(async () => {
      const mod = await import("./base/card-image")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-image"
      return { default: mod.default || mod[exportName] }
    }),
    "card-rtl": React.lazy(async () => {
      const mod = await import("./base/card-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "card-small": React.lazy(async () => {
      const mod = await import("./base/card-small")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-small"
      return { default: mod.default || mod[exportName] }
    }),
    "card-spacing": React.lazy(async () => {
      const mod = await import("./base/card-spacing")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "card-spacing"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-api": React.lazy(async () => {
      const mod = await import("./base/carousel-api")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-api"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-demo": React.lazy(async () => {
      const mod = await import("./base/carousel-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-multiple": React.lazy(async () => {
      const mod = await import("./base/carousel-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-orientation": React.lazy(async () => {
      const mod = await import("./base/carousel-orientation")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-orientation"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-plugin": React.lazy(async () => {
      const mod = await import("./base/carousel-plugin")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-plugin"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-rtl": React.lazy(async () => {
      const mod = await import("./base/carousel-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-size": React.lazy(async () => {
      const mod = await import("./base/carousel-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-size"
      return { default: mod.default || mod[exportName] }
    }),
    "carousel-spacing": React.lazy(async () => {
      const mod = await import("./base/carousel-spacing")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "carousel-spacing"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-demo": React.lazy(async () => {
      const mod = await import("./base/chart-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-axis": React.lazy(async () => {
      const mod = await import("./base/chart-example-axis")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-axis"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-grid": React.lazy(async () => {
      const mod = await import("./base/chart-example-grid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-grid"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-legend": React.lazy(async () => {
      const mod = await import("./base/chart-example-legend")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-legend"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example-tooltip": React.lazy(async () => {
      const mod = await import("./base/chart-example-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-example": React.lazy(async () => {
      const mod = await import("./base/chart-example")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-example"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-rtl": React.lazy(async () => {
      const mod = await import("./base/chart-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "chart-tooltip": React.lazy(async () => {
      const mod = await import("./base/chart-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "chart-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-basic": React.lazy(async () => {
      const mod = await import("./base/checkbox-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-demo": React.lazy(async () => {
      const mod = await import("./base/checkbox-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-description": React.lazy(async () => {
      const mod = await import("./base/checkbox-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-description"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-disabled": React.lazy(async () => {
      const mod = await import("./base/checkbox-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-group": React.lazy(async () => {
      const mod = await import("./base/checkbox-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-group"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-invalid": React.lazy(async () => {
      const mod = await import("./base/checkbox-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-rtl": React.lazy(async () => {
      const mod = await import("./base/checkbox-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "checkbox-table": React.lazy(async () => {
      const mod = await import("./base/checkbox-table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "checkbox-table"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-basic": React.lazy(async () => {
      const mod = await import("./base/collapsible-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-demo": React.lazy(async () => {
      const mod = await import("./base/collapsible-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-file-tree": React.lazy(async () => {
      const mod = await import("./base/collapsible-file-tree")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-file-tree"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-rtl": React.lazy(async () => {
      const mod = await import("./base/collapsible-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "collapsible-settings": React.lazy(async () => {
      const mod = await import("./base/collapsible-settings")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "collapsible-settings"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-auto-highlight": React.lazy(async () => {
      const mod = await import("./base/combobox-auto-highlight")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-auto-highlight"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-basic": React.lazy(async () => {
      const mod = await import("./base/combobox-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-clear": React.lazy(async () => {
      const mod = await import("./base/combobox-clear")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-clear"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-custom": React.lazy(async () => {
      const mod = await import("./base/combobox-custom")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-custom"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-demo": React.lazy(async () => {
      const mod = await import("./base/combobox-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-disabled": React.lazy(async () => {
      const mod = await import("./base/combobox-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-groups": React.lazy(async () => {
      const mod = await import("./base/combobox-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-input-group": React.lazy(async () => {
      const mod = await import("./base/combobox-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-invalid": React.lazy(async () => {
      const mod = await import("./base/combobox-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-multiple": React.lazy(async () => {
      const mod = await import("./base/combobox-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-popup": React.lazy(async () => {
      const mod = await import("./base/combobox-popup")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-popup"
      return { default: mod.default || mod[exportName] }
    }),
    "combobox-rtl": React.lazy(async () => {
      const mod = await import("./base/combobox-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "combobox-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "command-basic": React.lazy(async () => {
      const mod = await import("./base/command-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "command-demo": React.lazy(async () => {
      const mod = await import("./base/command-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "command-dialog": React.lazy(async () => {
      const mod = await import("./base/command-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "command-groups": React.lazy(async () => {
      const mod = await import("./base/command-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "command-rtl": React.lazy(async () => {
      const mod = await import("./base/command-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "command-scrollable": React.lazy(async () => {
      const mod = await import("./base/command-scrollable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-scrollable"
      return { default: mod.default || mod[exportName] }
    }),
    "command-shortcuts": React.lazy(async () => {
      const mod = await import("./base/command-shortcuts")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "command-shortcuts"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-basic": React.lazy(async () => {
      const mod = await import("./base/context-menu-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-checkboxes": React.lazy(async () => {
      const mod = await import("./base/context-menu-checkboxes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-checkboxes"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-demo": React.lazy(async () => {
      const mod = await import("./base/context-menu-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-destructive": React.lazy(async () => {
      const mod = await import("./base/context-menu-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-groups": React.lazy(async () => {
      const mod = await import("./base/context-menu-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-icons": React.lazy(async () => {
      const mod = await import("./base/context-menu-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-radio": React.lazy(async () => {
      const mod = await import("./base/context-menu-radio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-radio"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-rtl": React.lazy(async () => {
      const mod = await import("./base/context-menu-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-shortcuts": React.lazy(async () => {
      const mod = await import("./base/context-menu-shortcuts")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-shortcuts"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-sides": React.lazy(async () => {
      const mod = await import("./base/context-menu-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "context-menu-submenu": React.lazy(async () => {
      const mod = await import("./base/context-menu-submenu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "context-menu-submenu"
      return { default: mod.default || mod[exportName] }
    }),
    "data-picker-with-dropdowns": React.lazy(async () => {
      const mod = await import("./base/data-picker-with-dropdowns")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "data-picker-with-dropdowns"
      return { default: mod.default || mod[exportName] }
    }),
    "data-table-demo": React.lazy(async () => {
      const mod = await import("./base/data-table-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "data-table-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "data-table-rtl": React.lazy(async () => {
      const mod = await import("./base/data-table-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "data-table-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-basic": React.lazy(async () => {
      const mod = await import("./base/date-picker-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-demo": React.lazy(async () => {
      const mod = await import("./base/date-picker-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-dob": React.lazy(async () => {
      const mod = await import("./base/date-picker-dob")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-dob"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-input": React.lazy(async () => {
      const mod = await import("./base/date-picker-input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-input"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-natural-language": React.lazy(async () => {
      const mod = await import("./base/date-picker-natural-language")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-natural-language"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-range": React.lazy(async () => {
      const mod = await import("./base/date-picker-range")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-range"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-rtl": React.lazy(async () => {
      const mod = await import("./base/date-picker-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "date-picker-time": React.lazy(async () => {
      const mod = await import("./base/date-picker-time")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "date-picker-time"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-close-button": React.lazy(async () => {
      const mod = await import("./base/dialog-close-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-close-button"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-demo": React.lazy(async () => {
      const mod = await import("./base/dialog-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-no-close-button": React.lazy(async () => {
      const mod = await import("./base/dialog-no-close-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-no-close-button"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-rtl": React.lazy(async () => {
      const mod = await import("./base/dialog-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-scrollable-content": React.lazy(async () => {
      const mod = await import("./base/dialog-scrollable-content")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-scrollable-content"
      return { default: mod.default || mod[exportName] }
    }),
    "dialog-sticky-footer": React.lazy(async () => {
      const mod = await import("./base/dialog-sticky-footer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dialog-sticky-footer"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-demo": React.lazy(async () => {
      const mod = await import("./base/drawer-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-dialog": React.lazy(async () => {
      const mod = await import("./base/drawer-dialog")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-dialog"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-rtl": React.lazy(async () => {
      const mod = await import("./base/drawer-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-scrollable-content": React.lazy(async () => {
      const mod = await import("./base/drawer-scrollable-content")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-scrollable-content"
      return { default: mod.default || mod[exportName] }
    }),
    "drawer-sides": React.lazy(async () => {
      const mod = await import("./base/drawer-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "drawer-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-avatar": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-basic": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-checkboxes-icons": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-checkboxes-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-checkboxes-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-checkboxes": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-checkboxes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-checkboxes"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-complex": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-complex")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-complex"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-demo": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-destructive": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-destructive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-destructive"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-icons": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-radio-group": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-radio-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-radio-group"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-radio-icons": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-radio-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-radio-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-rtl": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-shortcuts": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-shortcuts")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-shortcuts"
      return { default: mod.default || mod[exportName] }
    }),
    "dropdown-menu-submenu": React.lazy(async () => {
      const mod = await import("./base/dropdown-menu-submenu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "dropdown-menu-submenu"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-avatar-group": React.lazy(async () => {
      const mod = await import("./base/empty-avatar-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-avatar-group"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-avatar": React.lazy(async () => {
      const mod = await import("./base/empty-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-background": React.lazy(async () => {
      const mod = await import("./base/empty-background")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-background"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-card": React.lazy(async () => {
      const mod = await import("./base/empty-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-card"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-demo": React.lazy(async () => {
      const mod = await import("./base/empty-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-input-group": React.lazy(async () => {
      const mod = await import("./base/empty-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-outline": React.lazy(async () => {
      const mod = await import("./base/empty-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "empty-rtl": React.lazy(async () => {
      const mod = await import("./base/empty-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "empty-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "field-checkbox": React.lazy(async () => {
      const mod = await import("./base/field-checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    "field-choice-card": React.lazy(async () => {
      const mod = await import("./base/field-choice-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-choice-card"
      return { default: mod.default || mod[exportName] }
    }),
    "field-demo": React.lazy(async () => {
      const mod = await import("./base/field-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "field-fieldset": React.lazy(async () => {
      const mod = await import("./base/field-fieldset")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-fieldset"
      return { default: mod.default || mod[exportName] }
    }),
    "field-group": React.lazy(async () => {
      const mod = await import("./base/field-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-group"
      return { default: mod.default || mod[exportName] }
    }),
    "field-input": React.lazy(async () => {
      const mod = await import("./base/field-input")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-input"
      return { default: mod.default || mod[exportName] }
    }),
    "field-radio": React.lazy(async () => {
      const mod = await import("./base/field-radio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-radio"
      return { default: mod.default || mod[exportName] }
    }),
    "field-responsive": React.lazy(async () => {
      const mod = await import("./base/field-responsive")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-responsive"
      return { default: mod.default || mod[exportName] }
    }),
    "field-rtl": React.lazy(async () => {
      const mod = await import("./base/field-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "field-select": React.lazy(async () => {
      const mod = await import("./base/field-select")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-select"
      return { default: mod.default || mod[exportName] }
    }),
    "field-slider": React.lazy(async () => {
      const mod = await import("./base/field-slider")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-slider"
      return { default: mod.default || mod[exportName] }
    }),
    "field-switch": React.lazy(async () => {
      const mod = await import("./base/field-switch")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-switch"
      return { default: mod.default || mod[exportName] }
    }),
    "field-textarea": React.lazy(async () => {
      const mod = await import("./base/field-textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "field-textarea"
      return { default: mod.default || mod[exportName] }
    }),
    "file-upload-list": React.lazy(async () => {
      const mod = await import("./base/file-upload-list")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "file-upload-list"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card-demo": React.lazy(async () => {
      const mod = await import("./base/hover-card-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card-rtl": React.lazy(async () => {
      const mod = await import("./base/hover-card-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "hover-card-sides": React.lazy(async () => {
      const mod = await import("./base/hover-card-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "hover-card-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "input-badge": React.lazy(async () => {
      const mod = await import("./base/input-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "input-basic": React.lazy(async () => {
      const mod = await import("./base/input-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "input-button-group": React.lazy(async () => {
      const mod = await import("./base/input-button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-button-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-demo": React.lazy(async () => {
      const mod = await import("./base/input-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "input-disabled": React.lazy(async () => {
      const mod = await import("./base/input-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "input-field": React.lazy(async () => {
      const mod = await import("./base/input-field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-field"
      return { default: mod.default || mod[exportName] }
    }),
    "input-fieldgroup": React.lazy(async () => {
      const mod = await import("./base/input-fieldgroup")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-fieldgroup"
      return { default: mod.default || mod[exportName] }
    }),
    "input-file": React.lazy(async () => {
      const mod = await import("./base/input-file")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-file"
      return { default: mod.default || mod[exportName] }
    }),
    "input-form": React.lazy(async () => {
      const mod = await import("./base/input-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-form"
      return { default: mod.default || mod[exportName] }
    }),
    "input-grid": React.lazy(async () => {
      const mod = await import("./base/input-grid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-grid"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-basic": React.lazy(async () => {
      const mod = await import("./base/input-group-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-block-end": React.lazy(async () => {
      const mod = await import("./base/input-group-block-end")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-block-end"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-block-start": React.lazy(async () => {
      const mod = await import("./base/input-group-block-start")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-block-start"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-button-group": React.lazy(async () => {
      const mod = await import("./base/input-group-button-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-button-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-button": React.lazy(async () => {
      const mod = await import("./base/input-group-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-button"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-custom": React.lazy(async () => {
      const mod = await import("./base/input-group-custom")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-custom"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-demo": React.lazy(async () => {
      const mod = await import("./base/input-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-dropdown": React.lazy(async () => {
      const mod = await import("./base/input-group-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-icon": React.lazy(async () => {
      const mod = await import("./base/input-group-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-in-card": React.lazy(async () => {
      const mod = await import("./base/input-group-in-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-in-card"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-inline-end": React.lazy(async () => {
      const mod = await import("./base/input-group-inline-end")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-inline-end"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-inline-start": React.lazy(async () => {
      const mod = await import("./base/input-group-inline-start")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-inline-start"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-kbd": React.lazy(async () => {
      const mod = await import("./base/input-group-kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-label": React.lazy(async () => {
      const mod = await import("./base/input-group-label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-label"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-rtl": React.lazy(async () => {
      const mod = await import("./base/input-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-spinner": React.lazy(async () => {
      const mod = await import("./base/input-group-spinner")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-spinner"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-text": React.lazy(async () => {
      const mod = await import("./base/input-group-text")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-text"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-textarea-examples": React.lazy(async () => {
      const mod = await import("./base/input-group-textarea-examples")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-textarea-examples"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-textarea": React.lazy(async () => {
      const mod = await import("./base/input-group-textarea")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-textarea"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-tooltip": React.lazy(async () => {
      const mod = await import("./base/input-group-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-addons": React.lazy(async () => {
      const mod = await import("./base/input-group-with-addons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-addons"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-buttons": React.lazy(async () => {
      const mod = await import("./base/input-group-with-buttons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-buttons"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-kbd": React.lazy(async () => {
      const mod = await import("./base/input-group-with-kbd")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-kbd"
      return { default: mod.default || mod[exportName] }
    }),
    "input-group-with-tooltip": React.lazy(async () => {
      const mod = await import("./base/input-group-with-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-group-with-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "input-inline": React.lazy(async () => {
      const mod = await import("./base/input-inline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-inline"
      return { default: mod.default || mod[exportName] }
    }),
    "input-input-group": React.lazy(async () => {
      const mod = await import("./base/input-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "input-invalid": React.lazy(async () => {
      const mod = await import("./base/input-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-alphanumeric": React.lazy(async () => {
      const mod = await import("./base/input-otp-alphanumeric")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-alphanumeric"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-controlled": React.lazy(async () => {
      const mod = await import("./base/input-otp-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-demo": React.lazy(async () => {
      const mod = await import("./base/input-otp-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-disabled": React.lazy(async () => {
      const mod = await import("./base/input-otp-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-form": React.lazy(async () => {
      const mod = await import("./base/input-otp-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-form"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-four-digits": React.lazy(async () => {
      const mod = await import("./base/input-otp-four-digits")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-four-digits"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-invalid": React.lazy(async () => {
      const mod = await import("./base/input-otp-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-pattern": React.lazy(async () => {
      const mod = await import("./base/input-otp-pattern")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-pattern"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-rtl": React.lazy(async () => {
      const mod = await import("./base/input-otp-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "input-otp-separator": React.lazy(async () => {
      const mod = await import("./base/input-otp-separator")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-otp-separator"
      return { default: mod.default || mod[exportName] }
    }),
    "input-required": React.lazy(async () => {
      const mod = await import("./base/input-required")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-required"
      return { default: mod.default || mod[exportName] }
    }),
    "input-rtl": React.lazy(async () => {
      const mod = await import("./base/input-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "input-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "item-avatar": React.lazy(async () => {
      const mod = await import("./base/item-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "item-demo": React.lazy(async () => {
      const mod = await import("./base/item-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "item-dropdown": React.lazy(async () => {
      const mod = await import("./base/item-dropdown")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-dropdown"
      return { default: mod.default || mod[exportName] }
    }),
    "item-group": React.lazy(async () => {
      const mod = await import("./base/item-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-group"
      return { default: mod.default || mod[exportName] }
    }),
    "item-header": React.lazy(async () => {
      const mod = await import("./base/item-header")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-header"
      return { default: mod.default || mod[exportName] }
    }),
    "item-icon": React.lazy(async () => {
      const mod = await import("./base/item-icon")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-icon"
      return { default: mod.default || mod[exportName] }
    }),
    "item-image": React.lazy(async () => {
      const mod = await import("./base/item-image")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-image"
      return { default: mod.default || mod[exportName] }
    }),
    "item-link": React.lazy(async () => {
      const mod = await import("./base/item-link")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-link"
      return { default: mod.default || mod[exportName] }
    }),
    "item-rtl": React.lazy(async () => {
      const mod = await import("./base/item-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "item-size": React.lazy(async () => {
      const mod = await import("./base/item-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-size"
      return { default: mod.default || mod[exportName] }
    }),
    "item-variant": React.lazy(async () => {
      const mod = await import("./base/item-variant")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "item-variant"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-button": React.lazy(async () => {
      const mod = await import("./base/kbd-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-button"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-demo": React.lazy(async () => {
      const mod = await import("./base/kbd-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-group": React.lazy(async () => {
      const mod = await import("./base/kbd-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-group"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-input-group": React.lazy(async () => {
      const mod = await import("./base/kbd-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-rtl": React.lazy(async () => {
      const mod = await import("./base/kbd-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "kbd-tooltip": React.lazy(async () => {
      const mod = await import("./base/kbd-tooltip")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "kbd-tooltip"
      return { default: mod.default || mod[exportName] }
    }),
    "label-demo": React.lazy(async () => {
      const mod = await import("./base/label-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "label-rtl": React.lazy(async () => {
      const mod = await import("./base/label-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "label-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-checkbox": React.lazy(async () => {
      const mod = await import("./base/menubar-checkbox")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-checkbox"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-demo": React.lazy(async () => {
      const mod = await import("./base/menubar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-icons": React.lazy(async () => {
      const mod = await import("./base/menubar-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-radio": React.lazy(async () => {
      const mod = await import("./base/menubar-radio")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-radio"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-rtl": React.lazy(async () => {
      const mod = await import("./base/menubar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "menubar-submenu": React.lazy(async () => {
      const mod = await import("./base/menubar-submenu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "menubar-submenu"
      return { default: mod.default || mod[exportName] }
    }),
    "muted-item-group": React.lazy(async () => {
      const mod = await import("./base/muted-item-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "muted-item-group"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-demo": React.lazy(async () => {
      const mod = await import("./base/native-select-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-disabled": React.lazy(async () => {
      const mod = await import("./base/native-select-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-groups": React.lazy(async () => {
      const mod = await import("./base/native-select-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-invalid": React.lazy(async () => {
      const mod = await import("./base/native-select-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "native-select-rtl": React.lazy(async () => {
      const mod = await import("./base/native-select-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "native-select-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu-demo": React.lazy(async () => {
      const mod = await import("./base/navigation-menu-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "navigation-menu-rtl": React.lazy(async () => {
      const mod = await import("./base/navigation-menu-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "navigation-menu-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "outline-item-group": React.lazy(async () => {
      const mod = await import("./base/outline-item-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "outline-item-group"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-demo": React.lazy(async () => {
      const mod = await import("./base/pagination-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-icons-only": React.lazy(async () => {
      const mod = await import("./base/pagination-icons-only")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-icons-only"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-rtl": React.lazy(async () => {
      const mod = await import("./base/pagination-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "pagination-simple": React.lazy(async () => {
      const mod = await import("./base/pagination-simple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "pagination-simple"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-alignments": React.lazy(async () => {
      const mod = await import("./base/popover-alignments")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-alignments"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-basic": React.lazy(async () => {
      const mod = await import("./base/popover-basic")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-basic"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-demo": React.lazy(async () => {
      const mod = await import("./base/popover-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-form": React.lazy(async () => {
      const mod = await import("./base/popover-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-form"
      return { default: mod.default || mod[exportName] }
    }),
    "popover-rtl": React.lazy(async () => {
      const mod = await import("./base/popover-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "popover-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-controlled": React.lazy(async () => {
      const mod = await import("./base/progress-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-demo": React.lazy(async () => {
      const mod = await import("./base/progress-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-label": React.lazy(async () => {
      const mod = await import("./base/progress-label")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-label"
      return { default: mod.default || mod[exportName] }
    }),
    "progress-rtl": React.lazy(async () => {
      const mod = await import("./base/progress-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "progress-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-fields": React.lazy(async () => {
      const mod = await import("./base/radio-fields")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-fields"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-choice-card": React.lazy(async () => {
      const mod = await import("./base/radio-group-choice-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-choice-card"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-demo": React.lazy(async () => {
      const mod = await import("./base/radio-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-description": React.lazy(async () => {
      const mod = await import("./base/radio-group-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-description"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-disabled": React.lazy(async () => {
      const mod = await import("./base/radio-group-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-fieldset": React.lazy(async () => {
      const mod = await import("./base/radio-group-fieldset")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-fieldset"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-invalid": React.lazy(async () => {
      const mod = await import("./base/radio-group-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "radio-group-rtl": React.lazy(async () => {
      const mod = await import("./base/radio-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "radio-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-demo": React.lazy(async () => {
      const mod = await import("./base/resizable-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-handle": React.lazy(async () => {
      const mod = await import("./base/resizable-handle")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-handle"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-rtl": React.lazy(async () => {
      const mod = await import("./base/resizable-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "resizable-vertical": React.lazy(async () => {
      const mod = await import("./base/resizable-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "resizable-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area-demo": React.lazy(async () => {
      const mod = await import("./base/scroll-area-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area-horizontal-demo": React.lazy(async () => {
      const mod = await import("./base/scroll-area-horizontal-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area-horizontal-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "scroll-area-rtl": React.lazy(async () => {
      const mod = await import("./base/scroll-area-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "scroll-area-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "select-align-item": React.lazy(async () => {
      const mod = await import("./base/select-align-item")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-align-item"
      return { default: mod.default || mod[exportName] }
    }),
    "select-demo": React.lazy(async () => {
      const mod = await import("./base/select-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "select-disabled": React.lazy(async () => {
      const mod = await import("./base/select-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "select-groups": React.lazy(async () => {
      const mod = await import("./base/select-groups")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-groups"
      return { default: mod.default || mod[exportName] }
    }),
    "select-invalid": React.lazy(async () => {
      const mod = await import("./base/select-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "select-rtl": React.lazy(async () => {
      const mod = await import("./base/select-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "select-scrollable": React.lazy(async () => {
      const mod = await import("./base/select-scrollable")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "select-scrollable"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-demo": React.lazy(async () => {
      const mod = await import("./base/separator-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-list": React.lazy(async () => {
      const mod = await import("./base/separator-list")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-list"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-menu": React.lazy(async () => {
      const mod = await import("./base/separator-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-menu"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-rtl": React.lazy(async () => {
      const mod = await import("./base/separator-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "separator-vertical": React.lazy(async () => {
      const mod = await import("./base/separator-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "separator-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-demo": React.lazy(async () => {
      const mod = await import("./base/sheet-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-no-close-button": React.lazy(async () => {
      const mod = await import("./base/sheet-no-close-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-no-close-button"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-rtl": React.lazy(async () => {
      const mod = await import("./base/sheet-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "sheet-side": React.lazy(async () => {
      const mod = await import("./base/sheet-side")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sheet-side"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-controlled": React.lazy(async () => {
      const mod = await import("./base/sidebar-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-demo": React.lazy(async () => {
      const mod = await import("./base/sidebar-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-footer": React.lazy(async () => {
      const mod = await import("./base/sidebar-footer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-footer"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-group-action": React.lazy(async () => {
      const mod = await import("./base/sidebar-group-action")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-group-action"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-group-collapsible": React.lazy(async () => {
      const mod = await import("./base/sidebar-group-collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-group-collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-group": React.lazy(async () => {
      const mod = await import("./base/sidebar-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-group"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-header": React.lazy(async () => {
      const mod = await import("./base/sidebar-header")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-header"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-action": React.lazy(async () => {
      const mod = await import("./base/sidebar-menu-action")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-action"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-badge": React.lazy(async () => {
      const mod = await import("./base/sidebar-menu-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-collapsible": React.lazy(async () => {
      const mod = await import("./base/sidebar-menu-collapsible")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-collapsible"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu-sub": React.lazy(async () => {
      const mod = await import("./base/sidebar-menu-sub")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu-sub"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-menu": React.lazy(async () => {
      const mod = await import("./base/sidebar-menu")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-menu"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-rsc": React.lazy(async () => {
      const mod = await import("./base/sidebar-rsc")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-rsc"
      return { default: mod.default || mod[exportName] }
    }),
    "sidebar-rtl": React.lazy(async () => {
      const mod = await import("./base/sidebar-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sidebar-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-avatar": React.lazy(async () => {
      const mod = await import("./base/skeleton-avatar")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-avatar"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-card": React.lazy(async () => {
      const mod = await import("./base/skeleton-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-card"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-demo": React.lazy(async () => {
      const mod = await import("./base/skeleton-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-form": React.lazy(async () => {
      const mod = await import("./base/skeleton-form")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-form"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-rtl": React.lazy(async () => {
      const mod = await import("./base/skeleton-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-table": React.lazy(async () => {
      const mod = await import("./base/skeleton-table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-table"
      return { default: mod.default || mod[exportName] }
    }),
    "skeleton-text": React.lazy(async () => {
      const mod = await import("./base/skeleton-text")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "skeleton-text"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-controlled": React.lazy(async () => {
      const mod = await import("./base/slider-controlled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-controlled"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-demo": React.lazy(async () => {
      const mod = await import("./base/slider-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-disabled": React.lazy(async () => {
      const mod = await import("./base/slider-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-multiple": React.lazy(async () => {
      const mod = await import("./base/slider-multiple")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-multiple"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-range": React.lazy(async () => {
      const mod = await import("./base/slider-range")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-range"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-rtl": React.lazy(async () => {
      const mod = await import("./base/slider-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "slider-vertical": React.lazy(async () => {
      const mod = await import("./base/slider-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "slider-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-demo": React.lazy(async () => {
      const mod = await import("./base/sonner-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-description": React.lazy(async () => {
      const mod = await import("./base/sonner-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-description"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-position": React.lazy(async () => {
      const mod = await import("./base/sonner-position")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-position"
      return { default: mod.default || mod[exportName] }
    }),
    "sonner-types": React.lazy(async () => {
      const mod = await import("./base/sonner-types")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "sonner-types"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-badge": React.lazy(async () => {
      const mod = await import("./base/spinner-badge")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-badge"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-button": React.lazy(async () => {
      const mod = await import("./base/spinner-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-button"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-custom": React.lazy(async () => {
      const mod = await import("./base/spinner-custom")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-custom"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-demo": React.lazy(async () => {
      const mod = await import("./base/spinner-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-empty": React.lazy(async () => {
      const mod = await import("./base/spinner-empty")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-empty"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-input-group": React.lazy(async () => {
      const mod = await import("./base/spinner-input-group")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-input-group"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-rtl": React.lazy(async () => {
      const mod = await import("./base/spinner-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "spinner-size": React.lazy(async () => {
      const mod = await import("./base/spinner-size")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "spinner-size"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-choice-card": React.lazy(async () => {
      const mod = await import("./base/switch-choice-card")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-choice-card"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-demo": React.lazy(async () => {
      const mod = await import("./base/switch-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-description": React.lazy(async () => {
      const mod = await import("./base/switch-description")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-description"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-disabled": React.lazy(async () => {
      const mod = await import("./base/switch-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-invalid": React.lazy(async () => {
      const mod = await import("./base/switch-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-rtl": React.lazy(async () => {
      const mod = await import("./base/switch-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "switch-sizes": React.lazy(async () => {
      const mod = await import("./base/switch-sizes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "switch-sizes"
      return { default: mod.default || mod[exportName] }
    }),
    "table-actions": React.lazy(async () => {
      const mod = await import("./base/table-actions")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-actions"
      return { default: mod.default || mod[exportName] }
    }),
    "table-demo": React.lazy(async () => {
      const mod = await import("./base/table-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "table-footer": React.lazy(async () => {
      const mod = await import("./base/table-footer")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-footer"
      return { default: mod.default || mod[exportName] }
    }),
    "table-rtl": React.lazy(async () => {
      const mod = await import("./base/table-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "table-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-demo": React.lazy(async () => {
      const mod = await import("./base/tabs-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-disabled": React.lazy(async () => {
      const mod = await import("./base/tabs-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-icons": React.lazy(async () => {
      const mod = await import("./base/tabs-icons")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-icons"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-line": React.lazy(async () => {
      const mod = await import("./base/tabs-line")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-line"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-rtl": React.lazy(async () => {
      const mod = await import("./base/tabs-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "tabs-vertical": React.lazy(async () => {
      const mod = await import("./base/tabs-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tabs-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-button": React.lazy(async () => {
      const mod = await import("./base/textarea-button")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-button"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-demo": React.lazy(async () => {
      const mod = await import("./base/textarea-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-disabled": React.lazy(async () => {
      const mod = await import("./base/textarea-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-field": React.lazy(async () => {
      const mod = await import("./base/textarea-field")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-field"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-invalid": React.lazy(async () => {
      const mod = await import("./base/textarea-invalid")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-invalid"
      return { default: mod.default || mod[exportName] }
    }),
    "textarea-rtl": React.lazy(async () => {
      const mod = await import("./base/textarea-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "textarea-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-demo": React.lazy(async () => {
      const mod = await import("./base/toggle-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-disabled": React.lazy(async () => {
      const mod = await import("./base/toggle-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-demo": React.lazy(async () => {
      const mod = await import("./base/toggle-group-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-disabled": React.lazy(async () => {
      const mod = await import("./base/toggle-group-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-font-weight-selector": React.lazy(async () => {
      const mod = await import("./base/toggle-group-font-weight-selector")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-font-weight-selector"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-outline": React.lazy(async () => {
      const mod = await import("./base/toggle-group-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-rtl": React.lazy(async () => {
      const mod = await import("./base/toggle-group-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-sizes": React.lazy(async () => {
      const mod = await import("./base/toggle-group-sizes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-sizes"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-spacing": React.lazy(async () => {
      const mod = await import("./base/toggle-group-spacing")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-spacing"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-group-vertical": React.lazy(async () => {
      const mod = await import("./base/toggle-group-vertical")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-group-vertical"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-outline": React.lazy(async () => {
      const mod = await import("./base/toggle-outline")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-outline"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-rtl": React.lazy(async () => {
      const mod = await import("./base/toggle-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-sizes": React.lazy(async () => {
      const mod = await import("./base/toggle-sizes")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-sizes"
      return { default: mod.default || mod[exportName] }
    }),
    "toggle-text": React.lazy(async () => {
      const mod = await import("./base/toggle-text")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "toggle-text"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-demo": React.lazy(async () => {
      const mod = await import("./base/tooltip-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-disabled": React.lazy(async () => {
      const mod = await import("./base/tooltip-disabled")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-disabled"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-keyboard": React.lazy(async () => {
      const mod = await import("./base/tooltip-keyboard")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-keyboard"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-rtl": React.lazy(async () => {
      const mod = await import("./base/tooltip-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "tooltip-sides": React.lazy(async () => {
      const mod = await import("./base/tooltip-sides")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "tooltip-sides"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-blockquote": React.lazy(async () => {
      const mod = await import("./base/typography-blockquote")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-blockquote"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-demo": React.lazy(async () => {
      const mod = await import("./base/typography-demo")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-demo"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h1": React.lazy(async () => {
      const mod = await import("./base/typography-h1")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h1"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h2": React.lazy(async () => {
      const mod = await import("./base/typography-h2")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h2"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h3": React.lazy(async () => {
      const mod = await import("./base/typography-h3")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h3"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-h4": React.lazy(async () => {
      const mod = await import("./base/typography-h4")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-h4"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-inline-code": React.lazy(async () => {
      const mod = await import("./base/typography-inline-code")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-inline-code"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-large": React.lazy(async () => {
      const mod = await import("./base/typography-large")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-large"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-lead": React.lazy(async () => {
      const mod = await import("./base/typography-lead")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-lead"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-list": React.lazy(async () => {
      const mod = await import("./base/typography-list")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-list"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-muted": React.lazy(async () => {
      const mod = await import("./base/typography-muted")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-muted"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-p": React.lazy(async () => {
      const mod = await import("./base/typography-p")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-p"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-rtl": React.lazy(async () => {
      const mod = await import("./base/typography-rtl")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-rtl"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-small": React.lazy(async () => {
      const mod = await import("./base/typography-small")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-small"
      return { default: mod.default || mod[exportName] }
    }),
    "typography-table": React.lazy(async () => {
      const mod = await import("./base/typography-table")
      const exportName =
        Object.keys(mod).find(
          (key) =>
            typeof mod[key] === "function" || typeof mod[key] === "object"
        ) || "typography-table"
      return { default: mod.default || mod[exportName] }
    }),
  },
}