@dowel-ui/registry 0.5.0 → 0.7.0

package/dist/build.js

@@ -1,4 +1,4 @@
-import { a as registryIndexSchema, c as hashContent, o as registryItemSchema } from "./schema-ByqIpT47.js";
+import { l as hashContent, o as registryIndexSchema, s as registryItemSchema } from "./schema-BbyNjH6Q.js";
 import { mkdirSync, readFileSync, rmSync, writeFileSync } from "node:fs";
 import { dirname, join } from "node:path";
 import { fileURLToPath, pathToFileURL } from "node:url";
@@ -9,7 +9,7 @@ function defineMeta(meta) {
 }
 //#endregion
 //#region ../ui/dist/components/accordion/meta.js
-const meta$77 = defineMeta({
+const meta$91 = defineMeta({
 	name: "accordion",
 	title: "Accordion",
 	description: "Vertically stacked sections that expand to reveal their content.",
@@ -22,7 +22,7 @@ const meta$77 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/activity-feed/meta.js
-const meta$76 = defineMeta({
+const meta$90 = defineMeta({
 	name: "activity-feed",
 	title: "Activity Feed",
 	description: "A chronological list of events, with a connecting timeline rail.",
@@ -35,7 +35,7 @@ const meta$76 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-action-ledger/meta.js
-const meta$75 = defineMeta({
+const meta$89 = defineMeta({
 	name: "ai-action-ledger",
 	title: "AI Action Ledger",
 	description: "What an agent actually did, classified by what can be undone.",
@@ -48,7 +48,7 @@ const meta$75 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-agent-plan/meta.js
-const meta$74 = defineMeta({
+const meta$88 = defineMeta({
 	name: "ai-agent-plan",
 	title: "AI Agent Plan",
 	description: "What an agent intends to do — including when it changes its mind mid-run.",
@@ -61,7 +61,7 @@ const meta$74 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-agent-status/meta.js
-const meta$73 = defineMeta({
+const meta$87 = defineMeta({
 	name: "ai-agent-status",
 	title: "AI Agent Status",
 	description: "A pill showing what an agent is doing, in words as well as colour.",
@@ -74,7 +74,7 @@ const meta$73 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-approval-request/meta.js
-const meta$72 = defineMeta({
+const meta$86 = defineMeta({
 	name: "ai-approval-request",
 	title: "AI Approval Request",
 	description: "Approve a tool call — after correcting the arguments the model got wrong.",
@@ -87,7 +87,7 @@ const meta$72 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-conversation/meta.js
-const meta$71 = defineMeta({
+const meta$85 = defineMeta({
 	name: "ai-conversation",
 	title: "AI Conversation",
 	description: "The scrolling transcript container, with follow-on-new-content and a status region.",
@@ -100,7 +100,7 @@ const meta$71 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-disclosure/meta.js
-const meta$70 = defineMeta({
+const meta$84 = defineMeta({
 	name: "ai-disclosure",
 	title: "AI Disclosure",
 	description: "Tells a reader they are looking at AI, and what is actually known about it.",
@@ -113,7 +113,7 @@ const meta$70 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-extraction-review/meta.js
-const meta$69 = defineMeta({
+const meta$83 = defineMeta({
 	name: "ai-extraction-review",
 	title: "AI Extraction Review",
 	description: "Check extracted fields against the document they came from, and decide each one.",
@@ -126,7 +126,7 @@ const meta$69 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-inline-completion/meta.js
-const meta$68 = defineMeta({
+const meta$82 = defineMeta({
 	name: "ai-inline-completion",
 	title: "AI Inline Completion",
 	description: "Ghost-text suggestion inside a real textarea, accepted with Tab.",
@@ -139,7 +139,7 @@ const meta$68 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-message/meta.js
-const meta$67 = defineMeta({
+const meta$81 = defineMeta({
 	name: "ai-message",
 	title: "AI Message",
 	description: "One turn in a conversation, with role, avatar, actions and footer slots.",
@@ -152,7 +152,7 @@ const meta$67 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-model-selector/meta.js
-const meta$66 = defineMeta({
+const meta$80 = defineMeta({
 	name: "ai-model-selector",
 	title: "AI Model Selector",
 	description: "Picks the model a conversation runs on, with descriptions and availability.",
@@ -165,7 +165,7 @@ const meta$66 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-prompt-input/meta.js
-const meta$65 = defineMeta({
+const meta$79 = defineMeta({
 	name: "ai-prompt-input",
 	title: "AI Prompt Input",
 	description: "The composer: auto-growing textarea, send-on-Enter, and a send/stop control.",
@@ -178,7 +178,7 @@ const meta$65 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-reasoning/meta.js
-const meta$64 = defineMeta({
+const meta$78 = defineMeta({
 	name: "ai-reasoning",
 	title: "AI Reasoning",
 	description: "A collapsible disclosure for the model's reasoning.",
@@ -191,7 +191,7 @@ const meta$64 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-response/meta.js
-const meta$63 = defineMeta({
+const meta$77 = defineMeta({
 	name: "ai-response",
 	title: "AI Response",
 	description: "Assistant response text, with a streaming caret and a thinking indicator.",
@@ -204,7 +204,7 @@ const meta$63 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-sources/meta.js
-const meta$62 = defineMeta({
+const meta$76 = defineMeta({
 	name: "ai-sources",
 	title: "AI Sources",
 	description: "Inline citation markers and the source list they refer to.",
@@ -217,7 +217,7 @@ const meta$62 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-structured-output/meta.js
-const meta$61 = defineMeta({
+const meta$75 = defineMeta({
 	name: "ai-structured-output",
 	title: "AI Structured Output",
 	description: "An object arriving field by field from the model, without the layout jumping.",
@@ -230,7 +230,7 @@ const meta$61 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-suggested-value/meta.js
-const meta$60 = defineMeta({
+const meta$74 = defineMeta({
 	name: "ai-suggested-value",
 	title: "AI Suggested Value",
 	description: "An AI-proposed value for any form control, pending until accepted and marked afterwards.",
@@ -243,7 +243,7 @@ const meta$60 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-token-usage/meta.js
-const meta$59 = defineMeta({
+const meta$73 = defineMeta({
 	name: "ai-token-usage",
 	title: "AI Token Usage",
 	description: "A gauge showing how much of the context window a conversation has used.",
@@ -256,7 +256,7 @@ const meta$59 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/ai-tool/meta.js
-const meta$58 = defineMeta({
+const meta$72 = defineMeta({
 	name: "ai-tool",
 	title: "AI Tool Call",
 	description: "A collapsible record of a tool the model called, its arguments and its result.",
@@ -269,7 +269,7 @@ const meta$58 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/alert/meta.js
-const meta$57 = defineMeta({
+const meta$71 = defineMeta({
 	name: "alert",
 	title: "Alert",
 	description: "A callout that draws attention to an important message.",
@@ -282,7 +282,7 @@ const meta$57 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/avatar/meta.js
-const meta$56 = defineMeta({
+const meta$70 = defineMeta({
 	name: "avatar",
 	title: "Avatar",
 	description: "An image representation of a user or entity with a graceful text fallback.",
@@ -295,7 +295,7 @@ const meta$56 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/badge/meta.js
-const meta$55 = defineMeta({
+const meta$69 = defineMeta({
 	name: "badge",
 	title: "Badge",
 	description: "A compact marker for status, counts and categories.",
@@ -307,8 +307,21 @@ const meta$55 = defineMeta({
 	a11y: "The badge label must convey the meaning on its own; variant colour is decoration. Use asChild to render an interactive badge as a link or button rather than adding handlers."
 });
 //#endregion
+//#region ../ui/dist/components/breadcrumb/meta.js
+const meta$68 = defineMeta({
+	name: "breadcrumb",
+	title: "Breadcrumb",
+	description: "Where the current page sits in the hierarchy, and how to get back up it.",
+	category: "navigation",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["breadcrumb.tsx"],
+	a11y: "The current page is a span carrying aria-current=\"page\", not a link: a link to the page you are already on does nothing, and in a list of links it is indistinguishable from the ones that go somewhere. Separators are hidden from assistive technology, because the list already conveys the sequence and reading \"slash\" between every item is the design's punctuation leaking into the content. The ellipsis is the exception and is named, because it is content: it says levels have been left out."
+});
+//#endregion
 //#region ../ui/dist/components/button/meta.js
-const meta$54 = defineMeta({
+const meta$67 = defineMeta({
 	name: "button",
 	title: "Button",
 	description: "Triggers an action or event, with variants for every level of emphasis.",
@@ -321,7 +334,7 @@ const meta$54 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/calendar/meta.js
-const meta$53 = defineMeta({
+const meta$66 = defineMeta({
 	name: "calendar",
 	title: "Calendar",
 	description: "A date grid for selecting a day, several days or a range.",
@@ -334,7 +347,7 @@ const meta$53 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/card/meta.js
-const meta$52 = defineMeta({
+const meta$65 = defineMeta({
 	name: "card",
 	title: "Card",
 	description: "A surface that groups related content and actions into a single block.",
@@ -347,7 +360,7 @@ const meta$52 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/checkbox/meta.js
-const meta$51 = defineMeta({
+const meta$64 = defineMeta({
 	name: "checkbox",
 	title: "Checkbox",
 	description: "A control for an on/off choice, with support for an indeterminate state.",
@@ -360,7 +373,7 @@ const meta$51 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/code-block/meta.js
-const meta$50 = defineMeta({
+const meta$63 = defineMeta({
 	name: "code-block",
 	title: "Code Block",
 	description: "A block of code with a copy control, ready for any highlighter.",
@@ -372,8 +385,21 @@ const meta$50 = defineMeta({
 	a11y: "The pre is a focusable named region, since code overflows horizontally and an unfocusable scroll box is unreachable by keyboard. Copying is announced through a polite live region as well as shown, and a refused clipboard write reports failure rather than looking like success."
 });
 //#endregion
+//#region ../ui/dist/components/collapsible/meta.js
+const meta$62 = defineMeta({
+	name: "collapsible",
+	title: "Collapsible",
+	description: "A single section that opens and closes, without an accordion's set semantics.",
+	category: "layout",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["collapsible.tsx"],
+	a11y: "The trigger carries aria-expanded and points at the region it controls, both from the primitive. Reach for this rather than an Accordion of one item: a single-item Accordion gives its trigger a heading role and a position in a list of one, neither of which is true."
+});
+//#endregion
 //#region ../ui/dist/components/combobox/meta.js
-const meta$49 = defineMeta({
+const meta$61 = defineMeta({
 	name: "combobox",
 	title: "Combobox",
 	description: "A searchable single-select built on the ARIA combobox pattern.",
@@ -386,7 +412,7 @@ const meta$49 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/command/meta.js
-const meta$48 = defineMeta({
+const meta$60 = defineMeta({
 	name: "command",
 	title: "Command",
 	description: "A searchable command palette, with groups and a ⌘K dialog variant.",
@@ -399,7 +425,7 @@ const meta$48 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/confirm-typed/meta.js
-const meta$47 = defineMeta({
+const meta$59 = defineMeta({
 	name: "confirm-typed",
 	title: "Confirm Typed",
 	description: "Type the name to confirm — and be told, not ignored, when it does not match.",
@@ -412,7 +438,7 @@ const meta$47 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/cron-editor/meta.js
-const meta$46 = defineMeta({
+const meta$58 = defineMeta({
 	name: "cron-editor",
 	title: "Cron Editor",
 	description: "A schedule as a cron expression, with a plain-language reading and the next runs.",
@@ -425,7 +451,7 @@ const meta$46 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/data-table/meta.js
-const meta$45 = defineMeta({
+const meta$57 = defineMeta({
 	name: "data-table",
 	title: "Data Table",
 	description: "Presentation for a TanStack Table instance: sorting, column visibility and pagination.",
@@ -443,7 +469,7 @@ const meta$45 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/date-picker/meta.js
-const meta$44 = defineMeta({
+const meta$56 = defineMeta({
 	name: "date-picker",
 	title: "Date Picker",
 	description: "A button that opens a calendar to pick a date or a date range.",
@@ -459,8 +485,21 @@ const meta$44 = defineMeta({
 	a11y: "The trigger states the selected date, formatted for the locale, so its accessible name changes with the value. The popover is named because it carries role=\"dialog\". Selecting a single date closes the popover and returns focus to the trigger; a range stays open, since one click is only half an answer. Offer a typed input alongside it for dates the user already knows."
 });
 //#endregion
+//#region ../ui/dist/components/direction/meta.js
+const meta$55 = defineMeta({
+	name: "direction",
+	title: "Direction Provider",
+	description: "Tells the component primitives which way the writing runs, so menus and sliders mirror with the rest of the page.",
+	category: "foundation",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: [],
+	files: ["direction.tsx"],
+	a11y: "Needed only for right-to-left languages, and needed in addition to `dir` on the document rather than instead of it. The styling here is written with logical properties and follows `dir` by itself; the primitives underneath read direction from React context and assume left-to-right without a provider, which mirrors a page correctly except for its menus, selects and sliders — worse than not mirroring at all, because it looks deliberate."
+});
+//#endregion
 //#region ../ui/dist/components/dialog/meta.js
-const meta$43 = defineMeta({
+const meta$54 = defineMeta({
 	name: "dialog",
 	title: "Dialog",
 	description: "A modal window that interrupts the user to gather a response.",
@@ -473,7 +512,7 @@ const meta$43 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/diff-viewer/meta.js
-const meta$42 = defineMeta({
+const meta$53 = defineMeta({
 	name: "diff-viewer",
 	title: "Diff Viewer",
 	description: "A diff you can style, and accept or reject hunk by hunk.",
@@ -486,7 +525,7 @@ const meta$42 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/dns-record/meta.js
-const meta$41 = defineMeta({
+const meta$52 = defineMeta({
 	name: "dns-record",
 	title: "DNS Record",
 	description: "Add this record at your provider: parts copied separately, checked with what was found.",
@@ -499,7 +538,7 @@ const meta$41 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/drawer/meta.js
-const meta$40 = defineMeta({
+const meta$51 = defineMeta({
 	name: "drawer",
 	title: "Drawer",
 	description: "A bottom sheet that can be dismissed by dragging it down.",
@@ -512,7 +551,7 @@ const meta$40 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/dropdown-menu/meta.js
-const meta$39 = defineMeta({
+const meta$50 = defineMeta({
 	name: "dropdown-menu",
 	title: "Dropdown Menu",
 	description: "A menu of actions revealed from a trigger, with submenus and selectable items.",
@@ -525,7 +564,7 @@ const meta$39 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/empty-state/meta.js
-const meta$38 = defineMeta({
+const meta$49 = defineMeta({
 	name: "empty-state",
 	title: "Empty State",
 	description: "Shown where content would be, explaining why it is empty and what to do next.",
@@ -538,7 +577,7 @@ const meta$38 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/file-upload/meta.js
-const meta$37 = defineMeta({
+const meta$48 = defineMeta({
 	name: "file-upload",
 	title: "File Upload",
 	description: "A dropzone over a real file input, plus the upload queue nobody ships.",
@@ -551,7 +590,7 @@ const meta$37 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/form/meta.js
-const meta$36 = defineMeta({
+const meta$47 = defineMeta({
 	name: "form",
 	title: "Form",
 	description: "Accessible field wiring that works with any form library, or none.",
@@ -564,7 +603,7 @@ const meta$36 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/input/meta.js
-const meta$35 = defineMeta({
+const meta$46 = defineMeta({
 	name: "input",
 	title: "Input",
 	description: "A single-line text field with size variants and native validation styling.",
@@ -577,7 +616,7 @@ const meta$35 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/label/meta.js
-const meta$34 = defineMeta({
+const meta$45 = defineMeta({
 	name: "label",
 	title: "Label",
 	description: "An accessible caption that associates text with a form control.",
@@ -590,7 +629,7 @@ const meta$34 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/log-viewer/meta.js
-const meta$33 = defineMeta({
+const meta$44 = defineMeta({
 	name: "log-viewer",
 	title: "Log Viewer",
 	description: "A streaming console with filtering, level facets and follow mode.",
@@ -603,7 +642,7 @@ const meta$33 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/meter/meta.js
-const meta$32 = defineMeta({
+const meta$43 = defineMeta({
 	name: "meter",
 	title: "Meter",
 	description: "A measurement against a capacity — quota, seats, spend — segmented by category.",
@@ -616,7 +655,7 @@ const meta$32 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/metric-delta/meta.js
-const meta$31 = defineMeta({
+const meta$42 = defineMeta({
 	name: "metric-delta",
 	title: "Metric Delta",
 	description: "A headline number with a change indicator that knows which direction is good.",
@@ -629,7 +668,7 @@ const meta$31 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/pagination/meta.js
-const meta$30 = defineMeta({
+const meta$41 = defineMeta({
 	name: "pagination",
 	title: "Pagination",
 	description: "Navigation between pages of a list.",
@@ -642,7 +681,7 @@ const meta$30 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/permission-matrix/meta.js
-const meta$29 = defineMeta({
+const meta$40 = defineMeta({
 	name: "permission-matrix",
 	title: "Permission Matrix",
 	description: "Roles across, permissions down, with inheritance, locked roles and one tab stop.",
@@ -655,7 +694,7 @@ const meta$29 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/popover/meta.js
-const meta$28 = defineMeta({
+const meta$39 = defineMeta({
 	name: "popover",
 	title: "Popover",
 	description: "Rich floating content anchored to a trigger.",
@@ -668,7 +707,7 @@ const meta$28 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/progress/meta.js
-const meta$27 = defineMeta({
+const meta$38 = defineMeta({
 	name: "progress",
 	title: "Progress",
 	description: "Shows how far along a task is, or that one is running at all.",
@@ -681,7 +720,7 @@ const meta$27 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/radio-group/meta.js
-const meta$26 = defineMeta({
+const meta$37 = defineMeta({
 	name: "radio-group",
 	title: "Radio Group",
 	description: "A set of mutually exclusive options.",
@@ -694,7 +733,7 @@ const meta$26 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/record-diff/meta.js
-const meta$25 = defineMeta({
+const meta$36 = defineMeta({
 	name: "record-diff",
 	title: "Record Diff",
 	description: "Field-level before and after, for audit entries, settings history and revisions.",
@@ -707,7 +746,7 @@ const meta$25 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/secret-field/meta.js
-const meta$24 = defineMeta({
+const meta$35 = defineMeta({
 	name: "secret-field",
 	title: "Secret Field",
 	description: "An API key in its three states: shown once, hidden but revealable, and gone.",
@@ -720,7 +759,7 @@ const meta$24 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/select/meta.js
-const meta$23 = defineMeta({
+const meta$34 = defineMeta({
 	name: "select",
 	title: "Select",
 	description: "Picks one value from a short list of options.",
@@ -733,7 +772,7 @@ const meta$23 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/separator/meta.js
-const meta$22 = defineMeta({
+const meta$33 = defineMeta({
 	name: "separator",
 	title: "Separator",
 	description: "A horizontal or vertical rule that divides content.",
@@ -746,7 +785,7 @@ const meta$22 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/session-expiry/meta.js
-const meta$21 = defineMeta({
+const meta$32 = defineMeta({
 	name: "session-expiry",
 	title: "Session Expiry",
 	description: "The idle-timeout warning WCAG 2.2.1 asks for: warned, extendable, and not dismissable by accident.",
@@ -758,8 +797,21 @@ const meta$21 = defineMeta({
 	a11y: "An alert dialog, named by its heading and described by the sentence that says how long is left. Escape and the backdrop do nothing, because dismissing a session warning without choosing is choosing nothing; the two buttons are the way out, and focus opens on the safe one. The visible countdown is not live — a number every second for two minutes drowns the question — and a separate status region speaks four times: when the warning opens, at one minute, thirty seconds and ten, still saying a threshold a slow tick skipped over. The clock is read in an effect, so the server renders nothing rather than a countdown from the wrong instant. This satisfies the warn-and-extend half of WCAG 2.2.1 Timing Adjustable; the twenty-second minimum is the default window's business and the application's."
 });
 //#endregion
+//#region ../ui/dist/components/sidebar/meta.js
+const meta$31 = defineMeta({
+	name: "sidebar",
+	title: "Sidebar",
+	description: "The application's own navigation: a collapsible rail on a wide screen, an overlay on a narrow one.",
+	category: "navigation",
+	status: "stable",
+	dependencies: ["radix-ui"],
+	registryDependencies: ["sheet"],
+	files: ["sidebar.tsx"],
+	a11y: "The navigation landmark must be named — a page has several, and three regions all called \"navigation\" is a list nobody can choose from. The active entry carries aria-current=\"page\" rather than only a background colour. On a narrow screen it is a Sheet, not a styled div: an overlay needs a focus trap and an Escape key, and without them the page behind stays reachable by Tab while the menu covers it. When the rail collapses, labels are visually hidden rather than removed — removing them leaves controls whose only content is an icon, which is how a collapsed sidebar becomes a column of links all announced as \"link\". The trigger says what pressing it will do, not what the state currently is. The overlay is mounted only on a narrow screen and has its own open state: a modal dialog that CSS hides is still modal, and mounting it always made every wide screen aria-hidden and unclickable whenever the rail was open."
+});
+//#endregion
 //#region ../ui/dist/components/sheet/meta.js
-const meta$20 = defineMeta({
+const meta$30 = defineMeta({
 	name: "sheet",
 	title: "Sheet",
 	description: "A panel that enters from an edge of the viewport for secondary content.",
@@ -772,7 +824,7 @@ const meta$20 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/shortcut-recorder/meta.js
-const meta$19 = defineMeta({
+const meta$29 = defineMeta({
 	name: "shortcut-recorder",
 	title: "Shortcut Recorder",
 	description: "Press the keys you want: records a chord, platform-aware, and says when it clashes.",
@@ -785,7 +837,7 @@ const meta$19 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/skeleton/meta.js
-const meta$18 = defineMeta({
+const meta$28 = defineMeta({
 	name: "skeleton",
 	title: "Skeleton",
 	description: "A shaped placeholder that holds layout while content loads.",
@@ -798,7 +850,7 @@ const meta$18 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/slider/meta.js
-const meta$17 = defineMeta({
+const meta$27 = defineMeta({
 	name: "slider",
 	title: "Slider",
 	description: "Selects a value, or a range, from a continuous span.",
@@ -811,7 +863,7 @@ const meta$17 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/spinner/meta.js
-const meta$16 = defineMeta({
+const meta$26 = defineMeta({
 	name: "spinner",
 	title: "Spinner",
 	description: "An indeterminate loading indicator for buttons, panels and inline content.",
@@ -824,7 +876,7 @@ const meta$16 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/switch/meta.js
-const meta$15 = defineMeta({
+const meta$25 = defineMeta({
 	name: "switch",
 	title: "Switch",
 	description: "An immediate on/off toggle for settings that apply straight away.",
@@ -837,7 +889,7 @@ const meta$15 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/sync-status/meta.js
-const meta$14 = defineMeta({
+const meta$24 = defineMeta({
 	name: "sync-status",
 	title: "Sync Status",
 	description: "Offline, saving, saved or failed — with the count of changes being held.",
@@ -850,7 +902,7 @@ const meta$14 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/table/meta.js
-const meta$13 = defineMeta({
+const meta$23 = defineMeta({
 	name: "table",
 	title: "Table",
 	description: "Semantic table primitives for tabular data.",
@@ -863,7 +915,7 @@ const meta$13 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/tabs/meta.js
-const meta$12 = defineMeta({
+const meta$22 = defineMeta({
 	name: "tabs",
 	title: "Tabs",
 	description: "Switches between panels of related content.",
@@ -876,7 +928,7 @@ const meta$12 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/tags-input/meta.js
-const meta$11 = defineMeta({
+const meta$21 = defineMeta({
 	name: "tags-input",
 	title: "Tags Input",
 	description: "A list of short values, where invalid entries stay visible instead of vanishing.",
@@ -889,7 +941,7 @@ const meta$11 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/time-range-picker/meta.js
-const meta$10 = defineMeta({
+const meta$20 = defineMeta({
 	name: "time-range-picker",
 	title: "Time Range Picker",
 	description: "A time range whose value is an expression, so it stays relative across a reload.",
@@ -906,8 +958,21 @@ const meta$10 = defineMeta({
 	a11y: "The trigger is named by the range it holds — \"Last 6 hours\" — and the window that resolves to is read after it, so the relative choice is not replaced by two timestamps. The popover carries role=\"dialog\" and is named. Presets are buttons rather than radios because choosing one both selects and dismisses, with aria-pressed carrying which matches the current expression. The expression field reports why an unparseable entry is invalid through one aria-describedby element that the preview and the error share, so a reader hears the error replace the preview rather than both at once; an invalid expression is never applied, because a chart silently re-scoping itself is worse than one that refuses."
 });
 //#endregion
+//#region ../ui/dist/components/textarea/meta.js
+const meta$19 = defineMeta({
+	name: "textarea",
+	title: "Textarea",
+	description: "A multi-line text field, with optional auto-resize and a character count that knows when to stay quiet.",
+	category: "form",
+	status: "stable",
+	dependencies: ["class-variance-authority"],
+	registryDependencies: [],
+	files: ["textarea.tsx"],
+	a11y: "Pair with a Label via htmlFor/id. The error state is driven by aria-invalid, so assistive technology and styling stay in sync. The character count is described by the field rather than announced on every keystroke — a permanently live counter reads the remaining number between every letter typed, which is unusable — so it goes live only once the limit is close, and states the remainder in words rather than as a bare ratio that is read aloud as two unlabelled numbers. Horizontal resizing is off by default, because a field dragged wider than its container is a broken layout."
+});
+//#endregion
 //#region ../ui/dist/components/toast/meta.js
-const meta$9 = defineMeta({
+const meta$18 = defineMeta({
 	name: "toast",
 	title: "Toast",
 	description: "Brief, non-blocking messages with an imperative API callable from anywhere.",
@@ -920,7 +985,7 @@ const meta$9 = defineMeta({
 });
 //#endregion
 //#region ../ui/dist/components/tooltip/meta.js
-const meta$8 = defineMeta({
+const meta$17 = defineMeta({
 	name: "tooltip",
 	title: "Tooltip",
 	description: "A short label revealed on hover or keyboard focus.",
@@ -943,6 +1008,31 @@ const meta$8 = defineMeta({
 * `meta.test.ts` fails if a block directory exists that is missing from here.
 */
 const blockMetas = [
+	defineMeta({
+		name: "admin-dashboard",
+		kind: "block",
+		title: "Admin dashboard",
+		description: "An administration console: the shell every admin page shares — navigation, breadcrumb, account menu — and the overview that is its front page, with what needs attention first.",
+		category: "layout",
+		status: "stable",
+		access: "pro",
+		dependencies: [],
+		registryDependencies: [
+			"alert",
+			"avatar",
+			"badge",
+			"breadcrumb",
+			"button",
+			"card",
+			"dropdown-menu",
+			"empty-state",
+			"metric-delta",
+			"sidebar",
+			"table"
+		],
+		files: ["admin-dashboard.tsx"],
+		a11y: "What needs attention comes first and is the only loud part of the page; it is not a live region, because the list is there on load and re-announcing it on every refresh would make the console unusable. The navigation is a landmark called Admin, the breadcrumb another, so neither is one more thing called 'navigation'. The current page carries aria-current, a count beside a nav item says what it counts, the account menu is named after its owner, and each Open button is named after its account. Every status is a word, with colour agreeing rather than replacing."
+	}),
 	defineMeta({
 		name: "admin-users",
 		kind: "block",
@@ -964,6 +1054,27 @@ const blockMetas = [
 		files: ["admin-users.tsx"],
 		a11y: "Filtering changes the results without the user asking, so the matching count is announced politely. The filter has a real label rather than only a placeholder, which disappears the moment anyone types. Each row's action button is named after its row — four identical \"Actions\" buttons say nothing about which row you are on."
 	}),
+	defineMeta({
+		name: "agent-console",
+		kind: "block",
+		title: "Agent console",
+		description: "One agent run, watched: the plan it is working from, the approval it is blocked on, and the ledger of what it has already done.",
+		category: "ai",
+		status: "stable",
+		dependencies: [],
+		registryDependencies: [
+			"ai-action-ledger",
+			"ai-agent-plan",
+			"ai-agent-status",
+			"ai-approval-request",
+			"ai-token-usage",
+			"button",
+			"card",
+			"empty-state"
+		],
+		files: ["agent-console.tsx"],
+		a11y: "Whatever the run is blocked on is rendered first rather than below a scrolling plan, because it is the only part of the page waiting on a person. This is the one agent on the page, so its status announces its own transitions — a list of runs each doing that would be noise, which is why the underlying component makes it opt in. Every completed action states whether it can be undone, offset or not taken back at all, in words, since presenting all three behind one Undo is a lie discovered after the click."
+	}),
 	defineMeta({
 		name: "ai-chat",
 		kind: "block",
@@ -988,6 +1099,137 @@ const blockMetas = [
 		files: ["ai-chat.tsx"],
 		a11y: "Assembled from the AI components rather than reimplementing them, so their decisions still hold: the transcript is a list and not a live region, state is announced separately through ConversationStatus, and the composer will not send while an IME composition is active. Tool payloads are named per tool, so two open tool calls do not present two regions called \"Result\"."
 	}),
+	defineMeta({
+		name: "ai-dashboard",
+		kind: "block",
+		title: "AI dashboard",
+		description: "What the AI features cost and whether they worked: tokens, spend, failure rate, a breakdown by model, and the runs still going.",
+		category: "ai",
+		status: "stable",
+		dependencies: [],
+		registryDependencies: [
+			"ai-agent-status",
+			"ai-token-usage",
+			"card",
+			"empty-state",
+			"metric-delta",
+			"table"
+		],
+		files: ["ai-dashboard.tsx"],
+		a11y: "Spend and failure rate are declared lower-is-better, so a rising bill is not painted green — which is the mistake most usage dashboards make. The totals row is a real table footer rather than a last body row that looks like one, because inside the body it is announced as another model and there is no model called Total. Statuses in the run list do not announce their own changes: several runs each doing that turns a list into a stream of interruptions, and watching one run is the agent console's job."
+	}),
+	defineMeta({
+		name: "ai-workspace",
+		kind: "block",
+		title: "AI workspace",
+		description: "A whole AI application surface: conversations down one side, the active transcript with reasoning, tool calls and sources in the middle, and the context — window usage, attachments and a structured result — on the other.",
+		category: "ai",
+		status: "stable",
+		access: "pro",
+		dependencies: [],
+		registryDependencies: [
+			"ai-conversation",
+			"ai-message",
+			"ai-model-selector",
+			"ai-prompt-input",
+			"ai-reasoning",
+			"ai-response",
+			"ai-sources",
+			"ai-structured-output",
+			"ai-token-usage",
+			"ai-tool",
+			"button",
+			"empty-state",
+			"sidebar"
+		],
+		files: ["ai-workspace.tsx"],
+		a11y: "Three landmarks, each named: the conversation list is a navigation called Conversations, the transcript is the main content, and the context is a complementary region called Context, so a screen reader user can jump between them and skip the one they do not want. The transcript is a list and never a live region; the response state is announced from a separate status line, so a streaming answer does not read itself aloud token by token. Each attachment's remove button is named after its file. On a narrow screen the conversation list becomes a sheet with a focus trap and an Escape key, not a div slid over content that stays reachable by Tab."
+	}),
+	defineMeta({
+		name: "analytics",
+		kind: "block",
+		title: "Analytics",
+		description: "An analytics page: headline metrics against the previous period, a series over time, and the breakdown that made it up.",
+		category: "data",
+		status: "stable",
+		dependencies: [],
+		registryDependencies: [
+			"button",
+			"card",
+			"metric-delta",
+			"select",
+			"table"
+		],
+		files: ["analytics.tsx"],
+		a11y: "The bars are declared as a single image with a one-sentence summary — where the series started, where it ended, and where its extremes were — rather than as forty separately labelled elements, which reads as noise instead of a shape. The exact numbers live in a real table that is collapsed for everyone and revealed for everyone from a control on the page, rather than in a visually-hidden copy only screen readers can reach, because the hidden copy is the one that goes stale. The range selector is a select rather than a tab set: tabs promise panels, and a range selector has none — it changes the data behind the whole page, so styled-as-tabs it points every tab at a panel that does not exist."
+	}),
+	defineMeta({
+		name: "billing",
+		kind: "block",
+		title: "Billing",
+		description: "A billing page: the current plan, metered usage against its limits, the payment method and the invoice history.",
+		category: "data",
+		status: "stable",
+		dependencies: [],
+		registryDependencies: [
+			"badge",
+			"button",
+			"card",
+			"empty-state",
+			"progress",
+			"table"
+		],
+		files: ["billing.tsx"],
+		a11y: "Every usage meter states where it stands in words — \"8 of 10 seats used, 2 left\", or how far over the limit it is — because a bar that turns red says nothing to a screen reader and nothing to anyone who cannot tell the colours apart; the bar itself is hidden from the accessibility tree so the same fact is not announced twice. Each invoice download is named after its invoice rather than being one of ten identical \"Download\" links, which is all a links list would show. A card's last four digits are spoken as digits instead of as a four-figure number. Dates carry a machine-readable time element."
+	}),
+	defineMeta({
+		name: "command-center",
+		kind: "block",
+		title: "Command center",
+		description: "Operations at a glance: service health worst-first, open incidents by severity, capacity meters, a filterable log stream, and a command palette for every action an operator reaches for.",
+		category: "data",
+		status: "stable",
+		access: "pro",
+		dependencies: [],
+		registryDependencies: [
+			"alert",
+			"badge",
+			"button",
+			"card",
+			"command",
+			"empty-state",
+			"log-viewer",
+			"meter"
+		],
+		files: ["command-center.tsx"],
+		a11y: "The overall status is one sentence computed from the worst service, and it comes first — 'one service is down' rather than a wall of tiles to scan. It is not a live region: the page is refreshed by the application, and a status that re-announces on every poll is one nobody can work beside. Health and severity are words on every row, sorted on, with colour agreeing rather than replacing. ⌘K opens the palette but the Actions button is always visible, so the shortcut is an accelerator and not the only way in. New log lines are not read aloud unless asked."
+	}),
+	defineMeta({
+		name: "crm",
+		kind: "block",
+		title: "CRM",
+		description: "A sales pipeline: open value by stage, the deals in it with filtering and sorting, the win rate and cycle length, and the last few touches.",
+		category: "data",
+		status: "stable",
+		access: "pro",
+		dependencies: ["@tanstack/react-table"],
+		registryDependencies: [
+			"activity-feed",
+			"avatar",
+			"badge",
+			"button",
+			"card",
+			"data-table",
+			"empty-state",
+			"input",
+			"label",
+			"meter",
+			"metric-delta",
+			"select"
+		],
+		files: ["crm.tsx"],
+		a11y: "The pipeline is one bar split by stage, with the same figures listed beside it as numbers, so nobody reads a proportion off a coloured segment; the meter announces the total and its legend names every stage. Sales cycle is declared lower-is-better, so a slowing pipeline is not painted green. The deal filter has a real label and announces the matching count politely, and each Open button is named after its deal rather than being one of ten identical buttons."
+	}),
 	defineMeta({
 		name: "dashboard",
 		kind: "block",
@@ -1043,6 +1285,23 @@ const blockMetas = [
 		files: ["login.tsx"],
 		a11y: "Email and password fields carry the right type and autocomplete, so password managers and mobile keyboards behave. Field errors are tied to their inputs through the Form wiring; a server error is an assertive alert, because it arrived after the user acted and explains why nothing happened. The submit button reports its own busy state rather than going quiet."
 	}),
+	defineMeta({
+		name: "onboarding",
+		kind: "block",
+		title: "Onboarding",
+		description: "A setup checklist: what is done, which step is current, and what is blocked and why.",
+		category: "feedback",
+		status: "stable",
+		dependencies: [],
+		registryDependencies: [
+			"badge",
+			"button",
+			"card",
+			"progress"
+		],
+		files: ["onboarding.tsx"],
+		a11y: "Every step states its state in a word — Done, In progress, Not started, Blocked — because a green tick announces nothing and means nothing to a reader who cannot tell the colours apart; the tick and the step number are decoration on top of that. Progress is given as a count rather than only as a bar, and the bar is hidden so the same fact is not announced twice. The current step carries aria-current, so it can be found rather than merely seen. Blocked is a distinct state from not-started and says why. Each step's action is named after its step, so six buttons are not six identical \"Start\" entries in a controls list."
+	}),
 	defineMeta({
 		name: "pricing",
 		kind: "block",
@@ -1118,6 +1377,20 @@ const blockMetas = [
 * words — `switch` cannot be a binding name.
 */
 const componentMetas = [
+	meta$91,
+	meta$90,
+	meta$89,
+	meta$88,
+	meta$87,
+	meta$86,
+	meta$85,
+	meta$84,
+	meta$83,
+	meta$82,
+	meta$81,
+	meta$80,
+	meta$79,
+	meta$78,
 	meta$77,
 	meta$76,
 	meta$75,
@@ -1140,8 +1413,8 @@ const componentMetas = [
 	meta$58,
 	meta$57,
 	meta$56,
-	meta$55,
 	meta$54,
+	meta$55,
 	meta$53,
 	meta$52,
 	meta$51,
@@ -1164,8 +1437,8 @@ const componentMetas = [
 	meta$34,
 	meta$33,
 	meta$32,
-	meta$31,
 	meta$30,
+	meta$31,
 	meta$29,
 	meta$28,
 	meta$27,
@@ -1178,16 +1451,7 @@ const componentMetas = [
 	meta$20,
 	meta$19,
 	meta$18,
-	meta$17,
-	meta$16,
-	meta$15,
-	meta$14,
-	meta$13,
-	meta$12,
-	meta$11,
-	meta$10,
-	meta$9,
-	meta$8
+	meta$17
 ];
 //#endregion
 //#region src/build.ts
@@ -1237,7 +1501,8 @@ function buildSourceItem(meta) {
 		dependencies: meta.dependencies,
 		registryDependencies: meta.registryDependencies,
 		files,
-		a11y: meta.a11y
+		a11y: meta.a11y,
+		access: meta.access ?? "free"
 	});
 }
 /**
@@ -1307,6 +1572,14 @@ function buildRegistry() {
 		...blockMetas.map(buildSourceItem)
 	];
 }
+/** Items whose source anyone may fetch. */
+function freeItems(items) {
+	return items.filter((item) => item.access !== "pro");
+}
+/** Items whose source requires a licence. */
+function proItems(items) {
+	return items.filter((item) => item.access === "pro");
+}
 function buildIndex(items) {
 	const entries = items.map((item) => ({
 		name: item.name,
@@ -1317,6 +1590,7 @@ function buildIndex(items) {
 		status: item.status,
 		dependencies: item.dependencies,
 		registryDependencies: item.registryDependencies,
+		access: item.access,
 		fileCount: item.files.length
 	}));
 	return registryIndexSchema.parse({
@@ -1326,28 +1600,64 @@ function buildIndex(items) {
 		items: entries
 	});
 }
+/**
+* Writes the public registry.
+*
+* The index lists everything, including licensed items — that is the catalogue,
+* and an item nobody can see is an item nobody buys. What it does *not* write is
+* a licensed item's body: those files never touch the directory a CDN serves,
+* because a paywall that can be stepped around by fetching the JSON directly is
+* not a paywall. Their bodies go to `writeLicensedModule` instead, behind a
+* request the server can refuse.
+*/
 function writeRegistry(outDir) {
 	const items = buildRegistry();
 	const index = buildIndex(items);
+	const free = freeItems(items);
 	rmSync(outDir, {
 		recursive: true,
 		force: true
 	});
 	mkdirSync(outDir, { recursive: true });
 	writeFileSync(join(outDir, "index.json"), `${JSON.stringify(index, null, 2)}\n`);
-	for (const item of items) writeFileSync(join(outDir, `${item.name}.json`), `${JSON.stringify(item, null, 2)}\n`);
+	for (const item of free) writeFileSync(join(outDir, `${item.name}.json`), `${JSON.stringify(item, null, 2)}\n`);
 	return {
 		items: items.length,
-		files: items.reduce((total, item) => total + item.files.length, 0)
+		files: free.reduce((total, item) => total + item.files.length, 0),
+		licensed: items.length - free.length
 	};
 }
+/**
+* Writes the licensed item bodies as a TypeScript module.
+*
+* A module rather than a directory of JSON, because the server that serves
+* these runs on a platform that traces imports to decide what to deploy. A file
+* read at runtime from a path the bundler never saw is a file that is not there
+* in production — and the failure appears only once someone with a valid
+* licence tries to install something.
+*/
+function writeLicensedModule(outFile) {
+	const licensed = proItems(buildRegistry());
+	const byName = Object.fromEntries(licensed.map((item) => [item.name, item]));
+	mkdirSync(dirname(outFile), { recursive: true });
+	writeFileSync(outFile, `// Generated by @dowel-ui/registry. Do not edit.
+//
+// The bodies of licensed registry items. Imported by the route that serves them
+// so the platform's dependency tracing includes them in the deployment; they are
+// deliberately absent from the public registry directory.
+import type { RegistryItem } from "@dowel-ui/registry";
+
+export const licensedItems: Record<string, RegistryItem> = ${JSON.stringify(byName, null, 2)};
+`);
+	return licensed.length;
+}
 if (process.argv[1] !== void 0 && import.meta.url === pathToFileURL(process.argv[1]).href) {
 	const outIndex = process.argv.indexOf("--out");
 	const outDir = outIndex === -1 ? join(here, "..", "r") : process.argv[outIndex + 1] ?? join(here, "..", "r");
 	const result = writeRegistry(outDir);
-	console.log(`Registry written to ${outDir}: ${String(result.items)} items, ${String(result.files)} files.`);
+	console.log(`Registry written to ${outDir}: ${String(result.items)} items, ${String(result.files)} files` + (result.licensed > 0 ? `, ${String(result.licensed)} licensed item(s) withheld.` : "."));
 }
 //#endregion
-export { buildIndex, buildRegistry, writeRegistry };
+export { buildIndex, buildRegistry, freeItems, proItems, writeLicensedModule, writeRegistry };
 
 //# sourceMappingURL=build.js.map