@adia-ai/adia-ui-factory 0.8.22 → 0.8.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
|
-
"name": "adia-factory",
|
|
3
|
-
"version": "0.8.
|
|
2
|
+
"name": "adia-ui-kit-factory",
|
|
3
|
+
"version": "0.8.24",
|
|
4
4
|
"description": "Author and verify apps built ON the adia-ui (@adia-ai) light-DOM web-component framework \u2014 orient, scaffold, compose, wire, verify, and migrate across SPA and SSR rendering modes. Wires the a2ui MCP for catalog retrieval, UI generation, and validation.",
|
|
5
5
|
"author": {
|
|
6
6
|
"name": "Kim",
|
package/.mcp.json
CHANGED
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,20 @@
|
|
|
1
|
-
# Changelog — adia-factory
|
|
1
|
+
# Changelog — adia-ui-kit-factory
|
|
2
|
+
|
|
3
|
+
## [0.8.24] — 2026-07-30
|
|
4
|
+
|
|
5
|
+
### Maintenance
|
|
6
|
+
- **Lockstep version bump only.** No source changes in this package; bumped to maintain the 11-package version coherence enforced by `scripts/release/check-lockstep.mjs`. Substantive v0.8.24 work shipped in requiredIcons drift cleared across 16 components + checker comment handling (gh#550), worktree bootstrap workspace-link hardening + retrieval corpus-pin fix (gh#554), list-item two-line icon centering (gh#558), card footer bottom-pinning (gh#559). See `packages/web-components/CHANGELOG.md#0824--2026-07-30` for details.
|
|
7
|
+
- **`.claude-plugin/plugin.json` version bump** — moves in lockstep with package.json (the `/plugin update` cache key).
|
|
8
|
+
- **`skills/` touched in this release window** (2 file(s), e.g. `references/annotations.yaml`) — carried by the entries above.
|
|
9
|
+
|
|
10
|
+
## [0.8.23] — 2026-07-30
|
|
11
|
+
|
|
12
|
+
### Changed
|
|
13
|
+
- **Plugin renamed: `adia-factory` → `adia-ui-kit-factory`** (gh#520, operator ruling 2026-07-30). The in-repo marketplace renames `adia` → `adia-ui-kit`; the install pattern becomes `adia-ui-kit-factory@adia-ui-kit`. Directory and npm package identity (`@adia-ai/…`) unchanged. A new manifest name means a FRESH install — consumers re-add the marketplace under the new key and re-enable `adia-ui-kit-factory@adia-ui-kit`; old `adia-factory@adia` refs no longer resolve.
|
|
14
|
+
|
|
15
|
+
### Maintenance
|
|
16
|
+
- **`.claude-plugin/plugin.json` version bump** — moves in lockstep with package.json (the `/plugin update` cache key).
|
|
17
|
+
- **`skills/` touched in this release window** (1 file(s), e.g. `references/pattern-index.md`) — carried by the entries above.
|
|
2
18
|
|
|
3
19
|
## [0.8.22] — 2026-07-29
|
|
4
20
|
|
package/README.md
CHANGED
|
@@ -14,10 +14,10 @@ which is private):
|
|
|
14
14
|
|
|
15
15
|
```
|
|
16
16
|
/plugin marketplace add adiahealth/gen-ui-kit
|
|
17
|
-
/plugin install adia-factory@adia
|
|
17
|
+
/plugin install adia-ui-kit-factory@adia-ui-kit
|
|
18
18
|
```
|
|
19
19
|
|
|
20
|
-
(`adia-factory@adia`, not `@gen-ui-kit` — the marketplace registers under
|
|
20
|
+
(`adia-ui-kit-factory@adia-ui-kit`, not `@gen-ui-kit` — the marketplace registers under
|
|
21
21
|
its own manifest name, `adia`, not the repo name.)
|
|
22
22
|
|
|
23
23
|
Sources the in-repo manifest at `.claude-plugin/marketplace.json` (repo
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adia-ai/adia-ui-factory",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.24",
|
|
4
4
|
"description": "Author and verify apps built ON the adia-ui (@adia-ai) light-DOM web-component framework \u2014 orient, scaffold, compose, wire, verify, and migrate across SPA and SSR rendering modes. Wires the a2ui MCP for catalog retrieval, UI generation, and validation.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"adia-ui",
|
|
@@ -1023,11 +1023,11 @@
|
|
|
1023
1023
|
category: overlays
|
|
1024
1024
|
intent: "Destructive-action modal dialog with a confirmation form \u2014 resource-name input field, cancel and delete action buttons, warning icon, and irreversible-action prose."
|
|
1025
1025
|
keywords: ["modal", "dialog", "form", "confirm", "modal-ui", "button-ui", "destructive", "confirm", "input", "action"]
|
|
1026
|
-
"/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.
|
|
1026
|
+
"/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.html":
|
|
1027
1027
|
category: workflow
|
|
1028
1028
|
intent: "Code editor pane with file-tabs header, line-numbered code surface, and status bar footer."
|
|
1029
1029
|
keywords: ["editor", "code", "pane", "tabs", "ide", "line-numbers", "syntax-highlighting", "monaco", "codemirror"]
|
|
1030
|
-
"/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.
|
|
1030
|
+
"/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.html":
|
|
1031
1031
|
category: workflow
|
|
1032
1032
|
intent: "Preview pane rendering the editor's output with toolbar (refresh, viewport, share) and live content area."
|
|
1033
1033
|
keywords: ["preview", "render", "editor", "pane", "output", "live-preview", "iframe", "split-pane", "split", "pane"]
|
|
@@ -1075,7 +1075,7 @@
|
|
|
1075
1075
|
category: data-viz
|
|
1076
1076
|
intent: "Order tracking timeline \u2014 5-step order progress from placed to delivered using timeline-ui + timeline-item-ui. Each step shows status (completed/active/pending) with label and time"
|
|
1077
1077
|
keywords: ["order", "tracking", "timeline", "step", "progress", "shipped", "delivered", "status", "timeline-ui", "timeline-item-ui"]
|
|
1078
|
-
"/catalog/ui-patterns/app/payment-method-form/payment-method-form.
|
|
1078
|
+
"/catalog/ui-patterns/app/payment-method-form/payment-method-form.html":
|
|
1079
1079
|
category: workflow
|
|
1080
1080
|
intent: "Payment method form \u2014 credit card number, expiry, CVC, billing address fields with save/cancel actions. Inline card form (drawer-less variant for gallery + inline-form contexts)."
|
|
1081
1081
|
keywords: ["payment", "method", "credit", "card", "billing", "form", "update", "save", "cvc", "cvv"]
|
|
@@ -1123,31 +1123,31 @@
|
|
|
1123
1123
|
category: data-viz
|
|
1124
1124
|
intent: "Users table showing role and status columns populated with badge-ui variants \u2014 accent for Admin, info for Editor, muted for Viewer, success/warning/muted for Online/Away/Offline st"
|
|
1125
1125
|
keywords: ["badge", "variant", "accent", "info", "success", "warning", "danger", "muted", "badge-ui", "status"]
|
|
1126
|
-
"/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.
|
|
1126
|
+
"/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.html":
|
|
1127
1127
|
category: agent-ops
|
|
1128
1128
|
intent: "AI assistant message bubble with streaming text indicator + assistant avatar + cited sources strip."
|
|
1129
1129
|
keywords: ["ai", "streaming", "response", "message", "bubble", "assistant", "chat", "llm", "typing", "tokens"]
|
|
1130
|
-
"/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.
|
|
1130
|
+
"/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.html":
|
|
1131
1131
|
category: overlays
|
|
1132
1132
|
intent: "Masonry image gallery \u2014 variable-height tiles in a column-flow grid with hover overlays."
|
|
1133
1133
|
keywords: ["masonry", "gallery", "images", "photos", "grid", "variable-height", "pinterest", "tiles", "overlays", "lightbox"]
|
|
1134
|
-
"/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.
|
|
1134
|
+
"/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.html":
|
|
1135
1135
|
category: data-viz
|
|
1136
1136
|
intent: "Real-time metrics dashboard with live counter cards, streaming line chart, error-rate progress, and last-updated timestamp."
|
|
1137
1137
|
keywords: ["real-time", "metrics", "live", "dashboard", "streaming", "counters", "charts", "websocket", "telemetry", "monitoring"]
|
|
1138
|
-
"/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.
|
|
1138
|
+
"/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.html":
|
|
1139
1139
|
category: forms-input
|
|
1140
1140
|
intent: "File upload form with drag and drop zone and file list. Upload-ui with browse fallback, file-type hints, and max-size note."
|
|
1141
1141
|
keywords: ["file", "upload", "drag-and-drop", "dnd", "browse", "attachments", "form-input", "drop", "zone", "file-list"]
|
|
1142
|
-
"/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.
|
|
1142
|
+
"/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.html":
|
|
1143
1143
|
category: marketing
|
|
1144
1144
|
intent: "Two-column hero \u2014 left side heading + lede + CTA buttons; right side product image or media."
|
|
1145
1145
|
keywords: ["hero", "split-hero", "two-column", "landing-page", "heading", "lede", "media", "product-image", "cta"]
|
|
1146
|
-
"/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.
|
|
1146
|
+
"/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.html":
|
|
1147
1147
|
category: agent-ops
|
|
1148
1148
|
intent: "Empty state with illustration, bold headline, description, and primary call-to-action button \u2014 shown when a list/view has no content yet."
|
|
1149
1149
|
keywords: ["empty", "state", "illustration", "bold", "headline", "description", "primary", "call-to-action", "button", "no-results"]
|
|
1150
|
-
"/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.
|
|
1150
|
+
"/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.html":
|
|
1151
1151
|
category: navigation
|
|
1152
1152
|
intent: "Breadcrumb navigation trail using link-ui and icon-ui separators to show the hierarchical path to the current page, enabling users to navigate back up the hierarchy."
|
|
1153
1153
|
keywords: ["breadcrumb", "navigation", "path", "hierarchy", "link", "separator", "breadcrumb-ui", "trail", "link-ui", "icon-ui"]
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
- source: `/packages/web-components/patterns/audit-log/audit-log.examples.html` · demo: `/packages/web-components/patterns/audit-log/audit-log.html` · docs: `/site/patterns/audit-log`
|
|
50
50
|
- **Bulk Action Toolbar** (Patterns) — Contextual action bar that swaps the table toolbar when rows are selected — reach for it for batch archive/delete/export on a grid.
|
|
51
51
|
- keywords: multi-select, batch, selection, archive, contextual, delete
|
|
52
|
-
- components: `button-ui` `
|
|
52
|
+
- components: `button-ui` `toolbar-group-ui` `code-ui` `tag-ui` `card-ui` `divider-ui` `table-toolbar-ui` `table-ui` `text-ui` `toolbar-ui`
|
|
53
53
|
- source: `/packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.examples.html` · demo: `/packages/web-components/patterns/bulk-action-toolbar/bulk-action-toolbar.html` · docs: `/site/patterns/bulk-action-toolbar`
|
|
54
54
|
- **Data Tables — Inline Edit & Tree** (Patterns) — Spreadsheet-style inline-edit grid and hierarchical tree table — reach for it for bulk row correction or recursively nested data.
|
|
55
55
|
- keywords: spreadsheet, editable cells, hierarchy, expand collapse, nested rows, grid
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
- source: `/packages/web-components/patterns/chart-in-card/chart-in-card.examples.html` · demo: `/packages/web-components/patterns/chart-in-card/chart-in-card.html` · docs: `/site/patterns/chart-in-card`
|
|
69
69
|
- **Conversion Funnel** (Patterns) — Multi-step drop-off funnel built from labeled progress rows — reach for onboarding, checkout, activation, or paywall sequences.
|
|
70
70
|
- keywords: drop-off, activation, checkout steps, sign-up flow, progress rows
|
|
71
|
-
- components: `text-ui` `progress-row-ui` `col-ui` `
|
|
71
|
+
- components: `text-ui` `progress-row-ui` `col-ui` `tag-ui` `badge-ui` `card-ui` `row-ui` `segment-ui` `button-ui` `segmented-ui`
|
|
72
72
|
- source: `/packages/web-components/patterns/conversion-funnel/conversion-funnel.examples.html` · demo: `/packages/web-components/patterns/conversion-funnel/conversion-funnel.html` · docs: `/site/patterns/conversion-funnel`
|
|
73
73
|
- **Retention Cohort** (Patterns) — Retention cohort heatmap rendered as a table with color-bucketed badge cells — reach for it for retention/decay reporting.
|
|
74
74
|
- keywords: heatmap, churn, decay, weekly buckets, engagement grid
|
|
@@ -132,7 +132,7 @@
|
|
|
132
132
|
- source: `/packages/web-components/patterns/notifications-bell-and-digest/notifications-bell-and-digest.examples.html` · demo: `/packages/web-components/patterns/notifications-bell-and-digest/notifications-bell-and-digest.html` · docs: `/site/patterns/notifications-bell-and-digest`
|
|
133
133
|
- **System & App Banners** (Patterns) — Persistent strip banners above the app shell — offline/maintenance status, live updates, announcements — reach for top-of-app messaging.
|
|
134
134
|
- keywords: offline, maintenance, announcement, strip, degraded, promo
|
|
135
|
-
- components: `
|
|
135
|
+
- components: `alert-ui` `button-ui` `tag-ui` `text-ui`
|
|
136
136
|
- source: `/packages/web-components/patterns/system-banners/system-banners.examples.html` · demo: `/packages/web-components/patterns/system-banners/system-banners.html` · docs: `/site/patterns/system-banners`
|
|
137
137
|
|
|
138
138
|
### overlays
|
|
@@ -256,11 +256,11 @@
|
|
|
256
256
|
- **V050 Agent Blocks** (Pattern Library) — AI assistant message bubble with streaming text indicator + assistant avatar + cited sources strip.
|
|
257
257
|
- keywords: ai, streaming, response, message, bubble, assistant, chat, llm, typing, tokens
|
|
258
258
|
- components: `text-ui` `col-ui` `tag-ui` `button-ui` `row-ui` `card-ui` `code-ui` `avatar-ui` `icon-ui` `search-ui`
|
|
259
|
-
- source: `/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html` · docs: `/site/examples/patterns/v050-agent-blocks`
|
|
259
|
+
- source: `/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-agent-blocks/v050-agent-blocks.html` · docs: `/site/examples/patterns/v050-agent-blocks`
|
|
260
260
|
- **V050 Mode C Blocks** (Pattern Library) — Empty state with illustration, bold headline, description, and primary call-to-action button — shown when a list/view has no content yet.
|
|
261
261
|
- keywords: empty, state, illustration, bold, headline, description, primary, call-to-action, button, no-results
|
|
262
262
|
- components: `text-ui` `row-ui` `button-ui` `col-ui` `card-ui` `icon-ui` `kbd-ui` `alert-ui` `field-ui` `tab-ui` `input-ui` `separator-ui`
|
|
263
|
-
- source: `/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html` · docs: `/site/examples/patterns/v050-mode-c-blocks`
|
|
263
|
+
- source: `/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-mode-c-blocks/v050-mode-c-blocks.html` · docs: `/site/examples/patterns/v050-mode-c-blocks`
|
|
264
264
|
|
|
265
265
|
### app-overview
|
|
266
266
|
|
|
@@ -422,7 +422,7 @@
|
|
|
422
422
|
- **V050 Data Blocks** (Pattern Library) — Real-time metrics dashboard with live counter cards, streaming line chart, error-rate progress, and last-updated timestamp.
|
|
423
423
|
- keywords: real-time, metrics, live, dashboard, streaming, counters, charts, websocket, telemetry, monitoring
|
|
424
424
|
- components: `text-ui` `row-ui` `col-ui` `card-ui` `button-ui` `badge-ui` `avatar-ui` `icon-ui` `progress-ui` `chart-ui` `description-list-ui` `grid-ui`
|
|
425
|
-
- source: `/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html` · docs: `/site/examples/patterns/v050-data-blocks`
|
|
425
|
+
- source: `/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-data-blocks/v050-data-blocks.html` · docs: `/site/examples/patterns/v050-data-blocks`
|
|
426
426
|
- **V053 Coverage Fill** (Pattern Library) — Inline month-view calendar grid with weekday headers, day cells, and month navigation. Built on calendar-grid-ui (substrate primitive); calendar-picker-ui adds a popover trigger fo
|
|
427
427
|
- keywords: calendar, date, picker, month, navigation, calendar-grid-ui, month-view, weekday, day, grid
|
|
428
428
|
- components: `text-ui` `card-ui` `avatar-ui` `button-ui` `col-ui` `row-ui` `swatch-ui` `stat-ui` `empty-state-ui` `field-ui` `divider-ui` `input-ui`
|
|
@@ -449,7 +449,7 @@
|
|
|
449
449
|
- **V050 Form Blocks** (Pattern Library) — File upload form with drag and drop zone and file list. Upload-ui with browse fallback, file-type hints, and max-size note.
|
|
450
450
|
- keywords: file, upload, drag-and-drop, dnd, browse, attachments, form-input, drop, zone, file-list
|
|
451
451
|
- components: `field-ui` `button-ui` `col-ui` `input-ui` `row-ui` `text-ui` `card-ui` `tag-ui` `radio-ui` `calendar-picker-ui` `check-ui` `grid-ui`
|
|
452
|
-
- source: `/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html` · docs: `/site/examples/patterns/v050-form-blocks`
|
|
452
|
+
- source: `/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-form-blocks/v050-form-blocks.html` · docs: `/site/examples/patterns/v050-form-blocks`
|
|
453
453
|
|
|
454
454
|
### marketing
|
|
455
455
|
|
|
@@ -468,7 +468,7 @@
|
|
|
468
468
|
- **V050 Marketing Blocks** (Pattern Library) — Two-column hero — left side heading + lede + CTA buttons; right side product image or media.
|
|
469
469
|
- keywords: hero, split-hero, two-column, landing-page, heading, lede, media, product-image, cta
|
|
470
470
|
- components: `text-ui` `col-ui` `link-ui` `row-ui` `accordion-item-ui` `card-ui` `grid-ui` `avatar-ui` `button-ui` `icon-ui` `accordion-ui` `divider-ui`
|
|
471
|
-
- source: `/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html` · docs: `/site/examples/patterns/v050-marketing-blocks`
|
|
471
|
+
- source: `/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-marketing-blocks/v050-marketing-blocks.html` · docs: `/site/examples/patterns/v050-marketing-blocks`
|
|
472
472
|
|
|
473
473
|
### navigation
|
|
474
474
|
|
|
@@ -479,7 +479,7 @@
|
|
|
479
479
|
- **V050 Nav Blocks** (Pattern Library) — Breadcrumb navigation trail using link-ui and icon-ui separators to show the hierarchical path to the current page, enabling users to navigate back up the hierarchy.
|
|
480
480
|
- keywords: breadcrumb, navigation, path, hierarchy, link, separator, breadcrumb-ui, trail, link-ui, icon-ui
|
|
481
481
|
- components: `button-ui` `col-ui` `icon-ui` `link-ui` `row-ui` `text-ui` `separator-ui` `admin-sidebar`
|
|
482
|
-
- source: `/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html` · docs: `/site/examples/patterns/v050-nav-blocks`
|
|
482
|
+
- source: `/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-nav-blocks/v050-nav-blocks.html` · docs: `/site/examples/patterns/v050-nav-blocks`
|
|
483
483
|
|
|
484
484
|
### onboarding-flow
|
|
485
485
|
|
|
@@ -541,7 +541,7 @@
|
|
|
541
541
|
- **V050 Content Blocks** (Pattern Library) — Masonry image gallery — variable-height tiles in a column-flow grid with hover overlays.
|
|
542
542
|
- keywords: masonry, gallery, images, photos, grid, variable-height, pinterest, tiles, overlays, lightbox
|
|
543
543
|
- components: `text-ui` `card-ui` `col-ui` `row-ui` `progress-ui` `avatar-ui` `badge-ui` `grid-ui` `avatar-group-ui` `blockquote-ui` `description-list-ui` `rating-ui`
|
|
544
|
-
- source: `/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html` · docs: `/site/examples/patterns/v050-content-blocks`
|
|
544
|
+
- source: `/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.contents.html` · demo: `/catalog/ui-patterns/v050-content-blocks/v050-content-blocks.html` · docs: `/site/examples/patterns/v050-content-blocks`
|
|
545
545
|
|
|
546
546
|
### registration-flow
|
|
547
547
|
|
|
@@ -668,11 +668,11 @@
|
|
|
668
668
|
- **Editor Code Pane** (Pattern Library) — Code editor pane with file-tabs header, line-numbered code surface, and status bar footer.
|
|
669
669
|
- keywords: editor, code, pane, tabs, ide, line-numbers, syntax-highlighting, monaco, codemirror
|
|
670
670
|
- components: `button-ui` `row-ui` `textarea-ui`
|
|
671
|
-
- source: `/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html` · docs: `/site/examples/patterns/editor-code-pane`
|
|
671
|
+
- source: `/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.contents.html` · demo: `/catalog/ui-patterns/app/editor-code-pane/editor-code-pane.html` · docs: `/site/examples/patterns/editor-code-pane`
|
|
672
672
|
- **Editor Preview Pane** (Pattern Library) — Preview pane rendering the editor's output with toolbar (refresh, viewport, share) and live content area.
|
|
673
673
|
- keywords: preview, render, editor, pane, output, live-preview, iframe, split-pane, split, pane
|
|
674
674
|
- components: `text-ui`
|
|
675
|
-
- source: `/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html` · docs: `/site/examples/patterns/editor-preview-pane`
|
|
675
|
+
- source: `/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.contents.html` · demo: `/catalog/ui-patterns/app/editor-preview-pane/editor-preview-pane.html` · docs: `/site/examples/patterns/editor-preview-pane`
|
|
676
676
|
- **Kanban Board 3col** (Pattern Library) — Kanban board with todo, in progress, and done columns. Task cards with title, assignee avatar, priority badge, and label tag.
|
|
677
677
|
- keywords: kanban, board, todo, in-progress, done, columns, tasks, project-management, cards, assignee
|
|
678
678
|
- components: `text-ui` `row-ui` `badge-ui` `card-ui` `col-ui` `avatar-ui` `tag-ui` `grid-ui`
|
|
@@ -680,7 +680,7 @@
|
|
|
680
680
|
- **Payment Method Form** (Pattern Library) — Payment method form — credit card number, expiry, CVC, billing address fields with save/cancel actions. Inline card form (drawer-less variant for gallery + inline-form contexts).
|
|
681
681
|
- keywords: payment, method, credit, card, billing, form, update, save, cvc, cvv
|
|
682
682
|
- components: `field-ui` `input-ui` `button-ui` `grid-ui` `row-ui` `alert-ui` `avatar-ui` `card-ui` `col-ui` `divider-ui` `select-ui` `text-ui`
|
|
683
|
-
- source: `/catalog/ui-patterns/app/payment-method-form/payment-method-form.contents.html` · docs: `/site/examples/patterns/payment-method-form`
|
|
683
|
+
- source: `/catalog/ui-patterns/app/payment-method-form/payment-method-form.contents.html` · demo: `/catalog/ui-patterns/app/payment-method-form/payment-method-form.html` · docs: `/site/examples/patterns/payment-method-form`
|
|
684
684
|
- **Settings Appearance** (Pattern Library) — Appearance settings section — theme picker, density + radius sliders, color-scheme toggle.
|
|
685
685
|
- keywords: settings, appearance, theme, density, radius, color-scheme, dark-mode, preferences, ui-controls
|
|
686
686
|
- components: `card-ui` `theme-panel`
|