Changelog

v0.3.0

Minor changes

• New composed components for admin and back-office screens, each with a docs page and examples:

  • entity-picker: pick one or several records from a fixed list or a debounced, cancellable server search, with labels kept for chosen values and an optional creatable mode.
  • tree: TreeView (WAI-ARIA tree, single or multiple selection, includeDescendants, filter) and TreeSelect (the tree in a popover with search).
  • date-time-picker: date and time in one field with min, max, presets and the time zone shown.
  • diff: field-by-field changes between two versions, with diffValues() for the raw entries.
  • description-list: label and value pairs for record details.
  • person: avatar, name and second line for a user or service account, with a hover card.
  • activity-log: events grouped by day with actor, severity (renamable with severityLabels) and expandable details.
  • alert-dialog: typed confirmation with useConfirmText and AlertDialogConfirmInput.

  Also a new pattern page, "Server data table", and build-ui skill updates naming the new components.

• The Zynactra signature: motion and detail that make a screen read as Zynactra.

  • In the Zynactra theme:
    • focus lines draw in on text fields;
    • corner ticks mark hovered, selected and focused cards and items;
    • menus, popovers, selects and hover cards open like a shutter instead of zooming, and dialogs rise into place;
    • the brand button's heat shifts on hover;
    • the active sidebar bar draws in;
    • table rows get a 2px marker.
  • Other themes opt in with "signature": true in the theme registry.
  • In every theme:
    • line tabs get a sliding active marker;
    • <Progress value={null}> shows a travelling segment instead of a full bar;
    • toasts show a countdown line that pauses with their timer.
  • New NumberTicker component for stats whose digits roll into place.
  • Accessibility:
    • under reduced motion, every theme's overlays only fade and nothing travels;
    • in forced-colors mode (Windows high contrast), every focused control in every theme gets a system outline, where before box-shadow focus rings vanished; markers and progress fall back to system colors.
  • Mark selected cards and items with data-selected or aria-current.

Patch changes

• Docs: more examples where devs get stuck, especially Base UI's differences from Radix.

  • Chart: stacked area, stacked/horizontal/positive-negative bar, line, step line, bar and line, pie, donut, radar, radial bar, scatter, and a guide to choosing a chart type.
  • Dialog, Alert dialog, Dropdown menu, Toast: opening a dialog from a menu, saving before closing, pending confirms, row actions, view options, errors with Retry.
  • Select, Field, Combobox, Popover: controlled and object values, disabled items, invalid and required fields, read-only versus disabled, async search, a filter popover.
  • Tooltip, Sheet, Tabs, Sidebar, Empty: icon buttons, disabled buttons, detail and form sheets, tabs synced to the URL, active and nested sidebar items, loading/empty/error lists.
  • New patterns: Destructive action, Settings page, List page, Detail page.

• The button ripple clears its fade timers when the button unmounts, and no longer schedules them inside a state updater (which ran twice in StrictMode). A button removed mid-ripple no longer updates state after unmount, which in tests could throw once the environment was torn down.

v0.2.0

Minor changes

• Building with Claude Code:

  • @zynactra/ui now ships its docs as markdown in docs/, for the installed version: every guide, component page and pattern, with the real example code.
  • New zynactra-ui command: zynactra-ui check lints app code against the house rules (raw colors, Tailwind's default palette, other UI kits, reshaped components, the brand budget), and zynactra-ui docs prints where the docs are. Add zynactra-ui check to your app's CI.
  • A Claude Code plugin in zynactra/ui (zynactra-ui@zynactra-ui) teaches Claude to build on the library. Turn it on in an app with a few lines in .claude/settings.json; see the Claude Code docs page.
  • New Patterns docs: Data table and Forms.

Patch changes

• var(--chart-6) now works: every theme defines six chart colors, but only --chart-1 to --chart-5 were output, so a sixth series rendered black.

v0.1.1

Patch changes

• Menus (dropdown, context, menubar, select, combobox) are solid again and destructive items are red. The sync now drops shadcn's menu marker classes the way shadcn's CLI does for the default menu style; before, every menu rendered translucent and destructive items lost their color.
• Skeletons stop pulsing when the user prefers reduced motion.