@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.22",
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
@@ -2,7 +2,7 @@
2
2
  "mcpServers": {
3
3
  "a2ui": {
4
4
  "command": "npx",
5
- "args": ["-y", "@adia-ai/a2ui-mcp@0.8.22"]
5
+ "args": ["-y", "@adia-ai/a2ui-mcp@0.8.24"]
6
6
  }
7
7
  }
8
8
  }
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.22",
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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.contents.html":
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` `tag-ui` `code-ui` `card-ui` `divider-ui` `table-toolbar-ui` `table-ui` `text-ui` `toolbar-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` `row-ui` `tag-ui` `badge-ui` `card-ui` `segment-ui` `button-ui` `segmented-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: `text-ui` `alert-ui` `col-ui` `row-ui` `button-ui` `tag-ui`
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`