UI SDK Modules

This page lists the full public module surface of @downcity/ui.

Utilities and Types

cn

• Purpose: merge Tailwind classes and resolve conflicts safely

DowncityButtonVariant

• Values: default, outline, secondary, ghost, destructive, link

DowncityButtonSize

• Values: default, xs, sm, lg, icon, icon-xs, icon-sm, icon-lg

DowncityCardSize

• Values: default, sm

DowncityDropdownMenuItemVariant

• Values: default, destructive

DowncityToasterTheme

• Values: light, dark, system

Style Modules

@downcity/ui/source.css

• Role: declare the Tailwind scanning source

@downcity/ui/styles.css

• Role: provide design tokens and the base layer

Actions and State Modules

Button

• Exports: Button, buttonVariants

Badge

• Exports: Badge, badgeVariants

Toggle

• Exports: Toggle, toggleVariants

ToggleGroup

• Exports: ToggleGroup, ToggleGroupItem

Form Modules

Input

• Exports: Input

Textarea

• Exports: Textarea
• Exported type: TextareaProps

Checkbox

• Exports: Checkbox

Label

• Exports: Label

Containers and Display Modules

Card

• Exports:
  • Card
  • CardHeader
  • CardTitle
  • CardDescription
  • CardAction
  • CardContent
  • CardFooter

Separator

• Exports: Separator

Skeleton

• Exports: Skeleton

Tabs

• Exports:
  • Tabs
  • TabsList
  • TabsTrigger
  • TabsContent
  • tabsListVariants

Workboard

• Exports: Workboard
• Exported types:
  • DowncityWorkboardProps
  • DowncityWorkboardBoardSnapshot
  • DowncityWorkboardAgentItem
  • DowncityWorkboardActivityItem
• Purpose: render a pixel-style game world across multiple agents with a fixed 25 x 16 tile canvas, full-ratio normal view, cover-scaled fullscreen view, a Smallville-style town atlas, open state buildings, tiled interior room maps, a portal rail, keyboard map control, sprite patrols, quest paths, in-room wall boards, blueprint tables, a codex log, and focused inspection

buildWorkboardGameMapConfig

• Exports: buildWorkboardGameMapConfig
• Exported types:
  • DowncityWorkboardGameMapConfig
  • DowncityWorkboardGameZone
  • DowncityWorkboardGameActor
  • DowncityWorkboardGameRoute
  • DowncityWorkboardGamePointOfInterest
  • DowncityWorkboardGameAreaLabel
  • DowncityWorkboardGameAtlasProps
  • DowncityWorkboardGameRoomProps
  • DowncityWorkboardGameInspectorProps
  • DowncityWorkboardGameHudProps
• Purpose: map the public workboard snapshot into a full game-map configuration that custom hosts can reuse for zones, actors, routes, gates, stations, props, and area labels

Overlays and Feedback Modules

Dialog

• Exports:
  • Dialog
  • DialogTrigger
  • DialogPortal
  • DialogClose
  • DialogOverlay
  • DialogContent
  • DialogHeader
  • DialogFooter
  • DialogTitle
  • DialogDescription

Sheet

• Exports:
  • Sheet
  • SheetTrigger
  • SheetClose
  • SheetPortal
  • SheetOverlay
  • SheetContent
  • SheetHeader
  • SheetFooter
  • SheetTitle
  • SheetDescription

DropdownMenu

• Exports:
  • DropdownMenu
  • DropdownMenuTrigger
  • DropdownMenuPortal
  • DropdownMenuContent
  • DropdownMenuGroup
  • DropdownMenuLabel
  • DropdownMenuItem
  • DropdownMenuCheckboxItem
  • DropdownMenuRadioGroup
  • DropdownMenuRadioItem
  • DropdownMenuSeparator
  • DropdownMenuShortcut
  • DropdownMenuSub
  • DropdownMenuSubTrigger
  • DropdownMenuSubContent

Popover

• Exports:
  • Popover
  • PopoverTrigger
  • PopoverContent

Tooltip

• Exports:
  • Tooltip
  • TooltipTrigger
  • TooltipContent
  • TooltipProvider

Toaster

• Exports: Toaster
• Built on: sonner

Recommended Reading

• UI SDK
• Components
• Host Integration
• UI SDK Development