ui Architecture Docs
Home / File/ menu-picker.tsx — ui Source File

menu-picker.tsx — ui Source File

Architecture documentation for menu-picker.tsx, a tsx file in the ui codebase. 7 imports, 0 dependents.

File tsx DesignEngine PreviewSystem 7 imports 1 functions

Entity Profile

Dependency Diagram

graph LR
  aca902aa_9741_9a88_1d21_a117db8a54f9["menu-picker.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  75d25ec8_fe84_91a4_54c6_20dabb286f91["next-themes"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> 75d25ec8_fe84_91a4_54c6_20dabb286f91
  47758573_16e6_4808_88b2_8dba3780ae24["use-mounted"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> 47758573_16e6_4808_88b2_8dba3780ae24
  f14cf7ca_f213_afc2_bc66_ebc0fb7d9834["config"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> f14cf7ca_f213_afc2_bc66_ebc0fb7d9834
  000a4c85_90c9_57be_0014_4c8e8762dcff["lock-button"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> 000a4c85_90c9_57be_0014_4c8e8762dcff
  c97cebd0_0d39_fa69_4337_d0c1787c0b11["picker"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> c97cebd0_0d39_fa69_4337_d0c1787c0b11
  c27c6e95_5daf_4dd4_dc3a_add496837570["search-params"]
  aca902aa_9741_9a88_1d21_a117db8a54f9 --> c27c6e95_5daf_4dd4_dc3a_add496837570
  style aca902aa_9741_9a88_1d21_a117db8a54f9 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { useTheme } from "next-themes"

import { useMounted } from "@/hooks/use-mounted"
import { type MenuColorValue } from "@/registry/config"
import { LockButton } from "@/app/(create)/components/lock-button"
import {
  Picker,
  PickerContent,
  PickerGroup,
  PickerRadioGroup,
  PickerRadioItem,
  PickerTrigger,
} from "@/app/(create)/components/picker"
import { useDesignSystemSearchParams } from "@/app/(create)/lib/search-params"

const MENU_OPTIONS = [
  {
    value: "default" as const,
    label: "Default",
    icon: (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="128"
        height="128"
        viewBox="0 0 24 24"
        fill="none"
        role="img"
        stroke="currentColor"
        className="text-foreground"
      >
        <path
          d="M2 11.5C2 7.02166 2 4.78249 3.39124 3.39124C4.78249 2 7.02166 2 11.5 2C15.9783 2 18.2175 2 19.6088 3.39124C21 4.78249 21 7.02166 21 11.5C21 15.9783 21 18.2175 19.6088 19.6088C18.2175 21 15.9783 21 11.5 21C7.02166 21 4.78249 21 3.39124 19.6088C2 18.2175 2 15.9783 2 11.5Z"
          stroke="currentColor"
          strokeWidth="2"
        />
        <path
          d="M8.5 11.5L14.5001 11.5"
          stroke="currentColor"
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M9.5 15H13.5"
          stroke="currentColor"
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path
          d="M7.5 8H15.5"
          stroke="currentColor"
          strokeWidth="2"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </svg>
// ... (104 more lines)

Domain

Subdomains

Functions

Dependencies

  • config
  • lock-button
  • next-themes
  • picker
  • react
  • search-params
  • use-mounted

Source

Frequently Asked Questions

What does menu-picker.tsx do?
menu-picker.tsx is a source file in the ui codebase, written in tsx. It belongs to the DesignEngine domain, PreviewSystem subdomain.
What functions are defined in menu-picker.tsx?
menu-picker.tsx defines 1 function(s): MenuColorPicker.
What does menu-picker.tsx depend on?
menu-picker.tsx imports 7 module(s): config, lock-button, next-themes, picker, react, search-params, use-mounted.
Where is menu-picker.tsx in the architecture?
menu-picker.tsx is located at apps/v4/app/(create)/components/menu-picker.tsx (domain: DesignEngine, subdomain: PreviewSystem, directory: apps/v4/app/(create)/components).

Analyze Your Own Codebase

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

Try Supermodel Free