v1.2.2

Full Changelog: v1.2.1...v1.2.2

v1.2.1

Full Changelog: v1.2.0...v1.2.1

v1.2.0

Full Changelog: v1.1.0...v1.2.0

v1.1.0 — 28 new components & design token overhaul

What's New

28 New UI Components

OTPInput, DatePicker, Rating, FileUpload, RichTextEditor, BackToTop, BottomSheet, Carousel, CommandPalette, ContextMenu, CookieConsent, CopyClipboard, Dropdown, FilterBar, Footer, Resizable, ScrollProgress, SessionTimeoutModal, ViewToggle, Chart, List, SortControl, SpoilerBlock, Stat, Table, ThemeSwitcher, PullToRefresh, SwipeableItem

4 New Hooks

useFocusTrap, useShortcut, useInView, useStagger — all exported from the library

17 Enhanced Components

Accordion (rotating indicator), Alert (dismissible + ARIA), Avatar (diamond glow hover), Dialog (5 sizes), Popover (z-index fix), Skeleton (4 variants), Sonner (design token colors), Stepper (overflow fix), Switch (diamond thumb + spin), Tabs (flex-wrap), and more

Design Token Overhaul

Semantic --text-* tokens, --ef-yellow-glow, font variable references, light mode overrides for all new tokens

New utilities.css

11 animation keyframes, clip-corner, panel-glass, scanline-overlay, spoiler utilities — bundled into dist/lib/style.css

Test Suite

1166 tests across 26 files

Bundle

231 kB MJS (49.74 kB gzip)

---

npm install reend-components@1.1.0

v1.0.0 — First Stable Release

v1.0.0 — First Stable Release

Highlights

• WCAG 2.1 AA — Full accessibility audit across all 47 components: aria-label, aria-current, aria-disabled, role attributes, focus management
• Light Mode Compliance — Replaced all hardcoded border-white/x / bg-white/x with adaptive semantic tokens in 18 components
• Test Reorganization — 675 tests · 97.87% statement coverage · 13 domain-grouped suites
• CLI v1.0.0 — npx reend-ui init/add/list/update fully functional
• Docs UX Fixes — Tooltip hover-triggered, Popover click-based, Scroll animations loop continuously
• CSS Fix — corner-brackets cascade bug resolved

Stats

Metric	Value
Components	88 named exports
Signature Components	19
Tests	675 (13 suites)
Statement Coverage	97.87%
Bundle (MJS)	119 kB

Install

npm install reend-components

v0.4.0 — CLI Tool, Playground, 14 New Components, 675 Tests

What's New in v0.4.0

CLI Tool (npx reend-ui)

Shadcn-style copy-paste workflow — copy component source files directly into your project without installing the full library.

npx reend-ui init
npx reend-ui add button badge input
npx reend-ui list --signature
npx reend-ui update

Component Playground

Sandpack-powered live code editor embedded in the docs site. Edit components in real-time with shareable URLs via ?pg= param.

9 New Signature Components

• MissionCard — mission briefing with priority (CRITICAL / HIGH / STANDARD) and status badge
• OperatorCard — operator profile with clip-corner image, rank tag, and tactical stats
• StatusBar — HUD bar with animated fill; variants: default / warning / danger / success
• CommandOutput — terminal-style scrolling output with prompt styles
• CountdownTimer — countdown clock with days / hours / minutes / seconds
• MatrixGrid — falling character animation on canvas (katakana + alphanumeric)
• FrequencyBars — animated audio frequency visualizer (20 bars)
• TacticalTable — generic sortable table with sort indicators and empty state
• Enhanced: DataStream, HUDOverlay, GlitchText, RadarChart

5 New Core Utility Components

• Timeline + TimelineItem — vertical timeline with ◆/◇ status markers and vertical connector line
• Stepper — horizontal/vertical step indicator with colored completion connectors
• Pagination — page navigation with ellipsis algorithm, aria-current, disabled states
• Breadcrumb — <nav> with configurable separator and aria-current="page"
• NumberInput — controlled/uncontrolled input with +/− buttons, min/max/step, keyboard ArrowUp/Down

