ui Architecture Docs
Home / File/ page.tsx — ui Source File

page.tsx — ui Source File

Architecture documentation for page.tsx, a tsx file in the ui codebase. 6 imports, 0 dependents.

File tsx ComponentRegistry Styles 6 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  ba67d646_7c39_e67b_2718_a4ceb2797fea["page.tsx"]
  051af7df_a60b_d4df_95ed_ca045420060f["themes"]
  ba67d646_7c39_e67b_2718_a4ceb2797fea --> 051af7df_a60b_d4df_95ed_ca045420060f
  732e465a_ced3_b1a5_d804_02cfa6f4300b["chart-display"]
  ba67d646_7c39_e67b_2718_a4ceb2797fea --> 732e465a_ced3_b1a5_d804_02cfa6f4300b
  4d323766_aca5_1a50_61e0_de38fa9a82bf["themes-selector"]
  ba67d646_7c39_e67b_2718_a4ceb2797fea --> 4d323766_aca5_1a50_61e0_de38fa9a82bf
  89bd3e2a_6595_dc47_a3c6_5ebc1a7ef1fd["themes-styles"]
  ba67d646_7c39_e67b_2718_a4ceb2797fea --> 89bd3e2a_6595_dc47_a3c6_5ebc1a7ef1fd
  0ef877d6_b768_4222_bd20_50d875ac5e58["separator"]
  ba67d646_7c39_e67b_2718_a4ceb2797fea --> 0ef877d6_b768_4222_bd20_50d875ac5e58
  175cabf4_ccf1_1226_595a_f3c2558c47a2["charts"]
  ba67d646_7c39_e67b_2718_a4ceb2797fea --> 175cabf4_ccf1_1226_595a_f3c2558c47a2
  style ba67d646_7c39_e67b_2718_a4ceb2797fea fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import { THEMES } from "@/lib/themes"
import { ChartDisplay } from "@/components/chart-display"
import { ThemesSwitcher } from "@/components/themes-selector"
import { ThemesStyle } from "@/components/themes-styles"
import { Separator } from "@/registry/new-york/ui/separator"
import * as Charts from "@/app/(app)/charts/charts"

export default function ChartsPage() {
  return (
    <div className="grid gap-4">
      <ThemesStyle />
      <div className="gap-6 md:flex md:flex-row-reverse md:items-start">
        <ThemesSwitcher
          themes={THEMES}
          className="fixed inset-x-0 bottom-0 z-40 flex bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60 lg:sticky lg:bottom-auto lg:top-20"
        />
        <div className="grid flex-1 gap-12">
          <h2 className="sr-only">Examples</h2>
          <div
            id="examples"
            className="grid flex-1 scroll-mt-20 items-start gap-10 md:grid-cols-2 md:gap-6 lg:grid-cols-3 xl:gap-10"
          >
            <ChartDisplay name="chart-area-stacked">
              <Charts.ChartAreaStacked />
            </ChartDisplay>
            <ChartDisplay name="chart-bar-multiple">
              <Charts.ChartBarMultiple />
            </ChartDisplay>
            <ChartDisplay
              name="chart-pie-donut-text"
              className="[&_[data-chart]]:xl:max-h-[243px]"
            >
              <Charts.ChartPieDonutText />
            </ChartDisplay>
          </div>
          <Separator />
          <div
            id="area-chart"
            className="grid flex-1 scroll-mt-20 items-start gap-10 md:grid-cols-2 md:gap-6 lg:grid-cols-3 xl:gap-10"
          >
            <ChartDisplay name="chart-area-default">
              <Charts.ChartAreaDefault />
            </ChartDisplay>
            <ChartDisplay name="chart-area-linear">
              <Charts.ChartAreaLinear />
            </ChartDisplay>
            <ChartDisplay name="chart-area-step">
              <Charts.ChartAreaStep />
            </ChartDisplay>
            <ChartDisplay name="chart-area-stacked">
              <Charts.ChartAreaStacked />
            </ChartDisplay>
            <ChartDisplay name="chart-area-stacked-expand">
              <Charts.ChartAreaStackedExpand />
            </ChartDisplay>
            <ChartDisplay name="chart-area-legend">
              <Charts.ChartAreaLegend />
            </ChartDisplay>
            <ChartDisplay name="chart-area-icons">
              <Charts.ChartAreaIcons />
// ... (239 more lines)

Domain

Subdomains

Functions

Dependencies

  • chart-display
  • charts
  • separator
  • themes
  • themes-selector
  • themes-styles

Source

Frequently Asked Questions

What does page.tsx do?
page.tsx is a source file in the ui codebase, written in tsx. It belongs to the ComponentRegistry domain, Styles subdomain.
What functions are defined in page.tsx?
page.tsx defines 1 function(s): ChartsPage.
What does page.tsx depend on?
page.tsx imports 6 module(s): chart-display, charts, separator, themes, themes-selector, themes-styles.
Where is page.tsx in the architecture?
page.tsx is located at deprecated/www/app/(app)/charts/page.tsx (domain: ComponentRegistry, subdomain: Styles, directory: deprecated/www/app/(app)/charts).

Analyze Your Own Codebase

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

Try Supermodel Free