ui Architecture Docs
Home / File/ component-registry.ts — ui Source File

component-registry.ts — ui Source File

Architecture documentation for component-registry.ts, a typescript file in the ui codebase. 117 imports, 0 dependents.

File typescript DocumentationAtlas 117 imports

Entity Profile

Dependency Diagram

graph LR
  1c2403dc_4584_9f39_4e98_855a7de18bd1["component-registry.ts"]
  79dc1b23_ee7b_f4e6_f17d_fa358dcc150a["page.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 79dc1b23_ee7b_f4e6_f17d_fa358dcc150a
  08ea29bb_6ae3_c27c_f979_4bbda7e6fd8e["NextFormPage"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 08ea29bb_6ae3_c27c_f979_4bbda7e6fd8e
  ea3c7483_8a35_6504_d487_adff83727903["page.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> ea3c7483_8a35_6504_d487_adff83727903
  33220cb6_542c_5449_8b74_b4f5378580ad["ReactHookFormPage"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 33220cb6_542c_5449_8b74_b4f5378580ad
  e9dfe3c1_018b_3fa3_da7f_3e112ad4c32b["page.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> e9dfe3c1_018b_3fa3_da7f_3e112ad4c32b
  9084055e_356e_6a4d_977e_b86df9c48f04["TanstackFormPage"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 9084055e_356e_6a4d_977e_b86df9c48f04
  ebb6a74a_95eb_d6c6_4e2d_4702b9a20ea6["accordion-demo.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> ebb6a74a_95eb_d6c6_4e2d_4702b9a20ea6
  45ddab26_51c3_3b7f_7fa3_abd3a2fd8d12["AccordionDemo"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 45ddab26_51c3_3b7f_7fa3_abd3a2fd8d12
  459efa66_7cd1_590d_c879_d0842fdda6b3["alert-demo.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 459efa66_7cd1_590d_c879_d0842fdda6b3
  763d9da9_6899_1c74_04ff_4b06fd21e04a["AlertDemo"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 763d9da9_6899_1c74_04ff_4b06fd21e04a
  c0c3b414_524e_0d34_6d0c_40f560e9d09b["alert-dialog-demo.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> c0c3b414_524e_0d34_6d0c_40f560e9d09b
  0ea2ac9e_1a25_bacf_46b3_79bec6060832["AlertDialogDemo"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 0ea2ac9e_1a25_bacf_46b3_79bec6060832
  68ea9e53_3a4a_a341_9a40_16df69e19c56["aspect-ratio-demo.tsx"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 68ea9e53_3a4a_a341_9a40_16df69e19c56
  13c6fbec_e490_1a38_d5c4_44de2a2f94ca["AspectRatioDemo"]
  1c2403dc_4584_9f39_4e98_855a7de18bd1 --> 13c6fbec_e490_1a38_d5c4_44de2a2f94ca
  style 1c2403dc_4584_9f39_4e98_855a7de18bd1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import FormsPage from "@/app/(internal)/sink/(pages)/forms/page"

import NextFormPage from "./(pages)/next-form/page"
import ReactHookFormPage from "./(pages)/react-hook-form/page"
import TanstackFormPage from "./(pages)/tanstack-form/page"
import { AccordionDemo } from "./components/accordion-demo"
import { AlertDemo } from "./components/alert-demo"
import { AlertDialogDemo } from "./components/alert-dialog-demo"
import { AspectRatioDemo } from "./components/aspect-ratio-demo"
import { AvatarDemo } from "./components/avatar-demo"
import { BadgeDemo } from "./components/badge-demo"
import { BreadcrumbDemo } from "./components/breadcrumb-demo"
import { ButtonDemo } from "./components/button-demo"
import { ButtonGroupDemo } from "./components/button-group-demo"
import { CalendarDemo } from "./components/calendar-demo"
import { CardDemo } from "./components/card-demo"
import { CarouselDemo } from "./components/carousel-demo"
import { ChartDemo } from "./components/chart-demo"
import { CheckboxDemo } from "./components/checkbox-demo"
import { CollapsibleDemo } from "./components/collapsible-demo"
import { ComboboxDemo } from "./components/combobox-demo"
import { CommandDemo } from "./components/command-demo"
import { ContextMenuDemo } from "./components/context-menu-demo"
import { DatePickerDemo } from "./components/date-picker-demo"
import { DialogDemo } from "./components/dialog-demo"
import { DrawerDemo } from "./components/drawer-demo"
import { DropdownMenuDemo } from "./components/dropdown-menu-demo"
import { EmptyDemo } from "./components/empty-demo"
import { FieldDemo } from "./components/field-demo"
import { FormDemo } from "./components/form-demo"
import { HoverCardDemo } from "./components/hover-card-demo"
import { InputDemo } from "./components/input-demo"
import { InputGroupDemo } from "./components/input-group-demo"
import { InputOTPDemo } from "./components/input-otp-demo"
import { ItemDemo } from "./components/item-demo"
import { KbdDemo } from "./components/kbd-demo"
import { LabelDemo } from "./components/label-demo"
import { MenubarDemo } from "./components/menubar-demo"
import { NativeSelectDemo } from "./components/native-select-demo"
import { NavigationMenuDemo } from "./components/navigation-menu-demo"
import { PaginationDemo } from "./components/pagination-demo"
import { PopoverDemo } from "./components/popover-demo"
import { ProgressDemo } from "./components/progress-demo"
import { RadioGroupDemo } from "./components/radio-group-demo"
import { ResizableDemo } from "./components/resizable-demo"
import { ScrollAreaDemo } from "./components/scroll-area-demo"
import { SelectDemo } from "./components/select-demo"
import { SeparatorDemo } from "./components/separator-demo"
import { SheetDemo } from "./components/sheet-demo"
import { SkeletonDemo } from "./components/skeleton-demo"
import { SliderDemo } from "./components/slider-demo"
import { SonnerDemo } from "./components/sonner-demo"
import { SpinnerDemo } from "./components/spinner-demo"
import { SwitchDemo } from "./components/switch-demo"
import { TableDemo } from "./components/table-demo"
import { TabsDemo } from "./components/tabs-demo"
import { TextareaDemo } from "./components/textarea-demo"
import { ToggleDemo } from "./components/toggle-demo"
import { ToggleGroupDemo } from "./components/toggle-group-demo"
import { TooltipDemo } from "./components/tooltip-demo"
// ... (378 more lines)

Domain

Types

Dependencies

Source

Frequently Asked Questions

What does component-registry.ts do?
component-registry.ts is a source file in the ui codebase, written in typescript. It belongs to the DocumentationAtlas domain.
What does component-registry.ts depend on?
component-registry.ts imports 117 module(s): AccordionDemo, AlertDemo, AlertDialogDemo, AspectRatioDemo, AvatarDemo, BadgeDemo, BreadcrumbDemo, ButtonDemo, and 109 more.
Where is component-registry.ts in the architecture?
component-registry.ts is located at apps/v4/app/(internal)/sink/component-registry.ts (domain: DocumentationAtlas, directory: apps/v4/app/(internal)/sink).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free