Previously unlisted → now exported

Skeleton, EmptyState, Alert

Test Coverage

675 tests across 14 test files (+45 new in this release)

---

Install

npm install reend-components

Docs: https://reend-components.pages.dev
npm: https://www.npmjs.com/package/reend-components
Changelog: https://github.com/VBeatDead/ReEnd-Components/blob/main/CHANGELOG.md#040---2026-02-20

v0.3.0 — Accordion, Tabs, Popover, Dialog & Separator

What's New in v0.3.0

5 New Components

Accordion

• +/− font-mono indicator (not chevron) — Endfield aesthetic
• animate-accordion-down/animate-accordion-up animations
• type="single"|"multiple", collapsible, defaultValue props
• Sub-components: Accordion, AccordionItem, AccordionTrigger, AccordionContent

Tabs

• 3 variant options: underline (default), pill, bordered
• CVA variants on both TabsList and TabsTrigger
• Sub-components: Tabs, TabsList, TabsTrigger, TabsContent
• Exports: tabsListVariants, tabsTriggerVariants

Popover

• bg-surface-2 border border-white/10 shadow-lg p-4 min-w-[200px]
• data-[state=open]:animate-fade-in-up entrance animation
• Sub-components: Popover, PopoverTrigger, PopoverContent, PopoverAnchor

Dialog

• 5 size variants: sm, md (default), lg, xl, fullscreen
• Overlay: bg-black/75 backdrop-blur-sm
• Full anatomy: Dialog, DialogTrigger, DialogPortal, DialogOverlay, DialogContent, DialogHeader, DialogFooter, DialogTitle, DialogDescription, DialogClose
• Exports: dialogContentVariants

Separator

• 5 variant options: default, subtle, strong, glow, accent
• Glow: bg-gradient-to-r from-transparent via-primary/40 to-transparent
• orientation: horizontal (default) / vertical
• Exports: separatorVariants

Stats

• 400 tests across 11 test files (+58 new tests)
• 62.00 kB MJS (gzip: 13.34 kB) — under 70 kB target
• 0 TypeScript errors, 0 ESLint errors
• All components: forwardRef + displayName

New Peer Dependencies

@radix-ui/react-accordion
@radix-ui/react-tabs
@radix-ui/react-popover
@radix-ui/react-dialog
@radix-ui/react-separator

Installation

npm install reend-components

Full Component List (v0.3.0)

Button, Badge, Card, Input, Textarea, Checkbox, RadioGroup, Switch, Select, Avatar, Progress, Accordion, Tabs, Popover, Dialog, Separator + 11 Signature components

v0.2.0 — Signature Components + Token System

What's New in v0.2.0

11 Signature Components

Endfield-exclusive components now exported from the library:

• GlitchText — animated glitch text effect
• DiamondLoader — rotating diamond loading spinner (sm/md/lg)
• TacticalPanel — HUD-style content panel with status indicator
• HoloCard — holographic stat card with hover effect
• DataStream — scrolling live data feed terminal
• TacticalBadge — CVA-powered badge (default/success/warning/danger/info)
• WarningBanner — alert banner with caution/alert/critical severity
• ScanDivider — animated scan-line section divider
• CoordinateTag — HUD coordinate display tag
• RadarChart — animated SVG radar chart (framer-motion)
• HUDOverlay — corner-bracket HUD overlay with crosshair and coords

Dependency Cleanup

7 docs-only packages (i18next, shiki, react-router-dom, etc.) moved to devDependencies — consumers no longer pull them as transitive deps.

framer-motion and lucide-react are now optional peer dependencies.

CI/CD + Tests

• 89 tests passing (4 test files)
• 86.69% statement coverage
• GitHub Actions CI: lint + typecheck + test + build on every push

Bundle

• MJS: 28.15 kB (gzip: 7.11 kB)
• CJS: 19.57 kB (gzip: 6.28 kB)

See CHANGELOG.md for the full change log.