dreamstack/registry/components/badge.ds

-- DreamStack Badge Component
-- Variants: success, warning, error, info, default

export component Badge(label, variant) =
  text label { variant: "default" }
feat: component registry with styled variants, dreamstack add/convert CLI, and showcase - Phase 1: Component parser + codegen (emit_component_decl, emit_component_use, emit_match) - Phase 2: 6 registry components (button, input, card, badge, dialog, toast) - Phase 3: dreamstack add CLI with dependency resolution and --list/--all - Phase 4: dreamstack convert TSX→DS transpiler with --shadcn GitHub fetch - Phase 5: 120+ lines variant CSS (buttons, badges, cards, dialog, toast, input) - New example: showcase.ds demonstrating all component styles 2026-02-26 13:27:49 -08:00			`-- DreamStack Badge Component`
			`-- Variants: success, warning, error, info, default`

			`export component Badge(label, variant) =`
feat: container variant props, 11-component registry, rich dashboard Parser: - column/row/stack now parse trailing { props } after ] - Enables: column [...] { variant: "card" } Codegen: - Container props dispatch: variant, class, click, style, layout - variant_to_css() maps (tag, variant) → CSS class - variant_map_js() for dynamic variants via inline JS map - 230+ lines design system CSS (button/badge/card/dialog/toast/ progress/alert/separator/toggle/avatar/stat) Registry (11 components): - button, input, card, badge, dialog, toast - NEW: progress, alert, separator, toggle, avatar - All embedded via include_str! for offline use Examples: - showcase.ds: component gallery with variant prop - dashboard.ds: admin dashboard with glassmorphism cards 2026-02-26 13:58:33 -08:00			`text label { variant: "default" }`