mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-03 03:18:52 +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/
53 lines
2.0 KiB
TypeScript
53 lines
2.0 KiB
TypeScript
import { FieldSeparator } from "@/examples/radix/ui/field"
|
|
|
|
import { AppearanceSettings } from "./appearance-settings"
|
|
import { ButtonGroupDemo } from "./button-group-demo"
|
|
import { ButtonGroupInputGroup } from "./button-group-input-group"
|
|
import { ButtonGroupNested } from "./button-group-nested"
|
|
import { ButtonGroupPopover } from "./button-group-popover"
|
|
import { EmptyAvatarGroup } from "./empty-avatar-group"
|
|
import { FieldCheckbox } from "./field-checkbox"
|
|
import { FieldDemo } from "./field-demo"
|
|
import { FieldHear } from "./field-hear"
|
|
import { FieldSlider } from "./field-slider"
|
|
import { InputGroupButtonExample } from "./input-group-button"
|
|
import { InputGroupDemo } from "./input-group-demo"
|
|
import { ItemDemo } from "./item-demo"
|
|
import { NotionPromptForm } from "./notion-prompt-form"
|
|
import { SpinnerBadge } from "./spinner-badge"
|
|
import { SpinnerEmpty } from "./spinner-empty"
|
|
|
|
export function RootComponents() {
|
|
return (
|
|
<div className="mx-auto grid gap-8 py-1 theme-container md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-6 2xl:gap-8">
|
|
<div className="flex flex-col gap-6 *:[div]:w-full *:[div]:max-w-full">
|
|
<FieldDemo />
|
|
</div>
|
|
<div className="flex flex-col gap-6 *:[div]:w-full *:[div]:max-w-full">
|
|
<EmptyAvatarGroup />
|
|
<SpinnerBadge />
|
|
<ButtonGroupInputGroup />
|
|
<FieldSlider />
|
|
<InputGroupDemo />
|
|
</div>
|
|
<div className="flex flex-col gap-6 *:[div]:w-full *:[div]:max-w-full">
|
|
<InputGroupButtonExample />
|
|
<ItemDemo />
|
|
<FieldSeparator className="my-4">Appearance Settings</FieldSeparator>
|
|
<AppearanceSettings />
|
|
</div>
|
|
<div className="order-first flex flex-col gap-6 lg:hidden xl:order-last xl:flex *:[div]:w-full *:[div]:max-w-full">
|
|
<NotionPromptForm />
|
|
<ButtonGroupDemo />
|
|
<FieldCheckbox />
|
|
<div className="flex justify-between gap-4">
|
|
<ButtonGroupNested />
|
|
<ButtonGroupPopover />
|
|
</div>
|
|
<FieldHear />
|
|
<SpinnerEmpty />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|