@ai-matrx/design-system 0.7.0 → 0.8.0

package/CHANGELOG.md

@@ -1,5 +1,70 @@
 # Changelog
 
+## 0.8.0 — 2026-09-07
+
+**Accordion — the last stand-in in the fleet (census row 19c).** Growth waves 1
+and 2 collapsed Card, Table, Alert, Avatar, Progress, Collapsible, Checkbox,
+Slider and RadioGroup into this package, but nothing here was called
+`Accordion`. So `aidream/apps/workflow-studio`'s DB-authored component scope
+was still handing agent-authored components four dependency-free `<div>`s
+named `Accordion` / `AccordionItem` / `AccordionTrigger` / `AccordionContent`.
+A DB-authored component that asked for an accordion got four stacked divs:
+every section permanently open, no trigger, no keyboard, no ARIA — a screen
+that looks finished and is not.
+
+The port is built from matrx-frontend's `components/ui/accordion.tsx` (the only
+real implementation in the fleet), with three corrections recorded rather than
+preserved:
+
+- **The animation is package-owned CSS.** The original used
+  `animate-accordion-down` / `-up` — Tailwind utility names that exist only in
+  a host `tailwind.config.js`. Any consumer without that config got a component
+  that jumped open, silently, with no error. `.matrx-accordion-content` and its
+  keyframes now ship in `styles.css` (the C26 styling contract), keyed off
+  Radix's runtime `--radix-accordion-content-height`, and honour
+  `prefers-reduced-motion`.
+- **Density is a prop, not a fork** — `size="sm|md"` declared once on the root
+  and read from context by every trigger and panel, exactly as on `Card` and
+  `Table`, so an accordion cannot mix a `p-4` header with a `pb-2` body.
+- **The chevron is an inlined icon** (C19), not a `@radix-ui/react-icons`
+  import, so the package still carries no icon-library dependency.
+
+`rightElements` (controls on the trigger row, before the chevron) is kept from
+the original so matrx-frontend can adopt without losing a capability.
+
+The SSR note the original carried is kept and restated: **the root renders
+unconditionally.** There is no mount gate — Radix ids come from React's
+SSR-stable `useId`, and the gate deleted every header and every
+`defaultValue`-open item from SSR and the first client paint.
+
+New dependency: `@radix-ui/react-accordion`.
+
+### Consumer action (C28)
+
+- Nothing breaks; this is additive.
+- **Delete any local `Accordion` fork or `div` stand-in and import from here.**
+  Known holders at publish time: `aidream/apps/workflow-studio`'s
+  `component-scope.tsx` (adopted in this same session, per THE SAME-SESSION
+  LAW) and `matrx-frontend/components/ui/accordion.tsx` +
+  `components/matrx/matrx-collapsible/AccordionWrapper.tsx` (NOT adopted here —
+  a realtime lane held that tree; it is a live census row).
+- A host that previously relied on its own `animate-accordion-*` keyframes can
+  drop them.
+
+## 0.7.1 — 2026-09-07
+
+- **`ResizableHandle` defaults to `xs` (2px), not `sm` (4px).** Caught in the
+  live spot-check of the 0.7.0 adoption: matrx-frontend's `/notes` split
+  rendered a 4px rule where its fork had drawn 2px. The port was supposed to be
+  behaviour-verbatim, and `size="sm"` was simply the wrong rung to call the
+  default. Every explicit `size=` is unaffected, and
+  `components/ui/matrx/resizable.tsx` still binds `md`.
+
+### Consumer action (C28)
+
+None. If you adopted 0.7.0 and liked the slightly thicker default, pass
+`size="sm"`.
+
 ## 0.7.0 — 2026-09-07
 
 **GROWTH WAVE 2 (C18).** Wave 1 (0.5.0) deleted 34 forked primitives but had

package/README.md

@@ -3,14 +3,14 @@
 The small, semantic UI foundation shared by AI Matrx React applications — primitives whose behavior and variants are identical across Vite and Next.js hosts.
 
 **Controls:** Button, Badge, Label, Separator, the Input family, the Textarea family, Checkbox, Switch, RadioGroup, Slider, Toggle + ToggleGroup, Avatar, Progress.
-**Surfaces:** Card, Table, Tabs, Collapsible, ScrollArea, Popover, Tooltip, HoverCard, Sheet, Dialog, AlertDialog, Drawer, BottomSheet + TabbedBottomSheet, Alert, Resizable, Skeleton.
+**Surfaces:** Card, Table, Tabs, Accordion, Collapsible, ScrollArea, Popover, Tooltip, HoverCard, Sheet, Dialog, AlertDialog, Drawer, BottomSheet + TabbedBottomSheet, Alert, Resizable, Skeleton.
 **Menus:** DropdownMenu, ContextMenu, Command / CommandDialog, Select, CreatablePicker.
 **Composed:** EditableLabel, SegmentedControl, ScoreRing, OverflowToolbar.
 **Hooks + utilities:** `useScrollFade`, `useIsMobile`, `usePortalContainer`, `useDialogContainer`, `useDrawerDirection`, `cn`.
 
 **The Tooltip lives here, and only here.** `@ai-matrx/tap-target` used to ship its own copy; since design-system 0.7.0 / tap-target 0.2.0 it consumes this one and re-exports nothing.
 
-Where hosts had forked a primitive over DENSITY, density is a prop, not a fork: `Card size="sm|md|lg"`, `Table size="sm|md"`, `Switch`/`Avatar`/`Checkbox`/`Slider`/`RadioGroup`/`Toggle` `size`, `ResizableHandle size="xs".."4xl"`. It is declared once on the root and every item reads it from context, so a card cannot mix paddings and a radio group cannot mix control sizes.
+Where hosts had forked a primitive over DENSITY, density is a prop, not a fork: `Card size="sm|md|lg"`, `Table size="sm|md"`, `Accordion size="sm|md"`, `Switch`/`Avatar`/`Checkbox`/`Slider`/`RadioGroup`/`Toggle` `size`, `ResizableHandle size="xs".."4xl"`. It is declared once on the root and every item reads it from context, so a card cannot mix paddings and a radio group cannot mix control sizes.
 
 **Mobile is the Drawer's job.** `Drawer` owns the iOS rules every host was re-deriving — `dvh` never `vh`, `pb-safe`/`pt-safe` safe-area padding, a 44px grab-handle target, `DrawerBody` as the `flex-1 min-h-0` scroll shard — and `direction` makes a top/side drawer a prop rather than a fork. Every touch control (`Slider`, `RadioGroup`, `ResizableHandle`) carries an invisible 44px target on coarse pointers, with desktop density untouched.