// @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"

const shards: Record<
  string,
  {
    load: () => Promise<{ Components: Record<string, any> }>
    names: Set<string>
  }
> = {
  "new-york-v4": {
    load: () => import("./new-york-v4"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "form",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "marker",
      "message",
      "message-scroller",
      "dashboard-01",
      "sidebar-01",
      "sidebar-02",
      "sidebar-03",
      "sidebar-04",
      "sidebar-05",
      "sidebar-06",
      "sidebar-07",
      "sidebar-08",
      "sidebar-09",
      "sidebar-10",
      "sidebar-11",
      "sidebar-12",
      "sidebar-13",
      "sidebar-14",
      "sidebar-15",
      "sidebar-16",
      "login-01",
      "login-02",
      "login-03",
      "login-04",
      "login-05",
      "signup-01",
      "signup-02",
      "signup-03",
      "signup-04",
      "signup-05",
      "chart-area-axes",
      "chart-area-default",
      "chart-area-gradient",
      "chart-area-icons",
      "chart-area-interactive",
      "chart-area-legend",
      "chart-area-linear",
      "chart-area-stacked-expand",
      "chart-area-stacked",
      "chart-area-step",
      "chart-bar-active",
      "chart-bar-default",
      "chart-bar-horizontal",
      "chart-bar-interactive",
      "chart-bar-label-custom",
      "chart-bar-label",
      "chart-bar-mixed",
      "chart-bar-multiple",
      "chart-bar-negative",
      "chart-bar-stacked",
      "chart-line-default",
      "chart-line-dots-colors",
      "chart-line-dots-custom",
      "chart-line-dots",
      "chart-line-interactive",
      "chart-line-label-custom",
      "chart-line-label",
      "chart-line-linear",
      "chart-line-multiple",
      "chart-line-step",
      "chart-pie-donut-active",
      "chart-pie-donut-text",
      "chart-pie-donut",
      "chart-pie-interactive",
      "chart-pie-label-custom",
      "chart-pie-label-list",
      "chart-pie-label",
      "chart-pie-legend",
      "chart-pie-separator-none",
      "chart-pie-simple",
      "chart-pie-stacked",
      "chart-radar-default",
      "chart-radar-dots",
      "chart-radar-grid-circle-fill",
      "chart-radar-grid-circle-no-lines",
      "chart-radar-grid-circle",
      "chart-radar-grid-custom",
      "chart-radar-grid-fill",
      "chart-radar-grid-none",
      "chart-radar-icons",
      "chart-radar-label-custom",
      "chart-radar-legend",
      "chart-radar-lines-only",
      "chart-radar-multiple",
      "chart-radar-radius",
      "chart-radial-grid",
      "chart-radial-label",
      "chart-radial-shape",
      "chart-radial-simple",
      "chart-radial-stacked",
      "chart-radial-text",
      "chart-tooltip-default",
      "chart-tooltip-indicator-line",
      "chart-tooltip-indicator-none",
      "chart-tooltip-label-none",
      "chart-tooltip-label-custom",
      "chart-tooltip-label-formatter",
      "chart-tooltip-formatter",
      "chart-tooltip-icons",
      "chart-tooltip-advanced",
      "utils",
      "use-mobile",
      "accordion-demo",
      "alert-demo",
      "alert-destructive",
      "alert-dialog-demo",
      "aspect-ratio-demo",
      "avatar-demo",
      "badge-demo",
      "badge-destructive",
      "badge-outline",
      "badge-secondary",
      "breadcrumb-demo",
      "breadcrumb-separator",
      "breadcrumb-dropdown",
      "breadcrumb-ellipsis",
      "breadcrumb-link",
      "breadcrumb-responsive",
      "button-demo",
      "button-default",
      "button-secondary",
      "button-destructive",
      "button-outline",
      "button-ghost",
      "button-link",
      "button-with-icon",
      "button-loading",
      "button-icon",
      "button-as-child",
      "button-rounded",
      "button-size",
      "button-group-demo",
      "button-group-nested",
      "button-group-size",
      "button-group-separator",
      "button-group-split",
      "button-group-input",
      "button-group-dropdown",
      "button-group-select",
      "button-group-popover",
      "button-group-input-group",
      "button-group-orientation",
      "calendar-demo",
      "card-demo",
      "card-with-form",
      "carousel-demo",
      "carousel-size",
      "carousel-spacing",
      "carousel-orientation",
      "carousel-api",
      "carousel-plugin",
      "checkbox-demo",
      "checkbox-disabled",
      "checkbox-with-text",
      "collapsible-demo",
      "combobox-demo",
      "combobox-dropdown-menu",
      "combobox-popover",
      "combobox-responsive",
      "command-demo",
      "command-dialog",
      "context-menu-demo",
      "data-table-demo",
      "date-picker-demo",
      "date-picker-with-presets",
      "date-picker-with-range",
      "dialog-demo",
      "dialog-close-button",
      "drawer-demo",
      "empty-demo",
      "empty-icon",
      "empty-avatar",
      "empty-avatar-group",
      "empty-input-group",
      "empty-outline",
      "empty-background",
      "field-demo",
      "field-input",
      "field-textarea",
      "field-fieldset",
      "field-radio",
      "field-checkbox",
      "field-switch",
      "field-slider",
      "field-select",
      "field-choice-card",
      "field-group",
      "field-responsive",
      "form-next-demo",
      "form-next-complex",
      "form-rhf-demo",
      "form-rhf-input",
      "form-rhf-select",
      "form-rhf-checkbox",
      "form-rhf-switch",
      "form-rhf-textarea",
      "form-rhf-radiogroup",
      "form-rhf-array",
      "form-rhf-complex",
      "form-rhf-password",
      "form-tanstack-demo",
      "form-tanstack-input",
      "form-tanstack-textarea",
      "form-tanstack-select",
      "form-tanstack-checkbox",
      "form-tanstack-switch",
      "form-tanstack-radiogroup",
      "form-tanstack-array",
      "form-tanstack-complex",
      "form-formisch-demo",
      "form-formisch-input",
      "form-formisch-textarea",
      "form-formisch-select",
      "form-formisch-checkbox",
      "form-formisch-radiogroup",
      "form-formisch-switch",
      "form-formisch-array",
      "form-formisch-complex",
      "drawer-dialog",
      "dropdown-menu-demo",
      "dropdown-menu-checkboxes",
      "dropdown-menu-radio-group",
      "dropdown-menu-dialog",
      "hover-card-demo",
      "input-demo",
      "input-disabled",
      "input-file",
      "input-with-button",
      "input-with-label",
      "input-with-text",
      "input-group-demo",
      "input-group-label",
      "input-group-text",
      "input-group-tooltip",
      "input-group-button",
      "input-group-button-group",
      "input-group-dropdown",
      "input-group-spinner",
      "input-group-textarea",
      "input-group-icon",
      "input-group-custom",
      "input-otp-demo",
      "input-otp-pattern",
      "input-otp-separator",
      "input-otp-controlled",
      "item-demo",
      "item-size",
      "item-variant",
      "item-icon",
      "item-image",
      "item-avatar",
      "item-group",
      "item-header",
      "item-dropdown",
      "item-link",
      "kbd-demo",
      "kbd-tooltip",
      "kbd-input-group",
      "kbd-button",
      "kbd-group",
      "label-demo",
      "menubar-demo",
      "navigation-menu-demo",
      "native-select-demo",
      "native-select-groups",
      "native-select-disabled",
      "native-select-invalid",
      "pagination-demo",
      "popover-demo",
      "progress-demo",
      "radio-group-demo",
      "resizable-demo",
      "resizable-demo-with-handle",
      "resizable-vertical",
      "resizable-handle",
      "scroll-area-demo",
      "scroll-area-horizontal-demo",
      "select-demo",
      "select-scrollable",
      "separator-demo",
      "sheet-demo",
      "sheet-side",
      "skeleton-demo",
      "skeleton-card",
      "slider-demo",
      "sonner-demo",
      "sonner-types",
      "spinner-demo",
      "spinner-basic",
      "spinner-button",
      "spinner-badge",
      "spinner-input-group",
      "spinner-empty",
      "spinner-color",
      "spinner-custom",
      "spinner-size",
      "spinner-item",
      "switch-demo",
      "table-demo",
      "tabs-demo",
      "textarea-demo",
      "textarea-disabled",
      "textarea-with-button",
      "textarea-with-label",
      "textarea-with-text",
      "toggle-group-demo",
      "toggle-group-disabled",
      "toggle-group-lg",
      "toggle-group-outline",
      "toggle-group-sm",
      "toggle-group-single",
      "toggle-group-spacing",
      "toggle-demo",
      "toggle-disabled",
      "toggle-lg",
      "toggle-outline",
      "toggle-sm",
      "toggle-with-text",
      "tooltip-demo",
      "typography-blockquote",
      "typography-demo",
      "typography-h1",
      "typography-h2",
      "typography-h3",
      "typography-h4",
      "typography-inline-code",
      "typography-large",
      "typography-lead",
      "typography-list",
      "typography-muted",
      "typography-p",
      "typography-small",
      "typography-table",
      "mode-toggle",
      "chart-bar-demo",
      "chart-bar-demo-grid",
      "chart-bar-demo-axis",
      "chart-bar-demo-tooltip",
      "chart-bar-demo-legend",
      "chart-tooltip-demo",
      "calendar-hijri",
    ]),
  },
  "base-nova": {
    load: () => import("./base-nova"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-nova": {
    load: () => import("./radix-nova"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-nova": {
    load: () => import("./aria-nova"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-vega": {
    load: () => import("./base-vega"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-maia": {
    load: () => import("./base-maia"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-lyra": {
    load: () => import("./base-lyra"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-mira": {
    load: () => import("./base-mira"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-luma": {
    load: () => import("./base-luma"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-sera": {
    load: () => import("./base-sera"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "base-rhea": {
    load: () => import("./base-rhea"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toast",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-vega": {
    load: () => import("./aria-vega"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-maia": {
    load: () => import("./aria-maia"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-lyra": {
    load: () => import("./aria-lyra"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-mira": {
    load: () => import("./aria-mira"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-luma": {
    load: () => import("./aria-luma"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-sera": {
    load: () => import("./aria-sera"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "aria-rhea": {
    load: () => import("./aria-rhea"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-vega": {
    load: () => import("./radix-vega"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-maia": {
    load: () => import("./radix-maia"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-lyra": {
    load: () => import("./radix-lyra"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-mira": {
    load: () => import("./radix-mira"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-luma": {
    load: () => import("./radix-luma"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-sera": {
    load: () => import("./radix-sera"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
  "radix-rhea": {
    load: () => import("./radix-rhea"),
    names: new Set([
      "accordion",
      "alert",
      "alert-dialog",
      "aspect-ratio",
      "avatar",
      "badge",
      "breadcrumb",
      "button",
      "button-group",
      "calendar",
      "card",
      "carousel",
      "chart",
      "checkbox",
      "collapsible",
      "combobox",
      "command",
      "context-menu",
      "dialog",
      "drawer",
      "dropdown-menu",
      "empty",
      "field",
      "hover-card",
      "input",
      "input-group",
      "input-otp",
      "item",
      "label",
      "menubar",
      "navigation-menu",
      "pagination",
      "popover",
      "progress",
      "radio-group",
      "resizable",
      "scroll-area",
      "select",
      "separator",
      "sheet",
      "sidebar",
      "skeleton",
      "slider",
      "sonner",
      "spinner",
      "switch",
      "table",
      "tabs",
      "textarea",
      "toggle",
      "toggle-group",
      "tooltip",
      "kbd",
      "native-select",
      "direction",
      "attachment",
      "bubble",
      "message-scroller",
      "questionnaire",
      "marker",
      "message",
    ]),
  },
}

const cache = new Map<string, any>()

// Sync existence check via the names set; the shard module (and with it the
// component's dynamic-import subtree) only loads when the component renders.
export function getComponent(styleName: string, name: string) {
  const shard = shards[styleName]
  if (!shard?.names.has(name)) {
    return undefined
  }

  const cacheKey = `${styleName}:${name}`
  let component = cache.get(cacheKey)
  if (!component) {
    component = React.lazy(async () => {
      const { Components } = await shard.load()
      return { default: Components[name] }
    })
    cache.set(cacheKey, component)
  }

  return component
}
