Part E: Docs

.changeset/class-names-and-rest-props.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+More components accept rest props and `ref` on their root and a `classNames` slot map, and `BackToTop`, `ConditionalLink` and `LinkButton` gain `asChild`.

.changeset/config.json

@@ -2,7 +2,7 @@
   "$schema": "https://unpkg.com/@changesets/config@3.0.0/schema.json",
   "changelog": "@changesets/cli/changelog",
   "commit": false,
-  "fixed": [],
+  "fixed": [["@javaabu/onu", "@javaabu/onu-mcp"]],
   "linked": [],
   "access": "public",
   "baseBranch": "main",

.changeset/docs-pass.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+Docs: an installation page with requirements and per-entry peer dependencies, complete Props tables, and corrected stale text.

.changeset/drop-unused-peers.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+Removed four optional peers nothing imports: `@tiptap/extension-link`, `@tiptap/extension-drag-handle-react`, `@tiptap/extension-code-block-lowlight` and `lowlight`.

.changeset/editor-dialog-thaana.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+The editors' image alt text field now follows the editor's `thaana` prop.

.changeset/hard-coded-english.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+`DialogFooter`'s close button, the `useConfirm` `window.confirm` fallback and a `ValidationError` without a message no longer show hard-coded English.

.changeset/labels-with-placeholders.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+The move, switch account and inline edit labels are now whole translated sentences with a placeholder, instead of two strings joined together.

.changeset/locale-cleanup.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+Remove unused locale keys, give Dhivehi separate words for clear and delete, and announce applied filters and cleared selections to screen readers.

.changeset/logical-sides.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+`Tip`, `PopoverPanel` and `ActionMenu` take `side="top" | "bottom" | "start" | "end"`; `left` and `right` are gone.

.changeset/navigation-menu-rtl-motion.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+`NavigationMenu` content slides in from the logical side, so its motion follows the reading direction in RTL.

.changeset/on-value-change.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+Every component that reports a value now uses `onValueChange(value)`; `onChange` only ever means the native event. `FileInput` loses `onChange(files)` (use `onValueChange(entries)`), and `onReject` always takes an array.

.changeset/overlay-token.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+New `--onu-overlay` token for the dim behind dialogs, sheets and drawers (`bg-overlay`). The app shell classes use the shell token utilities instead of hex fallbacks.

.changeset/peer-form-and-query.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+`react-hook-form` and `@tanstack/react-query` are now peer dependencies. `getOnuQueryClient` is gone: the fallback client belongs to each `OnuProvider`, and `invalidateApiOptions` takes the client first.

.changeset/primitive-a11y-fixes.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+Fix axe violations in three primitives: `Calendar` week numbers, the `role="list"` on `ItemGroup`, and `CommandSeparator` inside its listbox.

.changeset/prop-names.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+The accessible name of a root region is `label` everywhere (`CommandPalette` and `OverlayMenu` `title`, `TopNav` `navLabel`, `Tabs` `listLabel`), and the minimum query length is `minChars` everywhere (`CommandPalette` `minQueryLength`, `PlaceSearchBox` `minLength`).

.changeset/react-19-only.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+Onu now requires React 19; React 18 is no longer in the peer range.

.changeset/remove-base-ui-combobox.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+Removed the unused `Combobox` primitive from `@javaabu/onu/primitives`, and with it the `@base-ui/react` dependency.

.changeset/segmented-control-name.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+`SegmentedControl`'s `name` prop is now part of its type.

.changeset/shared-helpers.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+Shared helpers move to `src/lib` and `src/hooks` with one behaviour each: `toArray` and the `initials` media export are gone, `normalizeUrl` returns `string | null`, the editor's `Callout` node is now `CalloutNode`, `CommandPalette` debounces by 300 ms, and the auth forms use `PasswordInput`.

.changeset/size-scale.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+`Tag`, `SkeletonText`, `Modal` and `UserAvatar` rename size `md` to `default`. `NumberInput` is now `h-8` like every other field, and `TextInput` gains the same `size` prop.

.changeset/stable-first-render.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+`Countdown`, `RelativeDate`, `Timeline`, `PublishBox` and `SidebarMenuSkeleton` render the same markup on the server and the client's first render. `SidebarMenuSkeleton` takes an `index` to vary its width.

.changeset/stable-labels.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+The vertical `Carousel` arrows point the right way in RTL, and `KanbanBoard`'s column count is real screen reader text instead of an `aria-label` on a `span`.

.changeset/thaana-fonts-always.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+Faruma and MV Faseyha now load from `tailwind.css` and `styles.css`, so Thaana text works without the optional font pack.

.changeset/toast-close-size.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": patch
+---
+
+The toast close button is now 24 px, and 44 px on touch screens.

