Styles — ui Architecture
Handles HSL/CSS variable definitions for various design styles.
Entity Profile
Dependency Diagram
graph TD subdomain_ComponentRegistry_Styles["Styles"] de18f8a3_55c5_29b1_39c7_54d678d74690["__root.tsx"] subdomain_ComponentRegistry_Styles --> de18f8a3_55c5_29b1_39c7_54d678d74690 747da560_9d19_74c8_bee7_b770b4e86f80["layout.tsx"] subdomain_ComponentRegistry_Styles --> 747da560_9d19_74c8_bee7_b770b4e86f80 8acacf89_8b2a_e317_20a4_c8f7bb2d83b1["route.tsx"] subdomain_ComponentRegistry_Styles --> 8acacf89_8b2a_e317_20a4_c8f7bb2d83b1 0cae8d08_d89c_e409_a490_3353c43784c7["App.tsx"] subdomain_ComponentRegistry_Styles --> 0cae8d08_d89c_e409_a490_3353c43784c7 ebdcbf44_8a74_46f2_41fa_d03ed08b1d64["page.tsx"] subdomain_ComponentRegistry_Styles --> ebdcbf44_8a74_46f2_41fa_d03ed08b1d64 d8b55fcb_efcc_40a5_db90_7dd7015591b0["page.tsx"] subdomain_ComponentRegistry_Styles --> d8b55fcb_efcc_40a5_db90_7dd7015591b0 6ee33b99_b0ee_bc67_1958_6dc8a9a3d2cd["use-lock-body.ts"] subdomain_ComponentRegistry_Styles --> 6ee33b99_b0ee_bc67_1958_6dc8a9a3d2cd b3267395_0892_c6e6_e5eb_e3e8bd966c15["routeTree.gen.ts"] subdomain_ComponentRegistry_Styles --> b3267395_0892_c6e6_e5eb_e3e8bd966c15 56138a84_c663_2f7a_6733_3e67ff8c366b["layout.tsx"] subdomain_ComponentRegistry_Styles --> 56138a84_c663_2f7a_6733_3e67ff8c366b 2dbbc828_90a0_ad20_8b3c_942d74931976["layout.tsx"] subdomain_ComponentRegistry_Styles --> 2dbbc828_90a0_ad20_8b3c_942d74931976 ded66567_a088_0ea1_ed4d_41ba34a9fe46["use-lift-mode.ts"] subdomain_ComponentRegistry_Styles --> ded66567_a088_0ea1_ed4d_41ba34a9fe46 0a74fe13_6082_01bc_d36c_f0af40c19dc3["page.tsx"] subdomain_ComponentRegistry_Styles --> 0a74fe13_6082_01bc_d36c_f0af40c19dc3 12db5bf2_e504_79a1_741a_3b5d5857c4bb["page.tsx"] subdomain_ComponentRegistry_Styles --> 12db5bf2_e504_79a1_741a_3b5d5857c4bb 14900466_ac7a_7b6e_26a9_936216f7fa6a["notifications-form.tsx"] subdomain_ComponentRegistry_Styles --> 14900466_ac7a_7b6e_26a9_936216f7fa6a style subdomain_ComponentRegistry_Styles fill:#6366f1,stroke:#818cf8,color:#fff
Relationship Graph
Domain
Functions
- AccountForm()
- App()
- App()
- App()
- AppLayout()
- AppearanceForm()
- AuthenticationPage()
- BlockPage()
- BlocksLayout()
- BlocksPage()
- BlocksPage()
- CardsPage()
- ChartsLayout()
- ChartsPage()
- ColorsLayout()
- ColorsPage()
- DashboardPage()
- DemoContainer()
- DisplayForm()
- Doc()
- DocPage()
- DocsLayout()
- ExamplesLayout()
- GET()
- Home()
- Home()
- IconsLayout()
- IconsPage()
- IndexPage()
- IndexRoute.getParentRoute()
- LinksProperties()
- MailPage()
- MusicPage()
- NotificationsForm()
- Page()
- PlaygroundPage()
- ProfileForm()
- RootDocument()
- RootLayout()
- RootLayout()
- RootLayout()
- RootLayout()
- SettingsAccountPage()
- SettingsAppearancePage()
- SettingsDisplayPage()
- SettingsLayout()
- SettingsNotificationsPage()
- SettingsProfilePage()
- THEMES()
- TaskPage()
- ThemesLayout()
- ThemesPage()
- ThemesStyle()
- absoluteUrl()
- cn()
- cn()
- cn()
- createFixtureTestDirectory()
- cssHasProperties()
- editInV0()
- flattenNode()
- formatDate()
- generateMetadata()
- generateMetadata()
- generateStaticParams()
- generateStaticParams()
- generateStaticParams()
- getActiveStyle()
- getAllBlockIds()
- getCachedRegistryItem()
- getColorFormat()
- getColors()
- getComponentSourceFileContent()
- getDocFromParams()
- getForegroundFromBackground()
- getInvoker()
- getItems()
- getNodeAttributeByName()
- getRouter()
- getStyle()
- getTableOfContents()
- getTasks()
- getToc()
- highlightCode()
- loadAssets()
- main()
- nextConfig.redirects()
- npxShadcn()
- rehypeComponent()
- rehypeNpmCommand()
- runCommand()
- setup()
- tasks()
- themeColorNameToCssVariable()
- themeColorsToCssVariables()
- trackEvent()
- useColors()
- useConfig()
- useCopyToClipboard()
- useLiftMode()
- useLockBody()
- useMail()
- useMediaQuery()
- useMetaColor()
- useMounted()
- useMutationObserver()
- useProject()
- useThemesConfig()
Source Files
- packages/tests/fixtures/vite-app/src/App.tsx
- templates/vite-app/src/App.tsx
- templates/start-app/src/routes/__root.tsx
- apps/v4/registry/_legacy-styles.ts
- deprecated/www/app/(app)/examples/forms/account/account-form.tsx
- deprecated/www/app/(app)/examples/forms/appearance/appearance-form.tsx
- deprecated/www/lib/blocks.ts
- deprecated/www/lib/charts.ts
- deprecated/www/lib/colors.ts
- deprecated/www/contentlayer.config.js
- deprecated/www/app/(app)/examples/forms/display/display-form.tsx
- deprecated/www/actions/edit-in-v0.ts
- deprecated/www/lib/events.ts
- deprecated/www/lib/highlight-code.ts
- deprecated/cli/src/index.ts
- templates/start-app/src/routes/index.tsx
- deprecated/www/app/(app)/layout.tsx
- deprecated/www/app/(app)/themes/layout.tsx
- packages/tests/fixtures/next-app-init/app/layout.tsx
- deprecated/www/app/(app)/docs/layout.tsx
- deprecated/www/app/(app)/examples/forms/layout.tsx
- deprecated/www/app/(internal)/icons/layout.tsx
- packages/tests/fixtures/next-app/app/layout.tsx
- deprecated/www/app/(app)/examples/layout.tsx
- deprecated/www/app/layout.tsx
- deprecated/www/app/(app)/colors/layout.tsx
- deprecated/www/app/(app)/charts/layout.tsx
- deprecated/www/app/(app)/blocks/layout.tsx
- templates/monorepo-next/apps/web/app/layout.tsx
- deprecated/www/next.config.mjs
- deprecated/www/app/(app)/examples/forms/notifications/notifications-form.tsx
- deprecated/www/app/(app)/examples/authentication/page.tsx
- deprecated/www/app/(app)/examples/forms/display/page.tsx
- deprecated/www/app/(app)/examples/tasks/page.tsx
- deprecated/www/app/(app)/examples/playground/page.tsx
- templates/monorepo-next/apps/web/app/page.tsx
- packages/tests/fixtures/next-app-init/app/page.tsx
- deprecated/www/app/(app)/examples/forms/account/page.tsx
- deprecated/www/app/(app)/examples/music/page.tsx
- deprecated/www/app/(internal)/icons/page.tsx
- deprecated/www/app/(app)/examples/forms/page.tsx
- deprecated/www/app/(app)/examples/cards/page.tsx
- deprecated/www/app/(app)/colors/page.tsx
- deprecated/www/app/(app)/charts/page.tsx
- deprecated/www/app/(app)/examples/forms/notifications/page.tsx
- deprecated/www/app/(app)/examples/mail/page.tsx
- deprecated/www/app/(app)/examples/dashboard/page.tsx
- packages/tests/fixtures/next-app/app/page.tsx
- deprecated/www/app/(view)/view/styles/[style]/[name]/page.tsx
- deprecated/www/app/(app)/blocks/page.tsx
- deprecated/www/app/(app)/blocks/[...categories]/page.tsx
- deprecated/www/app/(app)/examples/forms/appearance/page.tsx
- deprecated/www/app/(app)/docs/[[...slug]]/page.tsx
- deprecated/www/app/(app)/page.tsx
- deprecated/www/app/(app)/themes/page.tsx
- deprecated/www/app/(app)/examples/forms/profile-form.tsx
- deprecated/www/lib/rehype-component.ts
- deprecated/www/lib/rehype-npm-command.ts
- deprecated/www/app/(app)/og/route.tsx
- templates/start-app/src/routeTree.gen.ts
- templates/start-app/src/router.tsx
- deprecated/www/app/(app)/examples/tasks/data/seed.ts
- packages/tests/src/utils/setup.ts
- deprecated/www/components/themes-styles.tsx
- deprecated/www/lib/themes.ts
- deprecated/www/lib/toc.ts
- deprecated/www/hooks/use-colors.ts
- deprecated/www/hooks/use-config.ts
- deprecated/www/hooks/use-copy-to-clipboard.ts
- deprecated/www/hooks/use-lift-mode.ts
- deprecated/www/hooks/use-lock-body.ts
- deprecated/www/app/(app)/examples/mail/use-mail.ts
- deprecated/www/hooks/use-media-query.tsx
- deprecated/www/hooks/use-meta-color.ts
- deprecated/www/hooks/use-mounted.ts
- deprecated/www/hooks/use-mutation-observer.ts
- deprecated/www/hooks/use-project.ts
- deprecated/www/hooks/use-themes-config.ts
- packages/tests/fixtures/next-app-init/lib/utils.ts
- deprecated/www/lib/utils.ts
- templates/monorepo-next/packages/ui/src/lib/utils.ts
Source
- packages/tests/fixtures/vite-app/src/App.tsx
- templates/vite-app/src/App.tsx
- templates/start-app/src/routes/__root.tsx
- apps/v4/registry/_legacy-styles.ts
- deprecated/www/app/(app)/examples/forms/account/account-form.tsx
- deprecated/www/app/(app)/examples/forms/appearance/appearance-form.tsx
- deprecated/www/lib/blocks.ts
- deprecated/www/lib/charts.ts
- deprecated/www/lib/colors.ts
- deprecated/www/contentlayer.config.js
- deprecated/www/app/(app)/examples/forms/display/display-form.tsx
- deprecated/www/actions/edit-in-v0.ts
- deprecated/www/lib/events.ts
- deprecated/www/lib/highlight-code.ts
- deprecated/cli/src/index.ts
- templates/start-app/src/routes/index.tsx
- deprecated/www/app/(app)/layout.tsx
- deprecated/www/app/(app)/themes/layout.tsx
- packages/tests/fixtures/next-app-init/app/layout.tsx
- deprecated/www/app/(app)/docs/layout.tsx
- deprecated/www/app/(app)/examples/forms/layout.tsx
- deprecated/www/app/(internal)/icons/layout.tsx
- packages/tests/fixtures/next-app/app/layout.tsx
- deprecated/www/app/(app)/examples/layout.tsx
- deprecated/www/app/layout.tsx
- deprecated/www/app/(app)/colors/layout.tsx
- deprecated/www/app/(app)/charts/layout.tsx
- deprecated/www/app/(app)/blocks/layout.tsx
- templates/monorepo-next/apps/web/app/layout.tsx
- deprecated/www/next.config.mjs
- deprecated/www/app/(app)/examples/forms/notifications/notifications-form.tsx
- deprecated/www/app/(app)/examples/authentication/page.tsx
- deprecated/www/app/(app)/examples/forms/display/page.tsx
- deprecated/www/app/(app)/examples/tasks/page.tsx
- deprecated/www/app/(app)/examples/playground/page.tsx
- templates/monorepo-next/apps/web/app/page.tsx
- packages/tests/fixtures/next-app-init/app/page.tsx
- deprecated/www/app/(app)/examples/forms/account/page.tsx
- deprecated/www/app/(app)/examples/music/page.tsx
- deprecated/www/app/(internal)/icons/page.tsx
- deprecated/www/app/(app)/examples/forms/page.tsx
- deprecated/www/app/(app)/examples/cards/page.tsx
- deprecated/www/app/(app)/colors/page.tsx
- deprecated/www/app/(app)/charts/page.tsx
- deprecated/www/app/(app)/examples/forms/notifications/page.tsx
- deprecated/www/app/(app)/examples/mail/page.tsx
- deprecated/www/app/(app)/examples/dashboard/page.tsx
- packages/tests/fixtures/next-app/app/page.tsx
- deprecated/www/app/(view)/view/styles/[style]/[name]/page.tsx
- deprecated/www/app/(app)/blocks/page.tsx
- deprecated/www/app/(app)/blocks/[...categories]/page.tsx
- deprecated/www/app/(app)/examples/forms/appearance/page.tsx
- deprecated/www/app/(app)/docs/[[...slug]]/page.tsx
- deprecated/www/app/(app)/page.tsx
- deprecated/www/app/(app)/themes/page.tsx
- deprecated/www/app/(app)/examples/forms/profile-form.tsx
- deprecated/www/lib/rehype-component.ts
- deprecated/www/lib/rehype-npm-command.ts
- deprecated/www/app/(app)/og/route.tsx
- templates/start-app/src/routeTree.gen.ts
- templates/start-app/src/router.tsx
- deprecated/www/app/(app)/examples/tasks/data/seed.ts
- packages/tests/src/utils/setup.ts
- deprecated/www/components/themes-styles.tsx
- deprecated/www/lib/themes.ts
- deprecated/www/lib/toc.ts
- deprecated/www/hooks/use-colors.ts
- deprecated/www/hooks/use-config.ts
- deprecated/www/hooks/use-copy-to-clipboard.ts
- deprecated/www/hooks/use-lift-mode.ts
- deprecated/www/hooks/use-lock-body.ts
- deprecated/www/app/(app)/examples/mail/use-mail.ts
- deprecated/www/hooks/use-media-query.tsx
- deprecated/www/hooks/use-meta-color.ts
- deprecated/www/hooks/use-mounted.ts
- deprecated/www/hooks/use-mutation-observer.ts
- deprecated/www/hooks/use-project.ts
- deprecated/www/hooks/use-themes-config.ts
- packages/tests/fixtures/next-app-init/lib/utils.ts
- deprecated/www/lib/utils.ts
- templates/monorepo-next/packages/ui/src/lib/utils.ts
Frequently Asked Questions
What is the Styles subdomain?
Styles is a subdomain in the ui codebase, part of the ComponentRegistry domain. Handles HSL/CSS variable definitions for various design styles. It contains 81 source files.
Which domain does Styles belong to?
Styles belongs to the ComponentRegistry domain.
What functions are in Styles?
The Styles subdomain contains 108 function(s): AccountForm, App, App, App, AppLayout, AppearanceForm, AuthenticationPage, BlockPage, and 100 more.
Analyze Your Own Codebase
Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.
Try Supermodel Free