Changelog

All notable changes to Anex UI are documented here. Follows Semantic Versioning.

v1.1.1

Released: June 2026 · npm · GitHub

Fixed

• AudioPlayer / VideoPlayer — added missing entries to registry.json so npx anexui add audio-player and npx anexui add video-player resolve correctly
• AudioPlayer / VideoPlayer — added source files to the component registry so the Component Builder download includes them
• Website tsconfig.json — excluded public/ from compilation to remove false type errors in static registry files

v1.1.0

Released: June 2026 · npm · GitHub

Introduces a new Media category with two fully accessible media player components.

New Components

Media (new category)

• AudioPlayer — styled audio player with default (full card with artwork, title, artist, seek bar, volume), minimal (compact bar), and controls (inline strip) variants; seek and volume sliders with full aria-valuemin/max/now; loop, autoPlay, onPlay/onPause/onEnded callbacks
• VideoPlayer — video player with default (custom overlay controls, auto-hide after 3 s) and minimal (native browser controls) variants; aspect ratios 16/9, 4/3, 1/1; fullscreen API; keyboard shortcuts Space/K, F, M; poster, loop, autoPlay, muted props; onPlay/onPause/onEnded callbacks

v1.0.0

Released: June 2026 · npm · GitHub

Major update adding 18 new components across all categories, bringing the total to 53 components across 7 categories.

New Components

Basic

• SegmentedControl — exclusive option selector, role="radiogroup" with roving tabindex keyboard navigation

Layout

• Sidebar — persistent collapsible aside panel with header, items, and footer slots; aria-expanded

Navigation

• Navbar — compound sticky header with brand, nav links, and actions slots
• SideNav — grouped sidebar navigation with active state and keyboard support
• TableOfContents — scrollspy-driven <nav> with active heading highlighting

Feedback

• Callout — left-border accent block — info, warning, success, danger, neutral variants
• EmptyState — centered placeholder with icon, title, description, and action slot

Overlay

• CommandPalette — keyboard-triggered fuzzy-search launcher; role="dialog", aria-modal

Data Display

• CodeBlock — syntax-highlighted <pre> with language label and copy-to-clipboard button
• Rating — star rating with read-only and interactive modes; keyboard accessible
• ImageGallery — responsive image grid with native <dialog> lightbox and keyboard navigation

Form

• Combobox — searchable dropdown; role="combobox" + role="listbox"; keyboard navigation
• DatePicker — calendar popover with min/max constraints and form integration
• FileUpload — drag-and-drop zone + click-to-browse; file list with remove; aria-live
• OTPInput — N-box OTP/PIN input with auto-advance, paste, and onComplete callback

Changed

• Button — refactored props and internal structure

Fixed

• Carousel — added tabIndex={0} to container so keyboard navigation works without a focused child
• Carousel — added titles prop for named dot indicator labels

v0.1.1

Released: May 2026 · npm · GitHub

Added

• Landing page — live component showcase for all 7 categories with toggleable code snippets and sticky category nav

Changed

• Card — added variant prop: elevated (default), outlined, ghost, flat

Fixed

• Removed leftover "use client" directives from all component files
• Removed dead build artefacts

v0.1.0

Released: May 2026 · npm · GitHub

Initial public release of Anex UI — 35 components across 7 categories, all WCAG AA compliant, built with React 19 and Tailwind CSS v4.

New Components

Basic / Form Primitives

• Button — solid, outline, ghost, link variants · sm/md/lg sizes · loading spinner · aria-busy, aria-disabled
• Input — text / email / password · aria-invalid, aria-describedby
• Textarea — auto-resize, error state · aria-invalid, aria-describedby
• Checkbox — indeterminate state · fieldset/legend group support
• Radio Group — arrow-key navigation · role="radiogroup"
• Select — native select with custom styling
• Switch — role="switch", aria-checked
• Slider — role="slider", aria-valuenow / aria-valuemin / aria-valuemax, arrow keys
• Label — htmlFor, required * indicator

Layout

• Container — max-width wrapper · sm → 2xl breakpoints
• Stack — flexbox helper · gap, align, justify, wrap
• Grid — CSS grid helper · cols, rows, gap
• Divider — role="separator" · horizontal and vertical · optional label

Navigation

• Tabs — role="tablist" · roving tabindex keyboard navigation · line and pill variants
• Breadcrumb — <nav aria-label="Breadcrumb"> · aria-current="page"
• Pagination — smart ellipsis · aria-current · configurable siblings
• Stepper — aria-current="step" · horizontal and vertical orientation

Feedback / Status

• Alert — role="alert" / role="status" · aria-live
• Badge — dot and label mode · multiple color variants
• Progress — role="progressbar" · determinate and indeterminate
• Spinner — role="status" · animated SVG · visually hidden label
• Skeleton — shimmer animation · text / circular / rectangular
• Toast — ToastProvider + useToast hook · aria-live="polite" · auto-dismiss · manual close

Overlay

• Modal — native <dialog> + showModal() · focus trap · Escape to close · backdrop click dismiss
• Drawer — same dialog pattern · right / left / bottom positions · sm / md / lg sizes
• Tooltip — pure CSS :hover + :focus-within · role="tooltip" · aria-describedby
• Popover — click-triggered · aria-expanded, aria-haspopup, aria-controls

Data Display

• Avatar — image with fallback initials · status dot (online / away / busy / offline)
• Card — compound: Card, CardHeader, CardBody, CardFooter
• Table — compound with scope="col" headers and caption support
• Accordion — single and multi-expand · aria-expanded / aria-controls
• Tag — optional dismiss with aria-label="Remove [tag]"
• Carousel — W3C ARIA carousel pattern · arrows, dots, autoPlay, pause on hover
• Banner — full-width site bar · info / success / warning / error / promo variants
• Timeline — <ol> · status dots · <time dateTime> · aria-current="step"

Form Composites

• FormField — bundles Label + input + helper/error text · injects id, aria-describedby, aria-invalid, aria-required
• SearchInput — type="search" · controlled/uncontrolled · clear button
• NumberInput — type="number" · increment/decrement buttons · min/max clamping

Infrastructure

• Dual ESM + CJS build via Vite library mode
• TypeScript declarations with full prop types
• Design token system via CSS custom properties (data-theme="dark" / "light")
• clsx + tailwind-merge utility (cn)
• Storybook v10 with a11y addon set to error mode
• GitHub Actions publish workflow

Website

• Docs site at anexui.com — landing page, full component docs, Component Builder
• Dark / light mode with FOUC-prevention
• Component Builder — pick components, download a custom zip with source + tokens + README