ui Architecture Docs
Home / File/ theme-selector.tsx — ui Source File

theme-selector.tsx — ui Source File

Architecture documentation for theme-selector.tsx, a tsx file in the ui codebase. 4 imports, 0 dependents.

File tsx DocumentationAtlas SearchAPI 4 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  f54265fc_e194_1109_4b03_adc2ee44afa5["theme-selector.tsx"]
  79081a1f_55a3_945a_fb8c_d53d6d3eab81["utils"]
  f54265fc_e194_1109_4b03_adc2ee44afa5 --> 79081a1f_55a3_945a_fb8c_d53d6d3eab81
  100b413d_51e5_56e4_1d60_2d6768e7fd5c["active-theme"]
  f54265fc_e194_1109_4b03_adc2ee44afa5 --> 100b413d_51e5_56e4_1d60_2d6768e7fd5c
  d752035b_6ed3_c6ef_e27c_eef51af9ec8d["label"]
  f54265fc_e194_1109_4b03_adc2ee44afa5 --> d752035b_6ed3_c6ef_e27c_eef51af9ec8d
  c2fa7225_1ddd_1cbc_8810_ee5e42af14d6["select"]
  f54265fc_e194_1109_4b03_adc2ee44afa5 --> c2fa7225_1ddd_1cbc_8810_ee5e42af14d6
  style f54265fc_e194_1109_4b03_adc2ee44afa5 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import { cn } from "@/lib/utils"
import { useThemeConfig } from "@/components/active-theme"
import { Label } from "@/registry/new-york-v4/ui/label"
import {
  Select,
  SelectContent,
  SelectGroup,
  SelectItem,
  SelectLabel,
  SelectSeparator,
  SelectTrigger,
  SelectValue,
} from "@/registry/new-york-v4/ui/select"

const THEMES = {
  sizes: [
    {
      name: "Default",
      value: "default",
    },
    {
      name: "Scaled",
      value: "scaled",
    },
    {
      name: "Mono",
      value: "mono",
    },
  ],
  colors: [
    {
      name: "Blue",
      value: "blue",
    },
    {
      name: "Green",
      value: "green",
    },
    {
      name: "Amber",
      value: "amber",
    },
    {
      name: "Rose",
      value: "rose",
    },
    {
      name: "Purple",
      value: "purple",
    },
    {
      name: "Orange",
      value: "orange",
    },
    {
      name: "Teal",
      value: "teal",
    },
// ... (88 more lines)

Domain

Subdomains

Functions

Dependencies

  • active-theme
  • label
  • select
  • utils

Source

Frequently Asked Questions

What does theme-selector.tsx do?
theme-selector.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, SearchAPI subdomain.
What functions are defined in theme-selector.tsx?
theme-selector.tsx defines 1 function(s): ThemeSelector.
What does theme-selector.tsx depend on?
theme-selector.tsx imports 4 module(s): active-theme, label, select, utils.
Where is theme-selector.tsx in the architecture?
theme-selector.tsx is located at apps/v4/app/(internal)/sink/components/theme-selector.tsx (domain: DocumentationAtlas, subdomain: SearchAPI, directory: apps/v4/app/(internal)/sink/components).

Analyze Your Own Codebase

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

Try Supermodel Free