.changeset/tone-scale.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+One severity scale, `tone`: `neutral`, `info`, `success`, `warning`, `danger`. `Callout`, `AnnouncementBar` and `NotificationCenter` items rename `variant` to `tone`, `destructive` and `error` become `danger`, and `default` becomes `neutral` (also on `IconText`). `AnnouncementBar` gains `success` and `danger`. `Button` keeps `variant="destructive"`.

.changeset/uncontrolled-partners.md

@@ -0,0 +1,5 @@
+---
+"@javaabu/onu": minor
+---
+
+`LanguageSwitcher` and `RepeatingGroup` gain `defaultValue`, `Callout`, `FilterPanel` and `Lightbox` gain `defaultOpen`, and `Lightbox` `open` and `onOpenChange` become optional with `index` controlled only when it is passed.

.github/workflows/ci.yml

@@ -42,6 +42,8 @@ jobs:
           fail_ci_if_error: false
       - name: MCP server tests
         run: pnpm --filter @javaabu/onu-mcp test
+      - name: Figma plugin tests
+        run: pnpm figma:test
       - name: Build packages
         run: pnpm build
       - name: Size budgets

.github/workflows/e2e-smoke.yml

@@ -0,0 +1,40 @@
+name: E2E smoke
+
+# The quick E2E tier: on a pull request that touches the library, the web app or the E2E
+# tests, run the accessibility scans and the Thaana keyboard check in Chromium. No visual
+# diff and no baseline download: the full five-browser and visual run stays in e2e.yml.
+on:
+  pull_request:
+    paths:
+      - "packages/onu/**"
+      - "web/**"
+      - "e2e/**"
+
+concurrency:
+  group: e2e-smoke-${{ github.ref }}
+  cancel-in-progress: true
+
+permissions:
+  contents: read
+
+jobs:
+  smoke:
+    name: Playwright smoke (chromium)
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v5
+      - uses: pnpm/action-setup@v4
+      - uses: actions/setup-node@v5
+        with:
+          node-version: 22
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm exec playwright install --with-deps chromium
+      - run: pnpm build:web
+      - run: pnpm e2e:chromium e2e/a11y.spec.ts e2e/thaana.spec.ts
+      - uses: actions/upload-artifact@v4
+        if: failure()
+        with:
+          name: playwright-report-smoke
+          path: playwright-report
+          retention-days: 7

.github/workflows/release.yml

@@ -41,6 +41,7 @@ jobs:
               exit 1
             fi
           done
+          node scripts/sync-plugin-version.mjs --check
       - name: Check the npm token
         run: |
           if [ -z "$NPM_TOKEN" ]; then

AGENTS.md

@@ -33,7 +33,7 @@ pnpm e2e:chromium                          # Playwright (a11y with axe, visual)
 
 ## Rules
 
-- A component is done only with: light/dark, LTR/RTL, `dv` strings, `thaana` on free-text fields, tokens-only colours, `className`/`classNames`/`asChild`, axe-clean, unit tests, a demo, a docs page and a changeset (`.changeset/*.md`).
+- A component is done only with: light/dark, LTR/RTL, `dv` strings, `thaana` on free-text fields, tokens-only colours, `className`/`classNames`, `asChild` where the component renders one element an app may need to replace (links, buttons, triggers), axe-clean, unit tests, a demo, a docs page and a changeset (`.changeset/*.md`).
 - Logical Tailwind utilities only (`ms-`, `pe-`, `start-`, `text-start`); ESLint rejects `left`/`right` ones. Theme tokens only, never raw colours.
 - Icons through `<Icon name="…">` with semantic names; never render Lucide components or import `src/icons/lucide-map` in a component.
 - No hard-coded English: strings live in `src/locales/{en,dv}/<namespace>.ts`, and a module registers the English namespaces it uses with `registerEnglish(...)`.

CONTRIBUTING.md

