mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-02 13:07:46 +00:00
zeekay
05fc512820
Upstream sync from shadcn-ui/ui (1686 commits since last merge base). Key changes: - packages/shadcn upgraded to 4.1.0 (CLI font transformers, scaffold from github, chart colors) - apps/v4 replaces apps/www as the primary docs/registry app - Font system: 25+ heading font registries, font markers utility, @supports override - Chart improvements: recharts v3 compat, radial chart fixes - templates/ updated with monorepo variants (astro, vite, react-router, start) - skills/shadcn AI skill definitions added - deprecated/ removed (auth, auth-firebase, cli, www) Preserved Hanzo-only paths: app/, pkg/, demo/, docs/, template/next/
104 lines
2.4 KiB
TypeScript
104 lines
2.4 KiB
TypeScript
"use client"
|
|
|
|
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 DEFAULT_THEMES = [
|
|
{
|
|
name: "Default",
|
|
value: "default",
|
|
},
|
|
{
|
|
name: "Blue",
|
|
value: "blue",
|
|
},
|
|
{
|
|
name: "Green",
|
|
value: "green",
|
|
},
|
|
{
|
|
name: "Amber",
|
|
value: "amber",
|
|
},
|
|
]
|
|
|
|
const SCALED_THEMES = [
|
|
{
|
|
name: "Default",
|
|
value: "default-scaled",
|
|
},
|
|
{
|
|
name: "Blue",
|
|
value: "blue-scaled",
|
|
},
|
|
]
|
|
|
|
const MONO_THEMES = [
|
|
{
|
|
name: "Mono",
|
|
value: "mono-scaled",
|
|
},
|
|
]
|
|
|
|
export function ThemeSelector() {
|
|
const { activeTheme, setActiveTheme } = useThemeConfig()
|
|
|
|
return (
|
|
<div className="flex items-center gap-2">
|
|
<Label htmlFor="theme-selector" className="sr-only">
|
|
Theme
|
|
</Label>
|
|
<Select value={activeTheme} onValueChange={setActiveTheme}>
|
|
<SelectTrigger
|
|
id="theme-selector"
|
|
size="sm"
|
|
className="justify-start *:data-[slot=select-value]:w-12"
|
|
>
|
|
<span className="hidden text-muted-foreground sm:block">
|
|
Select a theme:
|
|
</span>
|
|
<span className="block text-muted-foreground sm:hidden">Theme</span>
|
|
<SelectValue placeholder="Select a theme" />
|
|
</SelectTrigger>
|
|
<SelectContent align="end">
|
|
<SelectGroup>
|
|
<SelectLabel>Default</SelectLabel>
|
|
{DEFAULT_THEMES.map((theme) => (
|
|
<SelectItem key={theme.name} value={theme.value}>
|
|
{theme.name}
|
|
</SelectItem>
|
|
))}
|
|
</SelectGroup>
|
|
<SelectSeparator />
|
|
<SelectGroup>
|
|
<SelectLabel>Scaled</SelectLabel>
|
|
{SCALED_THEMES.map((theme) => (
|
|
<SelectItem key={theme.name} value={theme.value}>
|
|
{theme.name}
|
|
</SelectItem>
|
|
))}
|
|
</SelectGroup>
|
|
<SelectGroup>
|
|
<SelectLabel>Monospaced</SelectLabel>
|
|
{MONO_THEMES.map((theme) => (
|
|
<SelectItem key={theme.name} value={theme.value}>
|
|
{theme.name}
|
|
</SelectItem>
|
|
))}
|
|
</SelectGroup>
|
|
</SelectContent>
|
|
</Select>
|
|
</div>
|
|
)
|
|
}
|