mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +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/
109 lines
2.6 KiB
TypeScript
109 lines
2.6 KiB
TypeScript
import type {
|
|
BaseColor,
|
|
BaseColorName,
|
|
Radius,
|
|
StyleName,
|
|
Theme,
|
|
ThemeName,
|
|
} from "@/registry/config"
|
|
|
|
import { type FONTS } from "./fonts"
|
|
|
|
export type RandomizeContext = {
|
|
style?: StyleName
|
|
baseColor?: BaseColorName
|
|
theme?: ThemeName
|
|
chartColor?: string
|
|
iconLibrary?: string
|
|
font?: string
|
|
menuAccent?: string
|
|
menuColor?: string
|
|
radius?: string
|
|
}
|
|
|
|
export type BiasFilter<T> = (
|
|
items: readonly T[],
|
|
context: RandomizeContext
|
|
) => readonly T[]
|
|
|
|
export type RandomizeBiases = {
|
|
baseColors?: BiasFilter<BaseColor>
|
|
chartColors?: BiasFilter<Theme>
|
|
fonts?: BiasFilter<(typeof FONTS)[number]>
|
|
radius?: BiasFilter<Radius>
|
|
}
|
|
|
|
// Theme → chart color pairings for randomization.
|
|
const CHART_COLOR_PAIRINGS: Record<string, string[]> = {
|
|
red: ["teal", "sky"],
|
|
orange: ["teal", "blue"],
|
|
amber: ["cyan", "indigo"],
|
|
yellow: ["sky", "violet"],
|
|
lime: ["indigo", "pink"],
|
|
green: ["purple", "rose"],
|
|
emerald: ["purple", "red"],
|
|
teal: ["fuchsia", "red"],
|
|
cyan: ["rose", "amber"],
|
|
sky: ["red", "yellow"],
|
|
blue: ["orange", "yellow"],
|
|
indigo: ["amber", "yellow"],
|
|
violet: ["yellow", "lime"],
|
|
purple: ["green", "lime"],
|
|
fuchsia: ["lime", "teal"],
|
|
pink: ["green", "cyan"],
|
|
rose: ["emerald", "sky"],
|
|
}
|
|
|
|
/**
|
|
* Configuration for randomization biases.
|
|
* Add biases here to influence random selection based on context.
|
|
*/
|
|
export const RANDOMIZE_BIASES: RandomizeBiases = {
|
|
baseColors: (baseColors) => {
|
|
return baseColors.filter((c) => c.name !== "gray")
|
|
},
|
|
fonts: (fonts, context) => {
|
|
// When style is lyra, only use mono fonts.
|
|
if (context.style === "lyra") {
|
|
return fonts.filter((font) => font.value === "jetbrains-mono")
|
|
}
|
|
|
|
return fonts
|
|
},
|
|
radius: (radii, context) => {
|
|
// When style is lyra, always use "none" radius.
|
|
if (context.style === "lyra") {
|
|
return radii.filter((radius) => radius.name === "none")
|
|
}
|
|
|
|
return radii
|
|
},
|
|
chartColors: (chartColors, context) => {
|
|
// When theme has a pairing, restrict chart colors to the paired values.
|
|
const pairing = context.theme ? CHART_COLOR_PAIRINGS[context.theme] : null
|
|
if (pairing) {
|
|
const filtered = chartColors.filter((c) => pairing.includes(c.name))
|
|
if (filtered.length > 0) {
|
|
return filtered
|
|
}
|
|
}
|
|
|
|
return chartColors
|
|
},
|
|
}
|
|
|
|
/**
|
|
* Applies biases to a list of items based on the current context.
|
|
*/
|
|
export function applyBias<T>(
|
|
items: readonly T[],
|
|
context: RandomizeContext,
|
|
biasFilter?: BiasFilter<T>
|
|
): readonly T[] {
|
|
if (!biasFilter) {
|
|
return items
|
|
}
|
|
|
|
return biasFilter(items, context)
|
|
}
|