@@ -14,7 +14,7 @@ Maps in the web app use Google Maps when `VITE_GOOGLE_MAPS_API_KEY` (and optiona
 
 ## Definition of done
 
-A component is done only when it meets REQUIREMENTS §21: light/dark, LTR/RTL, `dv` locale, `thaana` prop for free text, tokens-only colours, responsive and touch-friendly, `className`/`classNames`/`asChild` overrides, WCAG 2.2 AA with axe tests, unit tests, a showcase demo in `web/src/showcase`, a docs page in `docs/`, and a changeset.
+A component is done only when it meets REQUIREMENTS §21: light/dark, LTR/RTL, `dv` locale, `thaana` prop for free text, tokens-only colours, responsive and touch-friendly, `className`/`classNames` overrides, `asChild` where the component renders one element an app may need to replace (links, buttons, triggers), WCAG 2.2 AA with axe tests, unit tests, a showcase demo in `web/src/showcase`, a docs page in `docs/`, and a changeset.
 
 ## Where things go
 
@@ -33,6 +33,7 @@ A component is done only when it meets REQUIREMENTS §21: light/dark, LTR/RTL, `
 ## Rules of thumb
 
 - Use logical Tailwind utilities (`ms-`, `pe-`, `start-`, `text-start`, …). ESLint rejects physical `left`/`right` ones.
+- Report a value with `onValueChange(value)`; `onChange` is only for the native event.
 - Use theme tokens (`bg-primary`, `text-muted-foreground`), never raw colours.
 - Use `<Icon name="…">` (from `src/icons/icon`) with semantic names, so `OnuProvider icons` overrides apply. Never render a Lucide component directly. When a component always shows the same glyph (a spinner, a close button, a chevron), also pass that Lucide icon as `fallback`, e.g. `<Icon name="loading" fallback={Loader2Icon} />`: overrides still win, and the component keeps its glyph outside `OnuProvider`.
 - Never import `src/icons/lucide-map` in a component. `OnuProvider` loads the default set on demand, so neither a single component nor the provider ships ~250 icons. ESLint and `src/icons/icon-imports.test.ts` enforce this, and `pnpm --filter @javaabu/onu size` checks the bundle budgets.
@@ -52,7 +53,12 @@ The files in `packages/onu/src/ui` started as shadcn/ui's components (Radix base
 
 ## Checks
 
-E2E (Playwright: accessibility in five browsers, and Chromium screenshots) is slow, so CI runs it only when the last commit pushed to `main` starts with `e2e` (for example `e2e: new date picker`), or when you run the **E2E** workflow by hand from the Actions tab. Run it locally with `pnpm e2e:chromium`.
+E2E (Playwright) runs in two tiers:
+
+- **Smoke, on pull requests.** The **E2E smoke** workflow runs `e2e/a11y.spec.ts` and `e2e/thaana.spec.ts` in Chromium, with no screenshots, when a pull request touches `packages/onu/**`, `web/**` or `e2e/**`.
+- **Full, on demand.** The **E2E** workflow (accessibility in five browsers, and Chromium screenshots) is slow, so CI runs it only when the last commit pushed to `main` starts with `e2e` (for example `e2e: new date picker`), or when you run it by hand from the Actions tab.
+
+Run either locally with `pnpm e2e:chromium`, adding the two spec files for the smoke tier.
 
 The Chromium job compares a desktop screenshot of every component demo, in light LTR and dark RTL, with baselines stored as the `visual-baselines` Actions artifact (not in git). After an intended visual change, or when you add a component, run **E2E** by hand with **Update the visual baselines** ticked. Look at the screenshots in that run's `visual-baselines` artifact before relying on them. Baselines are kept for 90 days (about 90 MB). If none are stored (the first run, or 90 days after the last update), the run takes new ones instead of comparing.
 
@@ -85,10 +91,10 @@ Every change that affects a published package adds a changeset (`pnpm changeset`
 
 To release:
 
-1. On `dev`, run `pnpm changeset version`. It bumps every package with pending changesets, writes their `CHANGELOG.md` and deletes the changesets. All packages share one version, so check that `packages/onu` and `packages/onu-mcp` match.
+1. On `dev`, run `pnpm changeset version && node scripts/sync-plugin-version.mjs`. `@javaabu/onu` and `@javaabu/onu-mcp` are a fixed group in `.changeset/config.json`, so they always move to the same version; the script copies that version into `plugins/onu/.claude-plugin/plugin.json`, which changesets can't see. `changeset version` also writes their `CHANGELOG.md` and deletes the changesets.
 2. Commit (`Release v0.1.0`) and merge `dev` into `main`. Wait for CI to pass on `main`.
 3. Tag that commit on `main` and push the tag: `git tag v0.1.0 && git push origin v0.1.0`.
 
-The **Release** workflow runs only for `v*` tags. It checks that the tagged commit is on `main` and that every package's version matches the tag, then builds and publishes to npm (versions already on npm are skipped). Tags with a pre-release suffix (`v1.0.0-beta.1`) publish under the `next` dist-tag.
+The **Release** workflow runs only for `v*` tags. It checks that the tagged commit is on `main` and that every package's version and the plugin's match the tag, then builds and publishes to npm (versions already on npm are skipped). Tags with a pre-release suffix (`v1.0.0-beta.1`) publish under the `next` dist-tag.
 
 Publishing needs an `NPM_TOKEN` repository secret: an npm granular access token with read and write access to the `@javaabu` scope and "bypass 2FA" allowed, from an account that can publish to `@javaabu`. Write tokens expire after about 90 days. Provenance is signed only once the repository is public. After the first release, you can switch to npm trusted publishing (each package's settings on npmjs.com, pointing at `release.yml`) and remove the token.